/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

  /* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

:root {
  --main-color: rgba( 20,44,74,1); /* main color backgroung*/
  --secondary-color: #F2F2F2;  /* backgroung simple tags and sub footer*/
  --main-bg-color: #fff; /* background body*/
  --text-category: rgba(60,60,60,1); /* general text*/
  --default-text-category: #fff; /* general text*/
}
  
html { font-size: 16px; }

body{ font-family:'Roboto Condensed'; font-weight: 400; background:var(--main-bg-color); color:var(--text-category)}

.form-control{
  color:var(--main-color)
}

button{outline: 0 !important;}
.btn{ background-position:center center; background-repeat:no-repeat; background-size:100% 100%; }
.color-white{color:white;}
.close-modal{cursor:pointer;color:#f2dc42;}

.main-container{ float: left; width: 80%; margin: 0 10%; position: relative;}
.main-container.text-content{width:50%; margin-top:20px;}

.searchBox{display: inline-block; width:15%; position:relative;vertical-align: middle;}
.searchBox input{ float:left; width:100%; }
.searchBox span.input-group-addon{ float:right; width:auto; position:absolute; top:0; right:0; z-index:10; height:100%;}

.contracts-date{display: inline-block; width:170px; position:relative;vertical-align: middle; margin:0 0 0 30px;}
.contracts-date label{ float:left;width: auto; font-size:18px; font-weight:normal; margin:4px 10px 0 0; }
.contracts-date input{ float:left; width:100px; }

.container-fluid {
    padding:0;
    margin-right: auto;
    margin-left: auto;
}

.btn-grey{font-weight:600; color:grey; font-size:20px;background:#e5e5e5; padding:5px 30px; margin-top:5px;}
.btn-grey:hover{background:#CCCCCC;color:grey;}
.btn-yellow{ font-weight:600; font-size:20px; padding:5px 0px ; background:var(--main-color); color:#fff; margin-top:5px;
  font-size: 20px;
  line-height: 24px;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
  opacity: 1 !important;
  border-radius: 0px !important;
  padding: 10px 40px;
  margin-right: 10px;
  border: solid 1px var(--main-color);
}
.btn-yellow:hover{ background: #fff;color: var(--main-color);padding: 10px 40px;}
.btn-yellow-disabled{ font-weight:600; font-size:20px; padding:5px 0px ; background:var(--main-color); color:#fff; margin-top:5px;
  font-size: 20px;
  line-height: 24px;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
  opacity: 0.5 !important;
  border-radius: 0px !important;
  padding: 10px 40px;
  margin-right: 10px;
}


.btn-default{ font-weight:600; font-size:20px; padding:5px 0px ; background:transparent;  margin-top:5px;
  font-size: 20px;
  line-height: 24px;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: var(--main-color);
  opacity: 1 !important;
  border-radius: 0px !important;
  border:1px solid var(--main-color);;
  padding: 10px 40px;
  margin-right: 10px;
}
.btn-default:hover{ background:var(--main-color);color: #fff;border:1px solid var(--main-color);;padding: 10px 40px;}

.btn[disabled]{opacity:.5;}

a{color: rgba(0,87,184,1);}
a:hover{color: rgba(0,87,184,.8);}

.page-header {
    border-bottom: none;
    background-color:var(--main-color);
    color: var(--secondary-color);
    width:100%;
    z-index:1000;
    margin: 0;
    padding: 5px 0px;
}

.page-header-inner {
  max-width: 1300px;
  padding: 0px;
  margin: 0 auto;
  display:grid;
  grid-template-columns: 1fr 1fr;
}

/* new styles shop */
.page-header div .logo{ 
  padding:0px;
  min-width: 273px;
  height: 100px;
}

.page-header .logo img {
  min-height: 3.75em;
  max-height: 8em;
}

.page-header .links {
  font-family: 'Roboto Condensed';
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem;
  letter-spacing: 0.05em;
  margin-bottom: 1.5em;
}

.page-header .links .mobile-cart { 
  display:none;
}

.page-header .links li { display: inline-block; border-right: 1px solid white; padding: 0px 1em} 

.page-header .links li:last-child { border-right: none;}

.page-header .mobile-tag-links { display: none; }

.page-header a,
.page-header .links li a:visited, 
.page-header .links li a:active,
.page-header .links li a:link { color: var(--secondary-color); text-decoration: none; cursor:pointer;}

.page-header .links li:not(.user):hover {
  text-decoration: underline;
}

.page-header .menu-icon {
  display: none;
}

/* action buttons in home page */
.page-header .options {
  font-family: 'Roboto Condensed';
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem;
  letter-spacing: 0.05em;
  text-align: right;
}

.page-header .options span {
  border: 1px solid var(--secondary-color);
  padding: .5em 1em;
  margin: 0px;
  font-weight: bold;
}

.page-header .options img {
  width: 1.2em;
  margin: 0px .5em 0px 0px;
}

.page-header .options span:nth-child(1) {
  background-color: var(--secondary-color);
  color: var(--main-color);
}

.page-header .options span:nth-child(2) {
  background-color: var(--main-color);
}

.page-header .options span:nth-child(2) a:link, 
.page-header .options span:nth-child(2) a:active,
.page-header .options span:nth-child(2) a:visited {
  color: var(--secondary-color);
}
/* end new shop styles*/

.page-header .agency{float:left; color:#fff; font-size:16px; font-weight:600; margin:10px 0 0 15px;}

.page-header .breadcrumb{ float:left; margin: 4px 0 0 50px; width:auto; background:none;}
.page-header .breadcrumb li{ float:left; width:auto; margin:0 5px 0 0; text-align:left;}
.page-header .breadcrumb li a{ color:#fff; cursor:pointer;}

.page-header .breadcrumb li.active:before{ float:left; color:#656565; padding:0 5px 0 0; text-align:center; }
.page-header .breadcrumb li.active span{float:left; color:#656565}


.page-header .navtabs a{ float:left; cursor:pointer; text-decoration:none; color:rgb(255,255,255); font-size:16px; margin-left:5px; padding:5px 20px; border-top-right-radius:10px; border-top-left-radius:10px;}
.page-header .navtabs a:hover{ text-shadow:0 0 5px #ccc}
.page-header .navtabs a.current{ color:rgba(255,255,255,.5);}


.page-header .btns-right{float:right;}
.page-header .btns-right .btn-settings{ float:right; padding:0px; height:45px; width:45px; background:none; color:#fff;}
.page-header .btns-right .btn-settings span{font-size:20px; }
.page-header .btns-right .dropdown-menu{ right:5px; top:45px; left:auto; }
.page-header .btns-right .dropdown-menu a{color:#777; }
.page-header .btns-right .dropdown-menu a:hover{ background-color:#ddd; }
.page-header .btns-right div.user{float:left; color:#fff; font-size:12px; font-weight:600; margin:12px 0px 0 0;}

.page-header .btns-right a.login-btn{font-weight:600;color:#fff;font-size: 14px;padding:0 5px;float:right;margin:12px 12px 0 0;cursor:pointer;text-decoration:none;}
.page-header .btns-right a.login-btn:hover{ background:rgba(255, 255, 255, .2); border-radius:3px; }

.page-header .navscr{float:right; margin-right: 50px;}

/* Tags module */

.shopProduct {
  min-height: 420px;
}

.tags {
  cursor: pointer;
}

.tags.headTags .btns-right{float:right; width: 100%;}
.tags.headTags .btns-right .btn-group{float:right; width: 100%;}
.tags.headTags .btns-right .form-control {width: 50%;  float: right;  margin: 6px 12px;}
.tags.headTags .btns-right .btn-group button{float:right;}
.tags.headTags .btns-right .btn-settings .span-cart i {  font-size: 28px;  position: relative;}
.tags.headTags .btns-right .btn-settings .span-cart i span {  
  font-family: 'Roboto Condensed';
  font-weight: 700;
  color: #000;
  background-color: #fff;
  font-size: 14px;
  position: absolute;
  float: left;
  padding: 0;
  top: 0;
  right: 0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
}


button.btn.btn-settings.btn-settings-cart {
  background: none;
}

.input-group-append {
  margin-left: -1px;
}

.tags.headTags h6{
  font-family: 'Roboto Condensed';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 2px;
  text-align: left;
  color:var(--text-category)
}

.tags.headTags ul, .tags.iconTags ul {
  padding: 1em;
  float: left;
  width: 100%;
}

.tags.headTags ul li {
  display: inline-block;
  margin-right: 1.5em;
  font-size: 1.2em;
}

.searchInput {
  padding: 1em;
}

.tags.iconTags ul  {
  float: left;
  width: 100%;
}
.tags.iconTags ul li {
  text-align: center;
  padding: 1em;
  /* display:inline-block; */
  background-color: var(--secondary-color);
  margin: 5px;
  float: left;  
  list-style: none;
  font-family: 'Roboto Condensed';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.5px;
  text-align: center;
  color: var(--text-category)
}
.tags.iconTags ul li img {
  color: var(--main-color)
}

.tags.iconTags ul li:hover {
  /* filter: invert(100%); */
  font-weight: bold;
  background-color: var(--main-color);
  color: #fff;
}

.tags.iconTags ul li:hover img {
  filter: invert(100%); 
}

.tags.carouselTags .carousel-item .carousel-item-container{
  background-size: cover;
  background-position: top;
  background-repeat:no-repeat;
  height: 600px;
}


.tags.iconTags ul li img  {
  margin-bottom: 10px;
  width: 4em;
  height: 4em;
}
.tags.featuredTags {
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  position: relative;
}
.tags.featuredTags h3 {
  position: relative;
  top: 250px;
  bottom: 150px;
  background-color: var(--main-color);
  color: var(--secondary-color);
  padding: 1em;
  display:inline-block;
  min-width: 50%;
  font-size: 1.2em;
  font-family: "Roboto Condensed";
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.5px;
  text-align: center;
}

.tags .active {
  filter: invert(100%);
}

.static-content{
  padding: 0px;
  display:grid;
  grid-template-columns: repeat(3,4fr);
  margin: 2em 0px 3em 0px;
  border-top: 1px solid #a2a2a2;
  padding-top: 4em;
}

.static-content h6 {
  font-family: 'Roboto Condensed';
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 2px;
  text-align: left;
  margin-bottom: 0px;
  margin-top: 0px;
  color:var(--text-category)
}

.static-content p {
  font-family: 'Roboto Condensed';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.5px;
  text-align: left;
  color:var(--text-category)
}

.static-content div {
  margin-bottom: 10px;
  display: grid;
  grid-template-areas: "icon heading heading heading"
                        "icon text text text";
}

.static-content div div:nth-child(1) {
  grid-area: icon;
}

.static-content div div:nth-child(2) {
  margin: 0px 0px 1em 1em;
  grid-area: heading;
}

.static-content div div:nth-child(2) h3{
  margin: 0;
}

.static-content div div:nth-child(3) {
  margin-left: 1em;
  grid-area: text;
}

.static-content div img{
  min-width: 2em;
  margin-top: -2px;
}


/* End tags module */

/*** images footer ****/
img.image-footer {margin-left: 5px;}

/* .footer{ float:left; width:100%; background-color: #333333; bottom:0; left:0;  border-top:1px solid #e5e8ea; z-index:1000; text-align:center; padding: 5px 0;}
.footer .row {float:left; width: 100%;}
.footer .row-top{padding: 5px 0; border-bottom: 1px solid #484848;}
.footer .row-top p {color:#d3d3d3; float: left;   margin: 0;   padding: 0 5px; font-size: 12px; width: 100%; text-align: left;}
.footer .row-top .col-right { }
.footer .row-top .col-right p{ float: right; text-align: right; width: 100%; font-size: 12px;}
.footer .row-top .col-right img{ float: right; margin-left: 5px; }
.footer .row-bottom { min-height: 30%; vertical-align: middle;  padding: 5px 0; }
.footer ul{ display:inline-block; list-style:none; margin:3px 0 0 0; padding:0; float: left; }
.footer ul li{ float:left; border-left:1px solid #d0d0d0; padding:0; margin:6px 0 0; height:12px;   }
.footer ul li a{ float:left; font-size:11px; font-weight:400; color:#d3d3d3; padding:0 5px; height:12px; line-height:12px; margin:0; border-left:1px solid #a8a8a8; }
.footer ul li:first-child{ border:none; margin:1px 5px 0 0;}
.footer ul li:first-child a{ border:none; line-height:22px; }
.footer ul li:first-child  a img{height:18px;position:relative;bottom:0;vertical-align: top;} */

.footer.footer-top {
  background-color: var(--secondary-color);
  padding: 2em 0px;
  overflow: hidden;
  width:100%;
}

.footer.footer-top .footer-top-inner, .footer.footer-bottom .footer-bottom-inner {
  max-width: 1300px;
  margin: 0 auto;
}

.footer.footer-top .footer-top-inner h4 {
  font-family: 'Roboto Condensed';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: 0.5px;
  text-align: left;
  color:var(--text-category);
}

.footer.footer-top .footer-top-inner p {
  font-family: 'Roboto Condensed';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.5px;
  text-align: left;
  color:var(--text-category);
}

.footer.footer-top .footer-top-inner p a {
  color: var(--main-color);
}

.footer.footer-bottom {
  padding: 1em 0px;
  background-color: var(--main-color);
  font-size: 0.9em;
}

.footer.footer-bottom .footer-bottom-inner {
  margin: 0px auto;
  font-family: 'Roboto Condensed';
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 300;
  line-height: 0.875rem;
  letter-spacing: 0.05em;
  display: grid;
  width:100%;
  grid-template-columns: 2fr 4fr;
}


.footer.footer-bottom .footer-bottom-inner a,
.footer.footer-bottom .footer-bottom-inner a:visited,
.footer.footer-bottom .footer-bottom-inner:active,
.footer.footer-bottom .footer-bottom-inner a:link {
  margin: 0px auto;
  color: var(--secondary-color);
}
.footer.footer-bottom .footer-bottom-inner a:hover {
  text-decoration: underline;
}


.footer.footer-bottom div:nth-child(2) {
  /* display:grid;
  grid-auto-flow: column;
  align-items: center;
  text-align: center; */
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.footer.footer-bottom div:nth-child(2) div {
  border-right: 1px solid var(--secondary-color);
  line-height: 1em;
  color: var(--secondary-color);
  padding: 0px 5px;
}

.footer.footer-bottom div:nth-child(2) div:last-child {
  border-right: none;
}

.social-media {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  width: 25%;
}

.social-media div {
  align-self: center;
}

.social-media div a i {
  max-width: 1em;
  max-height: 1.125em;
  color: var(--main-color);
}


.page-container {
    width:100%;
    position: relative;
    min-height: calc(100vh - 330px);
    background: var(--main-bg-color);
    max-width: 1300px;
    margin: 0 auto;
    margin-bottom: 60px;
}

/*************** LOGIN ***************/

.top-header h1{ float:left; margin:0; font-size:16px; font-weight:600; padding:0; color:#fff; margin:12px 0 0 15px;}

div.login-screen{  float:left; width:90%; margin:30px 5% 100px;}
div.login-screen .border{ border-left:solid 1px #e5e8ea}
div.login-screen .panel-login{ background:#fff; border:none;box-shadow: 0 0 10px 0 #777; width: 350px; margin: 10px auto 0 auto;}
div.login-screen .panel-login .panel-heading{display:none;}
div.login-screen .panel-login button{float:left; width:100%; position:relative;}
div.login-screen .panel-login button .panel-spinner{ position:absolute; right:10px; top:8px; width:20px; height:20px; background-size:100%;}
div.login-screen .panel-login label{ font-size:14px; font-weight:normal;}
div.login-screen .panel-login .checkbox label{ font-size:12px; color:#888; font-weight:normal;}
div.login-screen .panel-login input{ border-color:#eee}
div.login-screen .panel-reset a{ float:right; width:30%; border:none; font-weight:600; font-size:16px; background-color:#eee; color:#777;}
div.login-screen .panel-reset .btn-grey{margin-top:15px; border:none;}
div.login-screen .panel-login h2{margin-top:0; font-size:24px;}
div.login-screen .panel-login p{ font-size:12px; color:#999; margin:0 0 20px 0}
div.login-screen .panel-reg{ width:550px;}
div.login-screen .panel-reg .form-group{ }

div.reset-screen{ margin-top: 60px;}


/*************** PASSWORD ***************/

.password-form{margin: 0 auto; width: 380px;padding-top: 100px; }
.password-form .title {padding-bottom:15px;}
.password-form .btn {margin-right:10px;}
.password-form button{position:relative;}
.password-form .panel-spinner{ position:absolute; right:10px; top:8px; width:20px; height:20px; background-size:100%;}

/************* POINTS OF SALES - AGANECIES **************/

.agencies-container{margin: 0 auto; padding-bottom: 30px}
.agency-box{border:1px solid rgba(0,0,0,.2); width:28%; padding:0; margin-top:25px;}
.agency-box:nth-child(3n+2) {margin-left:8%; margin-right:8%;}
.agency-box .heading {border-bottom:1px solid rgba(0,0,0,.2);}
.agency-box .body {padding:15px; }
.agency-box .margin-item {margin-bottom: 5px;}
.agency-box img { width: 100% }
.agency-box .icon {color: #cccccd; font-size:15px; line-height: 20px; margin-right:5px;}

/************* PACKAGES HOME **************/
.packages{ float:left; width:100%; background:url(../img/match-detail-bg.jpg) top left no-repeat; background-size:100%;}
.packages .pack-list{ float:left; width:80%; margin:0 10%; position:relative; }
.packages .pack-list ul{float:left;width:100%;height: 300px;list-style:none;margin:20px 0;padding:0;text-align:center;color:#000;}
.packages .pack-list ul li{ float:left; width:20%; margin:0; }
.packages .pack-list ul li:first-child{ margin:0;}
.packages .pack-list ul li > div{background:rgba(255,255,255,.95); border-radius:5px; box-shadow:1px 1px 5px 0 rgba(0,0,0,.5); width:90%; margin:0 5%;}
.packages .pack-list ul li div div{ float:left; width:100%;  height:140px; text-align:center; padding:10px 20px; line-height:130px }
.packages .pack-list ul li div div img{ max-height:90px; max-width:120px;}
.packages .pack-list ul li div h3{ float:left; width:100%; font-weight:600; font-size:16px; margin:0; padding:0;}
.packages .pack-list ul li div h4{ float:left; width:100%; font-weight:600; font-size:14px; margin:15px 0 0;}
.packages .pack-list ul li div p{ float:left; width:100%; font-size:12px; margin:15px 0 0 0; padding:0 20px;}
.packages .pack-list ul li div button{ margin:15px 0 25px;}

.packages .pack-list .pack-scroll-left{display:none;position:absolute; left:-60px; top:43%; background:url(../img/left-arrow.png) top left no-repeat; border:none; width:40px; height:58px; }
.packages .pack-list .pack-scroll-right{display:none;position:absolute; right:-60px; top:43%; background:url(../img/right-arrow.png) top left no-repeat; border:none; width:40px; height:58px;}

.packages .pack-list .pack-scroll-left:hover{ background-image:url(../img/left-arrow-h.png)}
.packages .pack-list .pack-scroll-right:hover{ background-image:url(../img/right-arrow-h.png)}

.rn-carousel-control {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  position: absolute;
  top:43%;
  opacity: 0.75;
  cursor: pointer;
  border:none; width:40px; height:58px;
   }
   .rn-carousel-control:before{display:none;}
  .rn-carousel-control:hover {
    opacity: 1; }
  .rn-carousel-control.rn-carousel-control-prev {
   left:-60px; background:url(../img/left-arrow.png) top left no-repeat;}
    .rn-carousel-control.rn-carousel-control-prev:hover {
      background-image:url(../img/left-arrow-h.png); }
  .rn-carousel-control.rn-carousel-control-next {
    right: -60px;background:url(../img/right-arrow.png) top left no-repeat; }
    .rn-carousel-control.rn-carousel-control-next:hover {
       background-image:url(../img/right-arrow-h.png) }

.packages .just-scmatch{ float:left; width:80%; margin:0 10%; position:relative; }
.packages .just-scmatch div.jsc-cont{float:left; width:60%; margin:20px 20%; position:relative; background:rgba(0,0,0,.7); border-radius:10px; box-shadow:0 0 5px; padding:20px;}
.packages .just-scmatch div.jsc-cont div {float:left; position:relative; background:url(../img/season-card.png) top left no-repeat; width:30%; height:auto; background-size:contain; height:0px; padding-bottom:30%;}
.packages .just-scmatch div.jsc-cont div img{float:left; position:absolute; width:30%; top:55%; left:20%;}
.packages .just-scmatch div.jsc-cont h2{ float:left; width:60%; margin:2% 0 0 5%; color:#fff; font-size:24px; font-weight:bold; }
.packages .just-scmatch div.jsc-cont p{ float:left; width:60%; margin:10px 0 0 5%; color:#ddd; font-size:18px; }
.packages .just-scmatch div.jsc-cont button{ float:left; width:auto; margin:3% 0 0 5%; font-size:20px;}

.img-nopack{ float:left; width:100%; background:url(../img/match-detail-bg.jpg) top left no-repeat; background-size:100%; min-height: 366px;}

/************* MATCHES HOME **************/
.match-list{ float:left; width:80%; margin:15px 9%; margin-bottom: 90px; }

.match-list .filters{float:left; width:100%; background-color:rgba(54, 54, 54, 0.7); padding:10px 15px;}
.match-list .filters h2{ font-size:14px; font-weight:600; color:#fff; margin:0 45px 0 0; padding:0; line-height:18px; float:left; }
.match-list .filters > div{ float:left; margin-right:50px; position:relative;}
.match-list .filters a.filter-dropdown{ color:#fff; font-size:14px; text-decoration:none; cursor:pointer; padding:5px 10px; border:1px solid rgba(255,255,255,0);}
.match-list .filters a.filter-dropdown.opened{ border:1px solid rgba(0,0,0,.2); border-top-left-radius:5px; border-top-right-radius:5px;}
.match-list .filters > div > div{ float:left; min-width:100px; background:#fff; position:absolute; left:0; top:23px; margin:0; z-index:100; border:1px solid rgba(0,0,0,.2); box-shadow:0px 2px 5px 0px rgba(0,0,0,.1);}
.match-list .filters > div > div ul{ float:left; margin:0; min-width:200px; list-style:none; padding:5px 0; max-height:275px; overflow-x:hidden; overflow-y:auto;}
.match-list .filters > div > div ul li{ float:left; width:100%;}
.match-list .filters > div > div ul li a{float:left; width:100%; color:#000; text-decoration:none; cursor:pointer; padding:5px 10px; white-space:nowrap;}
.match-list .filters > div > div ul li a:hover{background-color:#f2f2f2;}
.match-list .filters > div > div ul li.selected a{background-color:#efefef;}

.match-list .filters .date-picker-from .well{ float:left; position:relative; top:0; margin:0; border:none; background-color:#Fff;}
.match-list .filters .date-picker-from .well button{border:none;}
.match-list .filters .date-picker-from .well button .text-muted{color:#aaa;}
.match-list .filters .date-picker-from.second {left: 284px;}

.match-list .filters .date-picker-from .well .btn-info{ color: #fff; background-color: #68b26f;}
.match-list .filters .date-picker-from .well .btn-info span{ color: #fff; }

.table-container{float:left; width:100%; overflow:hidden; position:relative; box-sizing:border-box; padding:0 15px; }
.table-container .table-header{float:left; width:100%; border-bottom:1px solid #e5e8ea;}
.table-container .table-header div{float:left; cursor:pointer;}

.table-container .table-header div div{ width:100%; color:var(--text-category); font-weight:600; padding:3px 10px 3px 0px; position:relative; font-size:14px;}
.table-container .table-header div div.asc-order:after{content:' ';
  width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, .5);
    position:absolute;
    left:0px;top:11px
 }
 .table-container .table-header div div.desc-order:after{content:' ';
  width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, .5);
    position:absolute;
    left:0px;top:11px
 }


.table-header-sold { padding:10px 25px 5px 25px;border-bottom: 1px solid #e5e8ea;}
.table-header-sold .info{ padding:0 20px}
.table-header-sold .btn-yellow{ margin:0;padding: 5px 15px;font-size: 12px;line-height: 1.5;}

.table-container .table-content{float:left;width:100%;}
.table-container .table-content .row{border-bottom:1px solid #e5e8ea;}
.table-container .table-content .row > div{padding-top:10px; padding-bottom:10px; }

.table-container .table-content span{font-size:14px;font-weight:400;color:#000;float:none;display: inline-block;}
.table-container .table-content span.text-info{margin-top:15px;}
.table-container .table-content span.datetime{font-size:18px; background:#e6e6e6; border-radius:5px; padding:5px 20px; text-align:center;}
.table-container .table-content img{ float:none; max-height:56px; padding:0 12px 0 0; width: 56px}
.table-container .table-content img.league-logo{ max-height:56px; padding:0 12px 0 0; margin:0}

.table-container .table-content .btn{ font-weight:600; padding:5px 40px; font-size:18px; margin:10px 0;}

.table-container .table-content .pagination{ float:left; width:100%; margin-top:15px; text-align:center;  }
.table-container .table-content .pagination li{ display:inline-block; margin:0 2px; width:auto;}
.table-container .table-content .pagination li a, .table-container .table-content .pagination li span{ width:30px; background-color:#cfd9e1; border:none; color:#000; font-size:14px; font-weight:300; }
.table-container .table-content .pagination li.disabled{ display:none; }
.table-container .table-content .pagination li.active a{ font-weight:600; font-size:14px; color:#000;}


#ticketsTable > div > div span{ float:left; font-size:14px; padding:12px 0;}
#ticketsTable > div > div:nth-child(2) img{ float:left;height:30px; margin:10px 0 0 0;}
#ticketsTable > div > div span span.seat-type{padding:3px 0;}

#ticketsTable > div > div:nth-child(8) span{ float:right;}
#ticketsTable > div > div span.price{padding:5px 5px 0 0; float:right; font-weight:600; font-size:16px;}
#ticketsTable > div > div span.paid{padding:0 5px 5px 0; float:right; clear:right; font-size:13px;}
#ticketsTable > div > div span.ticketDesc{ font-size:14px; font-weight:600;}

.scrollbar-horizontal{position:absolute; bottom:0; left:0; width:100%; height:14px; margin:0; padding:0; z-index:1;background:rgba(0,0,0,.1); border-radius:6px;}
.scrollbar-horizontal.disable{display: none;}
.scrollbar-horizontal span{ position:absolute; top:2px; left:0; height:10px; background:rgba(0,0,0,.3); border-radius:4px;}

.scrollbar-vertical{ position:absolute; top:0; right:0; height: calc(100vh - 120px); width:14px; margin:0; padding:0; z-index:1; background:rgba(0,0,0,.1); border-radius:6px; }
.scrollbar-vertical.disable{display: none;}
.scrollbar-vertical span{ position:absolute; left:2px; top:0; width:10px; height:50%; background:rgba(0,0,0,.3); border-radius:4px;}

.match-list .scrollbar-vertical{ top:64px; }
.match-list.table-tickets .scrollbar-vertical{ top:100px; height: calc(100vh - 146px); }
.match-list.table-tickets .table-container{ height: calc(100vh - 140px);}

.grey-col{ background-color:rgba(200,200,200,.5);}
.blue-col{ background-color:rgba(158, 194, 255,.5);}
.green-col{background-color: rgba(144, 255, 159, 0.5);}
.salmon-col{background-color: rgba(251, 200, 176, 0.5);}
.orange-col{background-color: rgba(255, 137, 16, 0.5);}
.red-col{background-color: rgba(255, 16, 16, 0.5);}

.match-detail{ float:left; width:100%; background:url(../img/match-detail-bg.jpg) top left no-repeat; background-size:100%;}
.match-detail .left-bar{margin:30px 0 30px 10%; width:20%; float:left; }
.match-detail .left-bar .barhead{ float:left; background:rgba(0,0,0,.7); box-shadow: 0px 0px 10px 0px #777; border-radius:5px; width:100%; text-align:center}
.match-detail .left-bar .barhead div.addMatchRow {border-top: 1px dashed #fff; float: left; margin-top: 10px;}
.match-detail .left-bar .barhead div.image{float:left; width:25%; text-align:center; padding:20px 10px 0 20px; margin-left:10%;}
.match-detail .left-bar .barhead div.image img{ float:left; width:100%; margin:0px;}
.match-detail .left-bar .barhead h3{ color:#fff; float:left; text-align:left; font-size:16px; width:65%; padding:22px 10px 0 0; margin:0;}
.match-detail .left-bar .barhead h3.addMatch{ width: 100%; text-align: center;}
.match-detail .left-bar .barhead .row{display:inline-block; margin-top:10px;}
.match-detail .left-bar .barhead .row img{ max-height:50px; margin:15px 0;}
.match-detail .left-bar .barhead .row span{ color:#fff; font-size:15px; width:100%; display:inline-block; }
.match-detail .left-bar .barhead h2{ color:#fff; margin:20px 0 0 0; float:left; text-align:center; width:100%; padding:0; font-size:22px}
.match-detail .left-bar .barhead button{margin:20px 10% 30px; padding:10px 0; float:left; width:80%;}

.match-detail .left-bar .price{float:left; width:100%; margin:15px 0 0; box-shadow: 0px 0px 10px 0px #777; background-color:#e5e5e5; border-radius:5px; padding:15px 0; text-align:center; font-size:14px;}
.match-detail .left-bar .price span{font-weight:600; font-size:20px;}

.match-detail .left-bar .pay-methods{ float:left; width:100%; margin:15px 0 0; border-radius: 5px; box-shadow: 0px 0px 10px 0px #777; padding:15px; background-color: #fff;}
.match-detail .left-bar .pay-methods p{width:100%; text-align:center; font-size:16px; margin-bottom:15px }
.match-detail .left-bar .pay-methods img{width:100%;}

.match-detail .match-content{ float:right; margin:21% 10% 30px 0; width:60%; padding-left:30px; }
.match-detail .match-content ul { padding:0; float: left; width: 100%; }
.match-detail .match-content ul li { list-style: none; float:left; padding:10px; margin: 0 5px 5px 0; background-color: #fff; border-radius: 5px; border: 1px solid #eee;}
.match-detail .match-content ul li img { height:150px; }
.match-detail .match-content p{ font-size:16px; font-weight:400;white-space: pre-line;}



/************* SALES **************/
.tickets-sale{float:left; width:100%; }
.tickets-sale .match-info{float:left; width:100%; padding:0 0 0 10%; background-color:#333333; border-bottom:1px solid #031d35; border-top:1px solid #000;}

.tickets-sale .match-info > div{float:left; border-right: 1px solid #5c5c5c; height:79px; padding:0 30px;}
.tickets-sale .match-info > div:first-child{ border-left: 1px solid #5c5c5c;}

.tickets-sale .match-info > div img, .match-info > div span{ float:left;}

.tickets-sale .match-info .league{ padding:12px 10px;  text-align:center; width:20%; }
.tickets-sale .match-info .league img{ float:none; height:34px; width:auto; display:inline-block;}
.tickets-sale .match-info .league span{ float:left; width:100%; color:#fff; margin-top:5px; display:inline-block;line-height:18px;text-align:center; font-size:14px; padding:0;}

.tickets-sale .match-info .teams{ padding:0;border-right: none;}
.tickets-sale .match-info .teams div{ float:left; padding:3px 0px; height:100%; text-align:center;}
.tickets-sale .match-info .teams div img{ float:none;height:50px; width:auto; display:inline-block; }
.tickets-sale .match-info .teams div span{ float:left; width:100%; color:#fff; display:inline-block; line-height:18px; text-align:center; font-size:16px; padding:0;}
.tickets-sale .match-info .teams div.versus span{ padding-top:18px;}

.tickets-sale .match-info div .match-date{ float:left; font-size:16px; font-weight:600; margin-top:15px; color:#fff;}
.tickets-sale .match-info div .remaining-time{ float:left; clear:left;font-size:12px; margin-top:5px; color:#fff;}

.tickets-sale .match-info:nth-child(2){ border-top:1px solid #5c5c5c;}

.tickets-sale .match-info .resum{padding:12px 30px;color:#fff;font-size:16px;height:90px;line-height: 66px;max-width:  500px;vertical-align: middle;}
.tickets-sale .match-info .resum > span{color:#fff;line-height:18px;float: none;display: inline-block;vertical-align: middle;}

.tickets-sale .match-info .resum div{float:left; width:auto; clear:left; }
.tickets-sale .match-info .resum div span{float:none; display:inline; color:#fff; }
.tickets-sale .match-info .resum div.edit{float:right; height:100%; width:auto; padding:15px 15px 0 40px;}
.tickets-sale .match-info .resum div.edit button{ color:rgba(0, 0, 0, .8); font-size:14px; font-weight:600; padding:5px 15px; }

.tickets-sale .match-info .price{ padding:30px 60px; color:#fff; font-size:20px; font-weight:600; height:90px; width:20%;}
.tickets-sale .match-info .price span{float:none; display:inline; color:#fff; }

/* season card only */
.logo-seasoncard{ background: url(../img/season-card.png) 25px 5px no-repeat;  background-size: 80px 80px;  min-height: 90px;  min-width: 130px;  position: relative;  flex: 0;}
.logo-seasoncard img{ width: 24px; position: absolute; top: 50px; left: 40px; }
.desc-seasoncard{ text-align: left; float:left; min-height:90px;}
.desc-seasoncard h2{
      padding-top:0px;
      margin:20px 0 0 0;
      color:#fff;
      font-size:18px;
      font-weight:bold;
      text-transform: uppercase;
  }

  .desc-seasoncard span{
      color:#ccc;
      font-size:12px;
      float:left;clear:left;
  }

  .desc-seasoncard p{
      float:left;
      clear:left;
      color: #aaa;
      padding:5px 5px 0 0;
  }

.tickets-sale ul.payment-methods{ float:left; width:100%; list-style:none; padding:0; margin:15px 0 0 5px;}
.tickets-sale ul.payment-methods li{ float:left; cursor:pointer; width:306px; height:76px; border:1px solid #e5e5e5; border-radius:5px; margin-right:20px; text-align:center; padding:3px;}
.tickets-sale ul.payment-methods li:hover{border:1px solid #7f7f7f; box-shadow:0 0 3px 0 #7f7f7f;}
.tickets-sale ul.payment-methods li.selected{ border:1px solid #7f7f7f; box-shadow:0 0 3px 0 #7f7f7f;}
.tickets-sale ul.payment-methods li img{ float:left;}

.tickets-sale div.payment-terms{float:left; width:100%; margin:0 0 15px 5px; font-size:16px; }
.tickets-sale div.payment-terms input{float:left; height:16px; width:16px;}
.tickets-sale div.payment-terms p{float:left; margin-left:10px;}
.tickets-sale div.payment-terms p a{}

.tickets-sale div.payment-alert{float:left; width:100%; margin:0; font-size:16px; }
.tickets-sale div.payment-alert p{float:left; margin-left:0px; font-weight: bold; text-align: justify; padding-bottom: 0;}

.tickets-sale div.payment-desc{ float:left; margin:40px 0 20px; font-size:16px; color:#fff; background-color:#075804;  border-radius:5px; padding:5px 10px;}
.tickets-sale div.payment-desc:before{position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;content:'\e013'; padding-right:10px;}
.tickets-sale div.payment-desc span{ font-size:16px; font-style:italic;}

.tickets-sale div.payment-desc.failed{ background-color:#cc0000; }
.tickets-sale div.payment-desc.failed:before{content:'\e107'; }

.sales-form{float:left; width:100%; padding:0; position:relative; }

.sales-form .form-grp{ float:left; width:100%; padding:20px 10%; border-bottom:1px solid #e5e8ea;}
.sales-form .form-grp h3{ float:left; width:100%; font-weight:600; font-size:20px; margin:0 0 15px 0;}
.sales-form .form-grp .form-field{float:left; margin-right:40px; clear:left; margin-top:30px;}
.sales-form .form-grp .form-field label{ float:left; font-size:16px; line-height:28px; font-weight:normal; padding-right:5px; width:200px }
.sales-form .form-grp .form-field select{ float:left; min-width:100px; font-size:16px; padding:3px 5px; border:1px solid #cbcbcb; border-radius:3px}
.sales-form .form-grp .form-field span{ float:left; padding:0; font-size:10px;margin:10px; color:#cc0000;}
.sales-form .form-grp .form-field small{ float:left; margin:10px; color:#999}
.sales-form .form-btns{ float:left; width:100%; padding:20px 10%;}
.sales-form .form-btns button{ margin-right:15px;}
.sales-form .form-btns button.btn-default{ font-size:20px; padding:5px 30px; margin-top:5px; color:#777; font-weight:600; background-color:#eee; border:none;}
.sales-form .form-btns button.btn-default:hover{background-color:#e5e5e5;}


.tk-seats div{ float:left;}
.tk-seats .left{ float:left; width:41.4%; padding-bottom:10px; }

.tk-seats .stadium {
  /* STHANDBALL EXCLUSIVE CHANGES */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 54%;
  width: 68%;
  margin: 0 auto;
  position: relative;
  background: url("../img/arena-area.png") center center no-repeat;
  background-size: 100%; }

.tk-seats .stadium:before {
  width: 100%;
  position: absolute;
  z-index: 0;
  content: '';
  height: 100%;
  background: url("../img/arena-field.png") no-repeat;
  background-size: 68%;
  background-position: 22% 32%; }

.tk-seats .stadium a {
  position: absolute;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-align: center; }

.tk-seats .stadium a span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 100%; 
  line-height:auto; }

.tk-seats .stadium a:hover {
  opacity: .9; }

.tk-seats .stadium a:hover span {
  opacity: .5; }

.tk-seats .stadium .ssec-a {
  top: 68%;
  left: 57.5%;
  width: 22%;
  height: 7.5%;
  background-image: url(../img/section-a.png);
  z-index: 2; }

.tk-seats .stadium .ssec-a span {
  top: 0%;
  left: 43%; }

.tk-seats .stadium .ssec-b {
  top: 68%;
  left: 29%;
  width: 24%;
  height: 7.5%;
  background-image: url(../img/section-b.png);
  z-index: 1; }

.tk-seats .stadium .ssec-b span {
  top: 0%;
  left: 43%; }

.tk-seats .stadium .ssec-c {
  top: 68%;
  left: 4.5%;
  width: 20%;
  height: 7.5%;
  background-image: url(../img/section-c.png);
  z-index: 1; }

.tk-seats .stadium .ssec-c span {
  top: 0%;
  left: 43%; }

.tk-seats .stadium .ssec-d {
  top: 77.5%;
  left: 42%;
  width: 47%;
  height: 18%;
  background-image: url(../img/section-d.png);
  z-index: 2; }

.tk-seats .stadium .ssec-d span {
  top: 25%;
  left: 38%; }

.tk-seats .stadium .ssec-e {
  top: 77.5%;
  left: 4.5%;
  width: 35.3%;
  height: 18%;
  background-image: url(../img/section-e.png);
  z-index: 2; }

.tk-seats .stadium .ssec-e span {
  top: 25%;
  left: 38%; }

.tk-seats .stadium .ssec-f {
  top: 1.2%;
  left: .4%;
  width: 30%;
  height: 11%;
  background-image: url(../img/section-f.png);
  z-index: 2; }

.tk-seats .stadium .ssec-f span {
  top: 18%;
  left: 58%; }

.tk-seats .stadium .ssec-g {
  top: 1.2%;
  left: 43.3%;
  width: 35%;
  height: 11%;
  background-image: url(../img/section-g.png);
  z-index: 4; }

.tk-seats .stadium .ssec-g span {
  top: 18%;
  left: 45%; }

.tk-seats .full-occupation {  opacity: .2 !important; }
.tk-seats .price-a,
.tk-seats .price-b,
.tk-seats .price-c,
.tk-seats .price-d,
.tk-seats .price-e, 
.tk-seats .price-f, 
.tk-seats .price-g {  background-color: #89bde5; }

.tk-seats .price-ranges { float:left; width:30%;
  padding-left: 5%;
  padding-top: 3%;  }
.tk-seats .price-ranges div {
    float:left; width:100%; margin-bottom:15px;
    opacity: .7; }
.tk-seats .price-ranges div span {
  float:left;
      width: 12%;
      text-align:center;
      display: block; border-radius:3px;}
.tk-seats .price-ranges div p {
      width:84%;
      float:right;
      margin: 0;
      color: #000;
      padding: 5px 0;
      font-size: 12px;
      line-height: 14px; }
.tk-seats .price-ranges div.sel {
    opacity: 1; }
.tk-seats .price-ranges div.sel span{
  box-shadow: 0 0 1px 2px #000;
}


.tk-seats .right{ float:left; width:58.6%; padding:0 15px 10px 30px; margin-top:2%; border-left:1px solid #e5e8ea; }/* HAMKAM EXCLUSIVE MODS ?? */
.tk-seats .right .section-info{ float:left; width:100%; color:#000; font-size:14px;}
.tk-seats .right .section-info span{ font-weight:600; font-size:16px;}

.tk-seats .right .panel-spinner{ margin-top:15px;}

.tk-seats .right .suggestion{ float:left; width:100%}
.tk-seats .right .suggestion > div{ float:left; clear:left; width:40%; margin-top:15px; position:relative;}
.tk-seats .right .suggestion > div label{ font-size:16px; font-weight:normal; }
.tk-seats .right .suggestion > div span{ float:right; clear:right;}
.tk-seats .right .suggestion > div button{ font-size:14px; font-weight:normal; padding:5px 15px; position:absolute; left:105%; top:-5px; margin:0;}

.modal-body.seat-sel{padding:15px 30px;}
.modal-body.seat-sel:after{ clear:both; content:'';display:table;}
.seat-sel .section-info{ float:left; width:100%; color:#000; font-size:14px;}
.seat-sel .section-info span{ font-weight:600; font-size:16px;}
.seat-sel .section-info .manualDesc{float:right;width: 50%;}

.seat-sel-footer{ padding:15px 30px;}
.seat-sel-footer button{ font-size:16px; float:left; margin:0 10px 0 0; border:none; padding:5px 30px;}
.seat-sel-footer button.btn-default{background-color:#e0e0e0;}
.seat-sel-footer button.btn-default:hover{background:#d8d8d8;}
.seat-sel-footer p{ float:left; margin:5px 0 0 30px;}
.seat-sel-footer p i{margin-right:3px;}


.seat-sel > div{ float:left; clear:both;width:100%;}
.seatMap { float:left;  width: 100%; position: relative; text-align: center; }
.seatMap .sectionSeatMap { width:100%;white-space: nowrap; float:left; background-color:#e0e0e0; border-radius:5px;}

.seatMap .sectionSeatMap .SectionCols{ float:left; width:100%; background:#ccc; padding:0; border-top-left-radius:5px; border-top-right-radius:5px;  }
.seatMap .sectionSeatMap .SectionCols div{ float:left; margin:0 1px 0 0;}
.seatMap .sectionSeatMap .SectionCols div a{cursor:pointer; text-decoration:none; float:left; width:100%;width: 28px; height:28px; line-height:26px; text-align:center;}
.seatMap .sectionSeatMap .SectionCols div a:hover{ background-color:#aaaaaa;}
.seatMap .sectionSeatMap .SectionCols div:first-child{ width:3%; margin-right:10px; padding-top:5px;}

.seatMap .sectionSeatMap .sectionRowNos{ float:left; width:3%; background:#ccc; padding:5px 0;}
.seatMap .sectionSeatMap .sectionRowNos a { float:left; width:100%; height:28px; white-space: nowrap;font-size: 14px; margin-bottom:1px; padding:2px 10px 0px; cursor:pointer; text-decoration:none; }
.seatMap .sectionSeatMap .sectionRowNos a:hover{ background-color:#aaaaaa;}

.seatMap .sectionSeatMap .sectionRows{float:left; width:97%; padding:5px 0; overflow-x:auto;}
.seatMap .sectionSeatMap .seatRow {float: left; clear:left; white-space: nowrap; width:auto; margin:0 10px;  padding-right: 100px;}
.seatMap .sectionSeatMap .seatRow:hover{box-shadow:0 0 2px 0 #000; border-radius:5px;}
.seatMap .sectionSeatMap .seatRow .seat {display:inline-block; opacity:.8;white-space: nowrap;width: 28px;height: 28px;margin: 0 1px 1px 0;padding-top: 5px;background-color: #8bc34a;border-radius: 10px;text-align: center;font-size: 12px;color: #000; cursor:pointer;}
.seatMap .sectionSeatMap .seatRow .seat:hover{ opacity:1; box-shadow:0 0 2px 0 #000; }
.seatMap .sectionSeatMap .seatRow .disabled { visibility:hidden; }
/* .seatMap .sectionSeatMap .seatRow .reserved {background-color: #9e9e9e; } */
.seatMap .sectionSeatMap .seatRow .reserved {background-color: #f44336; }
.seatMap .sectionSeatMap .seatRow .sold { background-color: #f44336;}
.seatMap .sectionSeatMap .seatRow .picked { background-color: #ffc107; }

.seat-sel .smap-places{ float:left;}


.manualDesc{ float:left; width:100%; clear:both; margin-top:10px;}
.manualDesc span { font-size: 14px; float: left; }

.manualDesc p {font-size: 14px;float: right;text-align: center;padding:2px 10px;margin-left: 5px;line-height: 16px;border-radius: 5px; }

.manualDesc p.free {background-color: #8bc34a; }

.manualDesc p.sold {background-color: #f44336; }

.manualDesc p.reserved {  background-color: #9e9e9e; }

.manualDesc p.picked {background-color: #ffc107;color: #333; }

.sales-form .tk-pay{ border:none;}
.sales-form .tk-pay .radio-inline{ font-size:16px; margin-right:20px;}

.sales-form .resume{ float:left; width:100%; background:#e5e5e5; border-top: 1px solid #ced0d2; border-bottom: 1px solid #ced0d2; padding:15px 10%; }
.sales-form .resume div div div{ font-size:16px; margin-bottom:3px; }
.sales-form .resume div div div > span.note{ color:#ff0000;}
.sales-form .resume div.price{ font-weight:600; margin-top:20px; font-size:20px;}
.sales-form .resume div.price span{}
.sales-form .resume .generate-tickets{ font-weight:600; font-size:20px; padding:5px 30px; background:#ffd100; color:rgba(0, 0, 0, .8); margin-top:15px;}
.sales-form .resume .generate-tickets:hover{ background:#eec000;}



/************* PACKAGES **************/
.pack-detail{ float:left; width:100%; background:url(../img/pack-detail-bg.jpg) top left no-repeat; background-size:100%;}
.pack-detail .left-bar{margin:30px 0 30px 10%; width:20%; float:left; }
.pack-detail .left-bar .barhead{ float:left; background:rgba(0,0,0,.7); border-radius:5px; width:100%; text-align:center; box-shadow: 0px 0px 10px 0px #777;}
.pack-detail .left-bar .barhead div{float:left; width:100%; text-align:center;}
.pack-detail .left-bar .barhead div img{ display:inline-block; width:30%; margin:20px 0 10px;}
.pack-detail .left-bar .barhead h3{ color:#fff; text-align:center; width:100%; float:left; padding:0; margin:0; font-size:20px;}
.pack-detail .left-bar .barhead button{margin:30px 0 30px; padding:10px 80px;}

.pack-detail .left-bar .price{float:left; width:100%; margin:15px 0 0; background-color:#e5e5e5; box-shadow: 0px 0px 10px 0px #777; border-radius:5px; padding:15px 0; text-align:center; font-size:14px;}
.pack-detail .left-bar .price span{font-weight:600; font-size:20px;}

.pack-detail .left-bar .promo{ float:left; width:100%; margin:15px 0 0;}
.pack-detail .left-bar .promo img{width:100%;}

.pack-detail .left-bar .pay-methods{ float:left; width:100%; background:#fff; margin:15px 0 0; box-shadow: 0px 0px 10px 0px #777; padding:15px; border-radius: 5px;}
.pack-detail .left-bar .pay-methods p{width:100%; text-align:center; font-size:16px; margin-bottom:15px }
.pack-detail .left-bar .pay-methods img{width:100%;}

.pack-detail .pack-content{ float:right; margin:14% 10% 30px 0; width:60%; padding-left:30px; }
.pack-detail .pack-content p{ font-size:16px; white-space: pre-line;}
.pack-detail .pack-content .match-list{ margin:30px 0 0; width:100%;}

.pack-detail .table-container .table-content span{font-size:14px;font-weight:400;color:#000;float:none;display: inline-block;}
.pack-detail .table-container .table-content span.datetime{font-size:14px; background:#e6e6e6; border-radius:5px; padding:5px 15px; text-align:center;}
.pack-detail .table-container .table-content img{ float:none; max-height:36px; padding:0 12px 0 0;}
.pack-detail .table-container .table-content img.league-logo{ max-height:36px; padding:0 12px 0 0; margin:6px 0}





.package-list{ float:left; width:100%; margin-top:44px;  position:relative; overflow:hidden; height: calc(100vh - 44px);}

.package-list .scrollbar-vertical{position:absolute; top:5px; right:0; height: calc(100vh - 54px); width:14px; margin:0; padding:0; z-index:1; background:rgba(0,0,0,.1); border-radius:6px; }


.package-list ul{ float:left; width:100%; list-style:none; margin:0; padding:20px 15px;}
.package-list ul li{float:left; width:24%; cursor:pointer; margin:0 1% 20px 0;}
.package-list ul li:hover{opacity:.8}

.package-list ul li:before{ content:''; float:right; width:1px; height:1px; background-color:rgba(0,0,0,.2); border-top:15px solid #f7f7f7; border-right:15px solid #f7f7f7;border-bottom:15px solid rgba(0, 0, 0, .2); border-left:15px solid rgba(0, 0, 0, .2);}
.package-list ul li img{ float:left; width:30%; margin:0px 35% 0;}
.package-list ul li h2{ float:left; width:100%; text-align:center; margin:20px 0 0; color:#fff; font-weight:600; font-size:28px}
.package-list ul li h3{ float:left; width:100%; text-align:center; margin:10px 0 20px 0; color:#fff; font-weight:600; font-size:32px;}

.package-list ul li:nth-child(4n+1){ background-color:#03a9f4;}
.package-list ul li:nth-child(4n+2){ background-color:#e91e63;}
.package-list ul li:nth-child(4n+3){ background-color:#4caf50;}
.package-list ul li:nth-child(4n+4){ background-color:#ff9800;}
.package-list ul li:nth-child(4n+5){ background-color:#ff5722;}
.package-list ul li:nth-child(4n+6){ background-color:#cddc39;}
.package-list ul li:nth-child(4n+7){ background-color:#3f51b5;}
.package-list ul li:nth-child(4n+8){ background-color:#9c27b0;}

.package-sale{float:left;width:100%;}
.package-sale .pack-info{float:left; width:100%; padding:0 0 0 10%; background-color:#333333; border-bottom:1px solid #031d35; border-top:1px solid #000;}

.package-sale .pack-info > div{float:left; border-right: 1px solid #5c5c5c; height:79px; padding:0 30px;}
.package-sale .pack-info > div:first-child{ border-left: 1px solid #5c5c5c;}

.package-sale .pack-info > div img, .pack-info > div span{ float:left;}

.package-sale .pack-info .league{ padding:15px 30px }
.package-sale .pack-info .league img{ float:none; max-height:40px; }
.package-sale .pack-info .league span{ float:none ; color:white; }
.package-sale .pack-info .package{ padding:20px 30px; text-align:center; font-size:24px; color:#fff; }

.package-sale .pack-info .matches{ float:right; padding-top:25px}
.package-sale .pack-info .matches a{ color:#fff; font-size:18px; cursor:pointer; text-decoration:none;}

.package-sale .pack-info:nth-child(2){ border-top:1px solid #5c5c5c;}

.package-sale .pack-info .resum{ padding:12px 30px; color:#fff; font-size:16px; height:90px; }
.package-sale .pack-info .resum div{float:left; width:auto; clear:left; }
.package-sale .pack-info .resum div span{float:none; display:inline; color:#fff; }
.package-sale .pack-info .resum div.edit{float:right; height:100%; width:auto; padding:15px 15px 0 40px;}
.package-sale .pack-info .resum div.edit button{ color:rgba(0,0,0,0.8); font-size:14px; font-weight:600; padding:5px 15px; }

.package-sale .pack-info .price{ padding:30px 60px; color:#fff; font-size:20px; font-weight:600; height:90px;}
.package-sale .pack-info .price span{float:none; display:inline; color:#fff; }

.package-sale ul.payment-methods{ float:left; width:100%; list-style:none; padding:0; margin:15px 0 0 5px;}
.package-sale ul.payment-methods li{ float:left; cursor:pointer; width:306px; height:76px; border:1px solid #e5e5e5; border-radius:5px; margin-right:20px; text-align:center; padding:3px;}
.package-sale ul.payment-methods li:hover{border:1px solid #7f7f7f; box-shadow:0 0 3px 0 #7f7f7f;}
.package-sale ul.payment-methods li.selected{ border:1px solid #7f7f7f; box-shadow:0 0 3px 0 #7f7f7f;}
.package-sale ul.payment-methods li img{ float:left;}

.package-sale div.payment-desc{ float:left; width:100%; margin:40px 0 20px;}
.package-sale div.payment-desc span{ font-size:16px; font-style:italic;}

.package-sale div.payment-terms{float:left; width:100%; margin:0 0 15px 5px; font-size:16px; }
.package-sale div.payment-terms input{float:left; height:16px; width:16px;}
.package-sale div.payment-terms p{float:left; margin-left:10px;}
.package-sale div.payment-terms p a{}

.package-sale > .matches{ position:absolute; float:left; right:0;z-index:20;background-color:#f3f5f7; height:100%; box-shadow:0 0 5px 0 #666; max-width:450px}
.package-sale > .matches div{float:left; width:100%; background-color:#e7ebf0; padding:0px; border-bottom:1px solid #d0d6dd; height:80px; padding:25px 20px 0;}
.package-sale > .matches div a{color:#009b48; font-size:18px; cursor:pointer; text-decoration:none;}
.package-sale > .matches ul{float:left; width:100%; margin:0; padding:15px 20px; list-style:none; }
.package-sale > .matches ul li{ float:left; width:100%; margin-bottom:5px;}
.package-sale > .matches ul li p{float:left; width:60%; color:#000; margin:0; font-size:12px;}
.package-sale > .matches ul li span{ float:left; width:20%; font-size:12px; color:#000; font-weight:600; text-align:center;}

/************* SALE COMPLETED **************/
.sale-completed{float:left; width:100%; text-align:center; }

.sale-completed .match-info{float:left; width:40%; background-color:#333333; color:#fff; margin:50px 30% 0; padding:0;}

.sale-completed .match-info > div.date, .sale-completed .pack-info > div.date{ float:left; width:100%; margin:0; padding:10px 0; border-bottom:1px solid #777;}
.sale-completed .match-info .league{ float:left; width:100%; margin:0; font-size:18px; padding:15px 0;border-bottom:1px solid #777; }
.sale-completed .match-info .league img{ max-height:50px; width:auto; float:none;}
.sale-completed .match-info .league span{ float:none; font-size:16px; padding-left:20px;}
.sale-completed .match-info .teams{ float:left; width:100%; margin:0; padding:15px 0; height:auto;border-bottom:1px solid #777; }
.sale-completed .match-info .teams div{ float:left; height:auto; text-align:center; width:40%;}
.sale-completed .match-info .teams div img{ float:none; height:60px; width:auto; display:inline-block; }
.sale-completed .match-info .teams div span{ float:none;width:auto; display:inline-block; line-height:20px; text-align:center; font-size:16px; padding:0 0 0 20px;}
.sale-completed .match-info .teams .league{ padding-top:10px; width:20%; border:none; text-align:center; }
.sale-completed .match-info .teams .league img{float:none; width:auto; height:40px; display:inline-block;}

.sale-completed .match-info .match-date{ float:left; margin:0; width:30%; font-size:20px; font-weight:600; text-align:center; border-bottom:1px solid #777;  border-right:1px solid #777; height:50px; line-height:46px;}
.sale-completed .match-info .match-time{ float:left; margin:0; width:20%; font-size:20px; font-weight:600; text-align:center; border-bottom:1px solid #777;  border-right:1px solid #777; height:50px; line-height:46px; }
.sale-completed .match-info .match-place{ float:left; margin:0; width:50%; font-size:20px; font-weight:600; text-align:center; border-bottom:1px solid #777; height:50px; }
.sale-completed .match-info .match-place span{ font-weight:400; font-size:12px}

.sale-completed .match-info > div img, .sale-completed .match-info > div span{ float:left; width:100%;}

.sale-completed .pack-info{float:left; width:40%; background-color:#333333; color:#fff; margin:50px 30% 0; padding:0;}

.sale-completed .pack-info > div img, .sale-completed .pack-info > div span{ float:left; width:100%;}

.sale-completed .pack-info .league{ float:left; width:100%; margin:0; font-size:18px; padding:15px 0;border-bottom:1px solid #777; }
.sale-completed .pack-info .league img{ max-height:50px; width:auto; float:none;}
.sale-completed .pack-info .league span{ float:none; font-size:16px; padding-left:20px;}
.sale-completed .pack-info .matches{ float:left; width:100%; margin:0; border-bottom:1px solid #777; font-size:18px; padding:15px 0}

.sale-completed .resume{ float:left; width:100%; margin:0; }
.sale-completed .resume > div{ font-size:16px; margin-bottom:3px;  width:100%; float:left; text-align:center;}
.sale-completed .resume > div.tickets{ float:left; width:25%; margin:0; padding:10px; height:100%; }
.sale-completed .resume > div.tickets span{ float:left; width:100%; text-align:center;}
.sale-completed .resume > div.seats{border-right:1px solid #777; border-left:1px solid #777; float:left; width:45%; margin:0; padding:25px;}
.sale-completed .resume > div.seats span{ font-weight:600;}
.sale-completed .resume > div.seats span.seat{ background-color:rgba(0,0,0,.05); float:none; padding:2px 5px; font-weight:normal; margin:5px; display:inline-block; width:auto; border-radius:3px; }
.sale-completed .resume > div.price{ font-weight:600; font-size:18px;float:left; width:30%; margin:0; padding:10px; }
.sale-completed .resume > div.price span{float:none;}

.sale-completed .ticket-actions{ float:left; width:100%; text-align:center; padding:20px 30%;}
.sale-completed .ticket-actions .btn{padding-top:10px; margin:0 10px;}
.sale-completed .ticket-actions .btn span{ font-size:28px;}
.sale-completed .ticket-actions > span{float:left; width:100%; margin:0 0 20px 0;}

.sale-completed .continue-selling{font-size:22px;cursor:pointer;padding:5px 30px;text-decoration:none;color:#333;background-color:#e5e5e5;float:none;display:inline-block;margin-bottom:20px;border-radius:5px;}
.sale-completed .continue-selling:hover{background-color:#e0e0e0;}

/* NEW VERSION */
.sale-completed .ticket-list{ float:left; width:100%; }
.sale-completed .ticket-list ul{ float:left; width: 80%; margin:0 10% 0 10%; padding:0; list-style:none; }
.sale-completed .ticket-list ul li{ float:left; width:29%; margin:20px 2% 0 2%; }
.sale-completed .ticket-list ul li > div{ float:left; width:75%; border:1px solid #888; border-right:1px dashed #888; background-color:#acd6b7; height:120px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.sale-completed .ticket-list ul li > div > div.seat-desc{float:left; width:100%; border-bottom:1px solid rgba(0,0,0,.2); }
.sale-completed .ticket-list ul li > div > div.seat-desc p{float:left; text-align:center; color:#000; border-left:1px solid rgba(0,0,0,.2); margin:0; padding:0;}
.sale-completed .ticket-list ul li > div > div.seat-desc p:first-child{border:none;}
.sale-completed .ticket-list ul li > div > div.seat-desc p span{ float:left; width:100%; font-size:14px; padding:3px 5px; text-align:left; color:#000;}
.sale-completed .ticket-list ul li > div > div.seat-desc p span:nth-child(2){ font-size:14px; font-weight:bold;}
.sale-completed .ticket-list ul li > div > div.seat-desc p.standing{}
.sale-completed .ticket-list ul li > div > div.seat-desc p.standing span{}

.sale-completed .ticket-list ul li > div > div.seat-categ{float:left; width:100%;}
.sale-completed .ticket-list ul li > div > div.seat-categ p{float:left; width:100%;}
.sale-completed .ticket-list ul li > div > div.seat-categ p span{float:left; position:relative; width:100%; font-size:14px; padding:3px 5px; text-align:left; color:#000;}
.sale-completed .ticket-list ul li > div > div.seat-categ p span strong.sticket{position:absolute; top:0; right:0; float:right; width:100%; text-align:right; font-size:14px; padding:3px 5px; color:#000;}
.sale-completed .ticket-list ul li > div > div.seat-categ p span:nth-child(2){font-size:18px; font-weight:bold;}

.sale-completed .ticket-list ul li > div.right{float:left; position:relative; text-align:center; width:25%; background:#acd6b7 url('../img/ae-download-arrow.png') center center no-repeat; background-size:70% auto; border-radius:0 10px 10px 0; padding:0; height:120px; border-right:1px solid #888; border-left:1px dashed #888;}
.sale-completed .ticket-list ul li > div.right img{position:absolute; height:70%; bottom:15%; right:10px;display:none}
.sale-completed .ticket-list ul li > div.right span.check{ position:absolute; cursor:pointer; width:35px; height:35px; border:1px solid #000; border-radius:100%; background-color:#fff; top:-10px; right:-10px; box-shadow:0 0 3px 0px #000 inset}
.sale-completed .ticket-list ul li > div.right span.check.picked{background-color:#aae7aa;}
.sale-completed .ticket-list ul li > div.right span.check.picked:before{content:"\e013"; font-family: 'Glyphicons Halflings'; color:#000; font-size:16px; line-height:35px; padding:0; margin:0; text-align:center; position:absolute; top:0; left:0; width:100%; height:100%;}

.sale-completed .ticket-list ul li.printed > div > div.seat-categ{ position:relative;}
.sale-completed .ticket-list ul li.printed > div > div.seat-categ:before{content:"\e045"; font-size:16px; font-family: 'Glyphicons Halflings'; color:#000; position:absolute; bottom:7px; right:7px;}

.sale-completed .ticket-list ul li.redeemed > div{ background-color:#cfa6a6; border-right:2px dashed #f7f7f7; }
.sale-completed .ticket-list ul li.redeemed > div.right{ -webkit-transform: rotate(3deg)translate(7px,2px); /* Safari */transform: rotate(3deg)translate(7px,2px); border-right:1px solid #888; border-left:2px dashed #f7f7f7}
.sale-completed .ticket-list ul li.redeemed > div.right span.check{ display:none;}

.sale-completed .ticket-list ul li.usable > div{ background-color:#a6cdcf; }

/******** SALES SUMMARY ********/

.sales-summary{float:left; width:100%; margin-top:0px; position:relative; overflow:hidden; height: calc(100vh - 104px);}

.scrollbar-vertical.scrl-summary{top:65px; height: calc(100vh - 114px);}

.sales-summary h1{ float:left; width:100%; text-align:center; font-size:40px;}
.sales-summary p{ float:left; width:50%; font-size:16px; padding:5px 20px;}
.sales-summary p.filter{ text-align:right; }
.sales-summary p.lastSale{}

.sales-summary div.boxes{ float:left; width:100%; margin-top:30px;}
.sales-summary div.boxes > div{ float:left; width:26%; margin:0 3.5% 10px 3.5%; background-color:rgba(39,62,96,.7); border-radius:10px; }
.sales-summary div.boxes > div h2{ color:#fff; float:left; margin:10px; font-size:20px; font-weight:600; }
.sales-summary div.boxes > div h3{ float:right; color:#fff; margin:10px; font-size:24px; font-weight:300;}
.sales-summary div.boxes > div h3 span{ font-size:40px}
.sales-summary div.boxes > div h4{float:left; clear:left; margin:0 0 10px 10px; color:#f4f4f4}

.sales-summary div.boxes > div:first-child{  border-radius:10px; }

.sales-summary .table-container{float:left; width:90%; margin:20px 5% 20px 5%; height:auto;}
.sales-summary .table-container h2{ float:left; width:100%; font-size:24px; color:#555; margin:0 0 20px 0;}

.sales-summary button{ position:absolute; top:20px; right:35px;}

/************** ACCOUNT ****************/
.account{float:left; width:100%; padding:30px 10%; background-color:#eee; box-shadow:0 0 5px 0px #999;}
.account h2{ float:left; width:100%; font-size:20px; font-weight:600; margin:0; padding:0;}
.account h3{float:left; width:100%; font-size:16px; font-weight:400; margin:15px 0;}
.account button{ font-size:14px; margin-right:15px;}
.account .cp-form{ width:270px;}
.account .panel-spinner{ background-size:20px; width:20px; height:20px; float:right; margin-left:5px;}

.purchases-bar{ float:left; width:100%; text-align:center; padding-top:30px; }
.purchases-bar ul{ list-style:none; float:none; width:auto; display:inline-block; margin:0; padding:0;}
.purchases-bar ul li{ width:auto !important; float:none; display:inline-block; padding:0; margin:0 10px; }
.purchases-bar ul li button{ margin:0;}

.purchase-history{float:left; width:100%; padding:30px 10%;}

 .table-header-sold { padding:10px 25px 5px 25px;border-bottom: 1px solid #e5e8ea;}
.table-header-sold .info{ padding:0 20px}
.table-header-sold .btn-yellow{ margin:0;padding: 5px 15px;font-size: 12px;line-height: 1.5;}

.purchase-history #ticketsTable > div{border-bottom:1px solid #e5e8ea; float:left; width:100%;}
.purchase-history #ticketsTable > div > div{float: left; padding: 5px 10px 5px 15px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height:60px; }
.purchase-history #ticketsTable > div > div span{ float:left; font-size:14px; padding:12px 0;}
.purchase-history #ticketsTable > div > div span.label{ float:none; display:inline-block; font-size:14px; margin:5px 0; padding:2px 5px; color:#fff;}
.purchase-history #ticketsTable > div > div img{ float:left; height:40px; margin:5px 0 0 0;}
.purchase-history #ticketsTable > div > div:nth-child(2) img{ float:left;height:30px; margin:10px 0 0 0;}
.purchase-history #ticketsTable > div > div span span.seat-type{paading:3px 0;}

.purchase-history #ticketsTable > div > div:nth-child(8) span{ float:right;}
.purchase-history #ticketsTable > div > div span.price{padding:5px 5px 0 0; float:right; font-weight:600; font-size:16px;}
.purchase-history #ticketsTable > div > div span.paid{padding:0 5px 5px 0; float:right; clear:right; font-size:13px;}
.purchase-history #ticketsTable > div > div span.ticketDesc{ font-size:14px; font-weight:600;}

.purchase-history #salesTable > div{ border-bottom:1px solid #e5e8ea; float:left; width:100%;}
.purchase-history #salesTable > div:nth-child(2n+1){ background-color:#eee; }
.purchase-history #salesTable > div > div{float: left; padding: 5px 10px 5px 15px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.purchase-history #salesTable > div > div span{ float:none; display:inline-block; font-size:14px; padding:5px 0;}
.purchase-history #salesTable > div > div span.label{ float:none; display:inline-block; font-size:14px; margin:5px 0; padding:2px 5px; color:#fff;}
.purchase-history #salesTable > div > div img{ float:left; height:40px; margin:5px 0 0 0;}
.purchase-history #salesTable > div > div:nth-child(2) img{ float:left;height:30px; margin:10px 0 0 0;}
.purchase-history #salesTable > div > div span span.seat-type{paading:3px 0;}

.purchase-history #salesTable > div > div:nth-child(8) span{ float:right;}
.purchase-history #salesTable > div > div span.price{padding:5px 5px 0 0; float:none; font-weight:600; font-size:16px;}
.purchase-history #salesTable > div > div span.paid{padding:0 5px 5px 0; float:right; clear:right; font-size:13px;}
.purchase-history #salesTable > div > div span.ticketDesc{ font-size:14px; font-weight:600;}
.purchase-history #salesTable > div > div .btn{ font-weight:600; padding:5px 30px; font-size:14px; margin:0;}

.purchase-history .table-container .table-content .btn{ font-weight:600; padding:5px 30px; font-size:16px; margin:5px 0;}

.purchase-history .table-container .table-content .pagination{ float:left; width:100%; margin-top:15px; text-align:center;  }
.purchase-history .table-container .table-content .pagination li{ display:inline-block; margin:0 2px; width:auto;}
.purchase-history .table-container .table-content .pagination li a, .table-container .table-content .pagination li span{ width:30px; background-color:#cfd9e1; border:none; color:#000; font-size:14px; font-weight:300; }
.purchase-history .table-container .table-content .pagination li.disabled{ display:none; }
.purchase-history .table-container .table-content .pagination li.active a{ font-weight:600; font-size:14px; color:#000;}



/************** MODAL ****************/

.modal-giant{width:95%;}
.modal-xlarge{width:80%;}

.modal-xlarge label{ text-overflow:ellipsis; overflow:hidden;}

.modal-content{ background:#e9e9e9;}
.panel{ background:#f2f2f2; border-color:#ccc;}
.panel hr{ margin-top: 5px; margin-bottom: 10px; border-color: #ddd;}
.panel-spinner{float: left;width:32px;height:32px;background:url('../img/ajax-loader.gif') top left no-repeat;}

.modal-header{ border-color:#ccc;}
.modal-header span.message{color:#ff0000; float:left; margin:10px 0 0};
.modal-header .panel-spinner{float:left;};
.modal-body .overlayer{ position:absolute; background-color:rgba(200,200,200,.5); width:100%; height:100%; z-index:3000; top:0; left:0;}


.supp-modal .modal-content{ background-color:#fff; border:none; border-radius:5px; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.supp-modal .modal-header{ background-color:rgba(12, 35, 64, 0.6); border:none; border-radius:0; border-top-left-radius:3px; border-top-right-radius:3px; }
.supp-modal .modal-header h3{ color:#fff; font-weight:normal; font-size:18px;}
.supp-modal .modal-body{ padding:35px 20px 45px; font-size:16px;}
.supp-modal .modal-footer{ padding:20px;}
.supp-modal .modal-footer .btn{ font-size:14px; margin:0 10px 0 0; border:none; font-weight:600; padding:5px 20px; float:left;}
.supp-modal .modal-footer .btn-yellow{}
.supp-modal .modal-footer .btn-default{background-color:#e5e5e5}
.supp-modal .modal-footer .btn-default:hover{background-color:#e0e0e0;}

.btn-custom{ background:none; border:none; padding:0 3px; opacity:.5; font-size:16px;text-align: center;}
.btn-custom:hover{ opacity:1;}
.btn-custom.activated{ opacity:1;}
.btn-custom span.glyphicon{ padding:0 2px!important; float:none!important;}

.dropdown-header-title {
    display: block;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    font-weight:600;
    white-space: nowrap;
}

.dropdown-menu li a{cursor:pointer;}
.dropdown-menu li input{ width:auto!important;}

.upload-badge{
    position:absolute;
    top:0;
    height:15px;
    right:0;
    margin:0;
    padding:0!important;
    z-index:2;
    font-family:"Arial";
    color:#cc0000;
    font-size:14px;
    line-height:13px;
    text-shadow:0 0 3px #fff;
    font-weight:600;
}

.list-load-overlay{ position:fixed; background:rgba(0,0,0,.4) url(../img/ajax-loader-dark.gif) center center no-repeat; width:100%; height:100%; z-index:4000;}


.notifications{float:left; position:fixed; bottom:0; left:0; background:rgba(0,0,0,.9); border-top-right-radius:10px; padding:5px 10px; z-index:50000; max-width:50%;}
.notifications div{float:left; width:100%; clear:both;  font-size:12px; border-bottom:1px solid #333; padding:5px 0;}
.notifications div p{float:left; color:#fff; font-size:14px; margin:0;}
.notifications div span{ color:#E4FC08; font-size:14px; margin-right:5px;}
.notifications a{ float:right; cursor:pointer; text-decoration:none;  color:#E4FC08; border-radius:8px; padding:0 5px; font-size:12px; margin:3px 0 0 10px;}
.notifications a:hover{ background-color:#444;}

.phone-verification-modal .sms-submit > div {opacity: .3;margin: 10px;padding-left: 15px!important;}
.phone-verification-modal .sms-submit.current > div {opacity: 1;border-left: 4px solid #788e20;}
.phone-verification-modal .code-submit > div {opacity: .3;margin: 10px 10px 40px;padding-left: 15px!important;}
.phone-verification-modal .code-submit.current > div {opacity: 1;border-left: 2px solid #788e20;}
.phone-verification-modal .code-submit.current > div div.input-group input {border: 1px solid #ed8b00;}
.modal .btn .panel-spinner{float:right; margin:5px 0 0 10px; width:16px; height:16px; background-size:100%;}

/***********************************************************************************/











.sales-by-seat{overflow-x:hidden; overflow-y:auto;}
.sales-by-seat .tk-arena{ width:35%!important; border:none; padding-right:0;}
.sales-by-seat .tk-arena p.section-note{float: left; width: 100%; text-align: right; font-weight: 400; font-size: 12px; margin: 0 0 15px 0; padding: 5px 5px 0 0;}

.sales-by-seat .tk-arena > div{ padding-top:30px;}

.sales-by-seat .tk-qty.left-side, .sales-by-seat .tk-seats.left-side, .sales-by-seat .tk-price.left-side, .sales-by-seat .tk-final.left-side { float: left; margin-left: 10%;}

.sales-by-seat .tk-qty{ float:right;width:53%!important; padding:15px; margin-right:10%; background:#ececec; border-left:2px solid #999; margin-top:10px; }
.sales-by-seat .tk-qty h3 {float:left; width:40%; margin-bottom:22px}
.sales-by-seat .tk-qty h3 span{font-size:14px; margin-left:20px; color:#555; }
.sales-by-seat .tk-qty .qty-notes{float:right; font-size:12px;}
.sales-by-seat .tk-qty .category-amount:nth-child(3){clear:left;}
.sales-by-seat .tk-qty .category-amount{ float:left; border:none; width:190px; margin-right:30px; margin-bottom:5px; padding-bottom:15px; position: relative;}
.sales-by-seat .tk-qty .category-amount .form-field{margin:0;}
.sales-by-seat .tk-qty .category-amount label{ float:left; width:100%; margin:0; padding:0;}
.sales-by-seat .tk-qty .category-amount label span{ float:right; font-size:13px; margin:0; }
.sales-by-seat .tk-qty .category-amount input{ float:left; width:100%; padding:5px 10px; border:1px solid #999; border-radius:5px; font-size:16px; text-align:right;}

.sales-by-seat .tk-qty .category-amount .subtitle-price{ color:#555; font-size:11px; margin:0; width:100%; padding:0; position:absolute; bottom:0; left:0; }

.sales-by-seat .tk-qty .category-amount:nth-child(4n+3){clear:left;}

.sales-by-seat .tk-qty .btn{ float:left;margin-top:29px; font-weight:bold; font-size:20px; padding:2px 20px}

.sales-by-seat .tk-qty .btn.btn-info:nth-child(4n+3){ clear:left;}

.sales-by-seat .tk-qty .category-amount.group-title{ width:100%; cursor:pointer; margin-top:10px;  }
.sales-by-seat .tk-qty .category-amount.group-title .grptitle{ float:left; width:100%; font-size:18px; color:#777; cursor:pointer; opacity:.8; }
.sales-by-seat .tk-qty .category-amount.group-title:hover{ }
.sales-by-seat .tk-qty .category-amount.group-title:hover .grptitle{opacity:1;}
.sales-by-seat .tk-qty .category-amount.group-title .grptitle span{font-size:22px; float:left; cursor:pointer;}
.sales-by-seat .tk-qty .category-amount.group-title .grptitle label{font-size:18px; float:left; width:auto; margin:2px 0 0 10px; cursor:pointer;}

.sales-by-seat .tk-qty .category-amount.group-title .grptitle.grp-selected{color:#3da3c1; opacity:1;}

.sales-by-seat .tk-qty .category-amount .pack-description{display:none;}

.sales-by-seat .tk-qty .category-amount.is-pack{position:relative;}
.sales-by-seat .tk-qty .category-amount.is-pack input{ padding-right:70px;}
.sales-by-seat .tk-qty .category-amount.is-pack .pack-description{
  display:inline-block; position:absolute; color:#999;
  border-left:1px solid #ccc; right:0; bottom:16px; margin:0; 
  font-size:14px; text-align:center; padding:2px 5px;line-height:14px; width:60px
}
.sales-by-seat .tk-qty .category-amount.is-pack .pack-description span{
  padding:0;font-size:12px;text-align:center;color:#777; 
  float:none; line-height:10px;display:inline;margin:0;
}

/* PROMO CODES */
.sales-by-seat .tk-qty.tk-pcode h3 {float:left; width:100%; margin-bottom:22px;}
.sales-by-seat .tk-qty.tk-pcode h3 span{ display:inline-block; background: #fff; border:1px solid #3da3c1; color:#3da3c1; font-weight:bold; font-size:14px; padding:4px 10px; border-radius:10px; }
.sales-by-seat .tk-qty.tk-pcode .btn.btn-info:nth-child(4n+3) {
    clear: none;
    margin-top:0;
}

.sales-by-seat .tk-seats{ float:right;width:53%!important; padding:15px; margin-right:10%; background:#ececec; border-left:2px solid #999; margin-top:10px; }
.sales-by-seat .tk-seats .right{ padding:0; margin:0; width:100%; float:left; }
.sales-by-seat .tk-seats .suggestion{ margin:0; padding:0; width:45%; float:left; }
.sales-by-seat .tk-seats .suggestion > div{ border-top:1px solid #ccc; margin:0; width:100%;padding:5px 10px 3px 0;}
.sales-by-seat .tk-seats .suggestion > div:first-child{ border:none!important;} 

.sales-by-seat .tk-seats .manualsugg{ width:50%; margin: 0 0 0 3%}
.sales-by-seat .tk-seats .manualsugg label{ font-size:16px; float:left; margin:0; padding:0;}
.sales-by-seat .tk-seats .manualsugg span{ float:left; background:#fff; border:1px solid #999; border-radius:5px; padding:0 10px; font-size:16px; margin:0 0 5px 10px}
.sales-by-seat .tk-seats .manualsugg button{ float:right; margin:10px 0 0 10px; font-weight:bold; font-size:20px; padding:2px 20px}

.sales-by-seat .tk-seats .manualsugg.fsize{ width:100%; margin: 0 0 0 0%}

.sales-by-seat .tk-price{  float:right;width:53%!important;padding:15px; margin-right:10%; background:#ececec; padding-top:20px; border-left:2px solid #999; margin-top:10px; }
.sales-by-seat .tk-price h3{ display:inline; width:auto; margin:4px 50px 10px 0;}
.sales-by-seat .tk-price .price{ float:left; font-size:20px; margin:0; padding:0; color:#c63939; font-weight:bold; }
.sales-by-seat .tk-price .price .overwrite{text-decoration:line-through;}
.sales-by-seat .tk-price .custom-price{ border-left:2px solid #999; float:left; margin:0 0 0 100px; padding:0 0 0 30px;}
.sales-by-seat .tk-price .custom-price label{ font-size:18px; float:left;padding: 5px 0 0 15px; }
.sales-by-seat .tk-price .custom-price label input{ float:left; width:17px; height:17px; margin:2px 0 0 -25px; padding:0  }
.sales-by-seat .tk-price .custom-price .input-group{ margin:0 0 0 20px; padding:0; float:left; width:150px; }
.sales-by-seat .tk-price .custom-price .input-group span{ border-color:#999;}
.sales-by-seat .tk-price .custom-price .input-group input{ border:1px solid #999; font-size:16px; text-align:right;}

.sales-by-seat .tk-final { float:right;width:53%!important; margin:10px 10% 30px 0;}
.sales-by-seat .tk-final .generate-tickets{ float:left; font-weight:600; font-size:20px; padding:5px 30px; background:#ffd100; color:rgba(0,0,0,.8); margin-top:5px;}
.sales-by-seat .tk-final .generate-tickets:hover{ background:#eec000;}

.court-note{ float:right; width:97%; font-size:18px; background-color:#bbb; color:#eee; padding:5px; border-bottom-right-radius:10px;}

.stadium-svg {
  padding: 0; }
  .stadium-svg .row .col {
    padding: 0; }
  .stadium-svg .scaling-svg-container {
    position: relative;
    height: 0;
    width: 100%;
    padding: 0;
    background-color: none; }
    .stadium-svg .scaling-svg-container svg {
      float: left;
      height: 100%;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;}
      .stadium-svg .scaling-svg-container svg g#field {
        fill-opacity: .6; }
      .stadium-svg .scaling-svg-container svg g.section a {
        cursor: pointer; }
        .stadium-svg .scaling-svg-container svg g.section a path {
          fill-opacity: .3;
          stroke-width: 1;
          stroke-opacity: .5;
          stroke-dasharray: 5,5;/*
          -webkit-transition: all 1s ease-out;
          -moz-transition: all 1s ease-out;
          -ms-transition: all 1s ease-out;
          -o-transition: all 1s ease-out;
          transition: all 1s ease-out;*/ }
        .stadium-svg .scaling-svg-container svg g.section a text {
          fill-opacity: .5;
          font-size: 40px;
          font-weight: bold; }
          .stadium-svg .scaling-svg-container svg g.section a:hover{text-decoration:none;}

          .stadium-svg .scaling-svg-container svg g.section a:hover path {
        fill-opacity: .7;
        stroke-opacity: .7;
        stroke-width: 1; }
        .stadium-svg .scaling-svg-container svg g.section a:hover text {
        fill-opacity: .7; text-decoration:none }
      .stadium-svg .scaling-svg-container svg g.section.section-sel path {
        stroke-dasharray: 0;
        fill-opacity: 1;
        stroke-opacity: 1;
        stroke-width: 2; }
      .stadium-svg .scaling-svg-container svg g.section.section-sel text {
        fill-opacity: 1; }
      .stadium-svg .scaling-svg-container svg g.section.not-available path {
        fill-opacity: .3;
        fill: #999; }
      .stadium-svg .scaling-svg-container svg g.section.not-available text {
        fill-opacity: .2; }

.vipps-lp{ margin:0 10%; width:80%; text-align:center; padding-bottom:150px; float:left;}
.vipps-lp img{ border:1px solid #666; border-radius:10px; background-color:#fff; margin:0 auto 15px;float:none;}
.vipps-lp form{ float:left; width:100%;}
.vipps-lp form label{ text-align:left; width:100%;}
.vipps-lp form textarea{ resize:vertical;}
.vipps-lp .load-overlay{ position:absolute; background:rgba(0,0,0,.4) url(../img/ajax-loader-dark.gif) center center no-repeat; width:100%; height:100%; top:0; left:0; border-radius:10px; z-index:4000;}

.alert-group {
  float: right;
  position: fixed;
  width: auto;
  max-width:30%;
  z-index: 999;
  right: 30px;
  bottom: 120px;
  opacity: 0.9 }

.alert-group .alert {
  -webkit-box-shadow: 1px 1px 10px 0px #555;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 1px 1px 10px 0px #555;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 1px 1px 10px 0px #555;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  margin-bottom: 15px; 
font-size: 16px; position:relative; padding-left:45px;}

  .alert-group .alert .glyphicon {
    position:absolute;
    font-size:24px;
    top:15px;
    left:10px;
  }

/******************************/

.contain-offer-popup {
  padding: 20px 30px;
}
.modal-body .panel-offer{
  background: url('../img/promo_large.png') no-repeat;
  width: 603px;
  height: 390px;
  float:left;
  border-radius: 23px;
  position: relative;

  -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);
}

.modal-body .panel-offer .panel-offer-body{
  padding:30px;
  color:#fff;
  max-width: 70%;
  height: 260px;
  overflow: hidden;
}

.modal-body .panel-offer .panel-offer-body h1{
  font-size: 122px; 
  margin: 0px;
}
.modal-body .panel-offer .panel-offer-body h2{
  font-size: 97px; 
  margin: 0px;
}
.modal-body .panel-offer .panel-offer-body h3{
  font-size: 73px; 
  margin: 0px;
}

.modal-body .panel-offer .panel-offer-body h4{
  margin: 0px;
  font-size: 49px;
}

.modal-body .panel-offer .panel-offer-body h5{
  font-size: 35px; 
  margin: 0px;
}

.modal-body .panel-offer .panel-offer-body h6{
  margin: 0px;
  font-size:22px;
}

.modal-body .panel-offer .panel-offer-footer {
  width: 100%;
  text-align: center;
  position: absolute;
    bottom: 0px;
    margin-bottom: 5px;
}
.modal-body .panel-offer .panel-offer-footer p{
  font-size: 20px;
  padding: 0px;
  margin:0 0 10px;
}
.modal-body .panel-offer .panel-offer-footer img {
  width: 30%;
}

.modal-body .panel-offer .panel-offer-footer .app-store{
  width: 27%
}

.button_close{
  background: url('../img/close.png') no-repeat;
  width: 55px;
  height: 55px;
  position: absolute;
  top: -15px;
  right: -15px;
  z-index:2000;
}

.offer-modal.modal {
  text-align: center;
  padding: 0!important;
 }
 
 .offer-modal.modal::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
 }
 
 .offer-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
 }

.offer-modal .modal-content{ background-color:#fff; border:none; border-radius:23px; }
.offer-modal .modal-body{ padding:0; font-size:16px; border-radius:23px}

.text_disccount {font-size:12px; font-weight: 600; padding-left:10px; float:left;}
.text_disccount_detail {font-size:12px; font-weight: 600; padding-top:10px; float:left;}
.alert_disccount{font-size:12px}
/******************************/


@media (max-width: 1700px) {

    .modal-xlarge{width:90%;}

    .sales-by-seat .tk-qty .category-amount:nth-child(4n+3){clear:none;}
    .sales-by-seat .tk-qty .category-amount:nth-child(3n+3){clear:left;}

    .sales-by-seat .tk-qty .btn.btn-info:nth-child(4n+3){ clear:none;}
    .sales-by-seat .tk-qty .btn.btn-info:nth-child(3n+3){ clear:left;}
}

@media (max-width: 1550px) {

}

@media (max-width: 1440px) {

    .modal-body > .row > .col-md-4{ width:25%;}
    .modal-body > .row > .col-md-8{ width:75%;}

    .modal-xlarge{width:95%;}
    .modal-xlarge .form-group label{font-size:12px;}
}

@media (max-width: 1366px) {

    .modal-xlarge .row .row{margin:5px -5px!important;}
    .modal-xlarge .form-group{padding:0 5px;}


    #ticketsTable > div > div span{ float:left; font-size:14px; padding:12px 0;}
    #ticketsTable > div > div span.price{padding:0px 5px 0 0; }
    #ticketsTable > div > div span.paid{padding:0 5px 0px 0; }

    .sales-by-seat .tk-qty .category-amount:nth-child(4n+3){clear:none;}
    .sales-by-seat .tk-qty .category-amount:nth-child(3n+3){clear:none;}
    .sales-by-seat .tk-qty .category-amount:nth-child(2n+3){clear:left;}

    .sales-by-seat .tk-qty .btn.btn-info:nth-child(4n+3){ clear:none;}
    .sales-by-seat .tk-qty .btn.btn-info:nth-child(3n+3){ clear:none;}
    .sales-by-seat .tk-qty .btn.btn-info:nth-child(2n+3){ clear:left;}
}

@media (max-width: 1200px) {
  .sale-completed .ticket-list ul li{ float:left; width:44%; margin:20px 3% 0 3%; }
  .sales-by-seat .tk-qty .btn.btn-info{ clear:left;}
}


@media (max-width: 768px) {

    /*************** LOGIN ***************/

    div.login-screen{margin:10px 2.5% 30px; width:95%;}
    div.login-screen > .col-xs-5{ width:100%; padding:0;}
    div.login-screen > .col-xs-7{ width:100%; padding:10px 0 0 0;}
    div.login-screen .border{ border-left:0;}
    div.login-screen .panel-login{ width:100%;}
    div.login-screen .panel-login .col-xs-6{ width:100%;}
    
    div.reset-screen{ margin-top: 15px; padding-left:15px; padding-right:15px;}

    div.sms-submit .col-xs-5{ width:100%;}
    div.sms-submit .col-xs-4{ width:100%;}

    div.code-submit .col-xs-5{ width:100%;}

    .modal-footer .btn{ padding-left:15px; padding-right:15px;}

    p.login-separator {
      width: 100% !important;
      margin-top:20px !important;
    }

    /*************** PASSWORD ***************/

    .password-form{margin: 0 auto; width: 380px;padding-top: 100px; }
    .password-form .title {padding-bottom:15px;}
    .password-form .btn {margin-right:10px;}
    .password-form button{position:relative;}
    .password-form .panel-spinner{ position:absolute; right:10px; top:8px; width:20px; height:20px; background-size:100%;}

    /************* POINTS OF SALES - AGANECIES **************/

    .agencies-container{margin: 0 auto; padding-bottom: 30px}
    .agency-box{ width:100%; padding:0; margin-top:25px;}
    .agency-box:nth-child(3n+2) {margin-left:8%; margin-right:8%;}
    .agency-box .heading {border-bottom:1px solid rgba(0,0,0,.2);}
    .agency-box .body {padding:15px; }
    .agency-box .margin-item {margin-bottom: 5px;}
    .agency-box img { width: 100% }
    .agency-box .icon {color: #cccccd; font-size:15px; line-height: 20px; margin-right:5px;}

    /************* MATCHES HOME **************/
    .match-list{ width:95%; margin:10px 2.5%; }

    .match-list .filters > div{ float:right; margin:0 -10px 5px 0; clear:right}
    .match-list .filters > div > div{ left:auto; right:0; }
    
    .table-container{padding:0;}
    .table-container .table-content .row > div{padding-top:10px; padding-bottom:10px; }

    .table-container .table-content span.datetime{font-size:12px; padding:5px 5px; }
    
    #matchsTable .row{ border-bottom:3px solid #ccc;}
    #matchsTable .row > div:nth-child(1){ width:50%;}
    #matchsTable .row > div:nth-child(1) span.datetime{font-size:12px; padding:10px 15px; }
    #matchsTable .row > div:nth-child(1) span.datetime br{content:''; padding-left:5px; }
    #matchsTable .row > div:nth-child(2){ width:50%; text-align:right;}
    #matchsTable .row > div:nth-child(2) img{max-height:35px;}
    #matchsTable .row > div:nth-child(3){ width:100%;clear:left; text-align:center; padding-top:5px; padding-bottom:5px; background-color:#eee; border-radius:5px;}
    #matchsTable .row > div:nth-child(3) img{max-height:45px;}
    #matchsTable .row > div:nth-child(3) img:nth-child(1){padding:0;}
    #matchsTable .row > div:nth-child(3) span{font-size:12px}
    #matchsTable .row > div:nth-child(3) span:nth-child(2){display:none}
    #matchsTable .row > div:nth-child(4){ width:100%; text-align:center;}
    #matchsTable .row > div:nth-child(4) .btn{padding:5px 20px; font-size:16px; margin:0;}

    .match-detail{ background:url(../img/match-detail-bg.jpg) top center no-repeat; background-size:400%;}
    .match-detail .left-bar{ width:80%; }
    .match-detail .left-bar .barhead .row{width:100%;}
    .match-detail .left-bar .barhead .row .col-sm-6{width:50%; float:left;}
    .match-detail .left-bar .barhead .row span{ font-size:14px; }
    .match-detail .left-bar .barhead h2{ font-size:16px;}

    .match-detail .match-content{ float:left; margin:10px 0 20px 10%; width:80%; padding-left:0; }
    .match-detail .match-content p{ font-size:14px; }

    /************* SALES **************/
    .tickets-sale .match-info{padding:0;}

    .tickets-sale .match-info > div{height:65px; padding:5px 0; width:100%; border:none; border-bottom:1px solid #555 }
    .tickets-sale .match-info > div:first-child{ border-left:none;}

    .tickets-sale .match-info .league{ padding:8px 10px 8px 10px;  text-align:center; }
    .tickets-sale .match-info .league img{ float:none; display:inline; height:45px; }
    .tickets-sale .match-info .league span{width:auto; float:none; padding:0 0 0 10px;}

    .tickets-sale .match-info .teams{ padding:0;}
    .tickets-sale .match-info .teams div{  width:45%; }
    .tickets-sale .match-info .teams div img{ height:35px;  }
    .tickets-sale .match-info .teams div span{ font-size:14px; padding:5px 0 0 0;}
    .tickets-sale .match-info .teams div.versus{ width:10%;}
    .tickets-sale .match-info .teams div.versus span{ padding-top:18px;}

    .tickets-sale .match-info div .match-date{ text-align:center; width:100%; margin-top:5px; font-size:18px}
    .tickets-sale .match-info div .remaining-time{ width:100%;text-align:center; font-size:11px; }

    .sales-form .form-grp{  padding:20px 5%;}
    .sales-form .form-grp .form-field{float:left; margin-right:0px; margin-top:10px;}
    
    .sales-form .resume{ float:left; padding:0 5% 15px; }
    .sales-form .resume > div > div{ width:100%; text-align:center;}
    .sales-form .resume > div > div.col-xs-7 div:nth-child(3){display:none;}

    .tickets-sale .match-info:nth-child(2){ border-top:0px solid #5c5c5c;}

    .tickets-sale .match-info .resum{ height:70px; padding:10px;}
    .tickets-sale .match-info .resum div{float:left; width:70%; clear:left; font-size:14px; padding:5px 0; }
    .tickets-sale .match-info .resum div br{display:none;  }
    .tickets-sale .match-info .resum div.edit{position:absolute; margin:0; padding:0; right:10px; height:auto;}
    .tickets-sale .match-info .resum div.edit button{ padding:5px 10px; }
    .tickets-sale .match-info .price{ padding:10px 10px; text-align:center;height:55px;}

    .tickets-sale div.payment-terms p{ width:88%;}

    .tickets-sale ul.payment-methods{ margin:0;}
    .tickets-sale ul.payment-methods li{width:auto; margin-right:0px;}
    .tickets-sale ul.payment-methods li img{width:100%;}

    .tickets-sale div.payment-desc{ float:left; width:100%; margin:20px 0 10px;}
    .tickets-sale div.payment-desc span{ font-size:16px; font-style:italic;}
    
    .sales-form .form-btns{ padding:20px 5%;}
    .sales-form .form-btns button{ margin-right:10px; padding:5px 20px}
    .sales-form .form-btns button.btn-default{ padding:5px 20px; }

    /************** ACCOUNT ****************/
    .account{float:left; width:100%; padding:10px 5%; position:relative;}
    
    .account button.pull-right{ position:absolute; right:0; bottom:-30px;}
    
    .purchase-history{float:left; width:100%; padding:30px 2.5%;}

    .table-container .table-header > div:nth-child(1){width:30%!important;}
    .table-container .table-header > div:nth-child(2){display:none;}
    .table-container .table-header > div:nth-child(3){width:45%!important;}
    .table-container .table-header > div:nth-child(4){display:none;}
    .table-container .table-header > div:nth-child(5){width:25%!important;}

    .table-container .table-header div div{ font-size:12px;}

    .purchase-history #ticketsTable > div > div{padding: 5px; }

    .purchase-history #ticketsTable > div > div:nth-child(1){width:23%!important;}
    .purchase-history #ticketsTable > div > div:nth-child(1) span{float:left;width:100%; white-space:normal; font-size:11px;}

    .purchase-history #ticketsTable > div > div:nth-child(2){display:none;}

    .purchase-history #ticketsTable > div > div:nth-child(3){width:60%!important;}
    .purchase-history #ticketsTable > div > div:nth-child(3) img{ height:30px;}
    .purchase-history #ticketsTable > div > div:nth-child(3) span{ font-size:11px; padding:5px 0; white-space:normal; }

    .purchase-history #ticketsTable > div > div:nth-child(4){width:17%!important; }
    .purchase-history #ticketsTable > div > div:nth-child(4) span{float:right; padding:0;}
    .purchase-history #ticketsTable > div > div:nth-child(4) span:after{ content:'bill.'; padding:0 0 0 3px; font-size:10px;}

    .purchase-history #ticketsTable > div > div:nth-child(5){width:17%!important; }
    .purchase-history #ticketsTable > div > div:nth-child(5) span{float:right; font-size:12px; padding:0 0 3px;}

    .purchase-history #ticketsTable > div > div:nth-child(6){width:100%!important; text-align:center; }
    .purchase-history #ticketsTable > div > div:nth-child(6) .btn{ font-size:12px; margin:0;}

    /************* SALE COMPLETED **************/
    .sale-completed .match-info{ width:90%; margin:15px 5% 0;}

    .sale-completed .match-info .league{ padding:10px 0; }
    .sale-completed .match-info .league img{ max-height:30px; }
    .sale-completed .match-info .league span{ font-size:14px; }
    .sale-completed .match-info .teams{ padding:10px 0;}
    .sale-completed .match-info .teams div{ width:45%;}
    .sale-completed .match-info .teams div img{ height:50px;}
    .sale-completed .match-info .teams div span{ width:100%; font-size:12px; padding:0;}
    .sale-completed .match-info .teams .league{ padding-top:10px; width:10%; }

    .sale-completed .match-info .match-date{ width:35%; font-size:16px; height:80px; line-height:76px;}
    .sale-completed .match-info .match-time{ width:20%; font-size:16px; height:80px; line-height:76px; }
    .sale-completed .match-info .match-place{ width:45%; font-size:14px; height:80px; }
    .sale-completed .match-info .match-place span{ font-weight:400; font-size:12px}

    .sale-completed .resume > div{ font-size:16px;}
    .sale-completed .resume > div.tickets{ width:55%; border-right:1px solid #777;}    
    .sale-completed .resume > div.seats{ display:none;}
    .sale-completed .resume > div.price{ font-size:16px;float:left; width:45%; margin:0; padding:10px; }
    .sale-completed .resume > div.price span{float:none;}

    .sale-completed .ticket-actions{ padding:20px 5%;}


    
    
}

@media (max-width: 500px) {

  .tags.iconTags ul li {width: 48% !important;padding:15px 5px;  margin: 1%;}
  .tags.iconTags ul li div{width: 70%; float: left; line-height: 30px;}
  .tags.iconTags ul li div:first-child{width: 30%; float: left;}
  .tags.iconTags ul li:nth-child(2n) {float: right;}

  /* HOME */
  .packages .just-scmatch{ width:90%; margin:0 5%;  }
  .packages .just-scmatch div.jsc-cont{ width:100%; margin:20px 0%;}
  .packages .just-scmatch div.jsc-cont h2{font-size:20px;}
  .packages .just-scmatch div.jsc-cont p{ font-size:16px; }
  .packages .just-scmatch div.jsc-cont button{ float:right; }

    .alert-group { max-width:80%; bottom: 175px; }

  /* SALES */ 
  .tickets-sale .match-info.just-st .logo-seasoncard{width: 20%!important; height:120px;}
  .tickets-sale .match-info.just-st .desc-seasoncard{width: 59%;height:120px;}
  .tickets-sale .match-info.just-st .desc-seasoncard h2{ margin-top:5px; }

  .sales-by-seat .tk-arena{ width:95%!important; }
  .sales-by-seat .tk-qty{ float:left; width:97%!important; margin:0 0 0 1%; }
  .sales-by-seat .tk-seats{ float:left; width:97%!important; margin:20px 0 0 1%; }
  .sales-by-seat .tk-price{ float:left; width:97%!important; margin:20px 0 0 1%; }
  .sales-by-seat .tk-final{float:left; width:100%!important; text-align:center;}
  .sales-by-seat .tk-final .generate-tickets{ display:inline-block; float:none;}

  .modal-body.seat-sel {padding: 15px;}
  .seat-sel .section-info .manualDesc{float:right;width: 100%;}
  .seatMap .sectionSeatMap .SectionCols div:nth-child(n+2){ display: none;}
  .seatMap .sectionSeatMap .sectionRowNos{  width:10%; padding:5px 0; }
  .seatMap .sectionSeatMap .sectionRows{ width:90%; padding:5px 0; }

  .tickets-sale .match-info .resum {text-align: center;padding-top: 0;}

  .purchase-history #salesTable > div > div:nth-child(1){width:50%!important;}
  .purchase-history #salesTable > div > div:nth-child(1) span{ white-space:normal; font-size:11px;}

  .purchase-history #salesTable > div > div:nth-child(2){ width:50%!important; text-align:right;}

  .purchase-history #salesTable > div > div:nth-child(3){width:30%!important; float:left; text-align:left;}

  .purchase-history #salesTable > div > div:nth-child(4){width:30%!important; float:left; text-align:center;}

  .purchase-history #salesTable > div > div:nth-child(5){width:40%!important; text-align:right}

  .purchase-history #salesTable > div > div:nth-child(6){width:100%!important; text-align:center; }
  .purchase-history #salesTable > div > div:nth-child(6) .btn{ font-size:12px; margin:0;}

  .shop-cart .form-btns button {
    width:100%;
  }

  .footer{ position:relative}
  .footer {
    height: 100%;
    overflow: hidden;
  }
  .footer ul {
    float:none;
    margin: 0px;

  }
  .footer .row {
    float:none;
  }
  .footer ul li:first-child{ border:none; margin:1px 0 5px 20px;}
  .footer ul li:first-child a{ border:none; line-height:22px; }
  .footer ul li:nth-child(2){ clear:left; border:none;}
  .footer ul li:nth-child(2) a{border:none;}
  .footer .row-top p {text-align:center;}
  .footer .row { width: auto;}
  .page-container{
      margin-top: 36px;
      min-height:calc(100vh - 330px);
      padding-bottom: 50px;
  }
  .footer .row-top .col-right p {    text-align: center;    width: 100%;  }
  .footer .row-top .col-right img {    float: none; width: 30% }
  .footer p img.image-footer {margin-left: 5px; width: 30%}
  .footer .row-top .col-xs-12 {    padding: 5px 0;}
  .footer .row-top .col-xs-12 .empty-p {display:none;}
  .footer .row-top .col-md-1 {display:none;}
  .footer .row-top { padding:0px;}

  .tags.carouselTags .carousel-item .carousel-item-container {
      height: 300px !important;
    }
    .carousel-item .carousel-text {
      max-width: 85%;
      min-height: 300px;
    }
    .tags.carouselTags .carousel-item .carousel-item-container {
      background-position: 40%;
    }
    .carousel-item .name_tag {
      font-size: 1.5rem;
      line-height: 2rem;
      padding-bottom: 10px;
    }
    .carousel-item .description_tag {
      font-size: 1rem;
      width: 65%;
      line-height: 1.25rem;
    }



/******************************/

.contain-offer-popup {
  padding: 20px 30px;
}
.modal-body .panel-offer{
  background: url('../img/promo_small.png') no-repeat;
    width: 343px;
    height: 222px;
  float:left;
    border-radius: 13px;
  position: relative;

    -webkit-box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.82);
    -moz-box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.82);
    box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.82);
}

.button_close{
    background: url('../img/close-small.png') no-repeat;
    width: 55px;
    height: 55px;
    position: absolute;
    top: -15px;
    right: -30px;
}

.modal-body .panel-offer .panel-offer-body{
  padding:15px;
  color:#fff;
  max-width: 70%;
    height: 222px;
  overflow: hidden;
}


.modal-body .panel-offer .panel-offer-body h1{
  font-size: 68px;
  margin: 0px;
}

.modal-body .panel-offer .panel-offer-body h2{
  font-size: 54px;
  margin: 0px;
}

.modal-body .panel-offer .panel-offer-body h3{
  font-size: 41px;
  margin: 0px;
}

.modal-body .panel-offer .panel-offer-body h4{
  margin: 0px;
  font-size: 28px;
}
.modal-body .panel-offer .panel-offer-body h5{
  margin: 0px;
  font-size: 20px;
}
.modal-body .panel-offer .panel-offer-body h6{
  margin: 0px;
  font-size:13px;
}

.modal-body .panel-offer .panel-offer-footer {
  width: 100%;
  text-align: center;
  position: absolute;
    bottom: 0px;
    margin-bottom: 5px;
}
.modal-body .panel-offer .panel-offer-footer p{
  font-size: 12px;
  padding: 0px;
    margin:0 0 5px;
}
.modal-body .panel-offer .panel-offer-footer img {
  width: 30%;
}

.modal-body .panel-offer .panel-offer-footer .app-store{
  width: 27%
}

/* .button_close{
  background: url('../img/close.png') no-repeat;
  width: 55px;
  height: 55px;
  position: absolute;
  top: -15px;
  right: -15px;
  z-index:2000;
} */

.offer-modal.modal {
  text-align: center;
  padding: 0!important;
 }
 
 .offer-modal.modal::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
 }
 
 .offer-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
 }

.offer-modal .modal-content{ background-color:#fff; border:none; border-radius:5px; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.offer-modal .modal-body{ padding:0; font-size:16px; border-radius:23px}

@media (max-width: 500px) {

  .tags.iconTags ul li img {
    margin-bottom: 0px;
    width: 3em;
    height: 3em;
    margin-left: 10px;
  }
  .tags.iconTags ul li {
    width: 46% !important;
    padding: 10px 5px;
    margin: 2%;
  }

  .shop-list {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
  .shop-list .detail-container .data-container .row-detail {
    padding: 20px 0;
  }
  .shop-list .detail-container .data-container .row-detail-no-border .btn-add button {
    margin-bottom: 20px;
    width: 100%;
  }
  .shop-list {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .ui-carousel {
    margin-bottom: 0px;
  }
  .static-content div img {
    min-width: 2em;
    margin-top: -6px;
  }
  .static-content h6 {
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 1px;
  }
  .static-content p {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .footer.footer-top .footer-top-inner div {
    padding: 3px !important;
  }
  .footer.footer-top .footer-top-inner h4 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .footer.footer-top .footer-top-inner p {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .social-media div a i {
    margin-right: 20px;
  }
  .shop-list .filters-border {
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  .main-container.text-content h3 {
    font-size: 24px;
  }
}

/******************************/
}

.hdbefore {
  margin: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
}



.custom-container .btns-right{float:right;
  /* background: rgba(0,0,0,.7);
  border-radius: 10px;
  box-shadow: 0 0 5px;
  padding: 5px; */
}
.custom-container .btns-right .btn-settings{ float:right; padding:0px; height:45px; width:45px; background:none; color:#fff;}
.custom-container .btns-right .btn-settings span{font-size:20px; }
.custom-container .btns-right .dropdown-menu{ right:5px; top:45px; left:auto; }
.custom-container .btns-right .dropdown-menu a{color:#777; }
.custom-container .btns-right .dropdown-menu a:hover{ background-color:#ddd; }
.custom-container .btns-right div.user{float:left; color:#fff; font-size:12px; font-weight:600; margin:12px 0px 0 0;}

.custom-container .btns-right a.login-btn{font-weight:600;color:#fff;font-size: 14px;padding:0 5px;float:right;margin:12px 12px 0 0;cursor:pointer;text-decoration:none;}
.custom-container .btns-right a.login-btn:hover{ background:rgba(255, 255, 255, .2); border-radius:3px; }

header .logo>a>img {
  max-width: 120px !important;
}


.shops-list { float:left; width:96%; margin:15px 2%;  }
.shops-list .filters{float:left; width:100%; padding:30px 15px 10px 0px; border-bottom: 2px solid #303030; background:transparent;}
.shops-list h2{ font-size:36px; font-weight:normal; color:#000; margin:0 45px 0 0; padding:0; line-height:18px; float:left; }
.shops-list ul {width: 100%; float:left; padding:0px;}
.shops-list ul li{float:left; width: 13%; margin: 1% 1% 1% 0; list-style: none; cursor:pointer;position: relative;  
  max-height: 200px;
  min-width: 200px;}
.shops-list ul li p{float:left;position: abslute; bottom: 0; left:0;font-size: 16px}
.shops-list ul li .container {
  position: relative;
  text-align: center;
  color: white;
  width: 100%;
  padding: 0px;
  max-height: 200px;
}

.shops-list ul li .transbox {
  background-color: #000 !important;
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.shops-list ul li .container .shop_img {
  max-height: 200px;
}

.shops-list ul li .bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
  z-index:20;
}

.shops-list ul li .bottom-left-member {
  position: absolute;
  bottom: 28px !important;
  left: 16px;
  z-index:20;
}

.shops-list ul li .bottom-left span { 
  padding-right: 5px;
}

.padding-rigth {
  padding-right: 10px !important;
}
.padding-top {
  padding-top:10px !important;
}
.padding-bottom {
  padding-bottom:10px !important;
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  padding-left: 5px;
}


.shop-list {
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0px;
}

.shop-list h1 {
  padding: 0;
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}



.shop-list .filters ul li {
    width: 25%;
    margin-right: 2%;
    float: left;
    height: 300px;
    margin: 5px 0 5px 0;
    border: 0px;
    position: relative;
    border: 0;
    background: transparent;
    border: 1px solid transparent;
}

.shop-list .filters ul li:hover {
  border: 1px solid #ddd;
  cursor:pointer;
}


.shop-list  .filters ul li div{
  height: 75%;
  position: relative;
  background-color: #fff;
  margin-bottom: 5px;
  
}

.shop-list  .filters ul li div div{
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  height: 85%;
  border: 0;
  text-align: center;
    width: 100%;
  
}

.shop-list .filters ul li div img{
 
    max-height: 100%;
    max-width: 90%;
    
}

.shop-list .filters ul li span{
  float: left;
  width: 100%;
  font-size: 16px;
}
.shop-list .filters ul li span.title{
  font-weight: bold;
}

.shop-list  nav {
  text-align: center;
}

.shop-list .row-pagination {
  text-align: center; 
}

.btn-group, .btn-group-vertical {
  vertical-align: middle;
}

.custom-container .btns-right a.login-btn {
  font-size: 12px;
  padding: 0px;
  margin-top: 0px;
}



.shop-list .filters .col-xs-3{
  z-index: 1600;
}

.shop-list .detail-container {
  margin: 20px 0px;
}

.shop-list .detail-container .img-container{
  width: 100%;
  border: 1px solid #fff;
  text-align: center;
  background: #fff;
  padding: 5px;
}

.shop-list .detail-container .img-container img{
  max-width: 100%;
}

.shop-list .detail-container .img-menu-gallery{
  width: 100%;
  border: 1px solid #fff;
  text-align: center;
  background: #fff;
  padding: 5px;
  float: left;
  margin-bottom: 10px;
  height: 128px;
  position: relative;
}
.shop-list .detail-container .img-menu-gallery img{
  max-height: 100%;
  position: relative;
  max-width: 100%;
}
.overflow-img {
  overflow-y: auto;
  max-height: 384px;
}

.shop-list .detail-container .data-container .row-detail {
  padding: 20px 0;
  border-bottom: 1px solid #A2A2A2;
}

.shop-list .detail-container .data-container .row-detail-no-border {
  padding: 10px 0;
  border-bottom: 0px solid #e2e2e2;
}
.shop-list .detail-container .data-container .row-detail .container-conf{
  float: left;
  width: 100%;
}

.shop-list .detail-container .data-container .row-detail .container-conf label{
  font-weight: normal !important;
}

.shop-list .detail-container .data-container .row-detail .container-conf .configuration-title{
  background-color: #a39f9f;
  padding: 5px;
  border-radius: 8px;
  color: #fff;
  font-size: 10px;
  margin: 5px 0 0px 0px;
  float: left;
}

.shop-list .detail-container .data-container .title-detail {
  float: left;
  width: 100%;
  font-size: 32px;
  line-height: 40px;
  color:#000;
  opacity: 80%;
  font-weight: 700;
  color: var(--text-category)
}
.shop-list .detail-container .data-container .price-detail {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  width: 100%;
  color: var(--text-category);
}

.shop-list .detail-container .data-container .control-label {
  padding: 0;
  font-size: 14px;
  opacity: 80%;
  font-weight: normal;
}

.shop-list .detail-container .data-container .control-label-title {
  padding: 0;
  font-size: 12px;
  opacity: 80%;
  font-weight: normal;
}

.shop-list .detail-container .data-container .control-select {
  padding: 0;
}

.shop-list .detail-container .data-container .row-detail ul.sizes {
  float: left;
  margin: 0px;
  padding:0px;
  width: 100%;
  display: table;
}
.shop-list .detail-container .data-container .row-detail span.control-label-title {
  float: left;
  width: 40%;
  font-weight: normal !important;
  font-size: 12px ;
}
.shop-list .detail-container .data-container .row-detail div.control-label-check {
  float: left;
  width: 60%;
  text-align: right;
  color: #000;
  opacity: .8;
  font-weight: normal;
}

.shop-list .detail-container .data-container .row-detail div.control-label-check label {
  color: #000;
  opacity: .8;
  font-weight: normal;
  font-size: 12px;
}

.shop-list .detail-container .data-container .row-detail span.control-conf-title {
  float: left;
  width: 40%;
  margin-bottom: 10px;
}
.shop-list .detail-container .data-container .row-detail ul.sizes li{
  width: 75px;
  height: 50px;
  list-style: none;
  border:1px solid #dcdcdc;
  border-radius: 2px;
  background-color: #fff;
  line-height: 50px;
  vertical-align: middle;
  display:table-cell; 
  text-align:center;
  margin-right: 5px;
}

.shop-list .detail-container .data-container .row-detail ul.sizes li:hover{
  width: 75px;
  height: 50px;
  list-style: none;
  border:1px solid #dcdcdc;
  border-radius: 2px;
  background-color: #000;
  text-align:center;
  color:#fff;
}

.shop-list .detail-container .data-container .row-detail ul.sizes li.disabled{
  width: 75px;
  height: 50px;
  list-style: none;
  border:1px solid #dcdcdc;
  border-radius: 2px;
  background-color: #f7f7f7;
  text-align:center;
  color:#dcdcdc;
}

.shop-list .detail-container .data-container .row-detail ul.sizes li.disabled:hover{
  width: 75px;
  height: 50px;
  list-style: none;
  border:1px solid #dcdcdc;
  border-radius: 2px;
  background-color: #f7f7f7;
  text-align:center;
  color:#dcdcdc;
}

.shop-list .detail-container .data-container .row-detail ul.sizes li.selected{
  width: 75px;
  height: 50px;
  list-style: none;
  border:1px solid #dcdcdc;
  border-radius: 2px;
  background-color: #000;
  text-align:center;
  color:#fff;
}

.shop-list .detail-container .data-container .row-detail .row-form-dynamic{
  width: 100%;
  float: left;
}

.shop-list .detail-container .data-container .row-detail .row-form-dynamic .col-xs-8 label {
  float: left;
  width: 100%;

}

.shop-list .detail-container .data-container .row-detail .row-form-dynamic {
  padding: 5px 0;
}

.shop-list .detail-container .data-container .row-detail .row-form-dynamic label {
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 0px !important;

}

.shop-cart .container-conf  label {
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 0px !important;

}


.product-amount-price {
  float: right;
  background: rgba(0, 0, 0, 0);
  text-align: right;
  padding: 10px;
  margin:0;
  border-radius: 3px;
  width: 100%;
  margin-top: 5px;
}
.product-amount-price span {
  width: 100%;
  float: right; 
}
.product-amount-price span span {
  clear: both;
  width: auto;
  float: left;
  width: 70%;
  color: var(--text-category); 
}
.product-amount-price span span span {
  width: auto;
  float: right;
  font-size: 10px;
  padding-left: 2px; 
  line-height: 21px;
}
.product-amount-price .disccount {
  color: red; 
}


.btn-add {
  padding: 0;
  font-size: 20px;
  margin: 0;
}

.btn-add button { 
  font-size: 20px;
  margin: 0;
  width: 90%;
}

.shop-list .detail-container .data-container .row-detail-no-border  .btn-add {
  padding: 0;
  font-size: 20px;
  margin: 0;
}
  
.shop-list .detail-container .data-container .row-detail-no-border    .btn-add button { 
  font-size: 20px;
  margin: 0;
}

/* .track-wrapper {
  position: relative;
  width: 100%;
} */

carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.img-carousel {
  max-height: 100%;
  max-width: 90%;
  vertical-align: middle;
}
.name-corousel{
  width: 100%;
  float:left;
  text-align: left;
  font-size: 16px;
  color: #000;
  opacity: .8;
  margin-top: 5px;
  font-weight: bold;
}

.price-corousel{
  width: 100%;
  float:left;
  text-align: left;
  font-size: 16px;
  color: #000;
}

.carousel-item {
  padding: 5px;
  width: 100%;
  float: left;   
  min-height: 260px;
  position: relative; 
  cursor: pointer;
}

.carousel-item .carousel-text {
  display: flex;
  max-width: 40%;
  height: 100%;
  min-height: 600px;
  flex-direction: column;
  padding:0em 5em;
  justify-content: center;
}

.carousel-item .name_tag {
  color: var(--default-text-category);
  font-family: 'Roboto Condensed';
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.375rem;
  letter-spacing: 0.02em;
  text-align: left;  
  text-transform: uppercase;
  padding-bottom: 20px;
}
.carousel-item .description_tag {
  color: var(--default-text-category);
  font-family: 'Roboto Condensed';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem;
  letter-spacing: 0.02em;
  text-align: left;
}

.carousel-prev, .carousel-next {
  min-width: 1em;
  max-width: 1em;
  position: absolute;
  cursor: pointer;
}

.carousel-prev {
  top: -3em;
  right: 5em;
}

.carousel-next {
  top: -3em;
  right: 1em;
}

.gallery {
  width:100% !important;
}

.product-item {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height:300px;
  width:300px;
  background-color: white;
  cursor:pointer;
}

.product-item.gallery {
  width:100%;
}
.product-item.player {
  background-size: cover;
  height: 200px;
  width: 200px;
}
.product-item-description div {
  background-color: var(--main-bg-color);
  margin-top: 20px;
  display:flex;
}

.product-item-description.product {
  width: 300px;
}

.product-item-description div h4,h5{
  margin-top: 0px;
}

.product-item-description .name {
  width: 80%;
  text-align: left;
  text-align: left;
  margin-top:0px
}

.product-item-description .name h4 {
  font-family: 'Roboto Condensed';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: 0.5px;
  color:var(--text-category)
}

.product-item-description div:nth-child(1) span {
  position: absolute;
  top: 1em;
  left: 1em;
  background-color: white;
  padding: 0.5em 1em;
  font-family: 'Roboto Condensed'
}
.product-item-description .tags{
  width: 100%;
  justify-content: left;
  font-family: 'Roboto Condensed';
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.1em;
  text-align: left;
  margin-top:0px;
  height: 2em;
}

.product-item-description .price {
  width: 20%;
  justify-content: flex-end;
  text-align: right;
  margin-top:0px
}

.product-item-description .price h5 {
  font-family: 'Roboto Condensed';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 1px;
  color:var(--text-category)
}

.other-products h1 {
  font-family: 'Roboto Condensed';
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25rem;
  letter-spacing: 3px;
  text-align: left;
  margin-top: 30px;
  color:var(--text-category)
}

.shop-list .filters-border {
  border-bottom: 1px solid #a2a2a2;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.has-error {
  border: solid 1px red !important; }

.has-error-text {
  color: red !important; 
  font-size: 14px;
  padding-top: 5px;
}


.popup-cart {
  position: absolute;
  top: 45px;
  right: 200px;
  background: #fff;
  min-width: 418px;
  min-height: 226px;
  z-index: 2050;
  padding: 18px 21px;
}

.popup-cart .img-popup {
  float: left;
  width: 80px;
  background: #fff;
  text-align: center;
}
.popup-cart .img-popup img {
  float: left;
  max-width: 80px;
  max-height: 80px;
}

.popup-cart .row .content-title {
  margin: 0 0 10px 0;
}
.popup-cart .alert_popup {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  float: left;
  padding: 13px 0px 0px 46px;
  position: relative;
  line-height: 14px;
  background: var(--main-bg-color);
  width:190px;
  height: 45px;
}

.popup-cart .alert_popup_close{
  width: 5%;
    float: right;
    line-height: 22px;
    cursor: pointer;
}

.popup-cart .alert_popup .check{
  position: absolute;
    left: 10px;
    font-size: 14px;
}

.container-popup {
  font-size: 12px;
}
.container-popup-cart {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  z-index: 2049;
  background-color: #000;
}
.container-popup .title-popup-product {
  float: left;
  width: 75%;
  opacity: 1;
  font-weight: 700;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.container-popup .price-popup-product {
  float: right;
  width: 25%;
  text-align: right;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5px;
}
.container-popup button {
  font-size: 14px;
}

.container-popup label {
  margin: 0px;
}
.container-popup .container-conf {
  margin-bottom: 5px;
}

.container-popup p{
  float: left;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5 px;
}



.shop-cart {
  float: left;
  margin-top: 20px;
  margin-bottom: 0px;
}

.shop-cart .table-container {
  margin-top: 0px;
}

.shop-cart .item-table {
  
  float: left;
  width: 100%;
  margin: 0px;
  border-bottom:1px solid #b2b4b5;
  display: table;
  position: relative;
}
.shop-cart .item-table img {
   max-width: 100px;
   
}

.shop-cart  .col-summay-head {
  background: #fff;
}

.shop-cart  .col-summay {
  background: #fff;
  padding: 20px 10px;
}

.shop-cart  .col-summay span.span-row {
  width: 100%;
  float: left;
}

.shop-cart  .col {
  padding: 10px 15px;
  display: table-cell;
  float: none;
  vertical-align: top;
}

.shop-cart .col-float {
  padding: 10px;
  display: table-cell;
  float: left;
  vertical-align: top;
  width: 100%;
}
.shop-cart .col-float p {
  width: 100%;
  float:left;
}

.shop-cart  .table-container .table-header {float:left; width:100%; border-bottom:0px solid #b2b4b5;}

.shop-cart .title-popup-product {
  float: left;
  width: 75%;
  opacity: 1;
  font-weight: normal;
}

.shop-cart .title-popup-product-name {
  float: left;
  width: 75%;
  opacity: 1;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  font-style: normal;

}
.shop-cart .price-popup-product {
  float: right;
  width: 25%;
  text-align: right;
  font-weight: normal !important;
}

.disccount {
    color: red; 
  }

.col-summay span.span-row {
 width: 100%;
 text-align: right;
 line-height: 23px;
}
.col-summay span.span-row span {
  width: 60%;
    float: left;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
}

.col-summay span.span-row span span{
  width: auto;
  float: right;
}


.link-remove span{
  font-size: 12px;
  color:#000 !important;
  opacity: 50%;
  cursor: pointer;
}

.link-continue span{
  font-size: 14px;
  color:blue !important;
  cursor: pointer;
  line-height: 36px;
}

.shipping-product {
    width: 100%;
    line-height: 25px;
    font-size: 14px;
    float: left;
    padding-left: 15px;
}
.shipping-product input{ 
  margin: 0 5px 0 15px;
} 

.no-border {
  border: 0 !important
}

.no-border-bottom {
  border-bottom: 0 !important
}

.shop-cart .payment-container div.payment-terms{float:left; width:100%; margin:0 0 15px 5px; font-size:14px; }
.shop-cart .payment-container div.payment-terms input{float:left; height:16px; width:16px;}
.shop-cart .payment-container div.payment-terms p{float:left; margin-left:10px; width: 85%; text-align:left;}
.shop-cart .payment-container div.payment-terms p a{color: #000; text-decoration: underline;}

.shop-cart .payment-container {
  padding-left: 0px;
}

.shop-cart .row-shipping {
  padding: 5px; 
}

.shop-cart .row-shipping label{
  font-weight: normal;
  float: left;
  text-align: right !important;
}

.shop-cart .row-shipping input{
  font-weight: normal;
  float: left;
  height: 40px;
}

.shop-cart .payment-container button{
  font-size: 20px;
  width: 100%;
}

.shop-cart .payment-container .link-remove {
  padding: 5px;
}

.shop-cart .payment-methods  li{
  list-style: none;
  margin-bottom: 15px;
  
  font-size:14px;
  color:#000;
  opacity: .8;
  
  position:relative;
}

.shop-cart .payment-methods  li input[type="radio"], input[type="checkbox"] {
  margin: 4px 10px 4px 0px;
  margin-top: 1px \9;
  line-height: normal;
}


.shop-cart .payment-methods  li label{ cursor: pointer;}

.shop-cart .payment-methods  li.border-li {
  border-top:0px solid #b2b4b5;
  margin-top: 30px;
}

.shop-cart .payment-methods  li img{
  list-style: none;
  max-width: 160px;
  border-radius:5px;
  overflow:hidden;
}

.shop-cart .payment-methods  li.selected::before{
  content:' ';
  position:absolute;
  width:10px;
  height:10px;
  display:inline-block;
  border:1px solid #000;
  z-index:10000;
  top:40%;
  left:-20px;
  background-color:#333;
  border-radius:5px;
}

/* .shop-cart .form-btns{ float:left; width:100%; padding:20px 0;} */
/* .shop-cart .form-btns button{ margin-right:15px;} */
/* .shop-cart .form-btns button.btn-default{ font-size:20px; padding:5px 30px; margin-top:5px; background-color:#d0cbc6;  font-weight:600;  border:none;} */
/* .shop-cart .form-btns button.btn-default:hover{background-color:#bbb7b7;} */

.shop-cart ul.payment-detail{padding: 0; float: left; width: 100%; padding-left:15px;}
.shop-cart ul.payment-detail li{  list-style: none; width: 100%; float: left; padding:5px 0 0 5px;}
.shop-cart ul.payment-detail li .column-left{  width: 60%; float: left;}
.shop-cart ul.payment-detail li .column-right{  width: 30%; float: right;}
.shop-cart ul.payment-detail li.with-border {border-bottom:1px solid #b2b4b5;}
.shop-cart ul.payment-detail li .column-left-img {
  width: 20%;
  float: left;
  padding-bottom: 10px;
}
.shop-cart ul.payment-detail li .column-left-img img {
  max-width: 100%;
  float: left;
}
.shop-cart ul.payment-detail li .column-right-detail {
  width: 70%;  
  float: left;
  padding:0 0 0 5px;
}

.shop-cart ul.payment-detail li .column-right-detail .title-popup-product {
  width: 100%;
}

.shop-cart ul.payment-detail li .column-right-detail .title-popup-product.title-name {
  font-weight: bold;
}


.shop-cart ul.payment-detail li .column-right-detail p {
  margin: 0px;
}

.shop-cart ul.payment-detail li .column-right-detail p.row-name{
  margin-bottom: 10px;
}

/* .table-container .table-header .col-summay-head div {padding-left:0px;}
.table-container .table-header .col-detail-head div {padding-left:0px;} */

.nopadding {padding:0px !important}
.nopadding-left {padding-left:0px !important}
.nopadding-top {padding-top:0px !important}

.shop-cart div.payment-desc{ float:left; margin:40px 0 20px; font-size:16px; color:#fff; background-color:#075804;  border-radius:5px; padding:5px 10px;}
.shop-cart div.payment-desc:before{position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;content:'\e013'; padding-right:10px;}
.shop-cart div.payment-desc span{ font-size:16px; font-style:italic;}

.shop-cart  .failed{ background-color:#cc0000 !important;  }
.shop-cart  .failed:before{content:'\e107'; }

.shop-account {  float: left;  margin-top: 20px;  margin-bottom: 0px;}
.shop-account .row-border{     border-bottom: 2px solid #dcd6d2}
.shop-account .menu-left {background-color: var(--main-color);}
.shop-account .menu-left .sidenav {
    height: 100%;
    width: 100%;
    z-index: 1;
    overflow-x: hidden;
    padding-top: 20px;
    min-height: 300px;
  }


  
  .shop-account .menu-left  .sidenav span {
    padding: 6px 6px 6px 28px;
    text-decoration: none;
    font-size: 16px;
    display: block;
    color:#000;
    border-left: 4px solid transparent;
  }

  .shop-account .menu-left  .sidenav span.selected {
    background-color: #dcd6d2;
    border-left: 4px solid #000;
  }
  
  .shop-account .menu-left .sidenav span:hover {
    color: #000;
    background-color: #dcd6d2;
    cursor:pointer;
    border-left: 4px solid #000;
    
  }

  .shop-account .table-container .table-header div div{ padding-left: 0px;}
  .shop-account .item-table .col-bottom button{font-size: 12px;     padding: 3px 10px; margin: 0px;}
  .shop-account .item-table {border-bottom: 1px solid #dcd6d2}
  .shop-account .item-table div {padding: 5px 15px;}


  .nomargin {margin: 0px !important;}
  .nopadding {padding: 0px !important;}
  .float-left {float:left !important;}


  .detail-account-container .breadcrumb-ac {
    padding: 10px 10px;
    float: left;
    margin: 0px;
    font-size: 12px;
    width: 70%;
  }

  .detail-account-container button {
    font-size: 16px;
    margin-bottom: 5px;
    float: right;
  }

  .detail-account-container .breadcrumb-ac .path_breadcrumb {
    color: blue;
  }

  .detail-account-container .breadcrumb-ac .path_breadcrumb a{
    color: blue;
    cursor:pointer;
  }

  .detail-account-container .product-details-100 span {
    width: 100%;
    float:left;
    font-size: 12px;
  }

  .detail-account-container .product-name {
    font-weight: bold;
  }

  .detail-account-container .product-details-100 span.size-desc-group {
    width: 100%;
    float:left;
    margin-bottom: 10px;
  }

  .detail-account-container .product-details-100 span span span span{
    width: auto;
    float: none;
  }

  .detail-account-container .product-price span{
    width: 100%;
    float: left;
  }

.shop-account.column-left{  width: 50%; float: left;}
.shop-account .column-right{  width: 50%; float: right; text-align: right;}
.shop-account .column-title{
    border-top: 2px solid #000;
    color: var(--text-category);
    font-size: 14px;
    padding: 5px 0 0 0 !important;
}
.shop-account  .column-content {
    border: 0;
    color: #000;
    opacity: .8;
    font-size: 14px;
    padding: 5px 0 0 0  !important;
}



.shop-breadcrumb {position: absolute;   top: 0;  left: 150px;}
.shop-breadcrumb  .breadcrumb{ float:left; margin: 4px 0 0 60px; width:auto; background:none;}
.shop-breadcrumb  .breadcrumb li{ float:left; width:auto; margin:0 5px 0 0; text-align:left;}
.shop-breadcrumb  .breadcrumb li a{ color:#23527c; cursor:pointer;}

.shop-breadcrumb  .breadcrumb li.active:before{ float:left; color:#656565; padding:0 5px 0 0; text-align:center; }
.shop-breadcrumb  .breadcrumb li.active span{float:left; color:#656565}


.top-header .btns-right .btn-settings .span-cart {
  vertical-align: middle;
  position: relative;
  font-size: 10px;
  padding-right: 5px;
}
.top-header .btns-right .btn-settings .span-cart span {
  padding: 10px 0;
  float: right;
  padding-right: 20px;
  font-size: 10px;
}
.top-header .btns-right .btn-settings .span-cart i {
  font-size: 28px;
  position: relative;
}
.top-header .btns-right .btn-settings .span-cart i span {
  font-size: 12px;
  color: #000;
  position: absolute;
  left: 25%;

  height: auto;
  width: auto;
  float: left;
  padding: 0;
  top: 17%;
  left: 45%;
}

.top-header .btns-right .btn-settings{    width: 35px;
  float: left;}
.top-header .btn-group  .text-cart {float: right !important;
  margin-right: 15px !important;}

  li.ng-scope.selected {
    /* border: 1px solid green; */
    border-radius: 5px;
    width: auto;
}

.shop-cart .container-conf.ng-scope {
  margin-bottom: 10px;
}

/* .shop-cart .table-container .table-header div div {
  font-size: 16px;
} */

.sticker {
  background-color: red;
  padding: 10px;
  width: 85%;
  float: right;
}
.lado-izquierda-abajo:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -10px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: transparent red transparent transparent;
  padding: 5px;
}

.hexagon {
  position: relative !important;
  width: 85% !important;
  background-color: red !important;
  color: #fff !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  margin-top: 10px !important;
  text-align: right !important;
  min-height: 60px;
}

.hexagon .circle {
  background-color: #F4EEE9 !important;
    height: 15px !important;
    width: 15px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    position: absolute !important;
    top: 21px !important;
    left: -15px !important;
    z-index: 2 !important;
}


.hexagon:after {
  content: " " !important;
  position: absolute !important;
  border-top: 30px solid transparent !important;
  border-bottom: 30px solid transparent !important;
  top: 0 !important;

  right: 100%;
  border-right: 30px solid red;
}

.hexagon span {
  font-size: 12px;
}

.hexagon-mini {
  position: absolute !important;
  top: 20px !important;
  right: 10px !important;
  width: 20% !important;
  background-color: red !important;
  color: #fff !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  height: 24px !important;
  text-align: center !important;
}

.hexagon-mini span.sale {
  font-size: 14px !important;
  line-height: 24px  !important;
}
.hexagon-mini:after {
  content: " " !important;
  position: absolute !important;
  border-top: 12px solid transparent !important;
  border-bottom: 12px solid transparent !important;
  top: 0 !important;

  right: 100%;
  border-right: 12px solid red;
}
.hexagon-mini .circle {
  background-color: #F4EEE9 !important;
    height: 5px !important;
    width: 5px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    position: absolute !important;
    top: 10px !important;
    left: -5px !important;
    z-index: 2 !important;
}

.carousel-item .hexagon-mini {
  top: 10px !important;
}

.title_form {
  border-bottom: 1px solid #dcdcdc;
}

.table-container .cp-form {
  margin-top: 20px;
}
.table-container .cp-form input {
  width: 80%;
}


.table-container .purchase-history {
    float: left;
    width: 100%;
}
.sales-by-seat .tk-qty .category-amount:nth-child(4n+3){clear:none;}
.sales-by-seat .tk-qty .category-amount:nth-child(3n+3){clear:left;}

.sales-by-seat .tk-qty .btn.btn-info:nth-child(4n+3){ clear:none;}
.sales-by-seat .tk-qty .btn.btn-info:nth-child(3n+3){ clear:left;}


.table-container-myaccount .purchase-history {  padding:0;}
.table-container-myaccount .table-container .table-header div div {padding-left:10px;}
.table-container-myaccount .purchase-history #salesTable > div > div .btn {float: right; padding: 5px;}
.table-container-myaccount .tickets-sale .match-info {padding:0;}


.table-container-myaccount .table-container .cp-form { margin-top: 20px;}
.table-container-myaccount .table-container .cp-form input {  width: 80%;}

.table-container-myaccount .table-container .purchase-history {    float: left;    width: 100%;    padding: 5px;}

.table-container-myaccount .table-container .purchase-history #salesTable > div > div .btn{ font-weight:600; padding:5px; font-size:14px; margin:0;}
.table-container-myaccount .table-container .purchase-history .table-header div div{ padding: 5px 5px 5px 15px;}
.table-container-myaccount .table-container .purchase-history #salesTable > div:nth-child(2n+1){ background-color:transparent; }

.table-container .tickets-sale{float:left; width:100%; padding:10px; }
.table-container .tickets-sale .match-info{float:left; width:100%; padding:0; background-color:#e8e2dd; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}

.table-container .tickets-sale .match-info > div{float:left; border-right: 1px solid #dcdcdc; padding:0; width: 25%; text-align:center;}
.table-container .tickets-sale .match-info > div:first-child{ border-left: 1px solid #dcdcdc;}

.table-container .tickets-sale .match-info > div img, .match-info > div span{ float:left;}

.table-container .tickets-sale .match-info .league{ padding:12px 10px;  text-align:center; width:35%; }
.table-container .tickets-sale .match-info .league img{ float:none; height:34px; width:auto; display:inline-block;}
.table-container .tickets-sale .match-info .league span{ float:left; width:100%; color:#000; margin-top:5px; display:inline-block;line-height:18px;text-align:center; font-size:14px; padding:0;}

.table-container .tickets-sale .match-info .teams{ padding:0;border-right: none; width: 40%;border-right: 1px solid #dcdcdc;}
.table-container .tickets-sale .match-info .teams div{ float:left; padding:3px 0px; height:100%; text-align:center;}

/* .table-container .tickets-sale .match-info .teams div:first-child {width: 45%} */
/* .table-container .tickets-sale .match-info .teams div:nth-child(2) {width: 10%} */
/* .table-container .tickets-sale .match-info .teams div:nth-child(3) {width: 10%} */

.table-container .tickets-sale .match-info .teams div img{ float:none;height:50px; width:auto; display:inline-block; }
.table-container .tickets-sale .match-info .teams div span{ float:left; width:100%; color:#000; display:inline-block; line-height:35px; text-align:center; font-size:16px; padding:0;}
.table-container .tickets-sale .match-info .teams div.versus span{ padding-top:18px;}

.table-container .tickets-sale .match-info div .match-date{ float:left; font-size:16px; font-weight:600; margin-top:15px; color:#000; width: 100%;}
.table-container .tickets-sale .match-info div .remaining-time{ float:left; clear:left;font-size:12px; margin-top:5px; color:#000;}

.table-container .tickets-sale .match-info:nth-child(2){ border-top:1px solid #5c5c5c;}

.table-container .tickets-sale .match-info .resum{padding:12px 30px;color:#000;font-size:16px;height:90px;line-height: 66px;max-width:  500px;vertical-align: middle;}
.table-container .tickets-sale .match-info .resum > span{color:#000;line-height:18px;float: none;display: inline-block;vertical-align: middle;}

.table-container .tickets-sale .match-info .resum div{float:left; width:auto; clear:left; }
.table-container .tickets-sale .match-info .resum div span{float:none; display:inline; color:#000; }
.table-container .tickets-sale .match-info .resum div.edit{float:right; height:100%; width:auto; padding:15px 15px 0 40px;}
.table-container .tickets-sale .match-info .resum div.edit button{ color:rgba(0, 0, 0, .8); font-size:14px; font-weight:600; padding:5px 15px; }

.table-container .tickets-sale .match-info .price{ padding:30px 60px; color:#fff; font-size:20px; font-weight:600; height:90px; width:20%;}
.table-container .tickets-sale .match-info .price span{float:none; display:inline; color:#fff; }
.table-container .sale-completed {   padding-top: 0%; }

.table-container .sale-completed .ticket-list ul{ float:left; width: 90%; margin:10px; padding:0; list-style:none; }
.table-container .sale-completed .ticket-list ul li {width: 45%}
.table-container .breadcrumb-ac {  padding: 10px 10px; float: left; margin: 0px;font-size: 12px;width: 70%;}
.table-container .table-container button { font-size: 16px; margin-bottom: 5px; float: right;}
.table-container .table-container .breadcrumb-ac .path_breadcrumb { color: blue;}
.table-container.table-container.table-container .breadcrumb-ac .path_breadcrumb a{  color: blue;  cursor:pointer;}
.table-container .table-container .sale-completed .ticket-actions .btn{ float:none;}
/******************************/


@media (max-width: 1440px) {

  .modal-body > .row > .col-md-4{ width:25%;}
  .modal-body > .row > .col-md-8{ width:75%;}

  .modal-xlarge{width:95%;}
  .modal-xlarge .form-group label{font-size:12px;}
}

@media (max-width: 1366px) {

  .modal-xlarge .row .row{margin:5px -5px!important;}
  .modal-xlarge .form-group{padding:0 5px;}


  #ticketsTable > div > div span{ float:left; font-size:14px; padding:12px 0;}
  #ticketsTable > div > div span.price{padding:0px 5px 0 0; }
  #ticketsTable > div > div span.paid{padding:0 5px 0px 0; }

  .sales-by-seat .tk-qty .category-amount:nth-child(4n+3){clear:none;}
  .sales-by-seat .tk-qty .category-amount:nth-child(3n+3){clear:none;}
  .sales-by-seat .tk-qty .category-amount:nth-child(2n+3){clear:left;}

  .sales-by-seat .tk-qty .btn.btn-info:nth-child(4n+3){ clear:none;}
  .sales-by-seat .tk-qty .btn.btn-info:nth-child(3n+3){ clear:none;}
  .sales-by-seat .tk-qty .btn.btn-info:nth-child(2n+3){ clear:left;}
}

@media (max-width: 1200px) {
.sale-completed .ticket-list ul li{ float:left; width:44%; margin:20px 3% 0 3%; }
.sales-by-seat .tk-qty .btn.btn-info{ clear:left;}
.shop-account { float: left; margin-top: 120px;  margin-bottom: 90px;}

  .account-new .purchase-history #ticketsTable > div > div span { float: left !important; font-size: 12px; padding: 12px 0; max-width: 110px; }
  .account-new .tickets-sale .match-info > div {height: auto !important;}
  .account-new .purchase-history #ticketsTable > div > div {white-space: normal;}
  .account-new .purchase-history .table-container .table-content .btn {padding: 5px 10px;}
  .account-new .table-container .tickets-sale .match-info .teams div img {height: 34px;}
  .account-new .table-container .tickets-sale .match-info .teams {padding-top:12px;}
  .account-new .sale-completed .ticket-list ul li{ float:left; width:44%; margin:20px 2% 0 2%; }

  .tickets-sale {margin-top: 120px;}

  .shop-list .detail-container .img-menu-gallery{
    width: 100%;
    border: 1px solid #fff;
    text-align: center;
    background: #fff;
    padding: 5px;
    float: left;
    margin-bottom: 10px;
    height: 83px;
    position: relative;
  }
  .shop-list .detail-container .img-menu-gallery img{
    max-height: 100%;
    position: relative;
    max-width: 100%;
  }
  .overflow-img {
    overflow-y: auto;
    max-height: 355px;
  }

  .tags.iconTags ul li {
    padding: 2.25em 1em;
  }
}

@media (max-width: 1024px) {
  .tags.headTags .col-md-8 {
    width: 80% !important;
  }
  .tags.headTags .col-md-4 {
    width: 20% !important;
  }
  .tags.headTags h6 {
    font-size: 1.2rem;
    letter-spacing: 1px;
  }
  .tags.headTags .btns-right .form-control {
      width: 100%;
  }
  .product-item-description .name {
    width: 75%;
  }
  .product-item-description .price {
      width: 25%;
  }
  .tags.iconTags ul li {
      text-align: center;
      padding: 1.25em 1em;
  }
  .tags.iconTags ul li img {
      width: 3.5em;
      height: 3.5em;
  }

  .tags.carouselTags .carousel-item .carousel-item-container {
      height: 450px;
  }
  .carousel-item .carousel-text {
    min-height: 450px;
    max-width: 40%;
    padding: 0em 4em;
  }
}
@media (min-width: 1024px) and (max-width: 1300px) {

  .page-container , .footer.footer-top {
    padding:40px;
  }

  .page-header {
    padding: 5px 40px;
  }
  .product-item-description {
    width: 200px;
  }
}

@media (max-width: 1000px) {
  .page-header .logo img {
    min-height: 2em;
  }
  .tags.featuredTags div {
    height: 220px !important;
  }
  .tags.featuredTags h3 {
    position: relative;
    top: 115px;
    bottom: 130px;
    padding: 0.5em;
  }
  .other-products h1 {
    letter-spacing: 2px;
  }
  .product-item-description .name h4, .product-item-description .price h5 {
    line-height: 1.25rem;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .page-header {
    height:80px;
    padding:0px;
}  


.page-header div .logo {
    padding: 5px 1em;
  }

.page-header-inner {
      grid-template-columns: 1fr;
    }

.page-header .links-wrapper {
    background-color: var(--main-color);
    width: 100%;
    text-align: left;
    z-index: 1;
    padding: 5px 1em;
    height: 0px;
    overflow-y:scroll;
    background: none;
  }

  .page-header .menu-icon {
    position: absolute;
    right: 2em;
    top: 2em;
    display: initial;
    z-index:1;
  }

  .page-header .links-wrapper {
    background-color: var(--main-color);
  }

  .page-header .links-wrapper .links {
    padding: 0px;
  }

  .page-header .links-wrapper .links li {
    display: block;
    font-size: 1em;
    padding: 0.5em 0px;
    border: none;
  }

  .page-header .links li.home { display: initial; }

  .page-header .links-wrapper .options {
    display: none;
  }

  .page-header .mobile-tag-links {
    display: initial;
  }
  .page-header .mobile-tag-links li {
    list-style-type: none;  
    padding: 1em 0px;
    border-bottom: 1px solid #808080;
  }

  .page-header .mobile-tag-links li:last-child { border-bottom: none;}

  .page-header .links-wrapper.nav-down {
    animation: navDown 0.5s linear forwards;
  }

  .page-header .links-wrapper.nav-up {
    animation: navUp 0.5s linear forwards;
  }

  .page-header .links .mobile-cart { 
    display:initial;
  }

  .shop-list {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  @keyframes navDown {
    from {height: 0px;}
    to {height: 100vh;}
  }
  
  @keyframes navUp {
    from {height: 100vh;}
    to {height: 0px;}
  }

  .tags.iconTags ul li {
    font-size: 0.75rem;
  }

 .tags.headTags {
      display:none;
    }
    
    .tags.iconTags ul li:not(:first-child):hover {
      filter: none;
    }

    .tags.featuredTags div {
      height: 360px !important;
    }

    .tags.featuredTags h3 {
      font-size: 1.125rem;
    }

  .footer .row-bottom .col-sm-1 {
    display: none;
  }
  .footer .row-top p {
    padding: 0 5px 0 15px;
  }
  .footer ul { padding-left: 15px;}

 .footer.footer-top, .footer.footer-bottom { padding: 2em }

    .footer.footer-bottom div:nth-child(2) div {
      border-right: none;
    }

    .footer.footer-bottom div:nth-child(2){
      display: flex;
      flex-wrap: wrap;
      justify-content: center
    }
    
    .footer-top-inner {
      display: flex;
      flex-wrap: wrap;
    }

    /* .footer{ height:45px;}
    .footer ul li:first-child{ border:none; margin:1px 0 5px 20px;}
    .footer ul li:first-child a{ border:none; line-height:22px; }
    .footer ul li:nth-child(2){ clear:left; border:none;}
    .footer ul li:nth-child(2) a{border:none;} */
    .footer .row-bottom .col-sm-1 {
      display: none;
    }
    .footer .row-top p {
      padding: 0 5px 0 15px;
    }
    .footer ul { padding-left: 15px;}

    .footer.footer-bottom .footer-bottom-inner {
      display:initial;
      text-align: center;
    }

    .footer.footer-bottom div:nth-child(2) div {
      padding: 1px;
      border-right: 1px solid var(--secondary-color);
    }
    .page-container{
        margin-top: 36px;
        min-height:calc(100vh - 330px);
        padding: 0px 2em 50px 2em;        
    }

    .static-content {
      display: initial;
    }

  .page-container{
      margin-top: 36px;
      /* min-height:calc(100vh - 82px); */
      padding-bottom: 50px;
  }

  .tags.carouselTags .carousel-item .carousel-item-container {
    height: 500px !important;
  }

  .carousel-item .carousel-text {
    max-width: 60%;
    min-height: 500px;
  }

  .carousel-item .carousel-text { 
    padding: 0em 2em;
  }

  .carousel-item .name_tag {
    font-size: 2rem;
    line-height: 2.5rem;
    padding-bottom: 15px;
  }

  .carousel-item .description_tag {
    font-size: 1rem;
  }

  .carousel-prev img, .carousel-next img{
    max-width: 9px;
    max-height: 15px;
  }

  .carousel-prev {
    top: -3em;
    right: 3em;
  }

  .other-products h1 {
    font-size:1.625rem;
  }

  .carousel-item .product-item, .carousel-item .product-item.player {
    height: 170px;
    width: auto;
  }

  .product-item-description div {
    flex-direction: column;
  }

  .product-item-description .name h4, .product-item-description .price h5  {
    font-size: 0.875rem;
  }

  .product-item-description .price .name , .product-item-description .price  { 
    text-align: left;
    justify-content: flex-start;
    width: 100%;
  }

  .product-item-description .tags {
    display: none;
  }

  .spinner {
    width: 100% !important;
  }

  .main-container{ width: 90%; margin: 0 5%;}
    .main-container.text-content{width:90%; margin-top:20px;margin-bottom: 60px;}

  /*************** LOGIN ***************/

  div.login-screen{margin:10px 2.5% 30px; width:95%;}
  div.login-screen > .col-xs-5{ width:100%; padding:0;}
  div.login-screen > .col-xs-7{ width:100%; padding:10px 0 0 0;}
  div.login-screen .border{ border-left:0;}
  div.login-screen .panel-login{ width:100%;}
  div.login-screen .panel-login .col-xs-6{ width:100%;}
  
  div.reset-screen{ margin-top: 15px; padding-left:15px; padding-right:15px;}

  div.sms-submit .col-xs-5{ width:100%;}
  div.sms-submit .col-xs-4{ width:100%;}

  div.code-submit .col-xs-5{ width:100%;}

  .modal-footer .btn{ padding-left:15px; padding-right:15px;}

  /*************** PASSWORD ***************/

  .password-form{margin: 0 auto; width: 380px;padding-top: 100px; }
  .password-form .title {padding-bottom:15px;}
  .password-form .btn {margin-right:10px;}
  .password-form button{position:relative;}
  .password-form .panel-spinner{ position:absolute; right:10px; top:8px; width:20px; height:20px; background-size:100%;}

  /************* POINTS OF SALES - AGANECIES **************/

  .agencies-container{margin: 0 auto; padding-bottom: 30px}
  .agency-box{ width:100%; padding:0; margin-top:25px;}
  .agency-box:nth-child(3n+2) {margin-left:8%; margin-right:8%;}
  .agency-box .heading {border-bottom:1px solid rgba(0,0,0,.2);}
  .agency-box .body {padding:15px; }
  .agency-box .margin-item {margin-bottom: 5px;}
  .agency-box img { width: 100% }
  .agency-box .icon {color: #cccccd; font-size:15px; line-height: 20px; margin-right:5px;}

  /************* MATCHES HOME **************/
  .match-list{ width:95%; margin:10px 2.5%; }

  .match-list .filters > div{ float:right; margin:0 -10px 5px 0; clear:right}
  .match-list .filters > div > div{ left:auto; right:0; }
  
  .table-container{padding:0;}
  .table-container .table-content .row > div{padding-top:10px; padding-bottom:10px; }

  .table-container .table-content span.datetime{font-size:12px; padding:5px 5px; }
  
  #matchsTable .row{ border-bottom:3px solid #ccc;}
  #matchsTable .row > div:nth-child(1){ width:100%;}
  #matchsTable .row > div:nth-child(1) span.datetime{font-size:12px; padding:10px 15px; margin:0 0 10px 0; }
  #matchsTable .row > div:nth-child(1) span.datetime br{content:''; padding-left:5px; }
  #matchsTable .row > div:nth-child(2){ width:50%; text-align:right;}
  #matchsTable .row > div:nth-child(2) img{max-height:35px;}
  #matchsTable .row > div:nth-child(3){ width:100%;clear:left; text-align:center; padding-top:5px; padding-bottom:5px; background-color:#eee; border-radius:5px;}
  #matchsTable .row > div:nth-child(3) img{max-height:45px;}
  #matchsTable .row > div:nth-child(3) img:nth-child(1){padding:0;}
  #matchsTable .row > div:nth-child(3) span{font-size:12px}
  #matchsTable .row > div:nth-child(3) span:nth-child(2){display:none}
  #matchsTable .row > div:nth-child(4){ width:100%; text-align:center;}
  #matchsTable .row > div:nth-child(4) .btn{padding:5px 20px; font-size:16px; margin:0;}

  .match-detail{ background:url(../img/match-detail-bg.jpg) top center no-repeat; background-size:400%;}
  .match-detail .left-bar{ width:80%; }
  .match-detail .left-bar .barhead .row{width:100%;}
  .match-detail .left-bar .barhead .row .col-sm-6{width:50%; float:left;}
  .match-detail .left-bar .barhead .row span{ font-size:14px; }
  .match-detail .left-bar .barhead h2{ font-size:16px;}

  .match-detail .match-content{ float:left; margin:10px 0 20px 10%; width:80%; padding-left:0; }
  .match-detail .match-content p{ font-size:14px; }

  /************* SALES **************/
  .tickets-sale .match-info{padding:0;}

  .tickets-sale .match-info > div{height:65px; padding:5px 0; width:100%; border:none; border-bottom:1px solid #555 }
  .tickets-sale .match-info > div:first-child{ border-left:none;}

  .tickets-sale .match-info .league{ padding:8px 10px 8px 10px;  text-align:center; }
  .tickets-sale .match-info .league img{ float:none; display:inline; height:45px; }
  .tickets-sale .match-info .league span{width:auto; float:none; padding:0 0 0 10px;}

  .tickets-sale .match-info .teams{ padding:0;}
  .tickets-sale .match-info .teams div{  width:45%; }
  .tickets-sale .match-info .teams div img{ height:35px;  }
  .tickets-sale .match-info .teams div span{ font-size:14px; padding:5px 0 0 0;}
  .tickets-sale .match-info .teams div.versus{ width:10%;}
  .tickets-sale .match-info .teams div.versus span{ padding-top:18px;}

  .tickets-sale .match-info div .match-date{ text-align:center; width:100%; margin-top:5px; font-size:18px}
  .tickets-sale .match-info div .remaining-time{ width:100%;text-align:center; font-size:11px; }

  .sales-form .form-grp{  padding:20px 5%;}
  .sales-form .form-grp .form-field{float:left; margin-right:0px; margin-top:10px;}
  
  .sales-form .resume{ float:left; padding:0 5% 15px; }
  .sales-form .resume > div > div{ width:100%; text-align:center;}
  .sales-form .resume > div > div.col-xs-7 div:nth-child(3){display:none;}

  .tickets-sale .match-info:nth-child(2){ border-top:0px solid #5c5c5c;}

  .tickets-sale .match-info .resum{ height:70px; padding:10px;}
  .tickets-sale .match-info .resum div{float:left; width:70%; clear:left; font-size:14px; padding:5px 0; }
  .tickets-sale .match-info .resum div br{display:none;  }
  .tickets-sale .match-info .resum div.edit{position:absolute; margin:0; padding:0; right:10px; height:auto;}
  .tickets-sale .match-info .resum div.edit button{ padding:5px 10px; }
  .tickets-sale .match-info .price{ padding:10px 10px; text-align:center;height:55px;}

  .tickets-sale div.payment-terms p{ width:88%;}

  .tickets-sale ul.payment-methods{ margin:0;}
  .tickets-sale ul.payment-methods li{width:auto; margin-right:0px;}
  .tickets-sale ul.payment-methods li img{width:100%;}

  .tickets-sale div.payment-desc{ float:left; width:100%; margin:20px 0 10px;}
  .tickets-sale div.payment-desc span{ font-size:16px; font-style:italic;}
  
  .sales-form .form-btns{ padding:20px 5%;}
  .sales-form .form-btns button{ margin-right:10px; padding:5px 20px}
  .sales-form .form-btns button.btn-default{ padding:5px 20px; }

  /************** ACCOUNT ****************/
  .account{float:left; width:100%; padding:10px 5%; position:relative;}
  
  .account button.pull-right{ position:absolute; right:0; bottom:-30px;}
  
  .purchase-history{float:left; width:100%; padding:30px 2.5%;}

  .table-container .table-header > div:nth-child(1){width:30%!important;}
  .table-container .table-header > div:nth-child(2){display:none;}
  .table-container .table-header > div:nth-child(3){width:45%!important;}
  .table-container .table-header > div:nth-child(4){display:none;}
  .table-container .table-header > div:nth-child(5){width:25%!important;}

  .table-container .table-header div div{ font-size:12px;}

  .purchase-history #ticketsTable > div > div{padding: 5px; }

  .purchase-history #ticketsTable > div > div:nth-child(1){width:23%!important;}
  .purchase-history #ticketsTable > div > div:nth-child(1) span{float:left;width:100%; white-space:normal; font-size:11px;}

  .purchase-history #ticketsTable > div > div:nth-child(2){display:none;}

  .purchase-history #ticketsTable > div > div:nth-child(3){width:60%!important;}
  .purchase-history #ticketsTable > div > div:nth-child(3) img{ height:30px;}
  .purchase-history #ticketsTable > div > div:nth-child(3) span{ font-size:11px; padding:5px 0; white-space:normal; }

  .purchase-history #ticketsTable > div > div:nth-child(4){width:17%!important; }
  .purchase-history #ticketsTable > div > div:nth-child(4) span{float:right; padding:0;}
  .purchase-history #ticketsTable > div > div:nth-child(4) span:after{ content:'bill.'; padding:0 0 0 3px; font-size:10px;}

  .purchase-history #ticketsTable > div > div:nth-child(5){width:17%!important; }
  .purchase-history #ticketsTable > div > div:nth-child(5) span{float:right; font-size:12px; padding:0 0 3px;}

  .purchase-history #ticketsTable > div > div:nth-child(6){width:100%!important; text-align:center; }
  .purchase-history #ticketsTable > div > div:nth-child(6) .btn{ font-size:12px; margin:0;}

  /************* SALE COMPLETED **************/
  .sale-completed .match-info{ width:90%; margin:15px 5% 0;}

  .sale-completed .match-info .league{ padding:10px 0; }
  .sale-completed .match-info .league img{ max-height:30px; }
  .sale-completed .match-info .league span{ font-size:14px; }
  .sale-completed .match-info .teams{ padding:10px 0;}
  .sale-completed .match-info .teams div{ width:45%;}
  .sale-completed .match-info .teams div img{ height:50px;}
  .sale-completed .match-info .teams div span{ width:100%; font-size:12px; padding:0;}
  .sale-completed .match-info .teams .league{ padding-top:10px; width:10%; }

  .sale-completed .match-info .match-date{ width:35%; font-size:16px; height:80px; line-height:76px;}
  .sale-completed .match-info .match-time{ width:20%; font-size:16px; height:80px; line-height:76px; }
  .sale-completed .match-info .match-place{ width:45%; font-size:14px; height:80px; }
  .sale-completed .match-info .match-place span{ font-weight:400; font-size:12px}

  .sale-completed .resume > div{ font-size:16px;}
  .sale-completed .resume > div.tickets{ width:55%; border-right:1px solid #777;}    
  .sale-completed .resume > div.seats{ display:none;}
  .sale-completed .resume > div.price{ font-size:16px;float:left; width:45%; margin:0; padding:10px; }
  .sale-completed .resume > div.price span{float:none;}

  .sale-completed .ticket-actions{ padding:20px 5%;}



  .shop-list .filters ul li { width: 50%;}
  .shop-list {margin-top: 120px; }

  .shop-list .detail-container .data-container .row-detail {margin:0 !important;}
  .shop-list .detail-container .data-container .row-detail-no-border {margin:0 !important;}

  .table-container-cart .table-header > div:nth-child(1) {width:66.666666666% !important }
  .table-container-cart .table-header > div:nth-child(3) { width:33.33333333% !important}
  .shop-cart .payment-container div.payment-terms p {text-align:left} 
  .shipping-product {margin:0px !important;}
  .shop-cart .row-shipping {margin:0px !important;}
  .table-container-account {padding:0 15px;}

  .table-container-myaccount{padding:0 15px !important;}

  .account-new .purchase-history #salesTable > div > div:nth-child(1){width:25%!important; }
  .account-new .purchase-history #salesTable > div > div:nth-child(1) span{ white-space:normal; font-size:11px;}
  .account-new .purchase-history #salesTable > div > div:nth-child(2){display:none;}
  .account-new .purchase-history #salesTable > div > div:nth-child(3){width:20%!important; float:left; text-align:left; }
  .account-new .purchase-history #salesTable > div > div:nth-child(4){width:30%!important; float:left; text-align:center; }
  .account-new .purchase-history #salesTable > div > div:nth-child(5){display:none; }
  .account-new .purchase-history #salesTable > div > div:nth-child(6){width:25%!important;text-align:center; }
  .account-new .purchase-history #salesTable > div > div:nth-child(6) .btn{ font-size:12px; margin:0;}

  
  .account-new .purchase-history .table-container .table-header > div:nth-child(1) {width: 25% !important;}
  .account-new .purchase-history .table-container .table-header > div:nth-child(2) {display:none;}
  .account-new .purchase-history .table-container .table-header > div:nth-child(3) {width: 20% !important;}
  .account-new .purchase-history .table-container .table-header > div:nth-child(4) {display:block;width: 30% !important; text-align:right;}
  .account-new .purchase-history .table-container .table-header > div:nth-child(5) {display:none;}
  .account-new .purchase-history .table-container .table-header > div:nth-child(6) {width: 25% !important;} 
  
  .account-new .purchase-history #salesTable > div > div span {float:right; font-size: 12px;}
  .account-new .purchase-history #salesTable > div > div:nth-child(5){width:40%!important; text-align:right; display:none;}

  .account-new .purchase-history #ticketsTable > div > div:nth-child(1){width:40%!important; }
  .account-new .purchase-history #ticketsTable > div > div:nth-child(1) span{ white-space:normal; font-size:11px; width: 5%;}
  .account-new .purchase-history #ticketsTable > div > div:nth-child(1) span:nth-child(4){ white-space:normal; font-size:11px; width: 63%;}

  .account-new .purchase-history #ticketsTable > div > div:nth-child(2){display:block; width:20%!important;}
  .account-new .purchase-history #ticketsTable > div > div:nth-child(2) span{display:none;}
  .account-new .purchase-history #ticketsTable > div > div:nth-child(3){width:15%!important; float:left; text-align:left; }
  .account-new .purchase-history #ticketsTable > div > div:nth-child(3) span {width: 100%; text-align: right; line-height: 35px;}
  .account-new .purchase-history #ticketsTable > div > div:nth-child(4){width:25%!important; float:left; text-align:center; }

  
  .account-new .tickets-history .table-container .table-header > div:nth-child(1) {width: 40% !important;}
  .account-new .tickets-history .table-container .table-header > div:nth-child(2) {display:block;width:20%!important;}
  .account-new .tickets-history .table-container .table-header > div:nth-child(3) {width: 15% !important;}
  .account-new .tickets-history .table-container .table-header > div:nth-child(4) {display:block;width: 25% !important;}

  .account-new .table-container .tickets-sale .match-info > div:first-child {width: 100%; margin-left:0px;}
  .account-new .table-container .tickets-sale .match-info .teams {width: 100%;}
  .account-new .table-container .tickets-sale .match-info > div {width: 100%;}

  .account-new .sale-completed .ticket-list ul li {    width: 100% !important;    margin: 0 !important;    padding: 0 !important;}
  .account-new .table-container .sale-completed .ticket-list ul {width: 80% !important; margin-left: 10% !important; margin-right: 0px !important;}

  .account-new .table-container .tickets-sale .match-info .league img {    float: left;    padding-left: 10px;    max-width: 30%;}
  .account-new .table-container .tickets-sale .match-info .league span {    float: left;  width: 70%; text-align: left;  padding-left: 10px;  line-height: 34px;}
  .account-new .table-container .tickets-sale .match-info .teams div img {float:left;max-width: 30%;}
  .account-new .table-container .tickets-sale .match-info .teams div span {text-align:left;width: 70%; padding-left:10px;float: left;}

  .account-new .purchase-history #ticketsTable > div > div {height: auto;}

  .shop-list .detail-container .img-menu-gallery{
    width: 100%;
    border: 1px solid #fff;
    text-align: center;
    background: #fff;
    padding: 5px;
    float: left;
    margin-bottom: 10px;
    height: 65px;
    position: relative;
  }
  .shop-list .detail-container .img-menu-gallery img{
    max-height: 100%;
    position: relative;
    max-width: 100%;
  }
  .overflow-img {
    overflow-y: auto;
    max-height: 270px;
  }
  .shop-list .detail-container .img-menu-gallery{
    height: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
  .product-item {
    width: 200px;
    height: 200px;
    background-size: cover;
  }
  .footer.footer-bottom {
    padding: 1em 0px;
    background-color: var(--main-color);
    font-size: 0.9em;
  }

  .footer.footer-bottom .footer-bottom-inner {
    margin: 0px auto;
    font-family: 'Roboto Condensed';
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.875rem;
    letter-spacing: 0.05em;
    display: grid;
    width:100%;
    grid-template-columns: 2fr 4fr;
  }
}



@media (max-width: 500px) {
  /* HOME */
  .packages .just-scmatch{ width:90%; margin:0 5%;  }
  .packages .just-scmatch div.jsc-cont{ width:100%; margin:20px 0%;}
  .packages .just-scmatch div.jsc-cont h2{font-size:20px;}
  .packages .just-scmatch div.jsc-cont p{ font-size:16px; }
  .packages .just-scmatch div.jsc-cont button{ float:right; }

    .alert-group { max-width:80%; bottom: 175px; }

  .overflow-img {
      overflow-y: auto;
      max-height: 195px;
  }

  /* SALES */ 
  .tickets-sale .match-info.just-st .logo-seasoncard{width: 20%!important; height:120px;}
  .tickets-sale .match-info.just-st .desc-seasoncard{width: 59%;height:120px;}
  .tickets-sale .match-info.just-st .desc-seasoncard h2{ margin-top:5px; }

  .sales-by-seat .tk-arena{ width:95%!important; }
  .sales-by-seat .tk-qty{ float:left; width:97%!important; margin:0 0 0 1%; }
  .sales-by-seat .tk-seats{ float:left; width:97%!important; margin:20px 0 0 1%; }
  .sales-by-seat .tk-price{ float:left; width:97%!important; margin:20px 0 0 1%; }
  .sales-by-seat .tk-final{float:left; width:100%!important; text-align:center;}
  .sales-by-seat .tk-final .generate-tickets{ display:inline-block; float:none;}

  .modal-body.seat-sel {padding: 15px;}
  .seat-sel .section-info .manualDesc{float:right;width: 100%;}
  .seatMap .sectionSeatMap .SectionCols div:nth-child(n+2){ display: none;}
  .seatMap .sectionSeatMap .sectionRowNos{  width:10%; padding:5px 0; }
  .seatMap .sectionSeatMap .sectionRows{ width:90%; padding:5px 0; }

  .tickets-sale .match-info .resum {text-align: center;padding-top: 0;}

  .account-new .purchase-history #salesTable > div > div:nth-child(1){width:25%!important; padding:0;}
  .account-new .purchase-history #salesTable > div > div:nth-child(1) span{ white-space:normal; font-size:11px;}
  .account-new .purchase-history #salesTable > div > div:nth-child(2){display:none;}
  .account-new .purchase-history #salesTable > div > div:nth-child(3){width:20%!important; float:left; text-align:left; padding:0;}
  .account-new .purchase-history #salesTable > div > div:nth-child(4){width:30%!important; float:left; text-align:center;padding:0; }
  .account-new .purchase-history #salesTable > div > div:nth-child(5){display:none; }
  .account-new .purchase-history #salesTable > div > div:nth-child(6){width:25%!important;padding:0;text-align:center; }
  .account-new .purchase-history #salesTable > div > div:nth-child(6) .btn{ font-size:12px; margin:0;}

  .account-new .purchase-history .table-container .table-header > div:nth-child(1) {width: 25% !important;}
  .account-new .purchase-history .table-container .table-header > div:nth-child(2) {display:none;}
  .account-new .purchase-history .table-container .table-header > div:nth-child(3) {width: 20% !important;}
  .account-new .purchase-history .table-container .table-header > div:nth-child(4) {display:block;width: 30% !important;}
  .account-new .purchase-history .table-container .table-header > div:nth-child(5) {display:none;}
  .account-new .purchase-history .table-container .table-header > div:nth-child(6) {width: 25% !important;} 
  
  .account-new .purchase-history #salesTable > div > div span {float:right; font-size: 12px;}
  .account-new .purchase-history #salesTable > div > div:nth-child(5){width:40%!important; text-align:right; display:none;}

  
  .account-new .purchase-history #ticketsTable > div > div:nth-child(1){width:40%!important; padding:0;}
  .account-new .purchase-history #ticketsTable > div > div:nth-child(1) span{ white-space:normal; font-size:11px; width: 5%;}
  .account-new .purchase-history #ticketsTable > div > div:nth-child(1) span:nth-child(4){ white-space:normal; font-size:11px; width: 63%;}

  .account-new .purchase-history #ticketsTable > div > div:nth-child(2){display:block; width:20%!important;}
  .account-new .purchase-history #ticketsTable > div > div:nth-child(2) span{display:none;}
  .account-new .purchase-history #ticketsTable > div > div:nth-child(3){width:15%!important; float:left; text-align:left; padding:0;}
  .account-new .purchase-history #ticketsTable > div > div:nth-child(3) span {width: 100%; text-align: right; line-height: 35px;}
  .account-new .purchase-history #ticketsTable > div > div:nth-child(4){width:25%!important; float:left; text-align:center;padding:0; }

  .account-new .tickets-history .table-container .table-header > div:nth-child(1) {width: 40% !important;}
  .account-new .tickets-history .table-container .table-header > div:nth-child(2) {display:block;width:20%!important;}
  .account-new .tickets-history .table-container .table-header > div:nth-child(3) {width: 15% !important;}
  .account-new .tickets-history .table-container .table-header > div:nth-child(4) {display:block;width: 25% !important;}
  .account-new .purchase-history #ticketsTable > div > div {height: auto;}

  .account-new .table-container .tickets-sale .match-info > div:first-child {width: 100%;}
  .account-new .table-container .tickets-sale .match-info .teams {width: 100%;}
  .account-new .table-container .tickets-sale .match-info > div {width: 100%;}

  .account-new .sale-completed .ticket-list ul li {    width: 100% !important;    margin: 0 !important;    padding: 0 !important;}
  .account-new .table-container .sale-completed .ticket-list ul {width: 80% !important; margin-left: 10% !important; margin-right: 0px !important;}

  .account-new .table-container .tickets-sale .match-info .league img {    float: left;    padding-left: 10px;    max-width: 30%;}
  .account-new .table-container .tickets-sale .match-info .league span {    float: left;  width: 70%; text-align: left;  padding-left: 10px;  line-height: 34px;}
  .account-new .table-container .tickets-sale .match-info .teams div img {float:left;max-width: 30%;}
  .account-new .table-container .tickets-sale .match-info .teams div span {text-align:left;width: 70%; padding-left:10px;float: left;}

  .tags.headTags ul, .tags.iconTags ul {
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .tags.featuredTags {
    grid-template-columns: 1fr;
  }

  .footer{ position:relative}
  .footer {
    height: 100%;
    overflow: hidden;
  }
  .footer ul {
    float:none;
    margin: 0px;

  }
  .footer .row {
    float:none;
  }
  .footer ul li:first-child{ border:none; margin:1px 0 5px 20px;}
  .footer ul li:first-child a{ border:none; line-height:22px; }
  .footer ul li:nth-child(2){ clear:left; border:none;}
  .footer ul li:nth-child(2) a{border:none;}
  .footer .row-top p {text-align:center;}
  .footer .row { width: auto;}
  .page-container{
      margin-top: 36px;
      /* min-height:calc(100vh - 82px); */
      padding-bottom: 50px;
  }
  .footer .row-top .col-right p {    text-align: center;    width: 100%;  }
  .footer .row-top .col-right img {    float: none; width: 30% }
  .footer p img.image-footer {margin-left: 5px; width: 30%}
  .footer .row-top .col-xs-12 {    padding: 5px 0;}
  .footer .row-top .col-xs-12 .empty-p {display:none;}
  .footer .row-top .col-md-1 {display:none;}
  .footer .row-top { padding:0px;}



  .shop-list .filters ul li {
    width: 100%;
  }

  /******************************/

  .contain-offer-popup {
  padding: 20px 30px;
  }
  .modal-body .panel-offer{
  background: url('../img/promo_small.png') no-repeat;
    width: 343px;
    height: 222px;
  float:left;
    border-radius: 13px;
  position: relative;

    -webkit-box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.82);
    -moz-box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.82);
    box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.82);
  }

  .button_close{
    background: url('../img/close-small.png') no-repeat;
    width: 55px;
    height: 55px;
    position: absolute;
    top: -15px;
    right: -30px;
  }

  .modal-body .panel-offer .panel-offer-body{
  padding:15px;
  color:#fff;
  max-width: 70%;
    height: 222px;
  overflow: hidden;
  }


  .modal-body .panel-offer .panel-offer-body h1{
  font-size: 68px;
  margin: 0px;
  }

  .modal-body .panel-offer .panel-offer-body h2{
  font-size: 54px;
  margin: 0px;
  }

  .modal-body .panel-offer .panel-offer-body h3{
  font-size: 41px;
  margin: 0px;
  }

  
  .shop-account .menu-left  .sidenav span {
    padding: 6px 6px 6px 28px;
    text-decoration: none;
    font-size: 16px;
    display: block;
    color:#000;
    border-left: 4px solid transparent;
  }

  .shop-account .menu-left  .sidenav span.selected {
    background-color: #dcd6d2;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #000;
  }
  
  .shop-account .menu-left .sidenav span:hover {
    color: #000;
    background-color: #dcd6d2;
    cursor:pointer;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #000;
  }
  .shop-account .menu-left .sidenav {
    min-height: 30px;
    padding-top:0px;
  }

  .shop-account .item-table .col-bottom button {
    padding:2px;
  }
  
  .modal-body .panel-offer .panel-offer-body h4{
  margin: 0px;
  font-size: 28px;
  }
  .modal-body .panel-offer .panel-offer-body h5{
  margin: 0px;
  font-size: 20px;
  }
  .modal-body .panel-offer .panel-offer-body h6{
  margin: 0px;
  font-size:13px;
  }

  .modal-body .panel-offer .panel-offer-footer {
  width: 100%;
  text-align: center;
  position: absolute;
    bottom: 0px;
    margin-bottom: 5px;
  }
  .modal-body .panel-offer .panel-offer-footer p{
  font-size: 12px;
  padding: 0px;
    margin:0 0 5px;
  }
  .modal-body .panel-offer .panel-offer-footer img {
  width: 30%;
  }

  .modal-body .panel-offer .panel-offer-footer .app-store{
  width: 27%
  }

  /* .button_close{
  background: url('../img/close.png') no-repeat;
  width: 55px;
  height: 55px;
  position: absolute;
  top: -15px;
  right: -15px;
  z-index:2000;
  } */

  .offer-modal.modal {
  text-align: center;
  padding: 0!important;
  }

  .offer-modal.modal::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
  }

  .offer-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  }

  .offer-modal .modal-content{ background-color:#fff; border:none; border-radius:5px; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
  .offer-modal .modal-body{ padding:0; font-size:16px; border-radius:23px}


  .shop-list .filters ul li {
    width: 100%;
  }

  .shop-list {
    float: left;
    width: 100%;
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .shop-list .search-input {
    width: 100%;
    margin-left: 0 !important;
  }

  .shop-list .detail-container .img-container{
    width: 100%;
    border: 1px solid #fff;
    text-align: center;
    background: #fff;
    padding: 5px;
    float: left;
  }

  .shop-list .detail-container .img-container img{
    max-width: 100%;
    /* float:left; */
  }

  .shop-list .detail-container .data-container .price-detail {
    float: left;
    font-size: 20px;
    width: 100%;
    text-align: left;
  }

  .shop-list .detail-container .data-container .title-detail {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #000;
    opacity: 80%;
  }


  .name-corousel {

    font-size: 14px;

  }

  .price-corousel {
    font-size: 14px;
  }

  #matchsTable .row > div:nth-child(1) {
    width: 100%;
  }

  .carousel-item { 
    min-height: 160px;
  }

  .shop-breadcrumb {
    display:none;
  }

  .popup-cart {
    right: 0;
  }

  .shop-cart .table-container .table-header > div:nth-child(1) {
    width: 20% !important;
  }
  .shop-cart .table-container .table-header > div:nth-child(2) {
    width: 45% !important;
    display: table-column;
  }
  .shop-cart .table-container .table-header > div:nth-child(3) {
    width: 33% !important;
    float: right;
    padding-right: 0;
    padding-left: 0;
    font-size: 12px;
}
.shop-cart .table-container .table-header div div {
  font-size: 14px;
}
.shipping-product {
  margin: 0px;
}

.col-summay span.span-row span {
  width: 100%;
}

.shop-cart .payment-container div.payment-terms p {
  width: 80%;
}

.shop-cart .payment-methods li img {
  list-style: none;
  max-width: 150px;
}


  .shop-cart .item-table img {
    max-width: 40px;
  }

  .shop-cart .table-container {
    margin-top: 10px;
  }

  .custom-container {
    padding: 0 10px 0 10px !important;
  }

  .shop-cart .price-popup-product {
    width: 100%;
  }
  .shop-cart .title-popup-product-name {
    width: 100%;
  }

  .shop-cart .table-payment .col-xs-8 {
    width: 66.66666667% !important;
  }
  .shop-cart .table-payment .table-header > div:nth-child(1) {
    width: 66.66666667% !important;
}

.shop-cart .table-payment .col-xs-4 {
  width: 33.33333333% !important;
}

.shop-cart .table-payment .table-header > div:nth-child(2) {
  width: 33.33333333% !important;
}

.shop-cart .table-payment .table-header div div {
  font-size:12px !important;
}
.shop-cart .table-payment .table-header > div:nth-child(2) {
  padding: 0px;
}

/* .shop-list .h1-detail {padding-left:5%;} */

.shop-list .detail-container .data-container .row-detail .row-form-dynamic label {line-height: 16px;}

.shop-cart .row-shipping label {
  font-weight: normal;
  float: left;
  text-align: left !important;
}

.shop-cart .row-shipping input {
  width: 80%;
  margin-left: 15px;
}


#matchsTable .row > div:nth-child(1) .date-title {
    text-align: center;
    margin-bottom: 10px;
}


  .shop-account .menu-left .sidenav span {
    padding: 5px;
    text-decoration: none;
    font-size: 14px;
    display: block;
    color: #000;
    width: 25%;
    float:left;
  }

  .title_form {
    border-bottom: 1px solid #dcdcdc;
  }



  #matchsTable .row > div:nth-child(1) span.datetime{font-size:12px; padding:10px 15px; float: left;}
  .button-list-match {float: left;}
  .button-list-match button{float: left;}


  .shops-list ul {
    text-align: center;
  }
  .shops-list ul li {
    min-height: 190px;
    min-width: 190px;
}
  .shops-list ul li .container .shop_img {
    max-width: 190px;
  }

  .shops-list ul li .container {
    min-height: 190px;
  }

  .shop-list {
    padding-left: 5px;
    padding-right: 5px;
  }

  .shop-list .detail-container .data-container .row-detail {
    margin: 0;
  }

  .link-continue {
    text-align: center;
  }

  .shop-cart .payment-container div.payment-terms {
    margin: 0;
  }

  .shop-cart .payment-container div.payment-terms p {
    text-align: left;
  }

  .shop-cart .container-conf label {
    line-height: 20px;
  }

  .shop-cart .price-popup-product {
    width: auto;
  }

  .shop-cart ul.payment-detail li .column-right-detail {
    width: 100%;
  }
  .shop-cart .payment-methods li img {
    list-style: none;
  }
  ul.payment-methods {
    padding-left:0;
  }

  .shop-cart .form-btns button.btn-default {
    padding: 5px ; 
  }
  .shop-cart .form-btns button {
    margin-right: 5px;
  }

  .table-container-account .table-container .table-header > div {
    display: block;
  }
  .table-container-account .table-header > div:nth-child(1) {
    display:block;
    width: 16.66666667% !important;
  }
  .table-container-account .table-header > div:nth-child(2) {
    display:block;
    width: 25% !important;
  }
  .table-container-account .table-header > div:nth-child(3) {
    display:block;
    width: 16.66666667% !important;
  }
  .table-container-account .table-header > div:nth-child(4) {
    display:block;
    width: 16.66666667% !important;
  }

  .table-container-account .table-header > div:nth-child(5) {
    display:block;
    width: 25% !important;
  }

  .shop-account .item-table div {
    padding: 5px 15px;
  }

  .detail-account-container .breadcrumb-ac {
    width: 75%;
  }
  .detail-account-container button {
    padding: 5px 10px;
  }

  .table-container-detail  .table-header > div:nth-child(1) {
    display:block;
    width: 50% !important;
    padding: 0px;
  }
  .table-container-detail  .table-header > div:nth-child(2) {
    display:block;
    width: 16.66666667% !important;
    padding: 0px !important;
  }
  .table-container-detail  .table-header > div:nth-child(3) {
    display:block;
    width: 16.66666667% !important;
    padding: 0px !important;
  }
  .table-container-detail  .table-header > div:nth-child(4) {
    display:block;
    width: 16.66666667% !important;
    padding: 0px !important;
  }

 
  .table-container-detail  .item-table > div:nth-child(1) {
    display:block;
    width: 50% !important;
    padding: 0px;
  }
  .table-container-detail  .item-table > div:nth-child(2) {
    display:block;
    width: 16.66666667% !important;
    padding: 0px !important;
  }
  .table-container-detail  .item-table > div:nth-child(3) {
    display:block;
    width: 16.66666667% !important;
    padding: 0px !important;
  }
  .table-container-detail  .item-table > div:nth-child(4) {
    display:block;
    width: 16.66666667% !important;
    padding: 0px !important;
  }

  .table-container-detail .footer-table  > div:nth-child(1) {
    width: 33.33333333% !important;
  }
  .table-container-detail .footer-table  > div:nth-child(2) {
    width: 33.33333333% !important;
  }
  .table-container-detail .footer-table  > div:nth-child(3) {
    width: 33.33333333% !important;
  } 

  .table-container .cp-form button {
    width: 100%;
  }

  .tickets-sale .match-info .teams div.versus span{ padding-top:0}
  .table-container .breadcrumb-ac {width: 100%;}

  
}
/* END MEDIA QUERY 500 */

.shop-cart .payment-methods li.selected::before {
  list-style: none;
  display: none;
}

.btneff-disabled {
  opacity: .5; }


  .shop-cart .table-container .table-header div.title_cart div {
    font-weight: 400;
    font-style: normal;
    font-size:32px;
    line-height:36px;
    padding-left:0px;
  }

  .shop-cart  .col-summay-head div{
    font-weight: 700;
    font-style: normal;
    font-size:28px;
    line-height:36px;
  }

  .border-bottom {
    border-bottom: 1px solid #a2a2a2 !important;
  }

  /* default navigation overwrites */

  .pagination > li > a
  {
      color: var(--main-color);
      background: none;
      border: 1px solid var(--main-color);
      margin: 0px 0.5em;
  }
  
  .pagination > li > a:focus,
  .pagination > li > a:hover,
  .pagination > li > span:focus,
  .pagination > li > span:hover
  {
      background: none;
      border: solid 1px var(--main-color) !important;
      color: var(--main-color);
  }
  
  .pagination > .active > a
  {
      color: white;
      background-color: var(--main-color) !important;
      border: solid 1px var(--main-color) !important;
  }

  .pagination > .pagination-next > a {
    border: none !important;
    background: none;
  }
  .pagination > .pagination-prev > a {
    border: none !important;
    background: none;
  }

  .pagination > .pagination-next > a:hover {
    border: none !important;
    background: none;
  }

  .pagination > .pagination-prev > a:hover {
    border: none !important;
    background: none;
  }
  
  .pagination > .active > a:hover
  {
    background: none;
  }

  .form-control {
    height: 40px;
    border: 1px solid #000;
    border-radius: 0px;
} 

.btn-default:disabled:hover{ background:black;color: #fff;border:1px solid #000;padding: 10px 40px;}

.btn-yellow-vipps img{
  max-width: 35%;
}
.btn-yellow-vipps-express {
  color: #fff;
  background-color: #ff6500;
  /* max-width: 50%; */
  font-size: 20px;
  padding: 6px 40px;
  line-height: 24px;
  margin: 0px;
  text-align: center;
  border: 0;
  margin-top: 6px;
}

.btn-yellow-vipps-express:hover {
  color:#fff;
  background-color:#bc4d05;
  /* max-width: 50%; */
  font-size: 20px;
  padding: 6px 40px;
  line-height: 24px;
  margin: 0px;
  text-align: center;
  border:0;
  margin-top: 6px;
}

.btn-yellow-vipps-express:disabled:hover {
  color:#fff;
  background-color:#bc4d05;
  /* max-width: 50%; */
  font-size: 20px;
  padding: 6px 40px;
  line-height: 24px;
  margin: 0px;
  text-align: center;
  border:0;
  margin-top: 6px;
}


.btn-info-vipps-express {
  color:#fff;
  max-width: 35%;
  font-size: 22px;
  margin-right: 10px;
}

.btn-info-vipps-express:hover {
  color:#fff;
  max-width: 35%;
  font-size: 22px;
  margin-right: 10px;
}
.btn-info-vipps-express:active {
  color:#fff;
  max-width: 35%;
  font-size: 22px;
  margin-right: 10px;
}

.btn-yellow-vipps-express-tk {
  color:#fff;
  background-color:#ff6500;
  max-width: 35%;
  font-size: 22px;
  padding: 1px 20px;
  margin: 0px;
  text-align: center;
}

.btn-yellow-vipps-express-tk:hover {
  color:#fff;
  background-color:#bc4d05;
  max-width: 35%;
  font-size: 22px;
  padding: 1px 20px;
  margin: 0px;
  text-align: center;
}

.margin-top-10{
  margin-top: 10px !important;
}
.margin-top-50{
  margin-top: 50px !important;
}


.content-login-vipps{
    background-color: #dcdcdc;
}
.content-login-vipps .row{
padding: 10px;
}

p.login-separator {
  border: none;
  width: 350px;
  margin: 10px auto 0 auto;
  text-align: center;
}

.vipps-express-separator {
  float: left;
  clear: left;
  padding: 10px 0 10px 0;
  border-top: 1px solid #cbc1c1;
  margin-top: 20px;
  width: 100%;
}