html {
  height: 100%;
}

body{
  font-family: 'Lato', sans-serif;
  position: relative;
  margin: 0;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal
}

img, svg{
  display:inline!important;
}
.icon_svg path{
  fill:#fff;
}
.loading p{
  font-size: 12px;
}
.correct{
    color:#0bd175;
}
/*OCCPANCY COLOR CODES*/
#sessions_time__web5 .low_occupancy, .dayContainer .low_occupancy{
  background-color:#0bd175;
}
#sessions_time__web5 .medium_occupancy, .dayContainer .medium_occupancy{
background-color:#b1c636;
}
#sessions_time__web5 .high_occupancy, .dayContainer .high_occupancy{
background-color:#f97310;
}
#sessions_time__web5 .very_high_occupancy, .dayContainer .very_high_occupancy{
background-color:#f41c3b;
}
#sessions_time__web5 .no_occupancy, .dayContainer .no_occupancy{
background-color:#000;
}
*{
  box-sizing: border-box;
}
a{
  text-decoration: none;
}

/*AGE CLASIFICATION*/
.description_box .calification_holder{
  display:none;
}
.bckgr_PC{
  background-color: #7c7c7c;
}
.bckgr_TP,.bckgr_plus7,.bckgr_3-9,.bckgr_plus4,  .bckgr_plus3,  .bckgr_3-6, .bckgr_plus5{
   background-color:#088242;
}
.bckgr_6-10, .bckgr_plus10,.bckgr_plus8, .bckgr_6-12{
  background-color:#0bd175
}
.bckgr_plus12, .bckgr_plus13, .bckgr_plus10{
  background-color:#b1c636;
}
.bckgr_plus14,.bckgr_plus16{
  background-color:#f97310;
}
.bckgr_plus18{
  background-color: #f41c3b;
}

.contButaca.seleccionable{
  cursor: pointer;
}
.Butaca.seleccionable{
  cursor:normal;
}
#mapContainer > div > div{
  height:23rem!important;
}

.card_image{
    width:400px!important;
}
.button_holder{
  justify-content: center!important;  
}

h1,h2,h3,h4,h5,h6{
  font-weight: 300;
}
.contButaca.seleccionable{
  cursor: pointer;
}
.Butaca.seleccionable{
  cursor:normal;
}

.error_input, .error_date, .error_select, .error_password  {
  box-shadow:inset 0 -0.2rem 0 0 #ef2358; 
}

.personal_info .error_checkbox a, #logged_user .error_checkbox a, .error_text, .err{
  color:#ef2358!important;
}

.example-enter {
  opacity: 0.01;
}

.example-enter.example-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.example-leave {
  opacity: 1;
}

.example-leave.example-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}

.bd-callout{
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-radius: .25rem;
}

.sessions_container{
  max-width: 80%;
  display: block;
}

.session_element{
  margin-top:1rem;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

button:focus {outline:0!important;}

.progress_bar{
  z-index: 10;
  width: 100%;
  height:5rem;
  line-height: 5rem;
  padding-left: 1rem;
}

.progress_bar.box_container{
  margin-left:0px;
}

.btn-breadcrumb{
	background-color: #fff;
	border-radius: 4px;
  border: solid 1px #ccc;
  
}
.btn-breadcrumb .btn{
	border-color: transparent; border: 0px solid transparent;
	border-right: 1px solid transparent !important; 
	font-size: 11px;
}
.breadcrumb-default{ background-color: #fff; }
.btn-primary,.breadcrumb-primary{ xbackground-color: #337ab7; }

.breadcrumb-success{ background-color: #5cb85c; }

.breadcrumb-warning{ background-color: #f0ad4e; }
.breadcrumb-danger{ background-color: #d9534f; }
.breadcrumb-negro{ background-color: #d4d4d4; }

.btn-breadcrumb .btn:last-child {font-weight: bold; text-decoration: underline;}
.btn-breadcrumb .btn:last-child:before{margin-left: -1px;}

.btn-breadcrumb .btn-derecha{
	float: right;
	margin-right: 0px;
	padding: 6px 10px 6px 10px !important;
	margin-left: 0px !important;
	border-radius: 0px !important; 
}
.btn-breadcrumb .btn-derecha:first-child { 
	border-top-right-radius: 2px !important; 
	border-bottom-right-radius: 2px !important; 
}

.btn-breadcrumb .btn-derecha:after, .btn-breadcrumb .btn-derecha:before{
	content: none !important;
}

.btn-breadcrumb .btn:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 14px solid transparent;
  xborder-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: 0px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn.active:last-child:before{
  border-left:none;
}

/** The Spacing **/
.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}

/** Default button **/
.btn-breadcrumb .btn.btn-default:after { border-left: 10px solid #fff;}

.breadcrumb-default{ border: solid 1px #adadad; }

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:after {border-left: 10px solid #337ab7;}
.btn-primary{
  background-color: #fff;
  color:#000;
}
.btn-info{
  background-color:#adadad;
}


/** Info button **/

@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-eclipse {
  position: relative;
}
.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 1s linear infinite;
  animation: lds-eclipse 1s linear infinite;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #0055a5;
  -webkit-transform-origin: 80px 82px;
  transform-origin: 80px 82px;
}
.lds-eclipse {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}


/*PERSONALIZACIÖN*/
.tabContainer{
  box-shadow: 0 3px 0 rgba(255, 255, 255, 0.3);
}


/*FOOTER*/

body {
  margin: 0px;
}

/*Contenedor*/

.general {
  max-width: 100%;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

.container1 {
  background-color: #212121;
  border-bottom: 1px solid #3d3d3d;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.container2 {
  background-color: #000;
        padding: 10px 20px;
  box-sizing: border-box;
}

/***/

.cnt-logos, .cnt-links{
  display: flex;
  align-items: center;
}

.cnt-logos img{
  margin: 0px 10px;
}

.cnt-links a{
  margin: 0px 10px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

.cnt-copyright{
  color: #fff;
  text-align: right;
}

.cnt-copyright p{
  margin: 0px 10px;
  font-size: 10px;
  color: #828282;
}


/*** RESPONSIVE ***/

@media only screen and (max-width: 767.98px) {
.container1 {
flex-direction: column;
  padding: 10px;
}
  
      .cnt-logos, .cnt-links{
justify-content: center;
        margin: 15px 0px;
}
  
  .cnt-copyright{
    text-align: center;
  }
}


@media only screen and (max-width: 575.98px) {			
  .cnt-links{
    flex-direction: column;
  }
  
  .cnt-logos img{
    width: 65px;
    height: auto;
  }
}