@charset "utf-8";
@import url("bootstrap-nav-wizard.min.css");

/* Navbar personalize
-------------------------------------------------- */


.navbar .container {
    padding: 0 15px 0 15px;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

/* Margin bottom by footer height */
body {
    margin-bottom: 60px;
}

iframe body {
    margin: 0;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0px;
    height: 60px;
    line-height: 40px;
    /* color:#FFF; */
    /* Set the fixed height of the footer here
  height: 60px; */
    background-color: #999999;
}


.grises img {
    -webkit-filter: brightness(0);
    -moz-filter: brightness(0);
    -ms-filter: brightness(0);
    -o-filter: brightness(0);
    filter: brightness(0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 111px;
}

    .grises img:hover {
        -webkit-filter: brightness(100%);
        -moz-filter: brightness(100%);
        -ms-filter: brightness(100%);
        -o-filter: brightness(100%);
        filter: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }



.footer-kiosko {
    height: 8rem;
}

    .footer-kiosko a {
        height: 62px;
        width: 62px;
        display: inline-block;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding: 8px;
    }

.button-circle {
    background: #FFF;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.textoMedio {
    font-size: 1.4em !important;
}

.textoPeqMed {
    font-size: 1.2em !important;
}

.textoPequeño {
    font-size: 1em !important;
}

.text-disabled {
    color: #CCC;
}

.titulo-small, .titulo-small legend {
    font-size: 14px !important;
    margin-bottom: 10px;
}

.ancho-porcentaje-100 {
    width: 100%;
    min-width: 100%;
}

.margen-top-10 {
    margin-top: 10px;
}

.margen-top-5 {
    margin-top: 5px;
}

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

.sinMargen {
    margin-top: 0px;
    margin-bottom: 0px;
}

.sinMargenAbajo {
    margin-bottom: 0px;
}

.sinMargenArriba {
    margin-top: 0px;
}

.sinPaddingArriba {
    padding-top: 0px;
}

.fondoGrisClaro {
    background-color: #eaeaea;
}

.noMargen {
    margin: 0px !important;
}

span.noMargen label {
    margin: 0px !important;
}

.listaFina .list-group-item {
    padding: 6px 15px !important;
}

.padding5 {
    padding: 5px 0px;
}

.padding5full {
    padding: 5px;
}

.bloque {
    display: inline-block;
}

.password {
    text-security: disc;
    -webkit-text-security: disc;
    -moz-text-security: disc;
}

.tablaActividades td {
    padding: 10px;
}

.anchoColumnaMinimo {
    min-width: 160px;
}

.anchoColumnaMinimoSM {
    min-width: 90px;
}

.multiselectWithoutAll {
    height: 34px !important;
}

.column-bootstrap-vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


/* personalizado */
.badge-primary {
    background-color: #337ab7;
}

.badge-danger {
    background-color: #d43f3a;
}

.badge-warning {
    background-color: #d58512;
}

.badge-success {
    background-color: #398439;
}

.badge-info {
    background-color: #269abc;
}

.badge-inverse {
    background-color: #333333;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xlg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg {
    float: right;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg {
    float: left;
}

@media (max-width: 767px) {
    .col-xs-15 {
        width: 20%;
        float: left;
    }

    .pull-right-not-xs, .pull-left-not-xs {
        float: none;
    }

    .pull-right-xs {
        float: right;
    }

    .pull-left-xs {
        float: left;
    }
}

.textoGrande {
    font-size: 24px;
}

.textoMediano {
    font-size: 12px;
}

.seat-booked {
    color: #D00000;
}

.seat-locked {
    color: #FFBA08;
}

.seat-disabled {
    color: #DADADA;
}

.seat-free {
    color: #20BF55;
}

.seat-public-free {
    color: #398439;
}

.seat-private-free {
    color: #337ab7;
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }

    .pull-right-not-sm, .pull-left-not-sm {
        float: none;
    }

    .pull-right-sm {
        float: right;
    }

    .pull-left-sm {
        float: left;
    }

    .textoGrande {
        font-size: 28px;
    }

    .textoMediano {
        font-size: 14px;
    }
}




@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }

    .pull-right-not-md, .pull-left-not-md {
        float: none;
    }

    .pull-right-md {
        float: right;
    }

    .pull-left-md {
        float: left;
    }

    .pull-right-not-md, .pull-left-not-md {
        float: none;
    }

    .pull-right-md {
        float: right;
    }

    .pull-left-md {
        float: left;
    }

    .textoGrande {
        font-size: 32px;
    }

    .textoMediano {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }

    .col-xlg-15 {
        width: 20%;
        float: left;
    }

    .pull-right-not-lg, .pull-left-not-lg {
        float: none;
    }

    .pull-right-lg {
        float: right;
    }

    .pull-left-lg {
        float: left;
    }

    .textoGrande {
        font-size: 40px;
    }

    .textoMediano {
        font-size: 18px;
    }
}

.col-xs-1-7,
.col-sm-1-7,
.col-md-1-7,
.col-lg-1-7 {
    position: relative;
    min-height: 1px;
    padding-right: 4px;
    padding-left: 4px;
}

.col-xs-1-7 {
    width: 14.285714285714285714285714285714%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-7 {
        width: 14.285714285714285714285714285714%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-7 {
        width: 14.285714285714285714285714285714%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-7 {
        width: 14.285714285714285714285714285714%;
        float: left;
    }
}


@media (min-width: 1600px) {
    .col-xlg-1-7 {
        width: 14.285714285714285714285714285714%;
        float: left;
    }
}

.tabla-horarios {
    border-left: 0px;
    border-right: 0px;
}

.popover-content {
    color: #222;
}

.active .popover-content {
    color: #222;
}


.tablaOpciones td {
    display: inline-block;
    white-space: nowrap;
    padding-right: 10px; /* font-size:0.9em; */
}

.tablaOpcionesColumnas td {
    white-space: nowrap;
    padding-right: 10px; /* font-size:0.9em; */
}

.tablaBotones tr {
    display: inline;
}

.tablaBotones td {
    display: inline-block;
    white-space: nowrap;
    margin-right: 5px;
    /* Estilos copiados */
    min-width: 20px;
    padding: 1px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #999;
    border-radius: 20px;
}

    .tablaBotones td:hover {
        background-color: #777;
    }

    .tablaBotones td input {
        vertical-align: text-bottom;
    }

    .tablaBotones td label {
        cursor: pointer;
    }

.tablaListado th {
    white-space: nowrap;
}

.tablaListado td {
    white-space: nowrap;
}

ul.pager.no-margin-top {
    margin-top: 0px;
}

.well.font-bold {
    font-weight: bold;
}

/******** TIENDA ********/
/*TPV*/
.form-tpv {
    padding: 10px 15px;
}

.tpv-lista-familias {
    font-size: small;
    max-height: 300px;
    overflow-y: auto;
}

.tpv-tableCesta {
    font-size: small;
}

.tpv-items-productos {
    height: 450px;
    overflow-y: auto;
    text-align: center;
    margin-left: -15px;
}

@media (max-width: 1699px) {
    .tpv-items-productos div {
        /*display: inline-block;
        width: 32%;*/
    }

    .tpv-item-producto {
        /*width: 33%;*/
    }
}

@media (min-width: 1700px) {
    .tpv-items-productos div {
        /*display: inline-block;
        width: 24%;*/
    }

    .tpv-item-producto {
        /*width: 25%;*/
    }
}

@media (min-width: 1700px) {
    .col-lg-2-tpv, .col-lg-3-tpv, .col-lg-6-tpv, .col-lg-9-tpv, .col-lg-10-tpv,
    {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-lg-2-tpv {
        width: 16%;
    }

    .col-lg-3-tpv {
        width: 25%;
    }

    .col-lg-6-tpv {
        width: 50%;
    }

    .col-lg-9-tpv {
        width: 75%;
    }

    .col-lg-10-tpv {
        width: 83%;
    }
}

.items-productos {
    margin-right: -10px;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 342px;
}

.item-producto {
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 150px;
    position: relative;
    padding: 0px;
    border: 1px solid #888;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
}

    .item-producto:hover {
        border: 1px solid #337ab7;
    }


.items-productos div {
    display: inline;
}

.item-producto-red {
    border-color: Red;
}

.item-producto-orange {
    border-color: Orange;
}

.item-producto img {
    max-width: 100%;
    height: 160px;
}

.item-producto span {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #888;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #FFF;
}

    .item-producto span.info_left {
        display: block;
        position: absolute;
        width: 55px;
        top: 0;
        left: 0;
    }

    .item-producto span.info_right {
        display: block;
        position: absolute;
        width: 55px;
        top: 0;
        right: 0;
    }

.item-producto-red span {
    background-color: Red;
}

.item-producto-orange span {
    background-color: Orange;
}

.item-producto:hover span {
    background-color: #337ab7;
}
/******** /TIENDA ********/

.altoMax50 {
    max-height: 50px;
    overflow-y: scroll;
}

.altoMax55 {
    max-height: 55px;
    overflow-y: scroll;
}

.altoMax60 {
    max-height: 60px;
    overflow-y: scroll;
}

.altoMax120 {
    max-height: 120px;
    overflow-y: scroll;
}

.alto180 {
    height: 180px;
    overflow-y: auto;
}

.alto230 {
    height: 230px
}

.altoMin200 {
    min-height: 200px;
}

.altoMin300 {
    min-height: 300px;
}


.altoMin600 {
    min-height: 600px;
}

ul.typeahead.dropdown-menu {
    width: 800px;
}

/* .tablaOpciones input[type='checkbox'], .tablaOpciones input[type='radio']{ margin-right:2px; } */
input[type='checkbox'], input[type='radio'] {
    margin-right: 2px;
}

.caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

.btn {
    text-overflow: ellipsis !important;
    overflow: hidden;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.listaCheck label {
    padding: 0 4px;
}

/* icono al lado izquierdo */
.has-feedback .form-control {
    padding-right: 34px;
}

    .has-feedback .form-control.input-sm,
    .has-feedback.form-group-sm .form-control {
        padding-right: 30px;
    }

    .has-feedback .form-control.input-lg,
    .has-feedback.form-group-lg .form-control {
        padding-right: 46px;
    }

.has-feedback-left .form-control {
    padding-right: 12px;
    padding-left: 34px;
}

    .has-feedback-left .form-control.input-sm,
    .has-feedback-left.form-group-sm .form-control {
        padding-left: 30px;
    }

    .has-feedback-left .form-control.input-lg,
    .has-feedback-left.form-group-lg .form-control {
        padding-left: 46px;
    }

.has-feedback-left .form-control-feedback {
    left: 0;
}

.form-control-feedback {
    line-height: 34px !important;
}

.input-sm + .form-control-feedback,
.form-horizontal .form-group-sm .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px !important;
}

.input-lg + .form-control-feedback,
.form-horizontal .form-group-lg .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px !important;
}

.has-feedback label.sr-only ~ .form-control-feedback,
.has-feedback label.sr-only ~ div .form-control-feedback {
    top: 0;
}

select.input-xs {
    height: 26px;
    line-height: 26px;
    padding: 4px 10px;
    font-size: 12px;
}

@media (min-width: 768px) {
    .form-inline .inline-feedback {
        position: relative;
        display: inline-block;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .has-feedback-left .form-control-feedback {
    left: 15px;
}

.form-horizontal-left .control-label {
    text-align: left;
}

.my-group .form-control {
    width: 50%;
}

.ajustar_normal, .ajustar .col-sm-12 {
    overflow-x: auto;
    /* padding:0px; */
}

.ajustar_alto100 {
    overflow-x: auto;
    overflow-y: auto;
    height: 105px;
}

.ajustar_alto150 {
    overflow-x: auto;
    overflow-y: auto;
    height: 155px;
}

.ajustar_alto200 {
    overflow-x: auto;
    overflow-y: auto;
    height: 200px;
    margin-bottom: 10px;
}

.ajustar_alto200_flex {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 210px;
    margin-bottom: 10px;
}

.ajustar_alto250 {
    overflow-x: auto;
    overflow-y: auto;
    height: 250px;
}

.ajustar_alto300 {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 300px;
    margin-bottom: 10px;
}

.ajustar_alto500 {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 500px;
    margin-bottom: 10px;
}

.ajustar_alto600 {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 610px;
}

.alto300 {
    overflow-x: auto;
    overflow-y: auto;
    height: 300px;
    margin-bottom: 10px;
}

.popover {
    min-width: 300px;
    width: auto;
}

.flex {
    display: flex;
    align-items: flex-end;
}

.flex-center {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    div.dataTables_info {
        white-space: normal !important;
    }
}

@media (max-width: 991px) {
    body {
        margin-bottom: 0px;
    }

    .footer {
        position: relative;
        height: auto !important;
    }
    /*
    .ajustar{
      min-height: .01%;
      overflow-x: auto;
    }
    */
}

.sombraHover {
    transition-property: box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}

    .sombraHover:hover {
        -webkit-box-shadow: 0px 0px 33px -6px rgba(0,0,0,1);
        -moz-box-shadow: 0px 0px 33px -6px rgba(0,0,0,1);
        box-shadow: 0px 0px 33px -6px rgba(0,0,0,1);
    }

.items-actividades {
    padding: 10px;
    margin-right: -20px;
    margin-bottom: -20px;
    /* overflow-x:auto;
    overflow-y:auto;
    max-height:342px; */
}

    .items-actividades div {
        display: inline;
    }

.item-actividad {
    display: inline-block;
    width: 236px;
    height: 260px;
    position: relative;
    padding: 0px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #CCC;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
}

.item-actividad-red {
    border-color: Red;
}

.item-actividad-orange {
    border-color: Orange;
}

.item-actividad:hover, item-curso:hover {
    border: 1px solid #337ab7;
}

.item-actividad img {
    margin: 6px;
    max-width: 222px;
    max-height: 222px;
}

.item-actividad span, .item-curso span {
    display: block;
    position: absolute;
    width: 236px;
    bottom: 0;
    background-color: #CCC;
    height: 24px;
    line-height: 24px;
    /*font-size:12px;*/
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #FFF;
}

.item-actividad:hover span, .item-curso:hover span {
    background-color: #337ab7;
}

.item-gallery {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

    .item-gallery .content {
        border: 1px solid #CCC;
        border-radius: 4px;
        text-align: center;
        padding: 4px;
    }

    .item-gallery img {
        width: 100%
    }

    .item-gallery .content:hover {
        border: 1px solid #337ab7;
    }

    .item-gallery img {
        max-width: 100%;
    }

    .item-gallery span, .item-curso span {
        display: block;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        background-color: #CCC;
        height: 24px;
        line-height: 24px;
        text-align: center;
        text-decoration: none;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #FFF;
    }

    .item-gallery:hover span {
        background-color: #337ab7;
    }

.item-cursos {
    padding: 10px;
    margin-right: -20px;
    margin-bottom: -20px;
}

.item-curso {
    width: 19%;
    min-height: 200px;
    display: inline-block;
    position: relative;
    padding: 0px;
    margin-right: 0.5%;
    margin-bottom: 20px;
    border: 1px solid #CCC;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
}

    .item-curso img {
        margin: 6px;
        max-width: 100%;
        max-height: 100%;
    }


.item-iconos {
    padding: 10px;
    margin-right: -20px;
    margin-bottom: -20px;
    height: 355px;
    overflow-y: auto;
}

.item-icono {
    background: #CCC;
    display: inline-block;
    width: 100px;
    height: 100px;
    position: relative;
    padding: 0px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #CCC;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
}

    .item-icono img {
        width: 100%;
        max-width: 100%;
    }

/* Estilos Calendario */
.calendarWrapper {
    background-color: #337ab7;
    padding: 0 4px 4px 4px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.myCalendar {
    background-color: #f2f2f2;
    width: 100%;
    border: none !important;
}

    .myCalendar a {
        text-decoration: none;
    }

    .myCalendar .myCalendarTitle {
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        background-color: #337ab7;
        color: #ffffff;
        border: none !important;
        text-transform: capitalize;
    }

    .myCalendar th.myCalendarDayHeader {
        height: 30px;
        text-align: center;
        text-transform: uppercase;
        background-color: #bce8f1;
        color: #31708f;
    }

    .myCalendar tr {
        border-bottom: solid 2px #fff;
    }

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

    .myCalendar tr:last-child td {
        border-bottom: none;
    }

    .myCalendar tr td.myCalendarDay,
    .myCalendar tr td.myCalendarOtherDay,
    .myCalendar tr th.myCalendarDayHeader {
        border-left: solid 2px #fff;
        border-right: solid 2px #fff;
        line-height: 30px;
    }

    .myCalendar td.myCalendarDay:nth-child(7) a {
        color: #a94442 !important;
    }

    .myCalendar td.myCalendarOtherDay a {
        color: #BBB !important;
    }

    .myCalendar .myCalendarNextPrev {
        text-align: center;
    }

        .myCalendar .myCalendarNextPrev a {
            color: #FFF !important;
        }

    .myCalendar td.myCalendarSelector a {
        background-color: #337ab7;
    }

    .myCalendar .myCalendarDayHeader a,
    .myCalendar .myCalendarDay a,
    .myCalendar .myCalendarSelector a,
    .myCalendar .myCalendarNextPrev a,
    .myCalendar .myCalendarOtherDay a {
        display: block;
        line-height: 30px;
    }

.myCalendarDaySelector {
    font-weight: bold;
    background-color: #337ab7 !important;
    border-left: 2px solid #FFF;
}

.myCalendar .myCalendarToday {
    background-color: #FFF;
    border-left: 2px solid #FFF;
}

    .myCalendar .myCalendarToday a {
        display: block;
        color: #25bae5 !important;
        font-weight: bold;
    }

.myCalendar .myCalendarDay a:hover,
.myCalendar .myCalendarSelector a:hover,
.myCalendar .myCalendarOtherDay a:hover {
    background-color: #ccc;
}
/* /Estilos Calendario */
.datepicker table tr td.range {
    background-color: #539EDB;
    border-color: #fff;
}


/*altaonline*/
.panel-resumen hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

.panel-promociones .panel {
    border: 1px solid #ddd;
}

.panel-promociones .promocion .panel-heading {
    height: 80px;
    text-align: center;
}

    .panel-promociones .promocion .panel-heading .panel-title {
        width: 100%;
    }

.panel-promociones .promocion .panel-body {
    height: 380px;
}

.panel-promociones .promocion div.descripcion {
    height: 310px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

    .panel-promociones .promocion div.descripcion div.desc {
        height: 230px;
    }

    .panel-promociones .promocion div.descripcion div.inf {
        height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

        .panel-promociones .promocion div.descripcion div.inf p {
            line-height: 1;
            margin: 0;
        }

.panel-promociones .promocion div.botonera {
    height: 40px;
    display: flex;
    align-items: center;
}

.panel-promociones .panel.panel-seleccionado {
    border: 1px solid #337ab7;
}

.panel-promociones:hover .panel.panel-seleccionado:hover {
    box-shadow: 0px 0px 33px -6px rgba(0,0,0,1);
}

.panel-promociones .panel-seleccionado .panel-heading {
    border: 1px solid #337ab7;
    background: #337ab7;
}

    .panel-promociones .panel-seleccionado .panel-heading .panel-title {
        color: #FFF;
        font-size: 20px;
        text-transform: uppercase;
        text-align: center;
    }

#content {
    /* for the animation */
    transition: width 0.3s ease;
}

#sidebar {
    /* for the animation */
    transition: margin 0.3s ease;
}

.icon-collapsed {
    /* hide it for small displays*/
    display: block;
}

.icon-menu-collapsed {
    display: none;
}

@media (min-width: 992px) {

    .icon-collapsed {
        display: none;
    }

    .icon-menu-collapsed {
        display: block;
    }

    .menu-collapsed {
        margin-right: -34%;
        transition: display 0.3s ease;
    }

    .menu-left-collapsed {
        margin-left: -34%;
        transition: display 0.3s ease;
    }
}

@media (min-width: 1024px) {
    .menu-collapsed {
        margin-right: -25%;
        transition: display 0.3s ease;
    }

    .menu-left-collapsed {
        margin-right: -25%;
        transition: display 0.3s ease;
    }
}

table.table {
    width: 100% !important;
}

    table.table > tbody > tr > td {
        vertical-align: middle;
    }

th.width30, td.width30 {
    width: 30px;
}

th.width60, td.width60 {
    width: 60px;
}

th.width70, td.width70 {
    width: 70px;
}

th.width50, td.width50 {
    width: 50px;
}

th.width80, td.width80 {
    width: 80px;
}

th.width100, td.width100 {
    width: 100px;
}

th.width130, td.width130 {
    width: 130px;
}

th.width160, td.width160 {
    width: 160px;
}

th.width200, td.width200 {
    width: 200px;
}

th.width230, td.width230 {
    width: 230px;
}

th.width300, td.width300 {
    width: 300px;
}

th.width350, td.width350 {
    width: 350px;
}

th.min-width30, td.min-width30 {
    width: 30px;
}

th.min-width60, td.min-width60 {
    width: 60px;
}

th.min-width70, td.min-width70 {
    width: 70px;
}

th.min-width50, td.min-width50 {
    width: 50px;
}

th.min-width80, td.min-width80 {
    min-width: 80px;
}

th.min-width100, td.min-width100 {
    min-width: 100px;
}

th.min-width130, td.min-width130 {
    min-width: 130px;
}

th.min-width160, td.min-width160 {
    min-width: 160px;
}

th.min-width200, td.min-width200 {
    min-width: 200px;
}

th.min-width230, td.min-width230 {
    min-width: 230px;
}

th.min-width300, td.min-width300 {
    min-width: 300px;
}

th.min-width350, td.min-width350 {
    min-width: 350px;
}

/*SCHEDULE*/
table.tablaClases td, table.tablaClases th {
    vertical-align: middle;
    padding: 4px !important;
    text-align: center;
}

table.tablaReservas tbody tr:nth-last-child(1) {
    background-color: #eee;
}

table.tablaReservas tbody td,
table.tablaReservas tbody th,
table.tablaReservas tfoot th,
table.tablaSemana tbody td,
table.tablaSemana tbody th,
table.tablaSemana tfoot td, {
    vertical-align: middle;
}

.table > tbody > tr > td.heading-range,
.table > tbody > tr > th.heading-range,
.table > tfoot > tr > td.heading-range,
.table > tfoot > tr > th.heading-range,
.table > thead > tr > td.heading-range,
.table > thead > tr > th.heading-range,
table.tablaReservas > tbody > tr > td,
table.tablaSemana > tbody > tr > td {
    padding: 1px;
}

table.tablaReservas tbody th, table.tablaReservas tfoot th,
table.tablaSemana tbody th, table.tablaSemana tfoot th {
    vertical-align: middle;
    text-align: center;
}

table.tablaReservas tbody td {
    cursor: pointer;
    min-width: 342px;
}

table.tablaSemana tbody td {
    min-width: 150px;
}

table.tablaReservas tbody td.scheduleEmpty,
table.tablaReservas tbody td.available {
    min-width: 40px;
    text-align: center;
}

    table.tablaReservas tbody td.available a {
        padding: 50px 0;
    }

    table.tablaReservas tbody td.scheduleEmpty div,
    table.tablaReservas tbody td.available div {
        margin: 0 auto;
    }

    table.tablaReservas tbody td.scheduleEmpty span.nuevaReserva,
    table.tablaReservas tbody td.available span.nuevaReserva {
        width: 100%;
    }


table.tablaReservas tbody td.unavailable {
    width: auto;
    min-width: 300px;
}

table.tablaReservas tbody td.cerrado {
    background-color: #d9534f;
}

table.tablaReservas tbody td.reservado {
    background-color: #f2dede;
}

table.tablaReservas tbody td span div a,
table.tablaSemana tbody td span div a {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: black;
    font-weight: normal;
    font-size: 13px;
}

table.tablaReservas tbody td.normal {
    background: red;
}

table.tablaReservas tbody td.normal2 {
    background: red;
}

table.tablaReservas tbody td.nodisponible {
    background: #eee;
}

table.tablaReservas tbody td.Agua {
    background: #ccefff;
}

table.tablaReservas tbody td.Amarillo {
    background: #fff6c2;
}

table.tablaReservas tbody td.Azul {
    background: #d6e9f8;
}

table.tablaReservas tbody td.Fucsia {
    background: #f8c9d3;
}

table.tablaReservas tbody td.Lima {
    background: #d4e082;
}

table.tablaReservas tbody td.Oliva {
    background: #73c6b6;
}

table.tablaReservas tbody td.Plata {
    background: #d9dada;
}

table.tablaReservas tbody td.Rojo {
    background: #f9c7c3;
}

table.tablaReservas tbody td.Rosa {
    background: #fad3da;
}

table.tablaReservas tbody td.Verde {
    background: #bfe6c9;
}

table.tablaReservas tbody td.Blanco {
    background: #f2f2f2;
}


table.tablaReservas tbody td.Marron {
    background: #c7b18c;
}

table.tablaReservas tbody td.Melocoton {
    background: #ffe1c2;
}

table.tablaReservas tbody td.Naranja {
    background: #ffe7b3;
}

table.tablaReservas tbody td.Purpura {
    background: #e8d4ed;
}

table.tablaReservas tbody td.Salmon {
    background: #ffc9a7;
}

table.tablaReservas tbody td.Turquesa {
    background: #d4fcfa;
}

table.tablaReservas tbody td.Violeta {
    background: #f5d2f6;
}

table.tablaReservas tbody td.Khaki {
    background: #d4cd77;
}

table.tablaReservas tbody td.Lavanda {
    background: #cecfff;
}

table.tablaInscripciones td, table.tablaInscripciones th {
    vertical-align: middle;
    padding: 4px !important;
    text-align: left;
}

.panel-reservas {
    height: 240px;
    overflow-x: auto;
}

.panel-servicios .panel-body {
    height: 115px;
    overflow-x: auto;
}

.panel-crm-campanya {
    height: 190px;
    overflow-x: auto;
}

.celda {
    min-width: 150px;
}

table.tablaReservas tbody td span div a {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: #444;
    font-weight: normal;
    font-size: 13px;
}


table.tablaReservas tbody td.nodisponible span div a {
    color: #777;
    cursor: default;
}

table.tablaReservas tbody td.normal {
    background: red;
}

.celdaTitulo {
    min-width: 50px;
}

.modal-xlg {
    width: 80%;
}

.modal-xxlg {
    width: 95%;
}

.form-caja {
    font-size: 17px;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.Agua, a.Agua {
    background: #ccefff !important;
}

.Amarillo, a.Amarillo {
    background: #fff6c2 !important;
}

.Azul, a.Azul {
    background: #d6e9f8 !important;
}

.Fucsia, a.Fucsia {
    background: #f8c9d3 !important;
}

.Lima, a.Lima {
    background: #d4e082 !important;
}

.Oliva, a.Oliva {
    background: #73c6b6 !important;
}

.Plata, a.Plata {
    background: #d9dada !important;
}

.Rojo, a.Rojo {
    background: #f9c7c3 !important;
}

.Rosa, a.Rosa {
    background: #fad3da !important;
}

.Verde, a.Verde {
    background: #bfe6c9 !important;
}

.Blanco, a.Blanco {
    background: #f2f2f2 !important;
}

.Marron, a.Marron {
    background: #c7b18c !important;
}

.Melocoton, a.Melocoton {
    background: #ffe1c2 !important;
}

.Naranja, a.Naranja {
    background: #ffe7b3 !important;
}

.Purpura, a.Purpura {
    background: #e8d4ed !important;
}

.Salmon, a.Salmon {
    background: #ffc9a7 !important;
}

.Turquesa, a.Turquesa {
    background: #d4fcfa !important;
}

.Violeta, a.Violeta {
    background: #f5d2f6 !important;
}

.Khaki, a.Khaki {
    background: #d4cd77 !important;
}

.Lavanda, a.Lavanda {
    background: #cecfff !important;
}


/*SCHEDULE*/

.schedulElementAdministracion, .schedulElementAdministracionCurso {
    padding: 4px;
    display: grid;
    grid-template-rows: 14px auto 14px;
}

    .schedulElementAdministracion p, .schedulElementAdministracionCurso p {
        margin: 0px;
        display: inline-block;
    }

    .schedulElementAdministracion span.info, .schedulElementAdministracionCurso span.info {
        font-style: italic;
        font-size: 13px;
        color: #777;
    }

td.nodisponible .schedulElementAdministracion span.info {
    font-weight: normal;
}

.schedulElementAdministracion .titulo, .schedulElementAdministracionCurso .titulo {
    font-size: 16px;
    padding-left: 4px;
    padding-right: 4px;
}

td.nodisponible .schedulElementAdministracion .titulo, td.nodisponible .schedulElementAdministracionCurso .titulo {
    font-size: 14px;
}

td.nodisponible .schedulElementAdministracion .titulo2, td.nodisponible .schedulElementAdministracionCurso .titulo2 {
    font-size: 12px;
}

.schedulElementAdministracion .subtitulo, .schedulElementAdministracionCurso .subtitulo {
    padding-left: 4px;
    padding-right: 4px;
    color: #777;
    font-style: italic;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 14px;
    font-size: 13px;
    max-width: 250px;
}


td.NoPagado {
    background-color: #ebaaaa
}

td.Pagado {
    background-color: #d0e9c6
}

td.PagadoParcialmente {
    background-color: #fcf8e3;
}
/**/

/*
  --------------- Analitica. ----------------

*/

.tile-stats.sparkline {
    padding: 10px;
    text-align: center
}

.tile-stats {
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    background: #FFF;
    transition: all 300ms ease-in-out
}

    .tile-stats .icon {
        width: 20px;
        height: 20px;
        color: #BAB8B8;
        position: absolute;
        right: 53px;
        top: 22px;
        z-index: 1
    }

        .tile-stats .icon i {
            margin: 0;
            font-size: 60px;
            line-height: 0;
            vertical-align: bottom;
            padding: 0
        }

    .tile-stats .count {
        font-size: 38px;
        font-weight: bold;
        line-height: 1.65857
    }

    .tile-stats .count,
    .tile-stats h3,
    .tile-stats p {
        position: relative;
        margin: 0;
        margin-left: 10px;
        z-index: 5;
        padding: 0
    }



    .tile-stats p {
        margin-top: 5px;
        font-size: 12px
    }

    .tile-stats > .dash-box-footer {
        position: relative;
        text-align: center;
        margin-top: 5px;
        padding: 3px 0;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none
    }

        .tile-stats > .dash-box-footer:hover {
            color: #fff;
            background: rgba(0, 0, 0, 0.15)
        }

        .tile-stats > .dash-box-footer:hover {
            color: #fff;
            background: rgba(0, 0, 0, 0.15)
        }

.x_panel {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease
}

.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-bottom: 10px
}

    .x_title .filter {
        width: 40%;
        float: right
    }

    .x_title h2 {
        margin: 5px 0 6px;
        float: left;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .x_title h2 small {
            margin-left: 10px
        }

    .x_title span {
        color: #BDBDBD
    }

.textobajas {
    color: Red;
}

.textoaltas {
    color: green;
}

.textosocios {
    color: Blue;
}

/*
  --------------- Dashboard. ----------------

*/

.tile-stats.tile-dashboard {
    min-height: 145px;
}

    .tile-stats.tile-dashboard .count {
        /*font-weight: 500;*/
        font-size: 28px;
        margin: 10px 0px 10px 0px;
    }

/*
  --------------- CRM. ----------------

*/

.btn-group-tag {
    margin-bottom: 10px;
}

input.btn-tag {
    cursor: default;
    background: white;
}

    input.btn-tag.tag-general {
        color: white;
        background: #777;
    }

    input.btn-tag:hover,
    input.btn-tag:focus,
    input.btn-tag:active,
    input.btn-tag:target,
    input.btn-tag:active:focus {
        color: inherit;
        background: white;
    }

    input.btn-tag.tag-general:hover,
    input.btn-tag.tag-general:focus,
    input.btn-tag.tag-general:active,
    input.btn-tag.tag-general:target,
    input.btn-tag.tag-general:active:focus {
        color: white;
        background: #777;
    }

div.icon i.color-estado-prospecto {
    color: #490f8f
}

div.icon i.color-estado-alta {
    color: #0a5f09
}

i.color-envio-push {
    color: #0b0e77
}

i.color-envio-email {
    color: #8b8213
}

i.color-envio-sms {
    color: #8b4513
}

.historico-count {
    font-weight: 500;
    font-size: 28px;
    margin: 0px 0px 10px 0px;
}

.titulo-panel {
    font-size: 17px;
    margin-top: 5px;
}

.info-panel {
    padding: 5px 10px;
    background-color: #f5f5f5;
    margin-bottom: 10px;
}

.altura-panel {
    min-height: 300px;
}

.stat-list li:first-child {
    margin-top: 0;
}

.stat-list li:last-child {
    margin-bottom: 10px;
}

.stat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.stat-percent {
    /*float : right;*/
    font-size: 17px;
    position: absolute;
    right: 10px;
    bottom: 12px;
}

.stat-value {
    font-size: 22px;
    margin: 0 !important;
}

.stat-list li {
    margin-top: 15px;
    position: relative;
}

.progress-small,
.progress-small .progress-bar {
    height: 10px;
}

.progress-small,
.progress-mini {
    margin-top: 5px;
}

    .progress-mini,
    .progress-mini .progress-bar {
        height: 5px;
        margin-bottom: 0;
    }


.no-margins {
    margin: 0 !important;
}

.ibox-content {
    background-color: #ffffff;
    color: #333;
    padding: 15px 15px 10px 15px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

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

.ibox-content .font-bold {
    font-weight: 600;
}

.icon.icon-indicador {
    font-size: 45px;
    position: absolute;
    right: 53px;
    top: 45px;
    color: #BAB8B8;
}

/*-----------------------------------*/

.vitale {
    background-image: url(../img/vitale.png);
    min-width: 28px;
    background-repeat: no-repeat;
    background-position: center;
}

.fondo-gris {
    background: #CCC;
}

.table-striped .strong > tbody > tr:nth-of-type(odd):not(:first-child) {
    /*background-color: #ddd;*/
}

/*
----------------------------
Check box estilo switch
----------------------------

Ej:
<label class="switch">
    <asp:CheckBox ID="chkOnOff" runat="server" Checked="true" />
    <span class="switch-slider"></span>
</label>

*/
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .switch input {
        opacity: 0;
    }

    .switch .switch-slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 34px;
    }

        .switch .switch-slider:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
        }

input:checked + .switch-slider {
    background-color: #337ab7;
}

.panel-primary > .panel-heading input:checked + .switch-slider {
    background-color: #5cb85c;
}

input:checked + .switch-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/*
----------------------------
Check box estilo switch con bordes
----------------------------

Ej:
<label class="minimalSwitch">
    <asp:CheckBox ID="chkOnOff" runat="server" Checked="true" />
    <span class="minimalSwitch-slider"></span>
</label>

*/
/*
----------------------------
Check box estilo switch
----------------------------

Ej:
<label class="minimalSwitch">
    <asp:CheckBox ID="chkOnOff" runat="server" Checked="true" />
    <span class="minimalSwitch-slider"></span>
</label>

*/
/*
----------------------------
Check box estilo switch
----------------------------

Ej:
<label class="minimalSwitch">
    <asp:CheckBox ID="chkOnOff" runat="server" Checked="true" />
    <span class="minimalSwitch-slider"></span>
</label>

*/
.minimalSwitch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .minimalSwitch input {
        opacity: 0;
    }

    .minimalSwitch .minimalSwitch-slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc; /* Cambiado a gris */
        border: 2px solid #337ab7; /* Borde azul cuando no está checked */
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 34px;
    }

        .minimalSwitch .minimalSwitch-slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 0px; /* Ajuste horizontal para que encaje bien */
            top: 50%; /* Centrado verticalmente */
            transform: translateY(-50%); /* Centrado verticalmente */
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
        }

input:checked + .minimalSwitch-slider {
    background-color: #337ab7; /* Fondo azul cuando está checked */
    border: 2px solid #ccc; /* Borde gris cuando está checked */
}

    input:checked + .minimalSwitch-slider:before {
        -webkit-transform: translateX(26px) translateY(-50%); /* Ajustado para moverse correctamente y centrarse verticalmente */
        -ms-transform: translateX(26px) translateY(-50%);
        transform: translateX(26px) translateY(-50%);
    }

.panel-primary > .panel-heading input:checked + .minimalSwitch-slider {
    background-color: #5cb85c;
}




.preview-container {
    height: 200px;
    border: 1px solid #ccc;
    text-align: center;
}

    .preview-container img, .preview-container video {
        height: 198px;
        width: 100%;
    }

.tab-container {
    border: 1px solid #ddd;
    padding: 14px;
    border-width: 0 1px 1px 1px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .tab-container .menu-lat a.block {
        display: block;
        text-decoration: none;
        color: #333;
    }

.center {
    position: absolute;
    right: 0;
    left: 0;
}

.white {
    color: #FFF;
}

.red {
    color: rgb(209, 91, 71);
}

.light-red {
    color: #E20000;
}

.green {
    color: #5cb85c
}

.light-green {
    color: #00CA00;
}

.blue {
    color: #428bca
}

.gray {
    color: #CCC
}

.yellow {
    color: #f0ad4e
}

.sin-padding-lateral {
    padding-left: 0px;
    padding-right: 0px;
}

.sin-padding-lateral-izq {
    padding-left: 0px;
}

.sin-padding-lateral-der {
    padding-right: 0px;
}

.panel-separator {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border: 1px solid #ddd;
    text-align: center;
}

.panel-body.padding-min {
    padding: 5px;
}

.item-entrenamiento {
    border: 1px solid #ddd;
    /* border-width: 0 1px 1px 1px; */
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 1px 1px 0px 0px #ccc;
    margin-bottom: 10px;
}

.item-entrenamiento-info {
    padding: 0 5px 0 5px;
    background: #f5f5f5;
}

.item-entrenamiento-imagen img {
    width: 100%;
}

.item-entrenamiento .editar {
    position: absolute;
    right: 10px;
    margin-top: 5px;
    margin-right: 5px;
}

.entrenamiento-elemento {
    margin-bottom: 5px;
}

.elementoAgrupacion {
    height: 37px;
}

.elementoAgrupacionBiserie {
    height: 37px;
}

.elementoAgrupacionTriserie {
    height: 74px;
}

.entrenamiento-elementoEjercicio {
    height: 110px;
}

span.entrenamiento-elementoIncompleto {
    font-size: 1.2em;
    margin-left: 5px;
    color: #a94442;
}

span.entrenamiento-elementoIncompleto-ns {
    font-size: 1.0em;
    margin-left: 5px;
    color: #a94442;
}

fieldset.fs-entrenamiento-parte {
    margin-bottom: 15px;
}

.entrenamiento-parte {
    display: flex;
    width: 100%;
    overflow-x: auto;
    margin-right: 4px;
}

.entrenamiento-sesion {
    flex-shrink: 0;
    width: 300px;
    margin-right: 4px;
}

.panel-entrenamiento-sesion {
    border: 0px;
    box-shadow: none;
}

    .panel-entrenamiento-sesion .panel {
        margin-bottom: 5px;
    }

    .panel-entrenamiento-sesion .panel-body {
        padding: 5px;
    }

    .panel-entrenamiento-sesion > .panel-body {
        padding: 0px;
    }

.entrenamiento-sesion .panel-heading {
    padding: 5px;
    text-align: center;
    margin-bottom: 0px;
}


.dif-acondicionamiento {
    color: #5bc0de;
}

.dif-iniciacion {
    color: #5cb85c;
}

.dif-intermedio {
    color: #FFD800;
}

.dif-avanzado {
    color: #FF6A00;
}

.dif-experto {
    color: #FF0000;
}

.group .group-icon:before {
    font-family: FontAwesome;
    content: "\f0d8";
    padding-right: 5px;
}

.group .group-icon.collapsed:before {
    content: "\f0d7";
}

.items-grupo .fila {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

    .items-grupo .fila.sesion {
        height: 46px;
    }

    .items-grupo .fila.socio {
        min-height: 56px;
    }

    .items-grupo .fila.ejercicio, .items-grupo .fila.socio {
        padding: 4px;
    }

    .items-grupo .fila.sesion {
        font-size: 16px;
    }

.items-grupo div.fila:nth-child(odd) {
    background-color: #f9f9f9
}

.items-grupo div.fila:nth-child(even) {
    background-color: #fff;
}

    .items-grupo div.fila:nth-child(odd).selected, .items-grupo div.fila:nth-child(even).selected {
        background-color: #dff0d8
    }

.ent-semanas .col-xlg-1, .ent-semanas .col-xlg-2, .ent-semanas .col-xlg-3, .ent-semanas .col-xlg-4, .ent-semanas .col-xlg-5, .ent-semanas .col-xlg-6, .ent-semanas .col-xlg-7, .ent-semanas .col-xlg-8, .ent-semanas .col-xlg-9, .ent-semanas .col-xlg-10, .ent-semanas .col-xlg-11, .ent-semanas .col-xlg-12,
.ent-semanas .col-lg-1, .ent-semanas .col-lg-2, .ent-semanas .col-lg-3, .ent-semanas .col-lg-4, .ent-semanas .col-lg-5, .ent-semanas .col-lg-6, .ent-semanas .col-lg-7, .ent-semanas .col-lg-8, .ent-semanas .col-lg-9, .ent-semanas .col-lg-10, .ent-semanas .col-lg-11, .ent-semanas .col-lg-12,
.ent-semanas .col-md-1, .ent-semanas .col-md-2, .ent-semanas .col-md-3, .ent-semanas .col-md-4, .ent-semanas .col-md-5, .ent-semanas .col-md-6, .ent-semanas .col-md-7, .ent-semanas .col-md-8, .ent-semanas .col-md-9, .ent-semanas .col-md-10, .ent-semanas .col-md-11, .ent-semanas .col-md-12 {
    padding-left: 15px;
    padding-right: 0px;
}

.center-absolute {
    position: absolute;
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: 0;
    text-align: center;
}

/*SORTABLE*/
body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

ol.example li.placeholder {
    position: relative;
    /** More li styles **/
}

    ol.example li.placeholder:before {
        position: absolute;
        /** Define arrowhead **/
    }

ul.sortable {
    padding: 0px;
    list-style-type: none;
    min-height: 50px;
}


.timeline {
    list-style: none;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 2px;
        background-color: #337ab7;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline .clearFix {
        clear: both;
        height: 0;
    }

    .timeline .timeline-badge {
        color: #fff;
        width: 50px;
        height: 50px;
        font-size: 1.2em;
        text-align: center;
        position: absolute;
        top: 20px;
        left: 50%;
        margin-left: -25px;
        background-color: #337ab7;
        z-index: 100;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
    }

        .timeline .timeline-badge span.timeline-balloon-date-day {
            font-size: 1.4em;
        }

        .timeline .timeline-badge span.timeline-balloon-date-month {
            font-size: .7em;
            position: relative;
            top: -10px;
        }

        .timeline .timeline-badge.timeline-filter-movement {
            background-color: #ffffff;
            font-size: 1.7em;
            height: 35px;
            margin-left: -18px;
            width: 35px;
            top: 40px;
        }

            .timeline .timeline-badge.timeline-filter-movement a span {
                color: #4997cd;
                font-size: 1.3em;
                top: -1px;
            }

        .timeline .timeline-badge.timeline-future-movement {
            background-color: #ffffff;
            height: 35px;
            width: 35px;
            font-size: 1.7em;
            top: -16px;
            margin-left: -18px;
        }

            .timeline .timeline-badge.timeline-future-movement a span {
                color: #337ab7;
                font-size: .9em;
                top: 2px;
                left: 1px;
            }

    .timeline .timeline-movement {
        border-bottom: dashed 1px #337ab7;
        position: relative;
    }

        .timeline .timeline-movement.timeline-movement-top {
            height: 60px;
        }

        .timeline .timeline-movement .timeline-item {
            padding: 20px 0;
        }

            .timeline .timeline-movement .timeline-item .timeline-panel {
                border: 1px solid #d4d4d4;
                border-radius: 3px;
                background-color: #FFFFFF;
                color: #666;
                padding: 10px;
                position: relative;
                -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
                box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            }

                .timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }

                .timeline .timeline-movement .timeline-item .timeline-panel.left .timeline-panel-ul {
                    text-align: right;
                }

                    .timeline .timeline-movement .timeline-item .timeline-panel.left .timeline-panel-ul li {
                        color: #666;
                    }

                        .timeline .timeline-movement .timeline-item .timeline-panel.left .timeline-panel-ul li span.title {
                            font-size: 1.3em;
                        }

                .timeline .timeline-movement .timeline-item .timeline-panel.right .timeline-panel-ul {
                    text-align: left;
                }

                    .timeline .timeline-movement .timeline-item .timeline-panel.right .timeline-panel-ul span.title {
                        font-size: 1.3em;
                    }

@media (min-width: 1400px) {
    .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
        float: left;
    }

    .col-xlg-12 {
        width: 100%;
    }

    .col-xlg-11 {
        width: 91.66666667%;
    }

    .col-xlg-10 {
        width: 83.33333333%;
    }

    .col-xlg-9 {
        width: 75%;
    }

    .col-xlg-8 {
        width: 66.66666667%;
    }

    .col-xlg-7 {
        width: 58.33333333%;
    }

    .col-xlg-6 {
        width: 50%;
    }

    .col-xlg-5 {
        width: 41.66666667%;
    }

    .col-xlg-4 {
        width: 33.33333333%;
    }

    .col-xlg-3 {
        width: 25%;
    }

    .col-xlg-2 {
        width: 16.66666667%;
    }

    .col-xlg-1 {
        width: 8.33333333%;
    }

    .col-xlg-pull-12 {
        right: 100%;
    }

    .col-xlg-pull-11 {
        right: 91.66666667%;
    }

    .col-xlg-pull-10 {
        right: 83.33333333%;
    }

    .col-xlg-pull-9 {
        right: 75%;
    }

    .col-xlg-pull-8 {
        right: 66.66666667%;
    }

    .col-xlg-pull-7 {
        right: 58.33333333%;
    }

    .col-xlg-pull-6 {
        right: 50%;
    }

    .col-xlg-pull-5 {
        right: 41.66666667%;
    }

    .col-xlg-pull-4 {
        right: 33.33333333%;
    }

    .col-xlg-pull-3 {
        right: 25%;
    }

    .col-xlg-pull-2 {
        right: 16.66666667%;
    }

    .col-xlg-pull-1 {
        right: 8.33333333%;
    }

    .col-xlg-pull-0 {
        right: auto;
    }

    .col-xlg-push-12 {
        left: 100%;
    }

    .col-xlg-push-11 {
        left: 91.66666667%;
    }

    .col-xlg-push-10 {
        left: 83.33333333%;
    }

    .col-xlg-push-9 {
        left: 75%;
    }

    .col-xlg-push-8 {
        left: 66.66666667%;
    }

    .col-xlg-push-7 {
        left: 58.33333333%;
    }

    .col-xlg-push-6 {
        left: 50%;
    }

    .col-xlg-push-5 {
        left: 41.66666667%;
    }

    .col-xlg-push-4 {
        left: 33.33333333%;
    }

    .col-xlg-push-3 {
        left: 25%;
    }

    .col-xlg-push-2 {
        left: 16.66666667%;
    }

    .col-xlg-push-1 {
        left: 8.33333333%;
    }

    .col-xlg-push-0 {
        left: auto;
    }

    .col-xlg-offset-12 {
        margin-left: 100%;
    }

    .col-xlg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xlg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xlg-offset-9 {
        margin-left: 75%;
    }

    .col-xlg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xlg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xlg-offset-6 {
        margin-left: 50%;
    }

    .col-xlg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xlg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xlg-offset-3 {
        margin-left: 25%;
    }

    .col-xlg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xlg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xlg-offset-0 {
        margin-left: 0;
    }
}

.tab-container {
    border: 1px solid #ddd;
    padding: 14px;
    border-width: 0 1px 1px 1px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .tab-container .menu-lat a.block {
        display: block;
        text-decoration: none;
        color: #333;
    }

.label-block {
    display: block;
}


.loader {
    margin: 4em auto;
    font-size: 24px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: loading 1.1s infinite ease;
    animation: loading 1.1s infinite ease;
}



@-webkit-keyframes loading {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #3498db, 1.8em -1.8em 0 0em rgba(52,152,219, 0.2), 2.5em 0em 0 0em rgba(52,152,219, 0.2), 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.2), -1.8em 1.8em 0 0em rgba(52,152,219, 0.2), -2.6em 0em 0 0em rgba(52,152,219, 0.5), -1.8em -1.8em 0 0em rgba(52,152,219, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.7), 1.8em -1.8em 0 0em #3498db, 2.5em 0em 0 0em rgba(52,152,219, 0.2), 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.2), -1.8em 1.8em 0 0em rgba(52,152,219, 0.2), -2.6em 0em 0 0em rgba(52,152,219, 0.2), -1.8em -1.8em 0 0em rgba(52,152,219, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.5), 1.8em -1.8em 0 0em rgba(52,152,219, 0.7), 2.5em 0em 0 0em #3498db, 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.2), -1.8em 1.8em 0 0em rgba(52,152,219, 0.2), -2.6em 0em 0 0em rgba(52,152,219, 0.2), -1.8em -1.8em 0 0em rgba(52,152,219, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.2), 1.8em -1.8em 0 0em rgba(52,152,219, 0.5), 2.5em 0em 0 0em rgba(52,152,219, 0.7), 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.2), -1.8em 1.8em 0 0em rgba(52,152,219, 0.2), -2.6em 0em 0 0em rgba(52,152,219, 0.2), -1.8em -1.8em 0 0em rgba(52,152,219, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.2), 1.8em -1.8em 0 0em rgba(52,152,219, 0.2), 2.5em 0em 0 0em rgba(52,152,219, 0.5), 1.75em 1.75em 0 0em rgba(52,152,219, 0.7), 0em 2.5em 0 0em #3498db, -1.8em 1.8em 0 0em rgba(52,152,219, 0.2), -2.6em 0em 0 0em rgba(52,152,219, 0.2), -1.8em -1.8em 0 0em rgba(52,152,219, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.2), 1.8em -1.8em 0 0em rgba(52,152,219, 0.2), 2.5em 0em 0 0em rgba(52,152,219, 0.2), 1.75em 1.75em 0 0em rgba(52,152,219, 0.5), 0em 2.5em 0 0em rgba(52,152,219, 0.7), -1.8em 1.8em 0 0em #3498db, -2.6em 0em 0 0em rgba(52,152,219, 0.2), -1.8em -1.8em 0 0em rgba(52,152,219, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.2), 1.8em -1.8em 0 0em rgba(52,152,219, 0.2), 2.5em 0em 0 0em rgba(52,152,219, 0.2), 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.5), -1.8em 1.8em 0 0em rgba(52,152,219, 0.7), -2.6em 0em 0 0em #3498db, -1.8em -1.8em 0 0em rgba(52,152,219, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.2), 1.8em -1.8em 0 0em rgba(52,152,219, 0.2), 2.5em 0em 0 0em rgba(52,152,219, 0.2), 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.2), -1.8em 1.8em 0 0em rgba(52,152,219, 0.5), -2.6em 0em 0 0em rgba(52,152,219, 0.7), -1.8em -1.8em 0 0em #3498db;
    }
}

@keyframes loading {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #3498db, 1.8em -1.8em 0 0em rgba(52,152,219, 0.2), 2.5em 0em 0 0em rgba(52,152,219, 0.2), 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.2), -1.8em 1.8em 0 0em rgba(52,152,219, 0.2), -2.6em 0em 0 0em rgba(52,152,219, 0.5), -1.8em -1.8em 0 0em rgba(52,152,219, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.7), 1.8em -1.8em 0 0em #3498db, 2.5em 0em 0 0em rgba(52,152,219, 0.2), 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.2), -1.8em 1.8em 0 0em rgba(52,152,219, 0.2), -2.6em 0em 0 0em rgba(52,152,219, 0.2), -1.8em -1.8em 0 0em rgba(52,152,219, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.5), 1.8em -1.8em 0 0em rgba(52,152,219, 0.7), 2.5em 0em 0 0em #3498db, 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.2), -1.8em 1.8em 0 0em rgba(52,152,219, 0.2), -2.6em 0em 0 0em rgba(52,152,219, 0.2), -1.8em -1.8em 0 0em rgba(52,152,219, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.2), 1.8em -1.8em 0 0em rgba(52,152,219, 0.5), 2.5em 0em 0 0em rgba(52,152,219, 0.7), 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.2), -1.8em 1.8em 0 0em rgba(52,152,219, 0.2), -2.6em 0em 0 0em rgba(52,152,219, 0.2), -1.8em -1.8em 0 0em rgba(52,152,219, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.2), 1.8em -1.8em 0 0em rgba(52,152,219, 0.2), 2.5em 0em 0 0em rgba(52,152,219, 0.5), 1.75em 1.75em 0 0em rgba(52,152,219, 0.7), 0em 2.5em 0 0em #3498db, -1.8em 1.8em 0 0em rgba(52,152,219, 0.2), -2.6em 0em 0 0em rgba(52,152,219, 0.2), -1.8em -1.8em 0 0em rgba(52,152,219, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.2), 1.8em -1.8em 0 0em rgba(52,152,219, 0.2), 2.5em 0em 0 0em rgba(52,152,219, 0.2), 1.75em 1.75em 0 0em rgba(52,152,219, 0.5), 0em 2.5em 0 0em rgba(52,152,219, 0.7), -1.8em 1.8em 0 0em #3498db, -2.6em 0em 0 0em rgba(52,152,219, 0.2), -1.8em -1.8em 0 0em rgba(52,152,219, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.2), 1.8em -1.8em 0 0em rgba(52,152,219, 0.2), 2.5em 0em 0 0em rgba(52,152,219, 0.2), 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.5), -1.8em 1.8em 0 0em rgba(52,152,219, 0.7), -2.6em 0em 0 0em #3498db, -1.8em -1.8em 0 0em rgba(52,152,219, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(52,152,219, 0.2), 1.8em -1.8em 0 0em rgba(52,152,219, 0.2), 2.5em 0em 0 0em rgba(52,152,219, 0.2), 1.75em 1.75em 0 0em rgba(52,152,219, 0.2), 0em 2.5em 0 0em rgba(52,152,219, 0.2), -1.8em 1.8em 0 0em rgba(52,152,219, 0.5), -2.6em 0em 0 0em rgba(52,152,219, 0.7), -1.8em -1.8em 0 0em #3498db;
    }
}


.tt-menu {
    background: #FFF;
}

.cke_textarea_inline {
    border: 1px solid #ccc;
    border-radius: 4px;
    min-height: 200px;
    padding: 6px 12px;
}

.cke_textarea_short > .cke_textarea_inline {
    min-height: 75px;
}

span.fa-circle.text-primary {
    color: #337ab7 !important;
}

span.fa-circle.text-info {
    color: #5bc0de !important;
}

.table-sticky-container {
    max-height: 600px;
    overflow-y: auto;
    border: 1px solid #ccc;
    position: relative;
}


/**
    sticky tables
*/

table tbody tr th.sticky-header,
table tfoot tr th.sticky-header {
    background-color: #eee;
    position: sticky;
    z-index: 2;
}

    table tbody tr th.sticky-header:first-child {
        left: 0;
    }

    table tbody tr th.sticky-header:last-child {
        right: 0;
    }


table tbody tr:first-child th.sticky-header {
    top: 0;
}

table tfoot tr th.sticky-header {
    bottom: 0px;
}

span.badge.pagosDebe {
    margin: 0px 5px;
}

/**
    same hight blocks
*/

div.same-hight-block-container {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

.same-hight-block {
    flex: 1;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .same-hight-block .panel,
    .same-hight-block .panel-body {
        border: 0px;
    }

/**
    Multiselect with disabled items
*/

ul.multiselect-container.dropdown-menu > .disabled > a {
    background-color: white;
}

    ul.multiselect-container.dropdown-menu > .disabled > a > label:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }

img.imgCert 
{
    max-height: 230px;
    max-width: 100%
}