html{
   min-height: 100%;   
   position: relative;
}

body {
  padding-top: 0px;
  /*padding-bottom: 30px;*/
  color: #292929;
  background-color: white;  
  position: initial !important;
  /*position: inherit !important;*/
}

a{
    /*color: #0089FF;*/
    color: #c2002f;

}

a:hover{
    /*color: #0089FF;*/
    color: #c2002f;
    text-decoration: underline;
}

a[disabled]{
    pointer-events: visible;
    cursor: not-allowed;
}

.btn[disabled]{
    opacity: 0.45;
}

item-timeline-tasa-festi
h1, h2, h3, h4, .h3-custom, .h4-custom {
    line-height: normal !important; 
}

.h3-custom {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    color: inherit;
    display: block;    
}

.h4-custom {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    color: inherit;
    display: block;    
}

.h4-size{
    font-size: 18px;
    font-weight: 500;
}

.h3-size{
    font-size: 24px;
    font-weight: 500;
}

.btn-default{
    background-color: #E2E2E2;
}

.btn-default:hover {
    color: #333;
    background-color: rgba(117, 117, 117, 0.3);
    border-color: #adadad;
}

.red-soci{
    color: #c2002f;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.container{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.divconborde{
    background-color: #fff;
    /*border-style: solid;
    /*border-color: #ddd;*/
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;    
}

.bordediv{
    border-style: solid; 
    border-color: #ddd;
    border-width: 1px;    
}

.bordediv-important{
    border-style: solid !important; 
    border-color: #ddd !important;
    border-width: 1px !important;    
}

.no-box-shadow{
    box-shadow: none !important;
}

.divconborde-tabla{
    padding: 10px 40px !important;
}
a.disabled{
    color: #999999 !important;
    background-color: transparent !important;
    cursor: default !important;
    text-decoration: none !important;
}
a.disabled:hover {
	color: #999999;
	background-color: transparent;
	cursor: default;
	text-decoration: none;
}
.pull-right {
    position: relative;
    float: right !important;
    font-size: 16px !important;
}

.center{
    text-align: center !important;        
}

.end-correction{
    margin-left:37px;    
}

.left-margin-correction{
   margin-left: 7px !important;
} 

.left-margin-correction-small{
   margin-left: 5px !important;
} 
.left-margin-correction-large{
   margin-left: 50px !important;
} 

.left-margin-correction-guion{
    margin-left: 19px !important;
    margin-bottom: 0px !important;
}

left-margin-correction-color{
    margin-left: 19px !important;
}

.checkboxgroup-element{
    position:relative;
    margin-left:-14px !important;   
    padding-top: 0px !important;
    width: 50px !important;
    white-space: nowrap;
}

.genero-proyecto-container{   
    margin-left: 8px !important;
    margin-bottom: 12px;
}

.checkboxgroup-container{
    border: 1px solid #ddd;     
    padding: 15px 0px 0px 35px;   
}

.large-input 
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */  
}

.adjustPaddingCol{
    padding-left: 7px !important;
    padding-right: 8px !important;
}

.adjustPaddingColLabel{
    padding-right: 22px !important;
}

/* This code is tested with latest version of Firefox and Chrome */
.box {
  
  background-color: #074e68;
  color: white;
}


.coloricon { 
    color: #A8E2FF !important;
}

.plus-icon{
    font-size: 18px !important;    
    color: #41BC81 !important;
}

.plus-icon-rol{
    font-size: 18px !important;    
    color: white !important;
}

.edit-hr-icon{
    font-size: 21px !important;    
    color: #074e68 !important;
    margin-right: 3px;
}

.del-hr-icon{        
    font-size: 21px !important;    
    color: #828282 !important;    
}

.edit-icon{
    font-size: 21px !important;    
    color: #074e68 !important;
    margin-right: 5px;
}

.edit-icon-sede{    
    margin-right: 0px !important;
}

.del-icon{
    font-size: 21px !important;    
    color: #828282 !important;    
}

.plus-icon-position{
    position: relative;
    left: 228px;
}

.bkgroundtd { 
    background-color: white !important;   
    padding-left: 7px;
    padding-right: 0px !important;
}

.bkgroundtdproject { 
    background-color: white !important;   
    padding-left: 27px;
    padding-right: 4px !important;
}

.borde-tabla{
    box-shadow: 1px 1px 3px 2px #8C92AC; -webkit-box-shadow: 1px 1px 3px 2px #8C92AC;-moz-box-shadow:1px 1px 3px 2px #8C92AC;
}

.large-modified{
    font-size: 18px;  
    
}
      
.large-modified-ok{
    font-size: 23px;  
    color: #5da423 !important;        
}

.img-thumb{
    position: relative;
    top: -27px;
    width: 167px !important;   
    padding: 3px;
    border: 2px solid #ddd;
    /*height: 200px !important;  */
}

.img-thumb:hover{
    transition: all .3s ease-in-out;
    box-shadow: 0 0 15px #66CBE6;   
}

.img-hover-gallery:hover{
    transition: all .2s ease-in-out;
    box-shadow: 0 0 20px #66CBE6;   
}

.thumbnail{
    border-color: white;
    box-shadow: none;
    margin-bottom: 0px;
    color: white !important;
    transition: none !important;
    
}

.thumbnail:hover{
    border: none;
}

.img-thumbnail-upload{
    width: auto !important;   
}

.no-padding{
    padding-bottom: 0px !important;    
}

.li-container{
    width: 200px !important;   
    height: 200px !important;   
    /*height: 200px !important;  */
}

.imageList{
    list-style:none;
}

.no-list-ul{
    list-style:none;
}

.imageList li{
    margin: 10px;
    padding: 0 10px;
    
}

.border-uploaded-img{
    border: solid 2px #66CBE6 !important;        
}

.border-uploaded-img:hover{
    box-shadow: 0 0 20px #66CBE6;
}

.border-ready-img{
    border: solid 1px #50E650 !important;        
}

.border-ready-img:hover{
    transition: all .3s ease-in-out;
    box-shadow: 0 0 15px #50E650;
}

.button-onto-image{   
    position: relative;    
    /*margin-bottom: -32px ;*/
    padding: 0px 4px !important;
    z-index: 1;   
    background-color: white !important;
    border-radius: 150px;
    width: 20px;
    height: 20px;
}

.button-onto-image-panel-imgs{    
    float: left !important;
    left: 138px !important;
    top: 2px !important;
}

.button-onto-image-festi{       
    float: right !important;
    right: 24px !important;
    top: 6px !important;    
}

.button-onto-image:hover{
    /*color: #FF5F5F !important;*/
    color: white !important;
    background-color: #FF5F5F !important;
}

.thumb-element{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/*@media screen and (max-width: 1200px) {
    
    .button-onto-image{   
        position: relative;
        float: left !important;
        left: 148px !important;
        top: -26px !important;
        
        padding: 2px 5px !important;
        z-index: 1;    
    }
}

@media screen and (max-width: 992px) {
    
    .button-onto-image{   
        position: relative;
        float: left !important;
        left: 125px !important;
        top: 7px !important;
        
        padding: 2px 5px !important;
        z-index: 1;    
    }
}

@media screen and (min-width: 320px) and (max-width: 764px) {
    
    .button-onto-image{   
        position: relative;
        float: left !important;
        left: 147px !important;
        top: -24px !important;
        
        padding: 2px 5px !important;
        z-index: 1;    
    }
}*/

.image-behind{    
    z-index: 0;
}

.special-button{    
    padding: 2px 6px 1px 6px !important;    
}

.xlarge-modified{
    font-size: 22px;    
}

.bkgroundAddContact{
    padding: 3px !important;
    background: rgba(255,255,255,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 4%, rgba(241,252,231,1) 41%, rgba(234,250,219,1) 60%, rgba(234,250,219,1) 72%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(4%, rgba(255,255,255,1)), color-stop(41%, rgba(241,252,231,1)), color-stop(60%, rgba(234,250,219,1)), color-stop(72%, rgba(234,250,219,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 4%, rgba(241,252,231,1) 41%, rgba(234,250,219,1) 60%, rgba(234,250,219,1) 72%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 4%, rgba(241,252,231,1) 41%, rgba(234,250,219,1) 60%, rgba(234,250,219,1) 72%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 4%, rgba(241,252,231,1) 41%, rgba(234,250,219,1) 60%, rgba(234,250,219,1) 72%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 4%, rgba(241,252,231,1) 41%, rgba(234,250,219,1) 60%, rgba(234,250,219,1) 72%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eafadb', GradientType=1 );
}


.rolstyle{
    margin: 0 0 0 -24px !important;
    font-size: 21px;
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
}

.li-margin-reduce{    
    padding: 0px 0px 0px 0px !important;
}

.rol-style{
    font-size: 17px;
}

.rol-button{
    padding: 11px !important;    
    margin-left: 5px !important;    
}

.btn-custom {
  background-color: hsl(206, 100%, 32%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3dabff", endColorstr="#005ca3");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3dabff), to(#005ca3));
  background-image: -moz-linear-gradient(top, #3dabff, #005ca3);
  background-image: -ms-linear-gradient(top, #3dabff, #005ca3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3dabff), color-stop(100%, #005ca3));
  background-image: -webkit-linear-gradient(top, #3dabff, #005ca3);
  background-image: -o-linear-gradient(top, #3dabff, #005ca3);
  background-image: linear-gradient(#3dabff, #005ca3);
  border-color: #005ca3 #005ca3 hsl(206, 100%, 24.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.49);
  -webkit-font-smoothing: antialiased;
}

.no-point-ul{
    list-style-type: none;    
    padding-right:68px;
}


.inline-display{
    display: inline-block !important;
    margin-right: 13px;
}

.inline-inputs-display{
    display: inline-block;
}

.inline-display-values{
    margin-left: 5px !important;
    position: relative;
    top: 2px;
    margin-right: 2px;
}

.checkbox-span{
    margin-bottom: 8px;
}

.margin-genero{
    margin-left: 17px !important;
}

.margin-correction{
    margin-left: 8px;
}





.color-boton{
    color: red !important;
    opacity: 1 !important;   
    text-shadow: none;
}

.posicion-form{
    position:relative;
    left: 70px !important;
    /*margin-left: 39px !important;*/
}

.posicion-tabla{
    margin-left: -32px !important;   
    margin-bottom: 41px !important;
    width: 102%;
}

.contacto-buttons{
    width:5% !important;
    margin: 2px 0px 0px 1px !important;
    padding-left: 27px !important;
    padding-right: 0px !important;
    
}

.rol-buttons{
    margin: 6px 0px 0px 9px !important;
    padding-left: 0px !important;
}


.img-upload{
    position:relative;    
    float: left !important;
    top:2px !important;
    left: 4px !important;
    border: none !important;
}

.img-upload:hover{
    transition: none;
    box-shadow: none;   
}

.file-name-upload{
    position: relative;
    float: left;
    right: -7px;
    font-size:16px !important;
    margin-bottom:0px !important;
    margin-right:3px !important;
    word-wrap: break-word !important;
    padding-right: 18px;
}

.button-onto-image-upload{       
    position: relative;
    float: left !important;
    left: 112px !important;
    top: 2px !important;
    /*margin-bottom: -32px ;*/
    padding: 2px 5px !important;
    z-index: 1;    
}

.text-success{
    font-size: 17px !important;
    margin-bottom: 0px !important;
}

.pos-boton-success{
    margin-bottom: 25px;
}

.anadir-rol-text{
    font-size: 17px !important;    
}

.pagination-list{
    width: 28% !important;
    padding-left: 0px !important;
}

.titulo-h1{
    font-size: 38px !important;
}

.alto-div{
    height: 129px;
}

.corta-username{
    display: inline-block;
    max-width: 222px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.paginador-posicion{
    margin: 0px 0px !important;
}

.fest-por-pag-position{
    position: relative;
    top: 27px;
    left: 23px;
} 

.div-filtro{
    border-top: 1px solid #d2d2d2;
    padding-top: 7px;
    margin-top: 15px;
    margin-left: 8px;
}

.paginadores{
    margin-left: 10px;
    margin-bottom: 45px;
    margin-top: 25px;
}

.div-titulo-filtro{
    /*background-color: #C8C8C8;*/
    background-color: rgba(170, 170, 170, 0.2);
    border-radius: 8px 8px 8px 8px;
    padding: 10px;
    position: relative;
    top: 10px;    
    margin-bottom: 30px;
}

.div-buscador-festi{
    /*background-color: #C8C8C8;*/
    background-color: rgba(170, 170, 170, 0.2);
    border-radius: 8px 8px 8px 8px;
    height: 62px;
    padding: 16px 21px;
}

.div-inscribirse-festi{
    /*background-color: #C8C8C8;
    /*background-color: rgba(195, 250, 208, 0.2);*/
    background-color: rgba(157, 252, 179, 0.2);
    border-radius: 8px 8px 8px 8px;
    height: 62px !important;
    padding: 11px 21px;
    
    position: relative;
    left: -25px;
    top: 12px;
    width: 642px !important;       
}

.div-inscribirse-festi-pie{
    /*background-color: #C8C8C8;
    /*background-color: rgba(195, 250, 208, 0.2);*/
    background-color: rgba(157, 252, 179, 0.2);
    border-radius: 8px 8px 8px 8px;
    height: 62px;
    padding: 14px 21px;
    
    position: relative;
    /*left: -25px;*/
    width: 642px !important;   
    height: 67px !important;
}

.btn-buscar-festi{    
    width: 38px;
    position: relative;
    top: -2px;
}

.check-name-pos{
    position: relative;
    bottom: 4px;
    margin-bottom: 0px !important;
    font-weight: 400;
    cursor: pointer;
}

.check-filtro-fest{    
    margin-bottom: 0px !important;
    font-weight: 400;
    cursor: pointer;
    margin-top: 6px;
}

.check-size{
    zoom: 1.3;
}

input[type='checkbox']{
    cursor: pointer;
}

.check-size-festfilter{
    zoom: 1.3;    
    margin-right: 4px !important;        
}

.check-lg-size{
    zoom: 1.5;
}

.input-busca-festi{
    width:97%;
    height: 28px;
    padding: 0px 8px;
}

.input-separation-icon{
    padding-left: 34px;
}

.padding-btn-input-group{
    padding-right: 11px !important;
}

.div-filtro-padding{
    margin-left: 10px;
}

.text-buton-inscribir{
    padding: 0px 24px;
}

.div-min-height{
    min-height: 1229px !important;    
}

.radio-pos{
    margin-left: -16px !important;
    top: -2px;
}

.pos-sel-todos-fest{
    padding-top: 43px;
    padding-left: 62px !important;
    
}

.default-text-style{
    font-style: italic;
    color: #8C92AC;
}


.btn-inscribir-festi-modal{    
    width: 264px;   
    position: relative;
    left: 98px;
}

.header-listaproy{
    /*background-color: #C8C8C8;*/
    background-color: rgba(170, 170, 170, 0.2);
    border-radius: 8px 8px 8px 8px;
    padding: 10px;
    position: relative;
    top: 10px;    
    margin-bottom: 30px;
}

.borde-sup-list{
    border-top: 1px solid #d1d1d1;
    display: inline-block;
}

.li-listproy-modal{    
    padding: 6px 20px;        
}

.borde-listatiposproy{
    border-top: 1px solid #E0E0E0;
    padding-top: 14px;
}

.proy-list-modal{
    /*background-color: #C8C8C8;*/
    background-color: rgba(170, 170, 170, 0.09);
    border-radius: 8px 8px 8px 8px;    
    padding: 14px 21px;
}

.check-list-proy-modal{
    position: relative;
    top: 3px;
    margin-right: 12px !important;
}

.check-all-proy-modal{
    margin-left: 26px;
    margin-bottom: 10px;
}

.check-sec-pos{
    margin-top: 1px !important;       
}

.section-festilist{
    padding: 8px;
    width: 916px;
    position: relative;
    left: 3px;
}

.section-festilist:hover{
    /*background-color: #FFE0B2;#F0F0F5;
    /*background-color: rgba(250, 250, 250, 1);*/
    background-color: rgba(236, 236, 236, 1);
}

.cestaitem{
    background-color: rgba(236, 236, 236, 1); /*#CFF3CF;*/
    border-width: 1px;      
    margin-bottom: 40px;
    /*padding: 0px 32px;*/
}

.seccionitemcesta{
    background-color: #F2FBF2; /*#EDF7FF;*/    
    border-width: 1px;
    border-radius: 10px 10px 10px 10px;
    padding: 9px;
    margin-bottom: 8px;
    width: 98%;
}

.itemseccesta{
    margin-bottom: 5px;
}

.itemfescesta{
    margin-bottom: 10px;
    font-size: 16px;
}

.margin-item-cesta{
    margin-bottom: 10px;
}

.text-item-cesta{
    font-size: 16px;
}

.totalfescesta{
    background-color: white;    
    border-width: 1px;
    border-radius: 10px 10px 10px 10px;
    padding: 9px;
    margin-bottom: 8px;
    width: 93%;
    position: relative;
    left: 40px;
}

.totalestasacesta{
    background-color: #FFCC80;    
    border-width: 1px;
    border-radius: 10px 10px 10px 10px;
    padding: 14px 30px;
    margin-bottom: 8px;
}

.btn-pagar-cesta{
    margin-right: 31px;
    margin-bottom: 20px;
    width: 90%;
}

.paypalbutton {
    display: inline-block;
    background-color: #2980B9;
    color: #fff;
    border-radius: 2%;
    box-shadow: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;    
    width: 318px !important;
    height: 39px;    
    margin-bottom: 10px;
    margin-top: 12px;
    margin-left: 1px;
}

.paypalbutton:hover {
    background-color: #3498DB;
}

.progress-modal-cesta{
    margin-top: 58px;
    width: 534px;
    margin-left: 32px;
    margin-bottom: 43px;
}

.orderitem{
    background-color: white;
    border-width: 1px;    
    margin-bottom: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 3%;
    padding-right: 3%;
    border: 1px #ddd solid;
    border-top: 0px;    
}

.orderitemheader{
    border: 1px #ddd solid;            
    padding: 9px 0px;
    background-color: rgba(73, 73, 77, 0.1) !important;  
    padding-left: 2.9% !important;
    padding-right: 2.9% !important;
}

.orderitemproys{
    border-width: 1px;    
    padding: 9px 16px;
    margin-bottom: -2px;
    width: 104%;
    margin-top: -2px;    
    margin-left: -2%;
}

.small-font-orders{
    font-size: 12px;
}

.divpagocesta{    
    padding: 10px 21px;
    background-color: rgba(255, 254, 253, 0.72) !important;
    padding-top: 12px;    
    width: 370px;
}

.input-cart-pos{
    position: relative;
    top: 3px;
    margin-right: 5px !important;    
}

.label-metodo-pago{
    margin-left: 23px;
    cursor: pointer;
}

.tabla-proys-detalle-orders{        
    margin-top: 7px;        
    /*background-color: rgba(250, 250, 250, 0.86); 
    /*margin-left: 1.6%;
    /*margin-right: 1.6%;*/
}

.tabla-proys-detalle-borde-espera-transfer{
    border-top: 1px rgba(215, 121, 0, 0.28) solid;
}

.tabla-proys-detalle-borde-error{
    border-top: 1px rgba(255, 0, 0, 0.1) solid;
}

.tabla-proys-detalle-borde-ok{
    border-top: 1px rgba(104, 169, 119, 0.46) solid;
}

.tabla-proys-inscritos-detalle-borde{
    border-top: 1px rgba(28, 29, 28, 0.15) solid;
}

.title-detail-order{
    font-size: 12px;
    font-weight: 700;
}

.framevideoproy{
    padding-bottom: 6px;
    position: relative;
    left: 76px;
}

.tablaproyinscrpadding{
    padding-top: 14px;
    padding-bottom: 14px;
}

.borde-item-festivals{
    box-shadow: 1px 0px 9px 0px #C6FFAA; -webkit-box-shadow: 1px 0px 9px 0px #009933;-moz-box-shadow:1px 0px 9px 0px #8C92AC;
}

.item-festivals{
    list-style: none;        
    margin-bottom: 20px;
    padding: 21px 0px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;    
    /*background-color: rgba(236, 236, 236, 1);
    /*background-color: rgb(247, 247, 247); bueno color más claro*/
    padding-left: 0px !important;
    padding-top: 0px;        
}

.div-header-festi{
    position: relative;
    top: -25px;    
}

.height-header-festi-img{
    min-height: 486px;
}

.header-festi-img{       
    position: relative;    
    top: 0px;
}

.menu-festi-ficha{
    height: 64px; 
    width: 100%;
    margin-left: 0px !important;    
}

.menu-festi-ficha-color {
    /*background-color: #119ea0;*/ /* Azul inicial*/
    background-color: #00aff0;
}

.menu-festi-ficha-vertical{
    padding: 3px;
}


.div-inscrip-sup-ficha-fest{
    display: block !important;
}    

.div-inscrip-inf-ficha-fest{
    display: none !important;
    border: 3px solid #202233;    
}        

.perfil-container-img-festi{
    position: absolute;
    z-index: 4;
    bottom: 29px;
    /*width: 100%;*/
}

.perfil-img-festi{    
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    /*display: -moz-box; */        /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */    
    
    justify-content: center;
    align-items: center;
    
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    
    width: 269px;
    height: 269px;
    background-color: white;
    border: 4px solid white;    
    /*margin-bottom: 2px;*/
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.margin-img-festi{
    margin-bottom: 20px;
}

.cartel-ficha-proy{    
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    /*display: -moz-box;*/         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */    
    
    justify-content: center;
    align-items: flex-start;
    
    -webkit-flex-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    
    width: 75%;
    max-height: 373px;    
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.cartel-pos-ficha{            
    max-width: 75% !important;
}

.fotodir-ficha-proy{    
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    /*display: -moz-box; */        /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */    
    
    justify-content: center;
    align-items: flex-start;
    
    -webkit-flex-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    
    width: 50%;    
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.tabs-color-font{    
    color: white !important;
    border: solid 1px transparent;
}

.li-tabs-festi-ficha{
    margin-right: 36px;   
    font-size: 15px;
}

#menu-tabs-festi-ficha.nav-pills > li.active > a,
#menu-tabs-festi-ficha.nav-pills > li.active > a:hover,
#menu-tabs-festi-ficha.nav-pills > li.active > a:focus,
#menu-tabs-festi-ficha.nav-pills > li > a:hover,
#menu-tabs-festi-ficha.nav-pills > li > a:focus{
    color: #0392c7 !important; /* Este no es el azul original del logo*/
    background-color: white !important;
    /*border: solid 3px #FFA319;*/
    border: solid 1px rgba(0, 129, 30, 1);
    border-radius: 6px;  
}


.btn-inscribir-un-festi{                
    padding-left: 27px;
    padding-right: 27px;
}

.div-inscribir-un-festi{    
    /*background-color: rgba(157, 252, 179, 0.2);*/
    background-color: white;
    border-radius: 8px 8px 8px 8px;
    /*height: 62px !important;
    /*padding: 11px 21px;  */  
    padding-top: 11px;    
    padding-bottom: 11px;    
    position: relative;
    left: 10px;    
    width: 272px !important;
    margin-bottom: 20px;
}

.div-festi-info-izquierda{
    position: relative;
    left: -7px;        
    width: 272px !important;       
    /*background-color: rgba(157, 252, 179, 0.2);    */
    background-color: white;
    padding: 1px 21px 11px 21px;    
    margin-bottom: 20px;
}

.div-festi-info-derecha{
    position: relative;
    left: 10px;        
    width: 272px !important;       
    /*background-color: rgba(157, 252, 179, 0.2);  */      
    background-color: white;
    padding: 1px 21px 11px 21px;    
    margin-bottom: 20px;
}

.div-festi-info-pequeno-modal-proy{
    position: relative;
    left: -10px;        
    width: 40% !important;       
    background-color: rgba(157, 252, 179, 0.2);
    border-radius: 8px 8px 8px 8px;        
    padding: 1px 21px 11px 21px;
    margin-top: 6px;
    margin-bottom: 16px;
    margin-left: 13px;
}

.div-festi-info-modal-proy{
    /*background-color: rgba(157, 252, 179, 0.2);*/
    border-radius: 8px 8px 8px 8px;        
    padding: 11px 21px 11px 21px;
    margin: 13px 0px;
}

.div-festi-info-padding{    
    position: relative;
    top: 1px;
}

.padding-sec-ficha{
    /*margin-left: 30px;*/
}

.item-timeline-tasa-festi{    
    display: inline-block;    
    margin-right: 3px;
    margin-bottom: 6px;
}

.tasa-festi-ficha-timeline{
    display: inline-block;
    position: relative;
    /*top: -10px;*/
}

.checkbox-timeline-tasa-festi{    
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 5px;
}

.margin-li-contacto-festi{
    margin-bottom: 4px;
}

.margin-li-contacto-festi-dir{
    margin-bottom: 11px;
}

.margin-li-contacto-festi-icons{
    margin-bottom: 6px;
    padding-left: 4px;
}

.img-festi-profile-size{
    /*min-height: 257px;*/
    max-width: 257px;
    max-height: 257px;    
}

.cartel-size-ficha-proy{
    /*min-height: 257px;*/
    max-width: 257px;
    max-height: 257px;    
}

.alert-container-para-ficha-festi{
    position: absolute;
    z-index: 10;
    width: 100%;
    display: table-cell !important;
    text-align: center !important;
    min-height: initial !important;
    height: initial !important;
}

.check-all-sec-ficha-fest{
    position: relative;
    top: 11px;
    left: 8px;
}

.fest-por-pagina{
        
}

.boton-paginadores-container{
    position: relative; 
    /*bottom: 45px;*/
}

/*Estilos para tablets, móviles y ordenadores*/

/*#####################
/*Página festivales
/*#####################

/*#####################
/*IMPORTANTE!!!!!
/*Importante poner siempre este estilo sin media queries para que funcione bien
/*El orden debe ser de mayor a menor para que funcione
/*No poner comentarios con las dos barras (de línea) entre el estilo .class y el primer media query  porque si no no funciona
/*#####################*/
.btn-inscribir-festi{    
        width: 594px !important; /*435*/        
}

.label-todos-pos{
        position: relative;
        left: -4px;
        top: -7px;
}

.row-sel-todos-fest{
    height: 26px;
}

.container-filtro-lista{
    margin-top: 0px;    
    padding-left: 20px;
}

.text-buton-inscribir{
    
}

.img-logo-position{
  position: relative;
  bottom: -2px;
  margin-right: 21px;  
}

.img-logo-header{
  position: relative;
  bottom: 0px;
  margin-right: 21px;  
  max-width: 150px;
  margin-left: -5px;
}

.celda-check-sec{
    width: 4%;
}

.modal-ancho{
    width: 42%;
}

.width-embed-label{
    width: 24%;
}

.heigth-footer{
    height: 327px;
}

.aux-div-heigth-footer{
    height: 327px;
}    

.div-aux-bottom-footer{
    height: 1px;  
    background-color: #0f0f0f;
}

.pos-title-fest-ficha{
    margin-top: 15px;    
}

.table-cell-logo-resp{
    display: table-cell !important;
    float: initial !important;
}

.tit-fest-ficha-text{
    color: white;
    font-weight: bold;
    font-size: 45px;
}

.tit-fest-ficha-resp{
    margin-top: 0px;
    margin-bottom: 55px;
}

.background-header-img{
    /* background: url("../../img/festivals/header_defecto.png"); */   
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position-x: 50% !important;
    background-position-y: 50% !important;
    
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}


.content-ficha-festi-tabs{
    border: 1px solid #ddd;    
    padding: 8px;
    word-wrap: break-word;
}

.pos-container-fest-ficha{
    margin-top: 15px;    
}

.pos-content-ficha-fest{    
    margin-top: 20px;    
}

.pos-perfil-festi{
    padding-left: 25px;
    position: relative;
    top: 11px;
    z-index: 3;
    width: 79%;    
}

.pos-menu-festi-ficha{
    position: relative;
    bottom: 18px;
    padding-top: 10px;
    padding-left: 10px;
}
  
.inner-content-ficha-fest{
    padding-left: 0px;
    padding-right: 0px;
}

.col-content-ficha-festi{
    padding-left: 10px;
    padding-right: 10px;
}

.msg-imp-fest{
    font-size: 16px;
}

.msg-imp-fest-title{
    color: red;
}

.content-padding-ficha-festi{
    padding-left: 10px;
    padding-right: 10px;
}

.content-padd-tab-ficha-fest{ 
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.div-msg-imp-fest{
    margin-bottom: 20px;
}

.color-btn-navbar{
    background-color: #777;
    border: none;
}

.position-btn-navbar{
    float: left;
    margin-top: 18px;
    margin-left: 43px;
    margin-right: 3%;    
}    

.icon-fest-tasa-pos{
    padding-left: 0px;
    padding-right: 6px;
}

.icon-size-fest-small{
    font-size: 17px !important;
    position: relative;
    top: 1px;
}

.ul-deadlines-ficha-fest{
    list-style-type: none;
    padding-left: 2px;
}

.pos-icon-gratis-fest-list{
    position: relative;
    top: 2px;    
}

.font-size-tabs{
    font-size: 15px;
}

.menu-vertical-ficha-fest{
    display: none;
}

.menu-horizontal-ficha-fest{
    display: block;
}    


.radio-bordes-general{
    border-radius: 5px;
}
.radio-bordes-general-superior{
    border-radius: 5px 5px 0px 0px;
}
.radio-bordes-general-inferior{
    border-radius: 0px 0px 5px 5px;
}

.radio-bordes-general-izquierda{
    border-radius: 5px 0px 0px 5px;
}

.radio-bordes-general-derecha{
    border-radius: 0px 5px 5px 0px;
}



/* 
EMPIEZA-TABLAS-BORDES-REDONDOS
COMENTARIO-TABLAS-BORDE-REDONDO____SE-ASIGNA-EL-RADIO-HOVER-ETC-A-NIVEL-TD-PARA-QUE-FUNCIONE-EN-TODOS-LOS-NAVEGADORES
*/


.tabla-bordes-redondos{    
    border: 1px solid #ddd;  
    border-top: 0;  
    border-radius: 6px !important;
    border-collapse: separate !important;
}



.tabla-bordes-redondos tr:first-child th:first-child{
    border-radius: 6px 0 0 0 !important;
}

.tabla-bordes-redondos tr:first-child th:last-child{
    border-radius: 0 6px 0 0 !important;
}



.tabla-bordes-redondos tr:last-child td:first-child{
    border-radius: 0 0 0 6px !important;
}

.tabla-bordes-redondos tr:last-child td:last-child{
    border-radius: 0 0 6px 0 !important;
}



.tabla-hover-redondo tr:hover td{
    /*background-color:#F8F8F8 !important;*/    
    background-color: #f3f3f3 !important;   
}

.tabla-hover-redondo tr:hover:last-child td:first-child, .tabla-hover-redondo tr:hover:last-child th:first-child{
    border-radius:  0 0 0 6px !important;
}

.tabla-hover-redondo tr:hover:last-child td:last-child, .tabla-hover-redondo tr:hover:last-child th:last-child{
    border-radius:  0 0 6px 0 !important;
}



.tabla-celdas-no-borde > tbody > tr > td{
    border-top: 0 none !important;
}

.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{
    border-bottom: 0 none !important;
}


.table-striped-redondos >tbody>tr:nth-of-type(2n) td{
    background-color: white;            
}

.table-striped-redondos >tbody>tr:nth-of-type(2n+1) td{
    background-color: rgba(229, 229, 229, 0.79);            
}


.tabla-no-borde-exterior>tbody>tr>td {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;    
}
.tabla-no-borde-exterior>tbody>tr>th{
    /*border-top: 1px solid white;*/
    border-left: 1px solid white;    
    /*border-bottom: 8px solid white;*/
}

.tabla-no-borde-exterior tr th:first-child{
    border-left: 0 !important;
}

.tabla-no-borde-exterior tr td:first-child{
    border-left: 0 !important;
}

.tabla-no-borde-exterior tr:last-child td{
    border-bottom: 0 !important;
}

.tabla-no-borde-exterior tr:nth-child(2) td{
    border-top: 0 !important;
}

.tabla-header-color>tbody>tr>th{
    background-color: gray;
}




.tabla-simple-hover-redondo tr:hover td{    
    background-color:#f3f3f3 !important;
    /*border-radius: 0 0 6px 6px !important;*/
}

.tabla-simple-hover-redondo tr:last-child:hover > td{    
    background-color:#f3f3f3 !important;
    border-radius: 0 0 6px 6px !important;
}

.tabla-simple-hover-redondo tr:last-child  td{        
    border-radius: 0 0 6px 6px !important;
}

.tabla-simple-bordes-redondos{    
    /*border: 1px solid #ddd; */      
    /*border-radius: 6px !important;*/
    
    /* Para que funcionen los border redondos */
    border-collapse: separate !important;
    border: 1px solid #ddd;    
}

.tabla-simple-bordes-redondos tr td{
    /*border: 1px solid #ddd;*/
}

.tabla-simple-bordes-redondos tr:first-child th{
    border-radius: 6px 6px 0 0 !important;
    border-color: #074e68;
}

    





.table-simple-striped-redondos >tbody>tr:nth-of-type(2n) td{
    background-color: white;        
    /*border-radius: 0 0 6px 6px !important;*/
}

.table-simple-striped-redondos >tbody>tr:nth-of-type(2n+1) td{
    background-color: rgba(229, 229, 229, 0.79);        
    /*border-radius: 0 0 6px 6px !important;*/
}

/* FIN-TABLAS-BORDES-REDONDOS */


.width-popover-sec{
    width: 484px !important;
}

.width-popover-secSede{
    width: 390px !important;
}

.width-popover-moreinf{
    width: 400px !important;
    max-width: none !important;
}

.pos-tasa-show-check{
    position:relative;
    top:-5px;
}

.btn-proy-edit{
    margin-left: 7px !important;
}

.help-proyectos{
    margin-bottom: 30px;
}

.help-register{
    margin-bottom: 30px;
    margin-left: 26px;
}

.help-checkdata-proy{
    margin-bottom: 20px !important;
}

.help-misfests{
    margin-bottom: 36px;
}

.help-no-imgs{
    margin-left: 24px;
    margin-bottom: 24px;
}

.help-video-proy{
    position: relative;
    left: -68px;
}

.help-label{
    margin-bottom: 24px;
}

.help-lista-fest{
    margin-top: 14px;
    padding-left: 16px;
    margin-bottom: 24px;
}

.btn-position-proy{
    margin-top: 16px;
    margin-left: 28px;
}

.icon-borrar{
    color: gray;
    font-size: 18px;
}

.icon-borrar-cestaitem{
    color: gray;
    font-size: 25px;    
    cursor: pointer;
}

.icon-borrar-cestaitem:hover{
    color: rgb(98, 98, 98);
}

.titulo-listafest{
    margin-top: 19px !important;
    margin-bottom: 13px;    
}

.pos-div-content{
    padding-top: 12px;
}

.parent-filter-el{
    display: block;      
}

.child-filter-el{
    display: inline; 
    margin-left: 5px;    
    font-size: 18px;    
    position: relative;
    top: 2px;
}

.icon-childs-filter{
    position: relative;
    top: -4px;
}

.pos-check-festfilter{
    position: relative;
    top: 2px;
}

.ul-fest-list{
    padding-left: 2px;
    margin-left: 3px;
}    

.pos-title-lista-fest{
    margin-left: 4px;
}

.icon-more-opts-size{
    font-size: 20px;
}

.margin-gens-tipo{
    margin-left: 24px;    
    padding-bottom: 9px;
}

.margin-top-gens-tipo{
    margin-top: 7px;
}

.display-inline-block{
    display: inline-block;
}

.rel-max-width-icon{
    max-width: calc(100% - 11px);
}

.padding-filtro{
    padding-left: 6px !important;
    padding-right: 15px !important;
    padding-bottom: 12px;
}

/* Sólo se usa para resoluciones menores de 1200, ya que para más de 1200 px se sobreescriben o restablecen los valores */
.img-next-fest-lista{
    margin-bottom: 7px;
    margin-left: 0px !important;    
}

.div-next-fests{
    margin-top: 14px;
}

.pos-duracion-fest{
    padding-left: 5%;
    padding-right: 0px;
}

.name-fest-pos{
    text-align: center;
    font-weight: bold;
}

.separation-items-fest{
    margin-bottom: 20px;
    padding: 15px !important;    
}

.text-align-next-fest{
    text-align: center;
}

.pos-div-input-sec{
    padding-left: 7px;
}

.pos-div-input-sec-ch{
    padding-left: 7px;
    padding-top: 3px;
}

.pad-div-text-sec{
    padding-left: 29px;
}

.pad-div-text-sec-check{
    padding-left: 0px;
}

.width-title-sec-default{
    width: 46px;
}

.pad-title-sec-lista{
    padding-left:50px;
}

.flag-listfest{        
    width: 33px;
    position: relative;
    top: -4px;
    float: right;
}

.width-sec-list{
    width: 100%;    
}

.celda-name-sec{
    width: 43%;        
}

.celda-deadline-sec{
    padding: 0px 10px;
    width: 39%;
}

.celda-tasa-sec{
    width: 26%;
}

.val-tasa-sec-pad{
    padding-right: 5px;
}

.icon-pad-deadline-sec{
    padding-left: 1px;
}

.icon-pad-deadline-sec-ch{
    padding-left: 4px;
}

.position-div-btn-sup-festis{        
    z-index: 2;
}

.position-div-btn-inf-festis{    
    text-align: center;
    padding-top: 14px;
    width: 100%;    
    margin: auto;   /* Para eliminar el margen a la derecha del div tras ponerle el ancho al 100%*/    
}

.pos-div-img-logo-f{
    margin-left: 4% !important;    
}

.pos-btn-cancel-insc-mod{
    position: relative;
    left: 19px;
}

.pos-div-nextfest-inf{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 100px;
}

.oriented-label-new{
    transform: rotate(45deg) scale(1) skew(1deg) translate(0px);        
    position: relative;
    float: right;
    top: 30px;
    right: -88px;
    width: 269px;
    background-color: #FF7600;
    padding: 7px;
    padding-left: 11%;       
    color: white;    
    font-size: 17px;    
    cursor: pointer;
}

.padding-bott-content{
    padding-bottom: 53px;    
}

.pad-gestcontet{
    padding-bottom: 610px;
}

.tabla-contactos-rol-predef{
    background-color: rgba(236, 236, 236, 1);        
    margin-bottom: 37px;
    border: 1px solid #ddd;
        
    /* Para que funcione el border radius */
    border-collapse: separate;
    border-spacing: 0;    
    
    padding-left: 0px;
    padding-right: 0px;
}

.tabla-contactos-rol-predef tr{
    /*border-bottom: solid white 2px;*/
}

.tabla-contactos-rol-predef tr:last-child td{
    border-bottom: solid white 0px;
}

.tabla-contactos-rol-predef td{
    padding: 15px;
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
}

.tabla-contactos-rol-predef th{
    padding: 10px;
    border-bottom: 3px solid white;
}

.tabla-contactos-rol-predef td:first-child,
.tabla-contactos-rol-predef th:first-child{
    padding-left: 28px !important;
}


/*Estilos para la tabla de inscripciones */
.tabla-f-inscrip{
    background-color: rgba(236, 236, 236, 1);        
    margin-bottom: 37px;
    /*table-layout: fixed;*/
    width: 100%;
}

.tabla-f-inscrip tr{
    border-bottom: solid white 2px;
}

.tabla-f-inscrip tr:last-child{
    border-bottom: solid white 0px;
}

.tabla-f-inscrip td{
    padding-left: 10px !important;
    padding-bottom: 16px !important;
    padding-top: 16px !important;    
}

.tabla-f-inscrip th{
    padding-left: 10px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    vertical-align: top;
}

.tabla-f-inscrip td:first-child,
.tabla-f-inscrip th:first-child{
    padding-left: 14px !important;
}

.tabla-f-inscrip td:last-child,
.tabla-f-inscrip th:last-child{
    padding-right: 14px !important;
}

.email-tabla-inscrip{
    padding-top: 8px;
}

.height-icons-tabla{
    height: 18px;
}

.arrow-order{
    color: #c5c5c5;   
    font-size: small;
    cursor: pointer;
}

.pressed-arrow-order{
    color: black !important; 
}

.tabla-centered{
    margin-left: auto !important;
    margin-right: auto !important;    
    float: initial !important;
}

.pos-div-filtro-inscr{
    padding-bottom: 30px;
}

.label-upon-select{
    padding-bottom: 10px;
}

.label-res-tabla-insc{
    margin-top: 43px;
}

.space-after-title{
    margin-top: 13px;
}

.space-filter-cont-inscr{
    margin-top: 21px;
}

.no-margin-bottom{
    margin-bottom: 0px;
}

.no-break-word{
    word-break: normal;
}

.popover-sec{
    max-width: none !important;    
    left: -546px !important;
    /*margin-top: 49px;*/
}

.popover-sec-simple{
    max-width: none !important;        
}

.popover-sede{
    max-width: 390px !important;    
    /*right: -352px !important;*/
    /*margin-top: 49px;*/
}

.posArrowSecPopover{    
    /*top: 52px !important;
    position: relative !important;*/
}

.posArrowAdmIcon{
    top: 50% !important;
}

.img-festi-profile-modal{    
    max-width: 114px;
    max-height: 114px;    
}

.div-img-fes-modal{
    width: 127px !important;
    height: 127px !important;
}

.pos-btn-email-masiv{
    margin-left: 55px;
}

.width-id-ft{
    width: 100px !important;
}

.tabla-td-centered td,
.tabla-td-centered th{
 text-align: center !important;   
}

.inline-label-ficha{
    margin-right: 20px;
}

.panel-nav-ficha-proy{
    background: rgba(236, 236, 236, 1);
    margin-bottom: 21px;
}

.row-panel-nav-ficha-proy{
    padding: 28px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.cambio-estado-adm-ficha{
    background-color: rgb(247, 247, 247);
    padding: 20px;
}

.btn-nav-back{
    margin-right: 29px;    
}

.btn-nav-next{
    margin-right: 33px;    
}

.btn-nav-volverfest{
    margin-right: 29px;    
}

.panel-nav-ficha-proy-inf{
    background: rgba(236, 236, 236, 1);
    margin-top: 23px;
}

.first-row-td-cont{
    border-right: 2px white solid;
}

.tabla-contactos-ficha-proy{
    background-color: rgba(236, 236, 236, 1);        
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    width: 97% !important;
}

.tabla-contactos-ficha-proy tr{
    border-bottom: solid white 2px;
}

.tabla-contactos-ficha-proy tr:last-child{
    border-bottom: solid white 0px;
}

.tabla-contactos-ficha-proy td{
    padding: 15px;
    padding-left: 10px;
}

.tabla-contactos-ficha-proy th{
    padding: 10px;
}

.tabla-contactos-ficha-proy th:first-child{
    padding: 0px;
}

.tabla-contactos-ficha-proy td,
.tabla-contactos-ficha-proy th{
    padding-left: 2%;
}

.rol-ficha-proy-label{
    font-weight: bold;
    font-size: 16px;
}

.icon-ficha-proy-btn{
    font-size: 17px !important;    
    position: relative;
    top: 2px;
}

.icon-back-ficha-proy{
    margin-right: 10px;
}

.icon-next-ficha-proy{
    margin-left: 10px;
}

.title-estado-adm{
    margin-top: 0px;
    margin-bottom: 23px;
}

.pos-div-users-rev{
    padding-top: 12px;
    padding-left: 22px;
}

.ul-users-rev{    
    padding-left: 26px;
}

.ul-users-rev li{
    padding-bottom: 4px;    
}

.popover-estado-adm-inf{
    width: 263px !important;
    word-break: break-word !important;
}

.check-adm-pos{
    position: relative;
    left: 3px;
    top: 2px;    
    margin-right: 15px !important;
}

.icon-check-adm{
    font-size: 20px !important;
    cursor: pointer;    
    position: relative;
    top: 2px;
    padding-left: 11px;
}

.div-check-adm{
    padding-top: 14px;
}

.padding-check-rev{
    padding-left: 8% !important;
}

.pos-rev-label-ficha{
    padding-left: 10px;
}

.pos-label-actualizado{
    padding-left: 18px;
}

.div-btn-save-adm{
    padding-top: 3px;
}

.btn-email-autor{
    line-height: 1.9 !important;
    padding-right: 13px;
}

.icon-btn-email{
    font-size: 16px !important;
    position: relative;
    top: 4px;
    margin-left: 8px;
}

.link-volver-fest-ficha{
    margin-left: 29px;    
}

.pos-label-users-rev{
    margin-left: 9px;
}

.pad-title-ficha-proy{
    padding-left: 15px;
}

.img-max-size{
    max-width: 100%;    
    max-height: 386px;
    height: auto;
    width: auto;
}

.punt-ficha-vert{
    padding-top: 60px;
}

.pad-div-ficha-url{
    padding-top: 15px;
}

.first-div-info-ficha{
    margin-top: 26px;
}

.hr-ficha{
    border-top-color: #e3e3e3 !important;
    margin-top: 37px !important;
    margin-bottom: 5px !important;
}

.check-table-cell{
    margin-left: 3px !important;
    position: relative;
    top: 2px;
}

.datos-fest-title{
    margin-bottom: 16px;
}


/* Tabla ficha proyecto de dos columnas */
.tabla-datos-proy-ficha{
    table-layout: fixed;
}

.tabla-first-ch-datos > tbody > tr > td:first-child {
    width: 39%;
}

.tabla-first-ch-urls > tbody > tr > td:first-child {
    width: 31%;
}

.tabla-first-ch-vision > tbody > tr > td:first-child {
    width: 43%;
}

.tabla-datos-proy-ficha > tbody > tr > td:first-child {    
    text-align: right;
    padding-right: 16px;
    word-spacing: normal;
    word-wrap: break-word;    
    vertical-align: top !important;
}

.tabla-datos-proy-ficha > tbody > tr > td:last-child {    
    text-align: left;       
    vertical-align: bottom !important;
}

.tabla-datos-proy-ficha td {
    vertical-align: bottom;
    padding-bottom: 12px;    
}


/* Tabla ficha proyecto de 4 columnas */
.tabla-datos-proy-ficha-4-col{
    table-layout: fixed;
}

.tabla-datos-proy-ficha-4-col > tbody > tr > td:nth-child(odd) {    
    text-align: right;
    vertical-align: top !important;
    padding-right: 16px;
    word-spacing: normal;
    word-wrap: break-word;    
}

.tabla-datos-proy-ficha-4-col > tbody > tr > td:nth-child(even) {    
    text-align: left;    
    width: 29%;
    vertical-align: bottom !important;
}

.tabla-datos-proy-ficha-4-col td {
    vertical-align: top;
    padding-bottom: 12px;
}

.pos-title-center-ficha{
    text-align: center;
    padding-right: 25%;
}

.table-expand-all{
    width: 100%;
}

.pos-urldescarga-ficha{
    padding-top: 13px;
}

.no-pad-left{
    padding-left: 0px !important;
}

.no-pad-left-line{
    padding-left: 0px !important;
}

.div-info-ficha-proy{
    border: 2px #e3e3e3 solid;
    padding: 10px 28px;    
}

.extra-pad-title-ficha{
    padding-left: 14% !important;
}

.hr-adm{
    border-top-color: #e3e3e3 !important;
    margin: 10px 0px !important;
}

.disable-events{
    pointer-events: none !important;
}

.modal-sec-width{
    width: 50% !important;
}

.moreinfoinsc{
    font-size: 18px;
    position: relative;
    top: 4px !important;
}

.title-popover-moreinfo{
    margin-bottom: 10px;
}

.margin-btns-save{
    margin-top: 52px;
}

.url-compartir-proy{
    padding-right: 26px !important;
    padding-top: 6px;    
    margin-left: 11px;
}

.div-espacio-acceso-comp{
    margin-bottom: 55px;
}

.btn-fcbk-login{
    background-color: #4c70ba;
    color: #fff;
    border-color: #4c70ba;    
}

.icon-btn-fcbk-login{
    font-size: 19px;
    position: relative;
    top: 1px;
    float:  left;
}

.btns-login-soc-nets{
    margin-top: 31px;
    margin-bottom: 0px;
}

.btns-reg-soc-nets{
    margin-top: 31px;
    margin-bottom: 0px;
}

.btns-reg-soc-nets{
    margin-top: 5px;
}

/* Centrado vertical de modal */
.modal-centered-vert{
    text-align: center;
}

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

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

/* FIN Centrado vertical de modal */

.error-rol-modal{
    margin-top: 7px;
}

.line-with-label{
    /*border-top: 1px solid #d8d8d8;*/
    border-top: 1px solid #cacaca;    
    margin: auto;
    margin-top: 45px;
    margin-bottom: 13px;
}

.separation-line-label{    
    margin-bottom: 42px !important;
}

.separation-line-label-reg{    
    margin-top: 62px !important;
    margin-bottom: -2px;
}

.separation-label-login{
    margin-top: 55px !important;
    margin-bottom: -3px;
}

.separation-line-label-modal{    
    margin-top: 43px !important;
    margin-bottom: 4px !important;
}

.label-inside-line{
    position: relative;
    top: -11px;
    width: 47px;    
    left: 41%;
    text-align: center;
}

.pos-label-in-line-modal{
    left: 45% !important;
    background-color: white;
}

.separation-btn-social{
    margin-top: 13px;
    margin-bottom: 10px;
}

.font-weight-init{
    font-weight: initial !important;
}

.pos-label-in-line{
    left: 41% !important;
}

.icon-fileinput-custom{
    padding-right: 8px;
}

.icon-borrar-fileinput-custom {
    padding-right: 4px;
}

.div-text-error{
    padding-top: 7px;
}

.text-error-file-input{
    color: red;
    font-weight: bold;
    margin-top: 10px;
}

.icon-google-btn{
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 3px;
}

.btn-google-login{
    background-color: white !important;
    border-color: #c1c1c1;
    color: #3f3f3f;
}

.btn-google-login:hover {
    background-color: #e2e2e2 !important;
}

.recaptcha-pos{    
    margin-top: 80px !important;
    margin-bottom: 24px !important;    
}

.recaptcha-pos-modal{
    margin-top: 33px;
}

.recaptcha-pos-reg{
    margin-top: 62px !important;
}

.filtros-incrip-pos{
    margin-top: 23px !important;
    margin-right: 24px !important;
}

.btn-fb-height{
    height: 35px;
}

.div-floating-alert{
    position: fixed !important;    
    z-index: 50;
    width: 100%;
}

.cont-evals-users{
    margin-top: 19px;
}

.div-estado-eval-left{
    padding-left: 0px;
}

.div-estado-eval-right{
    padding-right: 0px;
}

.a-custom{
    cursor: pointer;
    color: initial !important;
    text-decoration: none !important;
}

.a-desplegable{
    text-decoration: none !important;
}

.a-desplegable :hover{
    text-decoration: none !important;
}

.user-eval-item{
    margin-bottom: 18px;
}

.no-margin{
    margin: 0px;
}

.btn-xs-custom{
    line-height: 1.9;    
    padding: 2px 13px;
    font-size: 12px;
    border-radius: 3px;
}

.tr-eval-insc{
    border-bottom: solid white 2px;    
}

.td-fit-content{
    /*Se pone una altura mínima para que se ajuste a su contenido, ya que el contenido irá expandiendo la celda
    al crecer*/
    height: 1px;    
}

.table-fits-td{
    width: 100%;
    height: 100%;
    
    background-color: white;
}

.tr-no-border{
    border-bottom: none !important;
}

.table-small-title {
    font-size: 12px;
    font-weight: bold;
}

.select-check-cols{
    margin-top: 26px;
}

.div-check-col{
    margin-right: 16px;
}

.label-check-col{
    white-space: nowrap;
    margin-bottom: 10px !important;
}

.help-checks-cols{
    margin-bottom: 21px;
}

.div-check-group{
    padding-left: 3px;
}

.input-edad-filter{
    width: 63px;
}

.pos-anos-filtro{
    margin-left: -4px;
}

.div-error-edad-filtro{
    margin-top: 7px;
}

.pos-rel-checks{
    position: relative !important;
}

.help-login-email{
    margin-bottom: 28px;
}


/* Se sobreescribe el color de los alert de bootstrap para que tengan un color más fuerte y 
se distingan mejor del contenido */
.alert-success{
    background-color: #cef3bf;  /*En bootstrap: #dff0d8 */    
    border-color: #82d040;  /*En bootstrap: #d6e9c6 */
}

.alert-danger{
    background-color: #f5d7d7;  /*En bootstrap: #f2dede */    
    border-color: #e6a5af;  /*En bootstrap: #ebccd1 */
}

.alert-warning{
    background-color: #fff7b2;  /*En bootstrap: #fcf8e3 */    
    border-color: #bfb96a;  /*En bootstrap: #faebcc */
}

.alert-info{
    background-color: #d0eaf7;  /*En bootstrap: #d9edf7 */    
    border-color: #9ec9d2;  /*En bootstrap: #bce8f1 */
}


.container-float-alert{
    padding-left: 65px;
    padding-right: 65px;
}

.check-pos-correct{
    position: relative;
    top: 2px;
    margin-right: 2px !important;
}

.div-acepta-conds-modal{
    margin-top: 28px;
}

/* Se asignan estos z-index para que el modal de condiciones siempre esté encima del de roles*/
.modal-rol-reg{
    z-index: 20;
}

.modal-conds-reg{
    z-index: 24;
}

/* Colores de los textos */
.imp-text-black {
    color: #777 !important;
}

.imp-text-black h3 {
    color: #777 !important;
}

.imp-text-black li > a {
    color: #777 !important;
}

.no-backgroud{
    background-color: transparent !important;
}

.element-bg-white{
    background-color: white !important;
}


/* Borde separador inferior de menú.
   Es más oscuro que los hr, y bordes de elementos de formulario y divs
*/
.navbar {
    border: none;
    border-bottom: 1px solid #c1c1c1 !important;    
}


/* Bordes de elementos de formulario o divs.
   Estos bordes son más oscuros que los de hr, .separator-base
*/
.border-color-base{
    border-color: #bfbfbf;
}


/* Líneas separadoras, hr, bordes superiores o inferiores de los divs, etc.
   Estos bordes son más claros que los bordes de elementos de formulario ()border-color-base)
*/
hr, .separator-base{
    border-color: #d2d2d2;    
}

/* Adaptación de estilo de los menús de pestañas al fondo gris. Se sobreescribe la clase de bootstrap */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 1px solid #d2d2d2;
    border-bottom: 1px solid #f5f6f7;   /* El borde inferior tiene el color del fondo para que no se vea el borde */
    background-color: transparent;
}

.nav > li > a:hover, .nav > li > a:focus {
    /*background-color: #f8f8f8;*/
    background-color: white;
}

.nav-tabs {
    
}


.borderhr{
    width: 91.5%;    
}

.logo-footer{
    max-width: 150px;
}

.madewithlove{
    margin-top: 9px;
}

.lower-el-footer{
    margin-top: 22px;
}

/* Se sobreescriben los colores de dondo y borde de los form-control de bootsrapt (inputs, selects, textarea, etc) */
.form-control{
    border: 1px solid #bfbfbf;    
}

.bk-color-base{
    /*background-color: #ededed;*/
    background-color: #f5f6f7;
}

/* Se sobreescribe el valor por defecto de los elementos de formulario disabled o readonly para su fondo se distinga del resto de la página  */
input[disabled], input[readonly], textarea[disabled], textarea[readonly] {
    background-color: #e8e8e8 !important;
}

.label-title-footer{
    margin-top: 0px;
    margin-bottom: 30px;        
}

.border-general-menu{
    border-bottom: 1px solid #c1c1c1;
}

.shadow-bottom-general{
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
}

.nav-icon-pad{
    padding-top: 10px !important;
}

.title-img-slider{
    z-index: 3;
    padding: 18px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.3);    
    color: white;
    min-width: 20%;
    max-width: 78%;
}

.text-img-slider{
    font-size: 36px;
}

.desc-img-slider {
    font-size: 17px;
}

.a-initial{
    color: inherit !important;
}

.pos-rel{
    position: relative;
}

.cont-title-slider{
    padding-left: 20%;
}

.no-border{
    border: none;
}

.divider-bg{
    background-color: #e5e5e5 !important;
}

.expand-div{
    width: 100%;
    height: 100%;
}

.clone {
    z-index: 20;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);    
}

.clone-transition{
    transition: 0.2s transform cubic-bezier(.3,.73,.3,.74);
}

.clone-down{
    transform: translateY(0);
}

.desc-item-slider{
    margin-top: 16px;
}

.div-links-footer{
    /*border-top: 1px solid #119ea0 !important;*/ /* Azul incial*/
    border-top: 1px solid #00aff0 !important;
    background-color: white;
}

.title-fest-list{
    font-size: 24px;
    margin-top: 4px;
    font-weight: 600;
}

.title-next-fest-list{
    font-size: 14px;
    font-weight: bold;
}

.menu-nav-header{
    height: 82px !important;
    border-radius: 0px !important;
    z-index: 10;
}

.menu-navbar-user{
    margin-top: 7px;
    padding-right: 0px !important;
    float: right !important;
}

.infofichaproy{
    margin-bottom: 19px;
}

.imgfichaproy{
    width: 322px;
    height: 475px;
}

.container-footer{
    position: relative;
    bottom: 49px;
}

.error-maxlength{
    padding-left: 8px;
}

.labels-radio-btn{
    position: relative;
    bottom: 5px;
}

.center-row{
    height:43px; 
    text-align: center !important;
    vertical-align: middle !important;
}

.helps-style{
    font-style: italic;
    color: #A4A4A4;
}

.alert-trans{
    transition: opacity 2s linear;
}

.no-trans{
    transition: none;
}

.hidden {
  display: none;
}

.visuallyhidden {
  opacity: 0;
}

.tabla-fondo{
    /*background-color: rgba(247, 247, 247, 0.88) !important;*/
    background-color: rgba(245, 245, 245, 1) !important;
}

.tabla-bordes-rounded{
    border-top: 0px !important;
    border-radius: 20px !important;
    border-collapse: separate !important;
}

.tabla-bordes-rounded>tbody>tr>td{
    border-top: 0px !important;
}

.tabla-bordes-rounded th:first-child{
    border-radius: 9px 0px 0px 0px !important;
}

.tabla-bordes-rounded th:last-child{
    border-radius: 0px 9px 0px 0px !important;
}


.tabla-bordes-rounded tr:last-child td:first-child{
    border-radius: 0px 0px 0px 9px !important;
}

.tabla-bordes-rounded tr:last-child td:last-child{
    border-radius: 0px 0px 9px 0px !important;
}

.tabla-simple-bordes-rounded{
    border-radius: 0px 0px 9px 9px !important;
    border-collapse: initial;
}

.tabla-simple-bordes-rounded td:last-child{
    border-radius: 0px 0px 9px 9px !important;
}

.tabla-simple-bordes-rounded>tbody>tr>td{
    border-top: 0px !important;
}

.tabla-simple-bordes-rounded th:first-child{
    border-radius: 9px 9px 0px 0px !important;
}

.tabla-simple-bordes-rounded tr:last-child td:first-child{
    border-radius: 0px 0px 9px 9px !important;
}

.contacts-container{
    border-left: 1px solid black;
}

.cont-btn{
    margin-top: 20px;
    margin-bottom: 20px;
}

.celda-contactos{
    padding-left: 35px;
    padding-top: 26px;
    padding-bottom: 15px;
}

.celda-tasas{
    vertical-align: top;
}

.celda-categoria{
    border-right: 6px solid #ededed;
    width: 18.4%;
    padding-top: 26px;
    padding-bottom: 32px;
}

.celda-seccion{
    border-right: 2px solid #ddd;
    width: 68%;
    padding-top: 26px;
    padding-bottom: 32px;
    vertical-align: top;
}

.div-botones{
    position: relative;
    top: 17px;
    right: 18px;
}

.div-botones-cont{
    position: relative;
    top: 13px;
    right: 18px;
}

.div-botones-tasa{
    position: relative;
    top: 7px;
    right: 18px;
}

.btns-rol{
    position: relative !important;
    top: 14px !important;
    left: -4px !important;
}



.btn-add-rol{
    margin: 14px 0px;
}

.hrRolSeparator{
    border-color: rgba(0, 0, 0, 0.53);
}

.hrContact{
    /*border-color: #D5D0D0;*/
    border: 1px solid #ddd;
    margin-right: 5%;
}

.tabla-contactos{
    background-color: rgba(236, 236, 236, 1);     
    margin-bottom: 37px;
    border: 1px solid #ddd;
    padding-left: 0px !important;
    padding-right: 0px !important;
    
    /* Es necesario ponerlo para que se aplique el redondeado del borde*/
    border-collapse: separate;
}

.iconos-row-cont{
    margin-top: 9px;
}

.tlf-cont{
    position: relative;
    top: 5px;
}

.btn-pequeno{
    width: 26px !important;
    height: 26px !important;
}

.btn-muy-pequeno{
    width: 20px !important;
    height: 20px !important;
    /*padding-left: 6px !important;*/
}

.btn-muy-pequeno-twitter{    
    width: 20px !important;
    height: 21px !important;
    /*padding-left: 6px !important;*/
}

.btn-facebook-ficha-fest{
    padding-left: 6px !important;
}

.btn-twitter-ficha-fest{
    padding-left: 4px !important;
}

.btn-youtube-ficha-fest{
    padding-left: 3px !important;
}

.icon-pequeno{
    font-size: 15px !important;
}

.icon-muy-pequeno{
    font-size: 15px !important;
    line-height: 24px !important;
}

.icon-extra-pequeno{
    font-size: 13px !important;
    line-height: 24px !important;    
    left: 1px !important;
}

.rol-name-contacts{
    font-weight: bold;
    font-size: 16px;
}

.label-form-data{
    font-weight: bold;
    font-size: 13px;
}

.label-form-data-small{
    font-weight: bold;
    font-size: 12px;
}

.header-table{
    text-align: center;
    vertical-align: middle !important;
}

.borde-tabla-simple{
    border: 1px solid #BEBEBE;
}

.panel-capsula{
    border: 0px;
    border-color: white !important;
    margin-bottom: 53px;
}

.cabecera-tabla{
    border-bottom: 8px solid white;
    height: 48px;
}

.celda-tabla-enlace{
    padding-left: 20px !important;
}

.tabla-festi-proy{
    padding: 13px 23px !important;
}
    
.posicion-pestana-festiproy{
    padding-left: 0px;    
}

.nameProyLabel{
    font-size: 32px !important;
}

.linkFestiProy{
    color: white !important;
    cursor: pointer;
}

.linkFestiProy::hover{
    color: white !important;
    text-decoration: underline;
}

.texto-no-existen-festis{
    margin-top: 10px;
    margin-bottom: 26px;
}

.help-festivales{
    margin-bottom: 0px;
}

.modal-info-festi-proy{
    width: 880px !important;
}

.modal-con-scroll{
    overflow-y: scroll !important;
    height: 700px !important;
}

.scroll-modal-conds{
    overflow-y: scroll !important;
    height: 700px !important;
}

.scroll-modal-histotk{
    overflow-y: scroll !important;
    height: 75vh !important;    /* Altura relativa a la pantalla, 75% */
}

.img-lista-fest-proy{        
    margin: 10px 0px;
}

.icon-lista-fest-proy{
    font-size: 22px;
    margin-top: 6px;
    margin-left: 10px;
}

.icon-estado{
    font-size: 18px !important;
    margin-left: 8px; 
    cursor: pointer;
}

.label-head-tabla-festi-proy{
    padding-top: 9px;
    margin-bottom: 0px;
}

.val-head-tabla-festi-proy{
    position: relative;
    top: 0px;
}
    

.underlined-element{
    text-decoration: underline;
}

.icon-ver-inscr-proy{
    font-size: 18px;    
    position: relative;
    top: 3px;
    margin-left: 10px;
    cursor: pointer;
    color: #337AB7;
}

.icon-ver-info-proy{
    font-size: 15px;            
    cursor: pointer;
}

.icon-ver-ficha-fest{
    font-size: 18px;    
    margin-right: 10px;
    cursor: pointer;
}

.hr-festi-list-secciones{                
    margin-top: 0px;
}

.festi-lista-hover:hover {
    /*background-color: rgb(247, 247, 247);*/
    background-color: rgba(236, 236, 236, 1);
    border-radius: 4px 4px 0px 0px;    
}

.div-totales-pago-cesta{
    padding-left: 15px;
    padding-right: 15px;    
}

.cesta-item-data{
    padding-top: 28px;
    padding-bottom: 28px;
    border-right: 3px solid white;
}

.pos-condiciones-reg{
    margin-left: 4px;
    position: relative;
    bottom: 2px;
}

.pos-btn-register-proy{
    position: relative;
    left: 13px;
}

.img-tabla-proys{
    display:inline-block;   
    cursor: pointer;
}

.stright-columns-tabla{
    padding-left: 0px !important;    
}

.small-font-headers{
    font-size: 12px;
    font-weight: bold;
}

.pos-icono-filtro{
    position: absolute;
    top: 1px;
    z-index: 5 !important;
    display: block;
    width: 23px;
    height: 23px;
    pointer-events: none;
    /* text-align: left; */
    font-size: 17px;
}

.guion-list{
    margin-bottom: 21px;
    margin-left: 3px;
}

.button-remove-file{
    float: none !important;
    position: relative;
    left: 6px;
    top: 2px;
}

.ancho-tabla-conts{
    padding-left: 15px;
    padding-right: 15px;
}

.size-imgs-previo{
    max-width: 73px;
    max-height: 73px;
}

.menu-usuario-dropdown{
    padding-bottom: 15px !important;   
    width: 104% !important;
    float: right !important;
}

.row-estado-order-item{
    /*padding-left: 3.5% !important;*/
}

.neto-orders-header-pos{
    /*padding-left: 4px !important;*/
}

.num-pedido-orders-pos{
    /*padding-left: 0px !important;*/
}

.datos-transfer-orders-pos{
    /*padding-left: 21px;*/
}

.num-proy-order-pos{
    padding-left: 1.8%;
}  

.fechapago-order-pos{
  /*padding-left: 2.4%;*/
}

.pos-btn-myfest{
    position: relative;
    left: -7px;
    margin-top: 50px;
}

.seccion-info-labels{
    font-size: 12px;
    font-weight: bold;
}

.padding-div-secciones{
    padding-left: 3%    
}


.margin-nombre-seccion{
    margin-bottom: 25px;
}

.btns-sec-margin{
    margin-left: 1%;
    margin-top: 1.5%;
}

.celda-seccion-proys{    
    height: 88px;
    padding-top: 10px;    
}

.celda-tasa-proys-festi{
    border-top: 6px solid white;
    padding: 40px 20px;
    padding-top: 25px;
}

.pos-title-tasa-proy{
    margin-bottom: 10px;
}

.pos-title-proy-list{
    margin-top: 15px;
    margin-bottom: 20px;
}

.div-block-style{
    display: inline-block;
}

.div-display-block-style{
    display: block;
}

.hover-icon-ver{
    color: #23527c;
}

.gray-color-labels{
    color:gray;
}

.select-admision-style{
    
}

.btn-save-admision{
    margin: 8px 0px;
    line-height: 1.9 !important;
    width: 108px !important;
}

.envio-email-admision{
    padding: 0px 22px;
}

.icon-email{
    color: gray;
    font-size: 26px;
    cursor: pointer;
}

.icon-email-ficha-festi{
    color: gray;
    font-size: 19px;    
    margin-left: 1px;
    margin-right: 6px;
}

.conds-inline{
    font-weight: 400;
}

.pos-label-conds{
    position: relative;
    top: -2px;
    margin-left: 5px;
    cursor: pointer;
}

.margin-h1-label{
    margin-bottom: 40px !important;
}

.margin-rol-festi-ficha{
    margin-top: 6px !important;
}

.icon-urllabel{
    font-size: 24px !important;    
    cursor: pointer;
    margin-top: 3px;
}

.btn-remove-galeria{
    right: 25px !important;
    top: 5px;
}

.no-visible{
    opacity: 0;
}

.btn-position-save-guion{
    margin-top: 12px;
    margin-left: 6px;
}
    
.li-checkdata-proy{
    margin-bottom: 11px !important;
}

.li-checkdata-proy:before{
    content: '\f06a';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #EA4D4D;
    font-size: 16px;
}

.icon-send-pwd{
    font-size: 30px !important;
    color: green;    
    margin-left: 20px;
}

.icon-block-access{
    font-size: 30px !important;
    color: #E22B01;    
    margin-left: 13px;
}

.disabled{
    opacity: 0.2;
    cursor: default;
}

.cols-width-modif-small > div{
    width: 15.66% !important;
}

.label-promos-validas{
    margin-bottom: 25px;
    margin-left: 2px;
    font-weight: 400;
    cursor: pointer;
}

.check-size-promos{
    zoom: 1.5;
    position: relative;
    top: 4px;
    margin-right: 4px !important;    
}

.label-no-promos-validas{
    margin: 12px 0px 25px 0px;
    font-weight: initial;
}

.pos-email-pincode{
    position: relative;
    top: 3px;
}

.padding-check-pincode{    
    display: table;
    width: 274px;
}

.check-pincode-cart{
    margin-top: 7px;
    margin-bottom: 9px;
}

.labeldtopincode{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

.colorLabelDtoPincode{
    color: #27B117;
}

.colorValidPincode{
    color: #27B117;
}

.labelValidInvalidPincode{
    font-size: 16px;    
    margin-bottom: 0px;
    padding-left: 2px;
}

.precioDtoPincode{
    font-size: 18px;
}

.pos-loading-btn-pincode{
    /*zoom: 0.18;*/
    width: 23px;
}

.pos-loading-btn-export{    
    width: 19px;
}

.pos-loading-fest-list{   
    width: 58px;
}

.padding-btn-loading-pincode{
    padding-top: 3px;
}

.loading-width-btn{
    width: 170px;
}

.row-tabla-item-cesta{
    padding-left: 15px;
    padding-right: 15px;
}

.padding-td-item-cesta{
    padding: 26px;
}

.borde-td-item-cesta{
    border-right: 3px solid white;
}

.td-acciones-item-cesta{
    text-align: center;
}

.navbar{
    width: 100% !important;
}

.pos-content-fest-ficha{
    position: relative;
    top: -25px;    
    margin-top: 0px !important;
}

.urldescargapwd{
    margin-top: 13px;
    margin-bottom: 6px;
}

.no-padding-top{
    padding-top: 0px !important;
}

.form-group-more-sep{
    margin-bottom: 37px !important;
}

.margin-val-cont{
    margin-top: 8px;
}

.padding-social-cont{
    padding-top: 11px;
}
    
.margin-hr-cont{
    margin-bottom: 9px !important;
    margin-top: 9px !important;
}

.form-group-config{
    margin-bottom: 30px;
    padding-left: 15px;
}

.display-inline-inputs{
    display: inline-block !important;    
}

.width-input-config-large{
    width: 156px !important;
}

.width-input-config-small{
    width: 95px !important;
}

.disabledControl{
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

.align-div-tabla{
    display: table !important;
}

.align-div-tabla-cell{
    display: table-cell !important;
    float: initial !important;
}

.align-div-cell-aligned{
    display: table-cell !important;
    float: initial !important;
    padding-left: 7px;
    vertical-align: bottom;
}

.align-div-tabla-ie{
    display: block !important;
}

.align-div-tabla-cell-ie{
    display: block !important;    
}

.align-cell-bottom{
    vertical-align: bottom;
}

.align-table-middle{
    vertical-align: middle;
}

.center-horizontally{
    text-align: center;
}

.size-logo-festi{
    width: 9%;
}

.btn-social-ficha-fest{
    background-color: gray !important;
    border: none;
    cursor: pointer;
    margin-left: -3px;
    margin-right: 10px;
}

.margin-icon-ficha-fest{
    margin-left: -3px;
    margin-right: 3px;
}

.icon-web-ficha-festi{
    color: gray;
    font-size: 20px;    
    margin-left: -3px;
    margin-right: 10px;
}

.icon-priv-ficha-festi {
    color: gray;
    font-size: 25px !important;
    margin-left: 0px;
    margin-right: 6px;
    position: relative;
    top: 4px;
}

.color-tasa-festi-activa{
    color: #00db01;
}

.color-tasa-festi-cerca-limite{
    color: #ffb700;
}

.color-tasa-festi-cerca-caducada{
    color: #fe0000;
}

.color-tasa-festi-disabled{
    color: #a4a4a4;
}

.color-tasa-festi-disabled-black{
    color: #353535;
}

.color-text-tasa-activa{
    color: #008A00;
}

.gratis-icon{
    color: #009FFF;
    font-size: 16px;
}

.footer-wrapper{
    /*background-color: #0a0a0a;*/
    /*color: #ffffff;    */
    background-repeat: no-repeat;
    background-position: right top;
    display: block;
    border-color: #e9e9e9;        
    width: 100%;
}

footer{
    font-size: 16px;
    line-height: 1.7;     
    width: 100%;
}

.footer-bootom-abs{
    position: absolute;
    bottom: 0;
}

.footer-wrapper * {
    border-color: #363636;
}

.footer-wrapper a {
    color: #cecece;
    cursor: pointer;
    text-decoration: none;
}

.footer-container{
    /*padding-top: 41px;*/
    position: relative;
    left: 0px !important;        
}

.gdlr-widget{
    margin-bottom: 34px !important;
}

.gdlr-item{
    margin: 0px 15px 20px;
    min-height: 1px;
    display: inline-block;
}
    

.gdlr-widget-title {
    margin-top: 0px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
    line-height: 1.5;            
    padding: 0;
    font-size: 13px !important;
    font-weight: 700;
}

.img-footer{   
    float: left;            
}

.menu-footer-menu-container{
    position: relative;
    list-style: none;
    margin-left: 0px;
    margin-bottom: 20px;
    padding:0px;
}

.li-footer{
    margin-bottom: 10px;
    padding-left: 25px;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;    
    border-color: #d2d2d2;
}

.li-footer:before{
    content: "\f105";
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    left: 0px;
    display: block;
    height: 20px;
    width: 20px;
    margin-top: -1px;
}

.copyright-wrapper{
    border-color: #3f3f3f;
    color: #828282;
    background-color: #0f0f0f;
    border-top-width: 1px;
    border-top-style: solid;
}

.copyright-container{
    padding: 15px 0px;
    border: 0;
}

.copyright-left{
    margin: 0px 15px;
    float: left;
    border: 0;
    outline: 0;
    font-size: 100%;
    line-height: 1.7;
}

.copyright-right{
    margin: 0px 15px;
    float: right;
    border: 0;
    outline: 0;
    font-size: 100%;
    
}

.border-top-bottom-items{
    /*border-top: solid 4px #FFCC00;*/ /* Amarillo */
    border-top: solid 4px #00aff0;
    border-bottom: solid 2px rgba(121, 121, 121, 0.59);    
}

.negrita{
    font-weight: bold;
}

.icon-size-fest-big{
    font-size: 22px !important;
    position: relative;
    top: 1px;
}

.no-pad-left-right{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-pad-rigth{
    padding-right: 0px !important;
}

.text-shadow-fest{
    text-shadow: rgb(0, 0, 0) 1px 0px 23px;
}

.margin-modal-proy{
    margin-bottom: 10px;
}

.vertical-align-middle{
    vertical-align: middle;
}

.width-expand{
    width: 100%;
}

.height-expand{
    height: 100%;
}

.display-inline{
    display: inline !important;
}

.float-dropdown{   
    float: right !important;
}

.position-caret{
    position: relative;    
    top: -6px;
    width: 7px;
    margin-right: 42px;
}

.position-dropdown{
    margin-right: 18px;
}

.word-wrap{
    word-wrap: break-word;
}

.line-heigh-big{
    line-height: 1.9 !important;
}

.margin-subheader-tab{
    margin-top: 40px;
}

.margin-correction-guion{
    margin-left: -11px;
}

.posicion-form-materiales{
    position: relative;
    left: 5px !important;
}

.word-break-all{
    word-break: break-all;
}

.margin-bottom-lista-fest{
    margin-bottom: 4px !important;
}

.icon-vimeo-ficha-fest{
    font-size: 22px !important;
    margin-right: 11px;
    padding-left: 0px !important;
    position: relative;
    right: 2px;
    top: -1px;
    color: gray;
}

.link-vimeo-icon{    
    position: relative;
    bottom: 6px;
}

.link-instagram-icon{    
    position: relative;
    bottom: 10px;
}

.pos-bottom-icons-social{
    position: relative;
    bottom: 1px !important;
}

.pos-instagram-icon-ficha-fest{
    top: -2px !important;
}

.separation-social-icons{
    padding-top: 3px !important;    
    padding-bottom: 3px !important;    
}

.pos-label-icon-ficha-fest{
    position: relative;
    bottom: 4px !important;
}
    

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content-vertically-aligned {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}

.no-bold{
    font-weight: initial;
}

.bottom-newslet{
    margin-bottom: 30px;
}

.help-label-newsletter{
    margin-bottom: 15px;
}

.padding-top-modal{
    padding: 15px;
    padding-bottom: 0px;
}

.padding-left-title-modal{
    padding-left: 15px;
}

.cursor-arrow{
    cursor: default !important;
}

.form-modal-margin-bottom{
    margin-bottom: 25px;
}

.form-modal-margin-bottom-s{
    margin-bottom: 5px;
}

.height-header-expand{
    height: 62px !important;
}

.width-icon-menu{
    width: 75%;
}

.no-negrita{
    font-weight: 100;
}

.word-break-too-long{
    /*word-break: break-all;*/
    word-break: break-word;
}

.position-break-too-long{
    left: -10px !important;
}

.position-arrow-popover{
    left: 30% !important;
}

.radio-correct-pos label{
    margin-left: -20px;
}

.pos-loading-gen-tipo{
    width: 42px;
}

.hr-filter-generos{
    margin-top: 16px !important;
    margin-bottom: 9px !important;
}

.check-todos-subgen{
    margin-left: 11px;
    margin-bottom: 13px !important;
}

.deadline-listfest{
    font-weight: 600;
    margin-top: 2px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.1;
}

.separator-units-pos{
    position: relative;
    left: -3px;
    top: 5px;
}

.margin-error-dimensiones{
    margin-left: 16px;
}

.margin-error-uniextension{
    margin-left: 23px;
}

.pos-loading-extension{
    position: relative;
    left: 16px;
}

.extension-units-list{
    margin-bottom: 10px;
}

.pos-conts-tasa{
    margin-left: 30px;
}

.wrapper-base{        
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-top: 0px;
    margin-left: auto;
    margin-left: right;
}

.margin-fit-footer{
    /*Se asigna automáticamente para que el margen sea igual a la altura del footer pero negativo*/
}

.height-correction{
    height: initial !important;
    min-height: initial !important;
}

.banners-festivals{
    margin-top: 19px;
}

.div-banner-media{
    border-radius: 9px;
    overflow: hidden;
}

.banner-size{
    width: 100%;     
}

.no-margins-row{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.no-margin-left{
    margin-left: 0px !important;
}

.hr-embedded{
    width: 88%;
    margin-top: 0px;
    position: relative;
    left: 17px;
}

.padding-condiciones{
    padding-right: 17px!important;
}

.margin-alert-embedded{
    margin-top: 29px !important;
    margin-bottom: 5px !important;
    margin-right: 4% !important;
    margin-left: 4% !important;
    /*width: 95% !important;*/
}

.iframe-embed-style{
        width: 402px;
        height: 738px;
        margin-left: 200px;
        margin-bottom: 32px;
        border-left-width: 1px;
        border-right-width: 2px;
        border-left-color: black;
        border-right-style: inset;
        border-right-color: #818181;
        border-left-style: inset;
        border-top-style: inset;
        border-top-width: 2px;
        border-bottom-width: 2px;
        border-bottom-style: inset;
        border-bottom-color: #878787;
}

.text-powered-by{
    font-size: 85%;
    float: right;
}

.date-separator{
    width: 1% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 5px !important;    
}

.center-text{
    padding-left: 30% !important;
}

.logo-iframe{
    text-align: center !important;
    margin-top: 22px;
}

.img-iframe{
    max-width: 100%;
}

.displayBlock{
    display: block !important;
}

.cursor-pointer{
    cursor: pointer !important;
}

.width-dimensions{
    width: 32% !important;
}

.first-char-upper {
    text-transform: capitalize;
}

.del-btn-audio{
    margin-right: 22px !important;
    margin-top: 4px !important;
    float: none !important;
    position: relative;
    right: -10px !important;
    top: 2px !important;
}

.audioplayer{
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

.audio-ficha-proy{
    margin-left: 15px !important;
}

.tablaproynopadding{
    padding-left: 14px !important;
    padding-right: 0px !important;
}

.imgdniautor-ficha-proy{
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    /*display: -moz-box;  */       /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */    
    
    justify-content: center;
    align-items: flex-start;
    
    -webkit-flex-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    
    width: 80%;    
    padding-left: 0px !important;
    padding-right: 0px !important;   
}

.icon-fest-playing{
    color: #00db01;
    font-size: 22px;
}

.icon-fest-waiting{
    color: #9d7942;
    font-size: 22px;    
}

.borde-destacado{
    border-left-color: rgba(0, 137, 255, 0.45) !important;
    border-right-color: rgba(0, 137, 255, 0.45) !important;
}

.borde-sup-destacado{
    /*border-top-color: rgba(0, 137, 255, 0.45) !important;*/
    /*border-top-color: #119ea0;*/ /* Azul inicial*/
    border-top-color: #FFCC00;
}

.div-fest-list-next-cur{
    margin-top: 9px;
}

.line-heigh-title{
    line-height: 1.2 !important;
}

.titulo-next-events{
    margin-top: 27px !important;
    margin-bottom: 15px;
    margin-left: -1px;
}

.label-cur-next-event{
    margin-bottom: 5px;
    font-size: 12px;
}

.label-vista-ficha{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    margin-left: 10px;    
}

.margin-right-icon{
    margin-right: 10px;
}

.icon-duplicate-fest{
    font-size: 21px;
    color: #4a9918;
}

.btn-add-premio{    
    margin-bottom: 40px;
}

.hr-custom{
    border-top-color: #e3e3e3 !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.btn-social-footer{
    zoom: 1.5 !important;
}

.btn-twit-size{
    font-size: 14px !important;
    padding-left: 2.5px !important;
    line-height: 22px !important;
}

.separation-social-btns{
    margin-right: 9px;
}

.title-soc-footer{
    margin-bottom: 22px !important;
}

.icons-action-premios{
    float: right;    
    position: relative;
    right: 32px;
    top: 10px;
}

.pos-label-big-input{
    position: relative;
    bottom: 5px;
    cursor: pointer;
}

.no-bold-label > span{
    font-weight: initial !important;
}

.pos-help-big-modal{
    margin-top: 20px;
}

.pos-selection-modal{
        padding-left: 20px;
}

.margin-reg-embed{
    margin-bottom: 20px;
}

.float-right-el{
    float: right !important;
}

.dest-all-email{
    margin-top: 6px;
}

.popover-contacto{
    margin-left: 14px !important;
}

.ul-separtion-li > li {
    margin-bottom: 5px;
}

.select-margin{
    margin-left: 7px;
}

.margin-top-checkbox{
    margin-top: 7px !important;
}

.input-edad-style{
    margin-top: 9px;
}

.input-edad-sec-bottom{
    margin-bottom: 12px;
}

.input-radio-lower-padding{
    padding-left: 1px !important;
}

.margin-error-edadsec{
    margin-left: 37px;
}

.data-transf-mod{
    margin-left: 30px;
}

.hr-title{
    border-top-color: #e3e3e3 !important;
    margin-top: 50px !important;
    margin-bottom: 15px !important;   
}

.separation-sec-data{
    margin-top: 37px;
}

.main-help-tab{
    margin-bottom: 0px !important;
}

.full-width-el{
    width: 100%;
}

.color-hr-custom{
    border-top-color: #e3e3e3 !important;
}

.upper-div{
    z-index: 5;
}


.search-panel{
    padding: 20px 20px;        
    border-radius: 9px;    
    background-color: #c1cf07!important;
    border: 3px solid #FFF;
}

.radius-value{
    border-radius: 9px !important;
}

/* Inputs autocomplete */
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
 }
 
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
 * html .ui-autocomplete {
    height: 300px;
 }


 .date-inputs-pad{
     padding-right: 0px;
 }
  
 .full-width{
     width: 100%;
 }

 .wrapper-cont-base{
     padding: 15px !important;
 } 
 
 .input-group-pad-item{  
    padding-left: 0px;
    padding-right: 4px;
}

.input-group-pad{    
    padding-left: 0px;
    padding-right: 4px;
}

.input-group-individual {
    padding-left: 0px;
    padding-right: 8px;
}
   
.item-numtickets{
    padding: 9px 0px;
}

.accept-numtickets{
    padding-top: 15px;
}

.input-group-counter{
    margin-top: 6px;
}

.title-search{
    padding-left: 0px;
    position: relative;
    bottom: 5px;
    margin-bottom: 8px;
}

.input-group-check{
    white-space: nowrap;    
    margin-right: 13px;
}

.input-radio-big {
    height: 22px;
    width: 22px;
}

.input-radio-select {
    height: 15px;
    width: 15px;
}

.wrapper-icon-input{
    position: relative;
}

.icon-inside-input{
    position: absolute;
    padding-top: 7px;
    pointer-events: none;
    right: 0px;
    font-size: 20px;
    padding-right: 10px;
}

.pad-tipotrayecto{
    padding-left: 0px;
}

/* Breadcrumb style. Source: https://codepen.io/anon/pen/aEYzPJ*/



.breadcrumb-top {
	/*background-color: #61B269;*/
        overflow: hidden;
        background-color: #c1cf07;
	color: #FFF;	
	font-size: 14px;
	position: relative;
}

.breadcrumb-top .col-sm-1{
        width: 25%;
}

.link-breadcrumb-top{  
    display: block;
    padding: 15px;
    padding-left: 36px;    
    text-decoration: none !important;
    color: white !important;
}

.breadcrumb-top-item{
    position: relative;
    background-color: #c1cf07;
    /*border: 1px solid #c2e1f5;    */
    padding-left: 21px;  
    padding-right: 0px !important;
}

.breadcrumb-top-item:first-child .link-breadcrumb-top {
    padding-left: 9px !important;
}

.breadcrumb-top-item .label-bread {			
        font-size: 14px;
        padding-left: 7px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        
        /*Para que el label no se oculte por la fecha cuando es muy largo*/
        position: relative;
        z-index: 2;
}

.breadcrumb-top-item::before {
	right: 70.1%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	
        border-color: rgba(136, 183, 213, 0);
	border-left-color: white;
	border-width: 41px;
	margin-top: -41px;
        
        pointer-events: none;
        user-select: none;
        z-index: -1;        
}

.breadcrumb-top-item::after {
	left: 99.8%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	
        border-color: rgba(136, 183, 213, 0);        
	border-left-color: #c1cf07;
	border-width: 25.4px;
	margin-top: -25.4px;
        
        pointer-events: none;
        user-select: none;
        z-index: 2;        
}

.breadcrumb-top-item:first-child::before{
    content: none;
}

.breadcrumb-top-item:last-child::after{
    content: none;
}

.breadcrumb-top-item.current {
	background-color: #798202;
}

.breadcrumb-top-item.current::after {
        border-left-color: #798202;
}

/*
#########################################
 las clases del breadcrumb de abajo ya no se usan
#########################################
*/

.breadcrumbs {
	/*background-color: #61B269;*/
        background-color: #c1cf07;
	color: #FFF;
	display: flex;
	font-size: 14px;
	position: relative;
        overflow: hidden;
}

.breadcrumbs .col-sm-1{
        width: 25%;
}

.breadcrumb-item {
        /*position: initial !important;*/
        position: relative !important;
	padding: 12px 15px 12px 40px;
        cursor: pointer;
        
}

.breadcrumb-item:first-child {
	padding-left: 23px;
}

.breadcrumb-item:first-child .label-bread {
	padding-left: 4px;
}

.breadcrumb-item:last-child::after {
	display: none;
}

.breadcrumb-item:last-child .breadcrumb-arrow {
	display: none;
}

.breadcrumb-item .circle-number {
	display: block;
	background-color: #457F4B;
	width: 8px;
	height: 26px;
	border-radius: 15px;
	padding: 2px 14px;
	float: left;
	/*margin: 14px 0 0 10px;*/
        color: white;
}

.breadcrumb-item .circle-number .number {
	position: relative;
        left: -3.45px;
        top: 0.5px;
}

.breadcrumb-item .label-bread {			
        font-size: 14px;
        padding-left: 7px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        
        /*Para que el label no se oculte por la fecha cuando es muy largo*/
        position: relative;
        z-index: 2;
}

.breadcrumb-arrow{	
	display: block;
        width: 32.4px;
        height: 32.4px;
        transform: rotate(130deg) skew(-10deg);        
        position: absolute;        
        top: 9px;
        right: -16px;
	border-top: 1px solid #457F4B;
	border-left: 1px solid #457F4B;        
	/*background-color: #61B269;*/
        background-color: #c1cf07;
        
        /*Para que se pueda hacer click sobre la flecha*/
        z-index: 1;
}

/*.breadcrumb-item::after {
	content: '';
	display: block;
        width: 32.4px;
        height: 32.4px;
        transform: rotate(130deg) skew(-10deg);
        float: right;
        position: relative;
        top: 9px;
        left: 16px;
	border-top: 1px solid #457F4B;
	border-left: 1px solid #457F4B;        	
        background-color: #c1cf07;
}
*/

.breadcrumb-item.current,
.breadcrumb-item.current .breadcrumb-arrow,
.breadcrumb-item.current::after{
	background-color: #457F4B;
}

.breadcrumb-item.current .circle-number {
	/*background-color: #61B269;*/
        background-color: #c1cf07;
}

/* #####################
    Fin Breadcrumb style 
   #####################
*/


.checkout-resume{
    position: relative;    
    min-height: 300px;
    padding: 25px 25px 25px 25px;
}

.title-checkout{    
    padding: 20px;
    padding-left: 10px;
    background: #798202;
}

.title-departure-list{
    margin-bottom: 10px;
    margin-top: 12px;
    text-align: center;
}

.wrapper-checkout{
    margin-top: 30px;
    margin-bottom: 20px;
}

.content-step-wrapper{
    padding-top: 15px;
}

.content-checkout{
    padding-bottom: 30px;
}

.breadcrumb-wrapper{
    margin-bottom: 20px;
}

.item-departure-wrapper{
    margin-bottom: 10px;    
}

.item-departure-sel{
    background-color: rgba(236, 236, 236, 1);
}

.item-departure{
    padding: 15px;    
    padding-bottom: 0px;
}

.depart-item-bottom{
    padding-top: 4px;
    margin-top: 14px;
    padding-bottom: 4px;
    border-top: 1px solid #d0d0d0;
}

.btn-checkout-continue{    
    padding-top: 20px;    
    padding-bottom: 26px;    
    position: absolute;
    bottom: 0px;    
    left: 0px;
    right: 0px;
}

.btn-search-depart{
    border: solid;
    border-width: 2px;
    border-color: #f0adc3;
    border-radius: 16px;
    position: relative;
    top: -2px;
}

.departure-locs-title{
    padding-bottom: 10px;
    padding-top: 10px;
}

.departure-date-title{
    padding-bottom: 15px;
}

.resume-departure{
    padding-top: 15px;
    padding-bottom: 10px;    
    border-bottom: 1px solid black;    
}

.back-btn-checkout{
    font-size: 23px;
    margin-right: 7px;
}

.loading-btn{
    background-image: url(loading.gif);
    background-repeat: no-repeat;
    background-position: 5%;
    background-size: 11%;            
}

.loading-btn-width-1{
    width: 34%;
}

.loading-btn-width-2{
    width: 34%;
}

.loading-btn-width-3{
    width: 17%;
}

.loading-autocomplete{
    background: url(loading.gif);
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 10%;
    background-color: white;
}

.loading-btn-search{
    background: url(loading.gif);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16%;
    background-color: white;
    transition: background-position 0s !important;
}

.btn-count-straight{
    padding: 6px 10px;
}

.icons-count-small{
    font-size: 13px;
}

.container-news{
    padding-top: 27px;
    padding-bottom: 18px;   
}

.cont-news-home{
    background-color: #c1cf07;
}

/* Estilos jquery datepicker */
.depart-datepicker a{
   /*background-color : #18abab !important;*/
   background-color : #798202 !important;
   background-image :none !important;
   color: white !important;   
}

.return-datepicker a{
   /*background-color : #117f8a !important;*/
   background-color : #798202 !important;
   background-image :none !important;
   color: white !important;   
}

.input-count-straight{
    padding: 6px 0px;
    letter-spacing: -0.3px;
}

.class-icon-map-1{
    position: relative !important;
    z-index: 10 !important;
    color: blue !important;
    /*background-color: yellow !important;    */
}

.class-icon-map-2{
    position: absolute !important;
    display: block;
    z-index: 5 !important;
}

.class-icon-map-3{
    position: absolute !important;
    z-index: 15;    
    display: block;
    color: red !important;
}

.content-resume{  
    margin-bottom: 65px;
}

.resume-no-depart-title{
    padding-top: 15px;
}

.items-inline-block{
    display: inline-block;
}

.popover-element-sup{
    position: relative;
    z-index: 2;
}

.popover-element-inf{
    position: relative;
    z-index: 1;
}

.bus-content{
    background-image: url(../../img/bus-layout.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    padding-left: 28px;
    padding-right: 30px;
    padding-top: 47px;
    padding-bottom: 30px;
}

.col-bus-wrapper{
    text-align: center;
}

.bus-container{
    display: inline-block;       
}

.bus-seat{
    width: 50px;
    height: 57px;
    text-align: center;
    padding: 10px;    
    /*margin-left: 5px;
    margin-right: 5px;*/
    /*border: solid 2px;*/
    cursor: pointer;
}

.bus-seat:first-child{
    margin-left: 0px;    
}

.bus-seat:last-child{
    margin-right: 0px;    
}

.bus-seat-selected {
    background-image: url("../../img/asiento-reservado.png");
    background-repeat: no-repeat;
    background-position: center center;
    /*background-color: #c1cf07;
    border-color: #457f4b;*/
}

.bus-seat-available{
    background-image: url("../../img/asiento-libre.png");
    background-repeat: no-repeat;
    background-position: center center;
    /*background-color: white;
    border-color: #457f4b;*/
}

.bus-seat-booked{
    background-image: url("../../img/asiento-ocupado.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: not-allowed;
    /*background-color: #457f4b;
    border-color: #c1cf07;*/
}
 
.bus-seat-driver{
    background-image: url("../../img/asiento-conductor.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: not-allowed;
}

/* Genera el hueco del bus */ 
.seats-per-row-4:nth-child(2){
    margin-right: 40px;
}

.seats-per-row-3:nth-child(1){
    margin-right: 80px;
}

.bus-row{        
    margin-bottom: 5px;    
    text-align: left;
}

.bus-row:first-child{
    margin-top: 6px;
}

.bus-title{
    
}

.background-transparent{
    background-color: transparent;
}

.check-label{
    padding-top: 20px;
}

.help-pass{
    margin-bottom: 20px;
}

.fare-warning{
    margin-left: 4px;   
    padding-top: 6px;
    padding-bottom: 12px;
    font-weight:bold;
}

.btn-select-favs{
    float: right;
}

.btn-add-favs{
    float: right;
}

.res-label-discount{
    text-align: center;
    padding-top: 10px;
}
    
.fare-field{
    padding-bottom: 13px;
}

.fare-field:last-child{
    padding-bottom: 0px;
}

.conds-insurance{    
    position: relative;
    bottom: 2px;
    cursor: pointer;        
}

.insur-pos{
    margin-left: 21px;    
}

.insur-pad{
    padding-top: 15px;
}

.select-favs{
    overflow-x: hidden;
    overflow-y: scroll;
    height: 329px;
    
    border: 1px solid #bfbfbf;
    border-radius: 4px;
}

.select-favs-opt{
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #dedede;
}

.selected-fav{
    background-color: rgb(30, 144, 255);
}

.row-select-custom{
    padding-bottom: 10px;
}

.login-email{
    margin-top: 40px;
}

.field-value{
    margin-left: 5px;
}

.text-wrap{
    white-space: normal;
    word-wrap: break-word;   
}

.checkout-res-mobile{        
    border: 1px solid white;
    padding: 10px !important;
    min-height: initial;
}

.checkout-next-btn {
	font-size:16px;
	width: 85%;
	padding-top: 10px; 
	padding-bottom: 10px;
	font-size: 18px;
	margin-top: 20px;
}


.checkout-next-btn-mob{    
    float: right;        
    margin-top: 0px !important;    
    padding-top: 5px;
    padding-bottom: 5px;    
    width: 100%;
}

.sticky-cart-mob{
    position: fixed;
    bottom: 7px;
    z-index: 6;
}

/* Para corregir la posición del div*/
.sticky-cart-up{
    bottom: 17px;
}

.total-cart-mob{
    padding-bottom: 12px;
}

.msg-cart-mob{
    padding-bottom: 12px;
}

.no-select-text {
  -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 */
}

.more-details-cart{
    padding-bottom: 10px;
}

.cont-cart-details{
    padding-bottom: 14px;
}


.readonly-datepicker:read-only {
    background-color: white !important;
    user-select: none !important;    
}

.readonly-datepicker:disabled {
    background-color: #e8e8e8 !important;
}

.default-z-index{
    z-index: 1 !important;
}

.col-total-cart{
    width: 31%;
    text-align: center;
    vertical-align: middle;
    padding-right: 13px;
    
    display: table-cell;
    float: initial !important;
}

.col-btn-cart{
    vertical-align: middle;
}

.checkout-title { 
    font-size: 20px;
    font-weight: bold;
    color: white;
    padding: 20px;
}

.resume-depart-total {
    text-align: center;
    font-size: 20px;
    font-weight: bold;    
    margin-top:5px;
}

.checkout-change-search {
	font-size: 16px;
	color: white !important;
	padding: 0px;
}

.btn-success {
    color: #fff;
    background-color: #798202;
    border-color: #ffffff;
	border: solid 2px white !important;
}

.form-cancel{
    padding-top: 20px;
}

.form-modify{
    padding-top: 20px;
}

.tabs-departures{
    margin-left: 0px;
}

.loading-overlay{
    overflow: hidden;
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    opacity: 1;
    background-color: rgba(0,0,0,0.3);
}

.info-ticket-modif{
    padding-top: 15px;
}

.screen-centered{
    position: absolute;
    left: 44%;
    top: 42%;    
}

/* Estilo para el spinner geenrado con css  */
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  /*border-top: 16px solid #3498db;*/
  border-top: 16px solid #c1cf07;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 1.8s linear infinite;
}

.terms-label{
    padding-top: 10px;
}

.pos-cont-terms{
    margin-bottom: 5px;
    margin-top: 0px;
}

.pos-cont-exp{
    margin-bottom: 5px;
    margin-top: 15px;
}

.expedient-input{
    margin-bottom: 7px;
    margin-top: 7px;
}

.header-container{
    margin-bottom: 25px;
}

.label-desc-res{
    text-align: center;
    margin-top: 15px;
}

.pos-loading-btn{
    /*zoom: 0.18;*/
    width: 22px;
}

.ul-items-separat li {
    margin-bottom: 7px;
}

.green-general-bk{
    background-color: #c1cf07 !important;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* fin estilo spinner*/

.tks-container{
    padding-top: 30px;
}

.btn-info {
    background-color: #c3d500!important;
}

.img-logo-header-sm{
    position: relative;
    top: 3px;
}

.check-insurance{
    padding-top: 10px !important;
}

.pos-label-inv{
    margin-top: 7px;
    margin-bottom: 17px;
}

.pos-conds-form-contact{
    margin-left: 22px;
}

.modal-body-gen-msg{
    padding-top: 35px;
    padding-bottom: 27px;
}

.cont-pop-pmr{
    position: relative;
    bottom: 9px;
    left: 12%;
}

.link-pmr{        
    color: white;
    text-decoration: underline;
}

.table-vta-ag{
    padding-bottom: 20px;
}

.item-depart-disabled{
    opacity: 0.6;
}

.serv-completed-msg{
    color: red;
    font-weight: 900;
}

/* Estilos para evitar que el panel de búsqueda suba demasiado de posición al buscar */
@media screen and (min-width: 1600px){
    .pos-search-panel{
        position: relative;
        bottom: 223px;
    }
    
    .wrapper-search{
       height: 0px;         
    }    
    
    .container-news{
        padding-top: 0px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1449px){
    
    .perfil-img-festi{    
        display: flex;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */    

        justify-content: center;
        align-items: center;

        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;

        width: 269px;
        height: 269px;
        background-color: white;
        border: 4px solid white;        
        /*margin-bottom: 2px;*/
        box-shadow: 0 1px 4px rgba(0,0,0,0.15);
        position: relative;
        /*bottom: 42px;        */
    }
    
    .modal-ancho{
        width: 52%;
    }
    
    .menu-float-left{
        float: left !important;
        margin-left: -25px !important;
    }
    
    .cont-title-slider{
       padding-left: 10%;
    }
    
    .text-img-slider{
        font-size: 45px;
    }

    .desc-img-slider {
        font-size: 20px;
    }
    
    .title-img-slider{        
        max-width: 89%;
    }
}

/* Estilos para tablet de 10 pulgadas */
@media screen and (min-width: 1200px) and (max-width: 1280px)  {
    .hidden-info-item{
        display: none !important;
    }
    
    .menu-scroll{
        display: none !important;
    }
}

/* Estilos para evitar que el panel de búsqueda oculte los botones de navegación del slider cuando la pantalla es pequeña */
@media screen and (min-width: 1200px) and (max-width: 1235px)  {
    /*.padding-search-panel{
        padding-left: 43px;
        padding-right: 43px;
    }*/
}


@media screen and (min-width: 1200px){
    /* Para ordenadores */
    
    .btn-inscribir-festi{            
        margin-left: 17px;
    }
    
    .div-inscribirse-festi{
        /*background-color: #C8C8C8;*/
        /*background-color: rgba(195, 250, 208, 0.2);*/
        background-color: rgba(157, 252, 179, 0.2);
        border-radius: 8px 8px 8px 8px;
        height: 62px !important;
        padding: 11px 21px;

        position: relative;
        left: -96px;
        top: 12px;
        width: 642px !important;       
    }
    
    .pos-sel-todos-fest{
        padding-top: 43px;
        padding-left: 62px !important;
        position: relative;
        bottom: 62px;
    }    
          
        
    .div-todos-pos{
        display:block;
        display: block;
        position: relative;
        bottom: 28px;
        left: 31px;
    }
            
    .div-inscribirse-festi-pie{
        /*background-color: #C8C8C8;*/
        /*background-color: rgba(195, 250, 208, 0.2);*/
        background-color: rgba(157, 252, 179, 0.2);
        border-radius: 8px 8px 8px 8px;
        height: 62px;
        padding: 14px 21px;

        position: relative;
        left: 77px;
        width: 642px !important;   
        height: 67px !important;
    }
    
    .paginadores {
        margin-left: 10px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
            
    .width-sec-list{
        width: 100%;    
    }          
    
    .col-content-ficha-festi{
        padding-left: 1px;
        padding-right: 10px;
    }
    
    .display-inline-lg{
        display: inline;
    }
    
    .filtro-position{        
        padding-right: 0px;
    }
    
    .lista-position {        
        padding-right: 0px;
    }   
    
    .pos-wrapper-icon-more{
        position: relative;
        top: -19px;
        left: 3px;
    }
    
    .pos-abs-lg{        
        position: absolute;        
    }      
    
    .text-align-next-fest{
        text-align: initial !important;
    }
    
    .align-div-tabla-cell-lg{
        display: table-cell !important;
        float: initial !important;
    }
    
    .pad-lista-fest-md-lg{
        padding-right: 26px;
    }
    
    .contadorFest-md-lg{
        padding-right: 0px;
        padding-left: 0px;
        text-align: right;
    }
    
    .div-btn-inscr-sup{
        padding-top: 16px;
    }    
    
    .with-line-label-modal{
        width: 80%;
    }
    
    .pos-label-in-line-modal{
       left: 47% !important;
    }          
        
    .input-group-pad-date{        
        padding-right: 15px;
    }  
            
    .pad-tipotrayecto{
        padding-left: 3px;
    }
    
    .first-group-search{
        margin-bottom: 0px;
    }    
    
    .btn-search-trayecto{
      padding-right: 23px;
    }
    
    .btn-count-straight{
       padding: 6px 7px;
    }
    
    .breadcrumb-top-item::before {
        right: 75.1%;
    }
    
    .hidden-xl{
        display: none !important;
    }
    
    .display-block-xl{
        display: block !important;
    }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
    /* Para tablets */
    
    .btn-inscribir-festi{    
        margin-left: 17px;        
        width: 360px !important; /*334  */      
        
    }     
            
    .div-inscribirse-festi{
        /*background-color: #C8C8C8;*/
        /*background-color: rgba(195, 250, 208, 0.2);*/
        background-color: rgba(157, 252, 179, 0.2);
        border-radius: 8px 8px 8px 8px;
        height: 62px !important;
        padding: 11px 21px;

        position: relative;
        /*left: 357px;*/
        top: 12px;
        width: 468px !important;       
    }
    
    .pos-sel-todos-fest{
        padding-top: 43px;
        padding-left: 62px !important;
        position: relative;
        right: 15px;
        bottom: 62px;
    }         
               
     .div-inscribirse-festi-pie{
        /*background-color: #C8C8C8;*/
        /*background-color: rgba(195, 250, 208, 0.2);*/
        background-color: rgba(157, 252, 179, 0.2);
        border-radius: 8px 8px 8px 8px;
        height: 62px;
        padding: 14px 19px;

        position: relative;
        left: 77px;
        width: 468px !important;   
        height: 67px !important;
    }
    
    .paginadores {
        margin-left: 169px !important;
        margin-top: 25px;
    }
       
    
    .div-festi-info-izquierda{
        position: relative;
        left: -7px;        
        max-width: 99%;
        /*width: 272px !important;  */     
        /*background-color: rgba(157, 252, 179, 0.2);  */            
        padding: 1px 21px 11px 21px;                
    }
    
    .div-festi-info-derecha{
        position: relative;
        left: 10px;        
        max-width: 99%;
        /*width: 272px !important;       */
        /*background-color: rgba(157, 252, 179, 0.2);               */
        padding: 1px 21px 11px 21px;
        margin-top: 6px;
        margin-bottom: 16px;
    }
    
    .div-inscribir-un-festi{    
        /*background-color: rgba(157, 252, 179, 0.2);*/
        border-radius: 8px 8px 8px 8px;        
        padding: 11px 21px;    
        position: relative;
        left: 10px;
        top: 6px;
        max-width: 99%;       
    }
    
    .btn-inscribir-un-festi{                        
        padding-left: 27px;
        padding-right: 27px;
    }
    
    .perfil-img-festi{    
        display: flex;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        /*display: -moz-box;  */       /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */    

        justify-content: center;
        align-items: center;

        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;

        width: 269px;
        height: 269px;
        background-color: white;
        border: 4px solid white;        
        /*margin-bottom: 2px;*/
        box-shadow: 0 1px 4px rgba(0,0,0,0.15);
        position: relative;
        /*bottom: 42px;        */
    }
    
    .modal-ancho{
        width: 63%;
    }
    
     .width-embed-label{
        text-align: left !important;
    }
    
    .menu-float-left{
        float: left !important;
        margin-left: -25px !important;
    }
    
    .position-btn-navbar{        
        margin-left: 15px;            
    }        

    .item-timeline-tasa-festi{         
        margin-right: 0px !important;        
        width: 15px !important;
    }    
    
    .checkbox-timeline-tasa-festi{    
        margin-right: 0px;
    }    
    
    .pos-tasa-show-check{
        width: 200px !important;
    }
    
    .check-lg-size{
        zoom: 1.3;
    }     
    
    
    .div-title-listafest{
        height: 98px;
    }
    
    .align-div-tabla-md{
        display: table !important;
    }

    .align-div-tabla-cell-md{
        display: table-cell !important;
        float: initial !important;
    }
    
    .vert-align-bottom-md{
        vertical-align: bottom;
    }
    
    .vert-align-top-md{
        vertical-align: top;
    }
    
    .child-filter-el{        
        display: block;
        margin-left: 22px;   
        margin-top: -13px;
        font-size: 28px;
        height: 32px;  
    }
    
    .div-filtro-padding{
        margin-left: 11px;
    }
    
    .check-size-festfilter{        
        margin-top: 0px !important;
    }
    
    .parent-filter-el{
        padding-top: 6px;
    }
    
    .filtro-position{        
        padding-right: 0px;
    }
    
    .lista-position {        
        padding-right: 0px;
    }   
    
    .pos-wrapper-icon-more{
        position: relative;
        top: -2px;
        left: 3px;
    }
    
    .margin-top-gens-tipo{
        margin-top: -2px;
    }
    
    /*
        IMPORTANTE!!
        Se usa para centrar un div que tiene asignado 
        un ancho fijo y que no se centra utilizando una tabla
        u otros métodos debido a que el ancho introduce un margen a la izquierda
    */
    .img-fest-width-small{
        margin: 0 auto;
    }
    
    .text-block-next-fest{
        display: block !important;
        padding: 15px 0px;
    }
    
    .pad-title-sec-lista-check{
        padding-left:7px !important;
    }
    
    .celda-deadline-sec{
        width: 37%;
    }    
    
    .celda-name-sec{
        width: 46%;        
    }
    
    .pad-lista-fest-md-lg{
        padding-right: 26px;
    }
    
    .contadorFest-md-lg{
        padding-right: 0px;
        padding-left: 0px;
        text-align: right;
    }
    
    .btn-inscr-sup-pad{
        padding-bottom: 20px;
    }    
    
    .img-next-fest-lista{        
        margin-left: 20% !important;    
    }    
    
    .oriented-label-new{        
        position: relative;        
        top: 25px;
        right: -95px;          
        padding-left: 13%;               
    }    
    
    .text-img-slider{
       font-size: 54px;
    }
    
    .desc-img-slider{
        font-size: 26px;
    }
    
    .cont-title-slider{
       padding-left: 10%;
    }
    
    
    
    .input-group-pad-date{        
        padding-right: 3px;
    }
    
    .breadcrumb-item{
        padding-left: 28px;
    }
            
    .first-group-search{
        margin-bottom: 15px;
    }    
    
    .btn-search-trayecto{
      padding-right: 9px !important;
    }
    
    .hidden-info-item{
        display: none !important;
    }
    
    .menu-scroll{
        display: none !important;
    }
    
    .hidden-lg{
        display: none !important;
    }
    
    .display-block-lg{
        display: block !important;
    }
    
    /* Genera el hueco del bus */ 
    .seats-per-row-4:nth-child(2){
        margin-right: 35px;
    }

    .seats-per-row-3:nth-child(1){
        margin-right: 75px;
    }
}

@media screen and (min-width: 993px){   
    
}

@media screen and (max-width: 992px){
    .title-checkout{
        background: transparent;
        border-radius: 0px !important;        
        border-bottom: 1px solid black;
        padding: 5px;
    }    
    
    .checkout-title{
        color: black  !important;
        padding: 0px;
        font-size: 18px;
    }
    
    .link-change-search{
        padding: 20px;
        padding-bottom: 3px;
        padding-left: 22px;
        float: left !important;
    }
    
    .checkout-change-search{
        color: black !important; 
        float: right !important;
        padding-right: 20px !important;
    }
    
    /* Centrar las pestañas */
    .centered-tabs {
        text-align: center;
    }
    
    .centered-tabs > li {
        float: none !important;
        display: inline-block;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    /* Para tablets */
    
    .btn-inscribir-festi{            
        margin-left: 17px;
        width: 350px !important;        
    }
            
    .div-inscribirse-festi{
        /*background-color: #C8C8C8;*/
        /*background-color: rgba(195, 250, 208, 0.2);*/
        background-color: rgba(157, 252, 179, 0.2);
        border-radius: 8px 8px 8px 8px;
        height: 62px !important;
        padding: 11px 21px;

        position: relative;
        /*left: 290px;*/
        top: 12px;
        width: 426px !important;       
    }
    
    .pos-sel-todos-fest{
        padding-top: 43px;
        padding-left: 62px !important;
        position: relative;
        bottom: 63px;
    }
    
    .label-todos-pos{
        position: relative;
        left: -17px;
        top: -49px;
    }               
                
     .div-inscribirse-festi-pie{
        /*background-color: #C8C8C8;*/
        /*background-color: rgba(195, 250, 208, 0.2);*/
        background-color: rgba(157, 252, 179, 0.2);
        border-radius: 8px 8px 8px 8px;
        height: 62px;
        padding: 14px 21px;

        position: relative;
        left: 50px;
        width: 427px !important;  
        height: 67px !important;
    }
    
    .paginadores {
        margin-left: 169px !important;
        margin-top: 25px;
    }
    
    .celda-name-sec{
        width: 41%;        
    }
    
     .modal-ancho{
        width: 70%;
    }    
    
    .width-embed-label{
        text-align: left !important;
    }
    
    .menu-float-left{
        float: left !important;
        margin-left: -25px !important;
    }
    
    .position-btn-navbar{        
        margin-left: 27px;            
    }    
    
    /* Se anulan los valores anteriores de las propiedades de esta clase con el valor "initial"*/
    .div-festi-info-izquierda{        
        width: 100% !important;               
        padding: 1px 13px 11px 13px;
        position: relative;
        left: initial;    
    }      
    
    /* Se anulan los valores anteriores de las propiedades de esta clase con el valor "initial"*/
    .div-festi-info-derecha{     
        width: 100% !important;
        position: relative;
        left: initial;
        padding: 1px 13px 11px 13px;
    }

    /* Se anulan los valores anteriores de las propiedades de esta clase con el valor "initial"*/
    .div-inscribir-un-festi{        
        width: 100% !important;      
        position: relative;
        left: initial;
        padding: 8px 13px 8px 13px;
    }        
    
    /* En esta resolución se redicen los espacios de la lista de deadlines de la ficha del festival para que quepan los iconos y valores correctamente */
    .icon-fest-tasa-pos{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .icon-size-fest-small{
        font-size: 15px !important;
    }
    
    .ul-deadlines-ficha-fest{
        list-style-type: none;
        padding-left: 2px;
    }      
    
    .col-content-ficha-festi{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }    
    
    /* En esta resolución para móvil y tablet el menú vertical se muestra y el horizontal se oculta */
    .menu-vertical-ficha-fest{
        display: block;
    }    
    
    .menu-horizontal-ficha-fest{
        display: none;
    }    
    
    
    /* En esta resolución para móvil y tablet el div de botón de inscripción superior se muestra y el inferior se oculta */
    .div-inscrip-sup-ficha-fest{
        display: none !important;
    }    
    
    .div-inscrip-inf-ficha-fest{
        display: block !important;
    }        
    
    .margin-lista-secs-fest{
        margin-top: 20px;
    }
    
    /* Sólo se aplica en resoluciones de tablet y teléfono*/
    .padding-header-sm{
        padding-bottom: 15px;
    }
    
    .width-popover-sec{
       width: initial !important;
    }
    
    .div-title-listafest{
        height: 98px;
    }
    
    .align-div-tabla-sm{
        display: table !important;
    }

    .align-div-tabla-cell-sm{
        display: table-cell !important;        
    }    
    
    .vert-align-bottom-sm{
        vertical-align: bottom;
    }
    
    .vert-align-top-sm{
        vertical-align: top;
    }
    
    .child-filter-el{        
        display: block;
        margin-left: 22px;   
        margin-top: -13px;
        font-size: 28px;
        height: 32px;  
    }
    
    .div-filtro-padding{
        margin-left: 11px;
    }
    
    .check-size-festfilter{        
        margin-top: 0px !important;
    }    
        
    .parent-filter-el{
        padding-top: 6px;
    }    
    
    .filtro-position{        
        padding-right: 0px;
    }
    
    .lista-position {        
        padding-right: 0px;
    }   
    
    .icon-more-opts-size{
        font-size: 28px;
    }
    
    .pos-wrapper-icon-more{
        position: relative;
        top: -5px;
        left: 3px;
    }
    
    .margin-top-gens-tipo{
        margin-top: 0px;
    }
    
    /*
        IMPORTANTE!!
        Se usa para centrar un div que tiene asignado 
        un ancho fijo y que no se centra utilizando una tabla
        u otros métodos debido a que el ancho introduce un margen a la izquierda
    */
    .img-fest-width-small{
        margin: 0 auto;
    }
    
    .text-block-next-fest{
        display: block !important;
        padding: 15px 0px;
    }
    
    .pos-div-input-sec-ch{
        padding-left: 9px;
        padding-top: 5px;
        padding-right: 5px;
    }
    
    .pad-div-text-sec{
        padding-left: 22px !important;
    }
    
    .pad-div-text-sec-check{
        padding-left: 10px !important;
    }
    
    .width-div-title-sec{
        width: 40px;
    }
    
    .pad-title-sec-lista{
        padding-left:41px !important;
    }
    
    .pad-title-sec-lista-check{
        padding-left:0px !important;
    }
    
    /* Para que ajuste bien el contenido al ancho de la pantalla de móvil o tablet */
    .adjust-row-screen-width{
        width: 100% !important;        
    }

    .pad-lista-fest-right-md{
        padding-right: 0px !important;
    }
    
    .contadorFest-md-lg{
        padding-right: 0px;
        padding-left: 0px;
        text-align: right;
    }
    
    .no-pad-left-num-fest{
        padding-left: 0px;
    }
    
    .btn-inscr-sup-pad{
        padding-bottom: 20px;
    }    
    
    .img-next-fest-lista{        
        margin-left: 8% !important;    
    }
    
    .oriented-label-new{
        transform: rotate(33deg) scale(1) skew(1deg) translate(0px);
        position: relative;        
        top: 10px;
        right: -101px;          
        padding-left: 17.5%;               
        font-size: 15px;
    }    
    
    .pos-label-in-line{
       left: 43% !important;
    }
    
    .pos-icon-social-btn-sm{
        margin-left: -9px !important;
    }
    
    .text-img-slider{
       font-size: 59px;
    }
    
    .desc-img-slider{
        font-size: 33px;
    }
    
    .title-img-slider{        
        max-width: 89%;
    }
    
    .cont-title-slider{
       padding-left: 10%;
    }
    
    .input-group-pad-date{        
        padding-right: 0px;
    }  
    
    .first-group-search{
        margin-bottom: 15px;
    }    
    
    .no{
        margin-bottom: 15px;
    }    
    
    .no-pad-rigth-lg{
        padding-right: 0px !important;
    }
    
    .breadcrumb-wrapper{
        display:none;        
    }
    
    .btn-search-trayecto{
      padding-right: 23px;
    }
            
    .hidden-info-item{
        display: none !important;
    }
    
    .menu-scroll{
        display: none !important;
    }
    
    .item-depart-total{
        padding-left: 0px;
    }
    
    .hidden-md{
        display: none !important;
    }
    
    .display-block-md{
        display: block !important;
    }
    
    .hidden-sm{
        display: none !important;
    }
    
    .display-inline-md{
        display: inline !important;
    }    
}


@media screen and (min-width: 768px){    
    
}


@media screen and (max-width: 767px){
    /* Para móviles */
    
    .btn-inscribir-festi{            
        width: 212px !important; /*435      */  
        
    }
    
    .div-inscribirse-festi{
        /*background-color: #C8C8C8;
        /*background-color: rgba(195, 250, 208, 0.2);*/
        background-color: rgba(157, 252, 179, 0.2);
        border-radius: 8px 8px 8px 8px;
        height: 88px !important;
        padding: 11px 21px;

        position: relative;
        /*left: 212px;*/
        top: 15px;
        width: 246px !important;       
    }
    
    .pos-sel-todos-fest{
        padding-top: 24px;
        padding-left: 62px !important;
        margin-left: 125px;

    }
    
    .label-todos-pos{
        position: relative;
        left: 0px;
        top: -7px;
    }          
                
    .jumbotron{
        padding:0px !important;
    }
    
     .div-inscribirse-festi-pie{
        /*background-color: #C8C8C8;
        /*background-color: rgba(195, 250, 208, 0.2);*/
        background-color: rgba(157, 252, 179, 0.2);
        border-radius: 8px 8px 8px 8px;
        height: 62px;
        padding: 14px 21px;

        position: relative; 
        left: 188px;
        width: 246px !important;   
        height: 92px !important;
    }
    
    .container-filtro-lista{
        margin-top: 30px;
        margin-left: -6px;
        padding-left: 20px;
    }
    
    .text-buton-inscribir{
        width: 195px !important;
        word-break: break-word !important;
        white-space: normal;
    }
    
    .paginadores {        
        margin-top: 25px;
        margin-bottom: 25px;
    }
            
    .fest-por-pagina{
        position: relative;        
        right: 26px;       
    }
            
    body{
        /*width: 94.8%;*/
    }
    
    .navbar{
        /*width: 105.4%;*/
    }
    
    .container{
        /*margin-left: 20px;*/
        margin-left: 15px;
        margin-right: 15px;
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .padding-divs-footer{
        padding: 0px 10px;
    }
    
    .item-festivals{
        list-style: none;
        /*border: 2px solid transparent;*/
        border-bottom: 2px solid #eee;
        margin-bottom: 20px;        
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;          
        padding-left: 10px;
        /*box-sizing:border-box;*/
    }
    
    .section-festilist{
        padding: 8px 16px !important;
        width: 104.8% !important;
        position: relative;
        left: -7px;
    }
            
    .footer-base{
        padding-left: 27px;
    }
    
    .boton-paginadores-container{
        position: relative;
        top: 0px !important;
    }
    
    .corta-username{        
        max-width: initial;        
    }
    
    .flag-listfest{        
        display: initial !important;
        float: initial;
        margin-top: 20px;
    }
    
     .celda-name-sec{
        width: 40%;        
    }
    
    .modal-ancho{
        width: 100%;
    }    
    
    .width-embed-label{
        width: 66%;
    }
    
    .forgot-pwd-embed{
        margin-top: 15px;
    }
    
    .heigth-footer{
        height: initial;
    }    
    
    .aux-div-heigth-footer{
        height: 900px;
    }    
    
    .display-logo-fest-resp{
        display: inline-block !important;
    }
    
    .table-cell-logo-resp{
        display: block !important;
        text-align: center;        
    }
    
    .tit-fest-ficha-resp{
        margin: 20px 0px;        
    }
    
    .pos-container-fest-ficha{
        margin-top: initial;
    }
    
    /* Para que ajuste bien el contenido al ancho de la pantalla de móvil o tablet */
    .adjust-row-screen-width{
        width: 100% !important;        
    }    
    
    .pos-content-ficha-fest{    
        margin-left: 0px !important;
        margin-right: 0px !important; 
    }    
    
    /* Para móviles y tablets, se sobreescribe el ancho de otras dimensiones mayores */
    .div-festi-info-izquierda{
        position: relative;
        left: initial;        
        width: initial !important;               
    }  
        
    .col-content-ficha-festi{
        padding-left: initial;
        padding-right: initial;
    }    
    
    .div-inscribir-un-festi{    
        /*background-color: rgba(157, 252, 179, 0.2);*/                                
        position: relative;
        left: initial;        
        width: initial !important;
        margin-top: 20px;
    }    
    
    .div-festi-info-derecha{
        position: relative;
        left: initial;
        width: initial !important;
    }
    
    .menu-float-left{
        float: initial !important;
        margin: initial !important;
    }
    
    .menu-no-margin{
        margin: initial !important;
    }
    
    /* En esta resolución para móvil y tablet el menú vertical se muestra y el horizontal se oculta */
    .menu-vertical-ficha-fest{
        display: block;
    }    
    
    .menu-horizontal-ficha-fest{
        display: none;
    }    
    
    .padding-header-ficha{
        padding-top: 25px;
    }
    
    /* En esta resolución para móvil y tablet el div de botón de inscripción superior se muestra y el inferior se oculta */
    .div-inscrip-sup-ficha-fest{
        display: none !important;
    }    
    
    .div-inscrip-inf-ficha-fest{
        display: block !important;
    }        
    
    .margin-lista-secs-fest{
        margin-top: 20px;
    }    
    
    /* Sólo se aplica en resoluciones de tablet y teléfono*/
    .padding-header-sm{
        padding-bottom: 15px;
    }
    
    .width-popover-sec{
       width: initial !important;
    }
    
    .width-popover-secSede{
       width: initial !important;
    }
    
    .no-margin-left-mob{
        margin-left: 0px !important;
    }
    
    .pos-text-link-reg{
        margin-bottom: 10px;
        padding-left: 36px;
    }
            
    .display-inline-sm{
        display: inline !important;
    }    
    
    .child-filter-el{                
        font-size: 28px;
        position: relative;
        top: 6px;        
    }
    
    .no-margins-row-sm{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    .no-pad-left-right-sm{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }    
    
    .ul-fest-list{
        padding-left: 0px;
        margin-left: 0px;
    }    
    
    .pos-title-lista-fest{
        margin-left: 0px;
    }
    
    .icon-more-opts-size{
        font-size: 28px;
    }
    
    .pos-wrapper-icon-more-sm{
        position: relative;
        top: -27px;
        left: 5px;
    }
    
    .pos-abs-sm{        
        position: absolute;        
    }    
    
    .pos-wrapper-icon-more-xs{    
        position: relative;
        top: -26px;
        right: -5px;
    }
    
    .align-div-tabla-sm{
        display: table !important;
    }
    
    .div-filtro-padding{
        margin-left: 5px;
    }    
    
    .text-center-sm{
        text-align: center;
    }
    
    .img-center-lista-fest{
        width: initial !important;
        margin-left: 0px !important;
    }
    
    /*
        IMPORTANTE!!
        Se usa para centrar un div que tiene asignado 
        un ancho fijo y que no se centra utilizando una tabla
        u otros métodos debido a que el ancho introduce un margen a la izquierda
    */
    .img-fest-width-small{
        margin: 0 auto !important;
    }
    
    .text-block-next-fest{
        display: block !important;
        padding: 15px 0px;
    }
    
    .pad-div-text-sec{
        padding-left: 4% !important;
    }
    
    .pad-title-sec-lista{
        padding-left: 15px;
    }
    
    .pos-div-input-sec-ch{
        padding-left: 2%;
        padding-right: 5px;
    }    
    
    .div-pag-pos{
         padding-bottom: 16px;   
    }
    
    .div-pag-text{
        text-align: center;
    }
    
    .hide-btns-pag-sm{
        display: none;
    }        
    
    .div-btn-inscr-sup{
        padding-top: 9px;
        padding-bottom: 20px;
    }
    
    .width-div-btn-insc{
        width: 100% !important;
    }
    
    .btn-inscr-sup-pad{
        text-align: center;
    }    
    
    .pos-btn-cancel-insc-mod{
        position: relative;
        left: initial;
    }    
    
    .pos-cont-gif-fest{
        padding-top: 20px;   
        padding-bottom: 30px;   
        text-align: center;
    }
    
    .force-center-div{
        text-align: center;
        margin: auto;
    }        
    
    /* Se usa como wrapper de la etiqueta de nuevo en el frontal para que ésta no descentre los logos*/
    .wrapper-arreglo-label-new{
        /*background-color: blue;*/
        height: 200px;
        position: absolute;
        overflow: hidden;
        float: right;
        right: 0%;         
    }    
    
    .oriented-label-new{
        padding-left: 34%;
        z-index: 2;
    }       
    
    .padding-sides-weblabel{
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .no-pad-left-line{
       padding-left: 15px !important;
    }
    
    .pos-label-in-line{
       left: 43% !important;
    }
    
    .text-img-slider{
       font-size: 83px;
    }
    
    .title-img-slider{        
        max-width: 89%;
    }
    
    .cont-title-slider{
       padding-left: 10%;
    }
    
    .desc-img-slider{
        display: none !important;
    }
    
    .separation-inputs-search{
        margin-bottom: 10px;
    }
            
    .title-search{
        padding-left: 0px;
    }
    
    .input-group-pad-item{  
        padding-left: 0px;
        padding-right: 0px;
    }

    .input-group-pad{    
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .input-group-individual {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .display-block-sm {
        display: block !important;
    }
    
    .breadcrumb-wrapper{
        display:none;
    }
    
    .departures-list-wrapper{
        padding-bottom: 15px;
    }
    
    .btn-count-straight{
       padding: 6px 13px;
    }
    
    .btn-search-depart{
        margin-top: 24px;
    }
            
    .wrapper-checkout{
        margin-top: 0px;
    }
    
    .container-mob{
        margin-left: 7px !important;
        margin-right: 7px !important;
    }
    
    .row-mob{
        margin-left: -7px !important;
        margin-right: -7px !important;
    }
    
    .col-mob{
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
    
    /* Se eliminan los espacios de los rows para que no haa problemas con la cesta y el menú sticky */
    .row{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
     .col-sm-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
        
    .col-sm-8{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .col-sm-4{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .hidden-info-item{
        display: none !important;
    }
    
    .menu-scroll{
        display: none !important;
    }           
        
    .hidden-xs{
        display: none !important;
    }
    
    .display-inline-xs{
        display: inline !important;
    }
    
    .resume-depart-total{
        font-size: 17px;
    }
            
    .item-departure{
        padding-bottom: 15px;
    }    
    
    .screen-centered{
        position: absolute;
        left: 33%;
        top: 33%;    
    }
    
    .time-depart{
        padding-left: 0px;
        padding-right: 0px;
    }
 
    .btn-select-favs{
        float: initial;
        margin-top: 19px;
        margin-bottom: 4px;
    }
    
    .search-panel{        
        border: none;
        border-radius: 0px;
    }    
    
    .padding-search-panel{
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .header-container{
        margin-bottom: 0px;
    }
    
    .pos-search-panel{
        position: relative;
        top: -25px;
    }
    
    .img-logo-header-sm{
        display: block;
    }
    
    .img-logo-header{
        display: none;
    }
}


@media screen and (min-width: 576px){
    
}

@media screen and (max-width: 575px){
    
}


@media screen and (max-width: 390px){     
    .img-logo-position{
        width: 100%;
    }
    
    .img-logo-header{
        max-width: 120px;
    }
    
    .modal-ancho{
        width: 100%;
    }    
    
    .table-cell-logo-resp{
        display: block !important;        
    }    
    
    /* Para que ajuste bien el contenido al ancho de la pantalla de móvil o tablet */
    .adjust-row-screen-width{
        width: 100% !important;        
    }   
            
    .text-img-slider{
       font-size: 102px;
    }   
    
    .position-btn-navbar{    
        margin-left: 38px;
    }
    
    .width-icon-menu{
       width: 40% !important;
    }
}

/* Sólo se usa para el páginador de la lista de festivales */
@media screen and (max-width: 400px){                           
    .paginadores {                
        margin-bottom: 69px;
    }    
}

/* XS */
@media screen and (max-width: 320px){                               
    .text-img-slider{
       font-size: 90px;
    }      
}



    
    

/* Meter aquí todas las clases de hover que sólo deben estar en web y no en móvil para que no aparezcan al tocar la pantalla */
@media (hover: hover) {        
    .item-departure-hover :hover {    
        cursor: pointer;
        background-color: rgb(193, 207, 7);
        border-radius: 0px;
    }
    
    .btn-success:hover {
        background-color: #F0FF22!important;
	color:#798202!important;
    }
    
    .btn-success {
        -webkit-transition-duration: 0.2s; /* Safari */
        transition-duration: 0.2s;
    }
}

/* Esto aplica estilos en dispositivos móviles para deshabilitar los hover */
/* Es mejor repetir los estilos del elementos cuando no tiene hover que poner los valores a inherit o initial porque por ejemplo
al sobreescribir estilos de bootstrap no funciona*/
@media (hover: none) {                    
    /* Para sobreescribir botones de bootstrap hay que sobreescribir también los eventos active y focus*/
     .btn-success:active {
        color: #fff;
        background-color: #798202;
        border-color: #ffffff;
	border: solid 2px white !important;
    }
    
    .btn-success:focus {
        color: #fff;
        background-color: #798202;
        border-color: #ffffff;
	border: solid 2px white !important;
    }
    
    .btn-success:hover {
        color: #fff;
        background-color: #798202 !important;	
        border-color: #ffffff;
	border: solid 2px white !important;
    }
    
    /*div:hover { color: inherit !important; }
    a:hover { color: inherit !important; }*/
}

/* Estilos firefox */
@-moz-document url-prefix() {
    /* Estilos para los iconos despliegue del filtro */
    .pos-rel-icon-filter{
        position: relative !important;
    }
    
    .pos-wrapper-icon-more{
        top: initial !important;
    }
    
    .height-header-festi-img{
        height: 226px !important;
    }
    
    .wrapper-search{       
       display: grid;   /* Para que en mozilla se vea bien*/
    }    
}

/* Estilos IE 10 Y 11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .wrapper-search{       
       display: grid;   /* Para que en mozilla se vea bien*/
    }    
}

/* Estilos IE 12 Edge y + 
Descripción de los targe de todos los navegadores IE: https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/
*/
@supports (-ms-ime-align: auto) {
    .wrapper-search{       
       display: grid !important;   /* Para que en mozilla se vea bien*/
    }    
}