/* #e1007a   #365779  #fbfcfc   */ 



@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@100;200;300&display=swap');

:root {
  --pink: #e1007a;
  --blue: #365779;
  --main: #365779;
}

.resetpassword {border: 0px solid #f50; padding: 3vh 2vw;}

/*** API**/
#get_events,#get_event, #get_attendees {padding: 0vw 0vw 0vw 3vw}
#get_events pre, #get_event pre, #get_attendees pre {font-family: 'IBM Plex Mono', monospace; color: #333!important; font-weight: 300; line-height: 1em; height: auto; overflow-y: hidden}

 #get_events th, #get_event th, #get_attendees th {color: #222; padding: 4px 6px; margin: 0; font-weight: 500; border-bottom: 1px solid #ccc; border-top: 1px solid #999}
 #get_events tr, #get_event tr, #get_attendees tr { border-bottom: 1px solid #ccc}
 #get_events td, #get_event td, #get_attendees td {color: #666; padding: 4px 6px; margin: 0; font-weight: 400; border-bottom: 1px solid #ccc}

/*** end API**/

/* lang selector */
.foot_lang  {padding: 0px!important; margin: 0px!important}
.foot_lang .nav-link {padding: 0px!important; margin: 0px!important; font-weight: 400; font-size: 0.9em!important}
.foot_lang .dropdown-menu {padding: 5px!important; margin: 0px!important; background: rgba(255,255,255,0.99)!important; width: 30px!important}
.foot_lang .dropdown-menu input {padding: 0px!important; margin: 0px!important; background: #fff!important; border: 0px solid #fff; font-weight: 400; font-size: 0.9em!important}
.foot_lang .dropdown-menu input:hover {color: var(--pink)!important}

.hide_lang {display: none}

.title_f {
  width: 100%;
  height: 3vw;
  background: var(--main);
  padding: 1vw 2vw;
  font-weight: 500;
  color: #fff;
  font-size: 1.2vw;
  line-height: 2vh;
  margin: 0px 0px 2vh
}


.title_f1 {
  width: 100%;
  height: 3vw;
  background: var(--main);
  padding: 1vw 0vw;
  font-weight: 500;
  color: #fff;
  font-size: 1.2vw;
  line-height: 2vh;
  margin: 0px 0px 2vh
}
.title_f1 span {width: 2vw; border: 0px solid #f60; display: inline-block; text-align: center; color: #eee; border-right: 1px solid #fff}

/***** Terms accordion**/
.terms_acc {
  width: 100%;
  height: 100%;
  float: left;
  padding: 2vw 2vw 0vw;
  z-index: 10;
  background-color: white;
  overflow: hidden;
  font-size: 1vw;
  color: #222;
  border: 0px solid #457;
}
.terms_acc:last-child {
  border: 0px solid #457;
  padding-bottom: 15vh
}
.terms_acc > div {
  display: block;
  position: relative;
  padding: 0;
  color: black;
  min-height: 30px
}
.terms_acc > div:not(:last-of-type) {
  margin: 0px;
}
.terms_acc > div input + label b {
  color: var(--main);
  width: 2.0vw;
  display: inline-block
}
.terms_acc > div input + label {
  cursor: pointer;
  display: block;
  padding: 0px;
  transition: all ease-out 0.5s;
  color: #111;
  font-size: 1.2vw;
  font-weight: 500;
  border-bottom: 1px solid #000
}
.terms_acc > div input + label:hover {
  color: #000;
}
.terms_acc > div input ~ div {
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: all ease-out 0.5s;
  width: 100%;
  margin: 0vh;
  border: 0px solid #457;
  color: #222;
  font-weight: 400;
}
.terms_acc > div input ~ div .darker {
  color: #000;
  line-height: 5vh;
  font-weight: 500;
}
.terms_acc > div input ~ div p {
  padding: 0px;
  border-top: 0px solid #fff;
}
.terms_acc > div input:checked + label {
  /*transition: all  ease-in 0.7s;*/
  color: var(--main);
}
.terms_acc > div input:checked ~ div {
  display: block;
  opacity: 1;
  visibility: visible;
  max-height: 1700px;
  transition: all ease-out 0.9s;
}
.olist {
  text-indent: -1.4vw;
  padding: 0vw 0vw 0vw 4.8vw;
}
.olist1 {
  text-indent: 0vw;
  padding: 0vw 0vw 0vw 2.2vw;
}
.olist b {
  width: 1.2vw;
  display: inline-block;
  margin-top: 2.6vh;
  font-weight: 700;
  font-size: 0.9em
}
.olist br, .olist1 br, .olist1 span br {
  margin-bottom: 0.75vh;
}
.olist ul {
  text-indent: 0.0vw;
  margin-left: -1.8vw
}
.olist li {
  margin-bottom: 0.6vh;
}
.details {
  width: calc(100% - 30px);
  float: right;
  margin: 15px;
  padding: 15px;
  background-color: #3399ff;
}
/***** end Terms accordion**/
/*** PRICE TABLE****/
.price_wrap {
  border: 0px solid #48f;
  width: calc(100% - 4vw);
  margin: 4vw 0px 4vw 2vw;
  overflow: hidden
}
#t-price {
  width: 100%calc(100% - 4vw);
  margin: 0px;
  font-size: 1vw;
  font-weight: 400
}
#t-price th {
  padding: 0.0vw;
  text-align: center;
  font-weight: 600;
  background-color: rgba(54, 87, 121, 0.6);
  color: #fff;
  border: 1px solid rgba(54, 87, 121, 0.9);
  line-height: 1.0vw;
  width: 10%;
}
#t-price th p {
  padding: 0.8vw 0.5vw 0vw 0.5vw;
}
#t-price th:first-child {
  width: 60%;
}
#t-price .links{  background: rgba(54, 87, 121, 0.4); padding: 0.4vw; margin: 0px 0px 0px 0px;  border-top: 1px solid rgba(54, 87, 121, 0.9) }
#t-price .links span {color: #fff; font-size: 0.9vw; font-weight: 500; text-decoration: none}
#t-price .links span:hover, #t-price a {color: #fff; font-size: 0.9vw; font-weight: 500; text-decoration: none}
#t-price .links:hover {  background: rgba(54, 87, 121, 0.7); text-decoration: none}

#t-price td {
  padding: 0.5vw;
  text-align: center;
  vertical-align: top;
  border: 1px solid rgba(54, 87, 121, 0.6);
  line-height: 1.2vw;
}
#t-price tr:hover {
  background-color: #fbfcfc
}
#t-price .subt {
  background-color: rgba(54, 87, 121, 0.1);
  font-weight: 500;
  color: #000;
}
#t-price td:first-child {
  padding: 0.5vw;
  text-align: left;
  vertical-align: top
}
#t-price .yes {
  font-weight: 700;
  font-size: 1.3vw;
  line-height: 1vw;
  color: #1a936f;
}
#t-price .no {
  font-weight: 100;
  font-size: 0.9vw;
  line-height: 1vw;
  color: #cc2400
}

#t-price i {font-size: 90%; color: var(--blue)}
#t-price .view {font-size: 80%; color: #444; font-weight: 300}
#t-price .view:hover {color: #000}

#t-price .links {background: var(--pink); margin: 0px; border-top: 0px solid #5555}
#t-price .links:hover {background: var(--pink); margin: 0px; text-decoration: underline}

/*** END PRICE TABLE****/
/* content container */
.f_container {
  border: 0px solid #45f;
  width: calc(100% - 4vw);
  margin: 3vw 0vw 2vw 2vw;
}
.pr_title {
  font-size: 0.85vw;
  color: var(--main);
  font-weight: 400;
  margin: 2vw 0vw 0.8vw 0vw;
    text-decoration: none;
}
.pr_title a, .pr_title1 a {text-decoration: none; color: #222}
.pr_title p {font-size: 1em}



.pr_title1 {
  font-size: 1.1vw;
  color: var(--main);
  font-weight: 600;
  margin: 2vw 0vw 0.8vw 0vw;
    text-decoration: none;
}
.pr_text {
  font-size: 1.1vw;
  color: #222;
  font-weight: 400
}
.f_container h6 {
  font-size: 1.1vw;
  color: #222;
  font-weight: 400;
}

.peu {font-size: 0.75em; font-weight: 300; color: #444}


.olist br, .pr_text br, .f_container h6 br {
  margin-bottom: 1.3vh;
}
.pr_list ul {
  list-style-position: outside;
  padding: 0;
  margin: -20px
}
.pr_list li {
  color: var(--main);
  text-indent: 0.0vw;
  margin: -0.5vw 0vw 1.0vw -1.5vw
}
.pr_list li span {
  color: #333; font-size: 1.1vw
}
.pr_link {
  color: var(--main)
}
.pr_link:hover, .text-secondary:hover {
  color: var(--pink);
  text-decoration: none
}
/* end content container */
.google_app {
  width: 85px !important;
  display: block
}
.apple_app {
  width: 85px;
  display: block
}
/********** general footer ***************/
.tktfooter {
  border: 0px solid #f60; font-size: 1em;
}

.lowlogo {border: 0px solid #f09; padding: 0px; margin: 0px 0px 3px 0px; white-space: nowrap; text-align: left}

.lowlogo img {margin: 0px 0px 3px 0px; padding: 0px;}

@media  (max-width: 1000px) and (min-width:500px) {
    .lowlogo {display: none}
}


/* images and illustrations */

.central_image {height: 350px; margin: 0px auto -150px; display: block}
.central_menor {height: 150px; margin: 50px auto -40px; display: block}
.central_med {height: 210px; margin: 50px auto -50px; display: block}
.central_gran {height: 230px; margin: 50px auto -30px; display: block}
.central_mgran {height: 280px; margin: 50px auto 30px; display: block; max-width: 90%}



.entrades_taula {border: 0px solid #f09; width: 50%; display: table; margin: 40px auto -50px; ; height: 180px; background-image: url("../../img/ticketerum/2tickets_bg.jpg"); background-size: contain;
background-repeat: no-repeat; background-position: center center}

.entrades_taula td {width: 33.3%; text-align: center}

.over_icon {height: 50px; filter:drop-shadow(1px 1px 3px rgb(0 0 0 / 0.2))}
.over_icon_bigger {height: 85px; filter:drop-shadow(1px 1px 3px rgb(0 0 0 / 0.2))}

/* images and illustrations */

.casless_img {float: right; height: 300px; margin: 0px  0px 10px 10px}

.cashlessinfo {margin: 20px 0px 40px}
.cashlessinfo th, .cashlessinfo td {border: 1px solid var(--blue); padding: 6px 5px}

.cashlessinfo th {color: #fff; background: var(--vlblue)}

/******************************************************************************************************/
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  .title_f {
    width: 100%;
    height: auto;
    background: var(--main);
    padding: 1vw 2vw;
    font-weight: 500;
    color: #fff;
    font-size: 0.9em;
    line-height: 1.8em;
    margin: 0px 0px 2vh
  }
    
.pr_title1 {
  font-size: 1.1em;
  color: var(--main);
  font-weight: 600;
  margin: 2vw 0vw 0.8vw 0vw;
    text-decoration: none;
}
  /***** Terms accordion**/
  .terms_acc {
    padding: 1vw 2vw 3vw 2vw;
    z-index: 10;
    font-size: 0.8em;
    line-height: 1.3em;
    border: 0px solid #f78
  }
  .terms_acc > div input + label b {
    color: var(--main);
    width: 5.3vw;
    display: inline-block
  }
  .terms_acc > div input + label {
    padding: 0px;
    transition: all ease-out 0.5s;
    color: #111;
    font-size: 1.2em;
    font-weight: 500;
  }
  .terms_acc:last-child {
    border: 0px solid #457;
    padding-bottom: 5vh
  }
  .terms_acc > div input:checked ~ div {
    max-height: 1600px;
  }
  .olist {
    text-indent: -3.8vw;
    padding: 0vw 0vw 0vw 8.0vw;
  }
  .olist1 {
    text-indent: 0vw;
    padding: 0vw 0vw 0vw 2.2vw;
  }
  .olist b {
    width: 3.2vw;
    margin-top: 1.0vh;
    font-weight: 700;
    font-size: 0.9em
  }
  .olist br,   .olist1 br {
    margin-bottom: 0.75vh;
  }
  .olist ul {
    text-indent: 0.0vw;
    margin-left: -7.2vw
  }
  .olist li {
    margin-bottom: 0.6vh;
  }
  .details {
    width: calc(100% - 30px);
    float: right;
    margin: 15px;
    padding: 15px;
    background-color: #3399ff;
  }
  /*****end  Terms accordion**/
  /* content container */
  .f_container {
    border: 0px solid #45f;
    width: calc(100% - 4vw);
    margin: 3vw 0vw 2vw 2vw;
  }
  .pr_title {
    font-size: 0.9em;
    color: var(--main);
    font-weight: 600;
    margin: 2vw 0vw 0.8vw 0vw
  }
    
.f_container h6 {
  font-size: 1.0em;
}
  .pr_text {
    font-size: 0.9em;
    color: #222;
    font-weight: 400
  }
  .olist br, .pr_text br, .olist1 br, .olist1 span br  {
    margin-bottom: 1.0vh;
  }
  .pr_list ul {
    list-style-position: outside;
    padding: 0;
    margin: -20px;
  }
  .pr_list li {
    color: var(--main);
    text-indent: 0.0vw;
    margin: -0.5vw 0vw 1.5vw -6.5vw;
    font-size: 0.7em;
  }
  .pr_list li span {
    color: #333; font-size: 1.05em
  }
  .pr_link {
    color: var(--main)
  }
  .pr_link:hover, .text-secondary:hover {
    color: var(--pink);
    text-decoration: none
  }
  /* end content container */
  /*** PRICE TABLE****/
  .price_wrap {
    border: 0px solid #48f;
    width: calc(100% - 4vw);
    margin: 4vw 0px 4vw 2vw;
    overflow-y: hidden;
    overflow-x: scroll
  }
  #t-price {
    width: 160%;
    margin: 0px;
    font-size: 0.6em;
    font-weight: 400
  }
  #t-price th {
    padding: 0.5vw;
    text-align: center;
    font-weight: 600;
    background-color: rgba(54, 87, 121, 0.6);
    color: #fff;
    border: 1px solid rgba(54, 87, 121, 0.9);
    line-height: 1.0em;
    position: sticky;
    width: 15%;
  }
  #t-price th:first-child {
    width: 30%;
  }
  #t-price td {
    padding: 0.5vw;
    text-align: center;
    vertical-align: top;
    border: 1px solid rgba(54, 87, 121, 0.6);
    line-height: 1.2em;
  }
  #t-price tr:hover {
    background-color: #fbfcfc
  }
  #t-price .subt {
    background-color: rgba(54, 87, 121, 0.1);
    font-weight: 500;
    color: #000;
  }
  #t-price td:first-child {
    padding: 0.5vw;
    text-align: left;
    vertical-align: top
  }
  #t-price td:first-child, #t-price th:first-child {
    position: sticky;
    left: 0;
    background: #fff
  }
  #t-price .yes {
    font-weight: 700;
    font-size: 1.3em;
    line-height: 1vw;
    color: #1a936f;
  }
  #t-price .no {
    font-weight: 100;
    font-size: 0.7em;
    line-height: 1vw;
    color: #cc2400
  }
  /*** END PRICE TABLE****/
  /********** general footer ***************/
  .tktfooter {
    border: 0px solid #f60;    padding: 0;
    margin: 0
  }
  .tktfooter h5 {
    font-size: 0.9em
  }
  .tktfooter .text-secondary {
    font-size: 0.958em;
    padding: 0;
    margin: 0
  }
  .tktfooter ul {
    padding: 0;
    margin: 0;
    width: 98%
  }
.tktfooter li {
    padding: 0;
    margin: 0;
    width: 100%
  }
  .tktfooter .innerf {
    width: 98%;
    padding: 0;
    margin: 0px auto;
  }
    .tktfooter .row {margin: 0px auto}
    
    
/* images and illustrations */

.central_image {height: 250px; margin: 0px auto -50px; display: block}
.central_menor {height: 100px; margin: 50px auto -10px; display: block}

.entrades_taula {border: 0px solid #f09; width: 100%; display: table; margin: 40px auto -10px; ; height: 130px; background-image: url("../../img/ticketerum/2tickets_bg.jpg"); background-size: contain;
background-repeat: no-repeat; background-position: center center}

.entrades_taula td {width: 33.3%; text-align: center}

.over_icon {height: 50px; filter:drop-shadow(1px 1px 3px rgb(0 0 0 / 0.2))}

/* images and illustrations */
    
}