.CargarImagen {
    border: 1px dotted !important;
    width: 250px !important;
    height: 180px !important;
    background-size: cover;
}

.fila-completa td {
    white-space: nowrap;
}

.ver-mas {
    font-size: 20px;
    border: 0;
    padding: 7px 10px;
    background-color: #fff !important;
    box-shadow: none !important;
}


.ocultar {
    display: none;
}

header.content-header a:focus {
    text-decoration: none;
}

.modalIframe {
    width: 100%;
}

.modalBodyIframe {
    overflow-y: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section-content .side-left.side-left-fixed {
        display: none;
    }

    .section-content .content {
        margin-left: 0;
        width: 100%;
    }
}

ul.content-action.pull-right > li img {
    cursor: pointer;
}

.dropdown-menu.dropdown-filtrocuenta > li.zona {
    color: #0e79fd;
    font-size: 16px;
}

    .dropdown-menu.dropdown-filtrocuenta > li.zona > a {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 15px;
    }

.indicadorConvencionMesa {
    margin: 5%;
    width: 15%;
    height: 15%;
    position: absolute;
    border-radius: 50%;
}

.dropdown.btn-group {
    margin-left: 5px;
}

.informes-menu {
    margin: 20px 20px 20px 20px;
    text-align: center;
    display: inline-flex;
    color: black;
}

.informes-menu-item {
    display: block;
    width: 98px;
}

.dropdown-menu.puntero:before {
    position: absolute;
    top: -9px;
    right: 86px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #0e79fd;
    border-left: 9px solid transparent;
    border-bottom-color: #0e79fd;
    content: '';
}

.dropdown-menu.bg-zeus.dropdown-extend > div {
    /*background-color:#fff;*/
}

.spn-codmesa {
    font-size: 12px;
    font-weight: bold;
}

.indicador-convencion {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: gray;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.indicador-text {
    display: inline-block;
    padding-bottom: 4px;
    vertical-align: middle;
}

.indicador-convencion.superior-izquierda {
    background-color: #117811;
}

.indicador-convencion.inferior-izquierda {
    background-color: #D00808;
}

.indicador-convencion.superior-derecha {
    background-color: #FFC800;
}

.indicador-convencion.mesa-bloqueo {
    background-color: #565656;
}

.indicador-detalle {
    border-left: 2px solid;
    border-color: gray;
}

@media (min-width: 767px) {
    .contenedor-imagen {
        margin-top: 11%;
    }
}

@media (max-width: 767px) {
    .indicador-detalle {
        border: 0;
    }

    .imagen-convencion {
        margin-left: 40%;
    }
}

.appbar.open {
    height: 120px;
    overflow-y: hidden;
    overflow-x: auto;
}

.appbar > .nav-appbar > li {
    width: auto;
    display: inline;
}

.appbar.open > .nav-appbar {
    display: flex;
}


@media (max-width: 992px) and (orientation: portrait) {
    .appbar {
        top: 0;
        left: -40px;
        right: auto;
        bottom: auto;
        width: 0;
        height: 100%;
    }

        .appbar.open {
            left: 0;
            padding: 20px 10px 20px;
            width: 100px;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .appbar > .nav-appbar > li {
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 45px;
            width: 100%;
        }

            .appbar > .nav-appbar > li > a {
                display: block;
            }

                .appbar > .nav-appbar > li > a > img {
                    position: absolute;
                    left: 50%;
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    -o-transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                }

                .appbar > .nav-appbar > li > a > .bar-text {
                    margin-top: 0;
                    padding-top: 45px;
                    display: inline-block;
                    white-space: normal;
                }

    ul.nav-appbar.pull-right {
        width: 80%;
        position: absolute;
        bottom: 0;
    }

    .clearf {
        clear: left;
    }

    .appbar.open .nav-appbar {
        display: block;
    }

    .appbar > .nav-appbar > li {
        display: inline-block;
    }
}

.color-texto-appbar {
    color: white;
}




.opcion-informes-texto {
    margin: 3px;
    text-align: center;
    min-height: 98px;
    padding-top: 18px;
    display: block;
    color: #000;
}

@media(max-width :767px ) {
    .opcion-informes-texto {
        min-height: 50px;
        padding-top: 9px;
    }
}

.opcion-informes-texto:hover {
    background: #f3f3f3;
    color: #666666;
    text-decoration: none;
    cursor: pointer;
}
/*Administración de cuentas*/

/*Creación de cuentas*/
.sinlabel {
    margin-top: 24px;
}

ul.tabs-tipocuenta {
    /* background: #0e79fd;*/
    margin-left: 0;
    border: none;
    padding: 15px;
    overflow: hidden;
    position: relative;
}
}

.tabs-tipocuenta li,
.tabs-tipocuenta li a {
    border-radius: 0;
    background: none;
    border: none;
    color: #fff;
}

@media(min-width: 768px) {
    .widget-content .nav-tabs.tabs-tipocuenta li > a {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.tabs-tipocuenta li.active {
    margin: 1px 1px 0 0;
    background: #fff;
    font-weight: 700 !important;
    font-size: 1.575rem;
    color: #172642 !important;
    border-bottom: 2px solid #2345CB;
    box-shadow: none !important;
    white-space: nowrap;
}

.tabs-tipocuenta li:not(.active) {
    margin-bottom: 1px;
}

    .tabs-tipocuenta li:not(.active) > a {
        font-weight: 700 !important;
        font-size: 1.575rem;
        color: #172642 !important;    
        white-space: nowrap;
    }

        .tabs-tipocuenta li:not(.active) > a:hover {
            background-color: #F0F3F4;
            color: #fff;
            box-shadow: none !important;
        }

.widget-content .nav-tabs.tabs-tipocuenta li.active > a {
    background: #fff;
    font-weight: 700 !important;
    font-size: 1.575rem;
    color: #2345CB !important;
    border-bottom: 2px solid #2345CB;
    box-shadow: none !important;
    white-space: nowrap;
}

.tab-content {
    margin-top: 20px;
    margin-bottom: 20px;
}

.widget-content .nav-tabs.tabs-tipocuenta li > a:focus {
    outline: none;
}

.widget-content .nav-tabs.tabs-tipocuenta li:not(.active) > a.aspNetDisabled {
    opacity: 0.5;
}

.pax-control {
    cursor: pointer;
}

.creacion-cuentas.widget .row label {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tab-content > .tab-pane {

    padding-bottom: 20px;
}

.creacion-cuentas .clase-huesped {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 26px;
    right: 16px;
}

.btn-group > .group-item {
    display: inline-block;
    margin-right: -4px;
}

    .btn-group > .group-item > label {
        display: inline-block;
        padding: 10px 20px;
        color: #fff;
        background-color: #0e79fd;
        border: 1px solid transparent;
        border-color: #ccc;
        cursor: pointer;
    }

    .btn-group > .group-item input[type="radio"]:checked + label {
        background-color: #154ca9;
    }

    .btn-group > .group-item input[type="radio"] {
        display: none;
    }

.creacion-cuentas .checkbox-slide.checkbox-slidetext.extramargin {
    margin: 10px 15px 15px 2px;
}


.creacion-cuentas .tabla-zeus {
    margin-top: 20px;
    margin-bottom: 20px;
}

.creacion-cuentas .float-right {
    float: right;
}

.creacion-cuentas .checkbox-slide.checkbox-slidetext.with-label {
    margin-top: 26px;
    margin-bottom: 18px;
}

    .creacion-cuentas .checkbox-slide.checkbox-slidetext.with-label + label {
        position: absolute;
        top: 0;
        left: 12px;
    }

.creacion-cuentas .check-labelleft .checkbox-slide.checkbox-slidetext.form-group {
    margin-top: 26px;
}

.Contenedor-Nombre-Compuesto {
    width: 95%;
}

    .Contenedor-Nombre-Compuesto table {
        width: 100%;
    }

    .Contenedor-Nombre-Compuesto td {
        padding: 5px 0;
    }

    .Contenedor-Nombre-Compuesto tr td:first-child {
        width: 150px;
    }

.campo-nombre-compuesto {
    width: 100% !important;
}

.control-compuesto table:first-child tr:first-child td:last-child {
    text-align: right;
}

.form-group .form-control[disabled].salehoy {
    background-color: red;
    color: #fff;
}

.ContenidoModulo .tabla-zeus.pax-detallado table td {
    line-height: 30px;
}
/*Creación de cuentas*/

.creacion-cuentas .custom-checkbox-slide.with-label {
    margin-top: 25px;
}

.btn-group > .group-item > .aspNetDisabled + label {
    opacity: 0.7;
    cursor: not-allowed;
}

.creacion-cuentas .extra-marg {
    margin-bottom: 20px;
}

.en-construccion {
    margin-left: 20px;
    font-size: 60px;
}

label.showrequired:after {
    content: '*';
    color: red;
}


.radiolist label {
    display: inline-block;
    width: auto;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    font-weight: 700 !important;
    font-size: 1.575rem;
    color: #172642 !important;
    white-space: nowrap;
    padding: 10px 20px;
    white-space: nowrap;
    position: relative;
    border: 1px solid #0E79FD;
    border-radius: 1.5rem;
    cursor: pointer;
    border-color: #0E79FD;
    background-color: #FFFFFF;
    color: #0E79FD !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-weight: 700 !important;
}

.radiolist input[type="radio"] {
    display: none;
}

    .radiolist input[type="radio"]:checked + label {
        white-space: nowrap;
        position: relative;
        border: 1px solid #0E79FD;
        border-radius: 1.5rem rem;
        cursor: pointer;
        border-color: #0E79FD;
        background-color: #0E79FD;
        color: #fff !important;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        font-weight: 700 !important;
    }
.widget > .widget-header {
    cursor: default;
}

/* CHECKBOX-SQUARED*/
.checkbox-square input[type=checkbox] {
    visibility: hidden;
}

.checkbox-square {
    width: 30px;
    height: 30px;
    border: 4px solid #0e79fd;
    position: relative;
    display: inline-block;
}

    .checkbox-square label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 4px;
        top: 4px;
    }

        .checkbox-square label:after {
            opacity: 0;
            content: '';
            position: absolute;
            width: 15px;
            height: 8px;
            background: transparent;
            top: 25%;
            left: 40%;
            border: 3px solid #0e79fd;
            border-top: none;
            border-right: none;
            -webkit-transform: translate(-50%,-50%) rotate(-45deg);
            -moz-transform: translate(-50%,-50%) rotate(-45deg);
            -o-transform: translate(-50%,-50%) rotate(-45deg);
            -ms-transform: translate(-50%,-50%) rotate(-45deg);
            transform: translate(-50%,-50%) rotate(-45deg);
        }

        .checkbox-square label:hover::after {
            opacity: 0.3;
        }

    .checkbox-square input[type=checkbox]:checked + label:after {
        opacity: 1;
    }
/* CHECKBOX-SQUARED*/

/*grd-fila-seleccionada-borde*/
.grd-fila-seleccionada-borde {
    border: solid #808080 4px !important;
}

    .grd-fila-seleccionada-borde td {
        background: none !important;
        font-weight: bold !important;
    }
/*fila-seleccionada-borde*/

.restriccion.inactivo {
    opacity: 0.4;
    cursor: not-allowed;
}

.permiso.inactivo {
    opacity: 0.4;
    pointer-events: none;
}



/*CONSUMOS*/

.dropdown-menu.dropdown-extend.cuentarapida {
    min-width: 200px;
}



.checkbox-slide.checkbox-slidetext {
    margin-left: 2px;
    margin-bottom: 10px;
}

.lista-consumos {
    height: 279px;
    overflow-y: auto;
    margin-bottom: 10px;
    margin-top: 5px;
    outline: 1px solid #ddd;
}

.ContenidoModulo .tabla-zeus table th, .ContenidoModulo .tabla-zeus table td {
    line-height: 25px;
}

.widget .tile .footer-title {
    font-size: 14px;
    padding-bottom: 5px;
    line-height: 20px;
    font-weight: bold;
    white-space: normal;
    word-wrap: break-word;
}

.widget.preferidos {
    white-space: nowrap;
    border: 1px solid #FFC130;
    margin-bottom: 10px;
}

.dropdown-menu.dropdown-extend.dropdown-tiposprod {
    min-width: 155px;
    border-radius: 0;
    color: #fff;
}

.widget.agrps .widget-action > ul > li.dropdown > a {
    cursor: pointer;
}

.widget.formas-pago .widget-header,
.widget.preferidos > .widget-header {
    background-color: #FFC130;
    color: #fff;
}

.widget.formas-pago i,
.widget.preferidos i {
    color: #FFC130;
}

.widget > .widget-header .widget-action .btn {
    padding: 9px 15px;
}


.widget.agrps .widget-content {
    height: 555px;
    overflow-y: auto;
    padding-top: 10px;
}

.widget.preferidos .widget-content {
    max-height: 200px;
    overflow-x: auto;
    padding: 10px 5px 0;
}

.dropdown-menu.dropdown-extend.dropdown-tiposprod .dropdown-header {
    color: #fff;
}

.widget.formas-pago .widget-content > .row {
    margin-bottom: 0;
}

.totales {
    background-color: #00960F;
    padding: 5px;
    margin-bottom: 5px;
}

    .totales label {
        color: #fff;
        font-size: 12px;
    }

    .totales > .total {
        padding-left: 5px;
        padding-right: 5px;
    }

        .totales > .total > .form-group {
            margin-bottom: 5px;
        }

.btn-listaconsumos {
    width: 50%;
    line-height: 30px;
    font-weight: bold;
    font-size: 13px;
}

    .btn-listaconsumos#btn-deseleccionar {
        float: right;
    }

.widget-action .nav.nav-tabs li a {
    border-radius: unset;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: unset;
}

.img-clasificaciones {
    width: 20px;
}

li > a > .img-clasificaciones.amarillo {
    display: none;
}

li > a > .img-clasificaciones.blanco {
    display: unset;
}

li.active > a > .img-clasificaciones.blanco {
    display: none;
}

li.active > a > .img-clasificaciones.amarillo {
    display: unset;
}

.widget#info-cuenta .widget-content {
    padding: 5px;
}

.preferido .tile .tile-peek,
.producto .tile .tile-peek {
    padding: 5px;
}

.preferido .tile.haspic,
.producto .tile.haspic {
    text-shadow: 1px 1px #000;
}

.agrupacion .tile,
.producto .tile {
    background-color: #0e79fd;
}

.agrupacion .tile,
.producto .tile,
.preferido .tile {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

    .agrupacion .tile .brand > .footer-title,
    .producto .tile .brand > .footer-title {
        color: #fff;
    }

    .agrupacion .tile:hover,
    .producto .tile:hover,
    .agrupacion .tile:focus,
    .producto .tile:focus {
        outline-width: 4px;
        outline-style: solid;
        border-width: 0;
    }

.agrupacion,
.preferido,
.producto,
.pago {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}

.preferido {
    float: none;
}

.clasificacion,
.tipo-prod {
    position: relative;
}


.pago .tile {
    height: 85px;
    background-color: #FFC130;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0;
}

    .preferido .tile:hover,
    .pago .tile:hover {
        outline: 3px solid #F0A30A;
    }

.preferido .tile .footer-title,
.producto .tile .footer-title .pago .tile .footer-title {
    font-size: 14px;
    padding-bottom: 5px;
    line-height: 20px;
}

.widget.productos {
    margin-bottom: 10px;
    position: relative;
}

    .widget.productos .widget-content {
        height: 346px;
        overflow-y: auto;
        padding: 5px;
        padding-top: 10px;
    }

.btn-collapse {
    color: #F0A30A;
}

#agrupas .widget-action {
    width: 100%;
}

    #agrupas .widget-action .nav.nav-tabs {
        margin-left: 0;
        width: 100%;
    }

        #agrupas .widget-action .nav.nav-tabs li.dropdown {
            width: 100%;
            text-align: right;
        }

.btn-atras {
    display: block;
    font-weight: bold;
    margin: 0 5px 10px;
    border: 1px solid #0e79fd;
    padding: 4px;
    text-align: center;
    color: #0e79fd;
}

    .btn-atras:hover, .btn-atras:focus {
        text-decoration: none;
    }

    .btn-atras.aspNetDisabled, .btn-atras.aspNetDisabled:hover, .btn-atras.aspNetDisabled:focus {
        color: #ccc;
        cursor: not-allowed;
        text-decoration: none;
        opacity: 0.5;
    }

.select {
    right: 12px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #0e79fd;
}

.especiales [class^='col-'] {
    padding-left: 5px;
    padding-right: 5px;
}

.especiales .widget-content {
    padding: 5px;
    font-size: 12px;
}

.especiales .btn-col {
    width: 100%;
    margin-top: 22px;
    height: 34px;
    margin-bottom: 15px;
}

.especiales a,
.especiales a:visited {
    color: #fff;
}

.btn-col.sinlabel {
    margin-bottom: 20px;
}

.content-header {
    margin-bottom: 10px;
}

.tabla-zeus.lista-consumos table td {
    white-space: nowrap;
    font-size: 12px;
}

.totales .total span {
    text-align: right;
}

.totales .total .labeltotal {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    display: block;
}

.totales .total .valor {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: block;
}

.especiales .sinlabel {
    margin-top: 22px;
    height: 34px;
}

.widget .widget-content .tile {
    height: 120px;
}

    .widget .widget-content .tile .footer-title {
        font-size: 12px;
        line-height: 14px;
    }

.consumo:hover {
    cursor: pointer;
}

.busqueda-productos {
    background-color: #ddd;
    position: absolute;
    bottom: 0;
    padding: 5px;
    width: 100%;
    z-index: 1;
}

    .busqueda-productos .row {
        margin-bottom: 0;
    }

    .busqueda-productos .close {
        position: absolute;
        top: 5px;
        right: 10px;
        font-size: 30px;
    }

    .busqueda-productos .btn-group .group-item > label {
        font-size: 12px;
        padding: 10px;
    }

    .busqueda-productos .input-group-btn {
        right: 1px;
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        z-index: 1;
    }

    .busqueda-productos .btn.btn-zeus {
        padding-right: 10px;
        padding-left: 10px;
        line-height: 20px;
    }

.tieneobservacion, .tieneobservacion:hover, .tieneobservacion:focus {
    background-color: #00960F;
}

.sin-label {
    /*margin-top: 25px;*/
}

#ModalOpciones .tile.bg-zeus {
    height: 100px;
}

    #ModalOpciones .tile.bg-zeus .icon img {
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        position: absolute;
    }

#ModalOpciones .tile .tile-peek .brand {
    padding-top: 15px;
}

    #ModalOpciones .tile .tile-peek .brand .footer-title {
        line-height: 20px;
    }

#footer.footer {
    display: none;
}

.content {
    margin-bottom: 0;
}

.chk-impuesto input[type=checkbox] {
    display: none;
}

    .chk-impuesto input[type=checkbox] + label {
        width: 100%;
    }

    .chk-impuesto input[type=checkbox]:checked + label {
        background-color: #449d44;
        border-color: #4cae4c;
    }

        .chk-impuesto input[type=checkbox]:checked + label:hover {
            background-color: #5cb85c;
        }

    .chk-impuesto input[type=checkbox]:disabled + label {
        opacity: 0.6;
        cursor: default;
    }

        .chk-impuesto input[type=checkbox]:disabled + label:hover {
            background-color: #337ab7;
        }

    .chk-impuesto input[type=checkbox]:disabled:checked + label:hover {
        background-color: #449d44;
    }

.modal {
    overflow-y: auto;
}

.modalopciones .tile {
    line-height: 16px;
}

    .modalopciones .tile .tile-peek {
        position: relative;
    }

        .modalopciones .tile .tile-peek .brand {
            text-align: center;
            width: 100%;
        }

.widget .tile .tile-peek .icon {
    display: block;
    width: 100%;
    height: 45px;
}

    .widget .tile .tile-peek .icon img {
        position: absolute;
        left: 50%;
        top: 10px;
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }

@media (max-width: 767px) {
    .widget.agrps .widget-content {
        height: 232px;
    }

    .tile .brand > .footer-title {
        font-size: 14px;
    }
}

/*Tamaño XXS de pantalla - hasta 400px*/

@media (max-width: 400px) {
    .col-xxs-1 {
        width: calc(1 * 100% / 12);
    }

    .col-xxs-2 {
        width: calc(2 * 100% / 12);
    }

    .col-xxs-3 {
        width: calc(3 * 100% / 12);
    }

    .col-xxs-4 {
        width: calc(4 * 100% / 12);
    }

    .col-xxs-5 {
        width: calc(5 * 100% / 12);
    }

    .col-xxs-6 {
        width: calc(6 * 100% / 12);
    }

    .col-xxs-7 {
        width: calc(7 * 100% / 12);
    }

    .col-xxs-8 {
        width: calc(8 * 100% / 12);
    }

    .col-xxs-9 {
        width: calc(9 * 100% / 12);
    }

    .col-xxs-10 {
        width: calc(10 * 100% / 12);
    }

    .col-xxs-11 {
        width: calc(11 * 100% / 12);
    }

    .col-xxs-12 {
        width: calc(12 * 100% / 12);
    }

    .hidden-xxs {
        display: none !important;
    }
}

.custom-checkbox-slide.with-label {
    /*margin-top: 25px;*/
}

/*--- telerik:RadNumericTextBox ---*/
.form-control.riTextBox {
    font-family: 'Open Sans', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif !important;
    display: inline-block !important;
    width: calc(100% - 15px) !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border-color: #ccc !important;
    border: 1px solid #ccc !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    text-align: right !important;
}

    .form-control.riTextBox:active, .form-control.riTextBox:focus {
        font-family: 'Open Sans', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif !important;
        border-color: rgba(0, 0, 0, 0.8) !important;
        border-top-color: rgba(0, 0, 0, 0.8) !important;
        border-right-color: rgba(0, 0, 0, 0.8) !important;
        border-bottom-color: rgba(0, 0, 0, 0.8) !important;
        border-left-color: rgba(0, 0, 0, 0.8) !important;
        outline: 0 !important;
        outline: thin dotted \9 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(0, 0, 0, 0.15) !important;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(0, 0, 0, 0.15) !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(0, 0, 0, 0.15) !important;
    }

.riUp, .riDown {
    width: 32px !important;
    background-color: #0e79fd !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 17px !important;
    border: solid 1px #ccc !important;
}

.riUp {
    background-image: url(/DesktopModules/Zeus.Front.PosTouchV2.Interfaz/Imagenes/Icono_Abajo_blanco.png) !important;
    -ms-transform: rotate(180deg) !important; /* IE 9 */
    -webkit-transform: rotate(180deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(180deg) !important;
}

.riDown {
    margin-left: -32px !important;
    background-image: url(/DesktopModules/Zeus.Front.PosTouchV2.Interfaz/Imagenes/Icono_Abajo_blanco.png) !important;
}
/*--- ------------------------- ---*/

.widget-zeus {
    background-color: #0e79fd !important;
    color: white;
}

/*--- telerik:RadDateTimePicker ---*/
/*La lase "no-calendar" para que no muestre el botón para abrir el popup del calendario*/
.RadPicker.no-calendar .rcCalPopup {
    display: none;
}
/*--- ---*/

/*-- Metro tiles*/
/* Sizes */
.live-tile,
.list-tile,
.copy-tile,
.tile-strip .flip-list > li {
    height: 263px;
    margin: 25px;
    outline: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    width: 380px;
    margin-top:2%;
}

    .live-tile.half-tile,
    .list-tile.half-tile,
    .copy-tile.half-tile,
    .tile-strip .flip-list > li.half-tile {
        height: 100.5px;
        width: 153px;
    }

    .live-tile.half-wide,
    .list-tile.half-wide,
    .copy-tile.half-wide,
    .tile-strip .flip-list > li.half-wide {
        width: 153px;
    }

    .live-tile.two-wide,
    .list-tile.two-wide,
    .copy-tile.two-wide,
    .tile-strip .flip-list > li.two-wide {
        width: 642px;
    }

    .live-tile.three-wide,
    .list-tile.three-wide,
    .copy-tile.three-wide,
    .tile-strip .flip-list > li.three-wide {
        width: 968px;
    }

    .live-tile.four-wide,
    .list-tile.four-wide,
    .copy-tile.four-wide,
    .tile-strip .flip-list > li.four-wide {
        width: 1294px;
    }

    .live-tile.five-wide,
    .list-tile.five-wide,
    .copy-tile.five-wide,
    .tile-strip .flip-list > li.five-wide {
        width: 1620px;
    }

    .live-tile.six-wide,
    .list-tile.six-wide,
    .copy-tile.six-wide,
    .tile-strip .flip-list > li.six-wide {
        width: 1946px;
    }

    .live-tile.seven-wide,
    .list-tile.seven-wide,
    .copy-tile.seven-wide,
    .tile-strip .flip-list > li.seven-wide {
        width: 2272px;
    }

    .live-tile.eight-wide,
    .list-tile.eight-wide,
    .copy-tile.eight-wide,
    .tile-strip .flip-list > li.eight-wide {
        width: 2598px;
    }

    .live-tile.nine-wide,
    .list-tile.nine-wide,
    .copy-tile.nine-wide,
    .tile-strip .flip-list > li.nine-wide {
        width: 2924px;
    }

    .live-tile.ten-wide,
    .list-tile.ten-wide,
    .copy-tile.ten-wide,
    .tile-strip .flip-list > li.ten-wide {
        width: 3250px;
    }

    .live-tile.half-tall,
    .list-tile.half-tall,
    .copy-tile.half-tall,
    .tile-strip .flip-list > li.half-tall {
        height: 100.5px;
    }

    .live-tile.two-tall,
    .list-tile.two-tall,
    .copy-tile.two-tall,
    .tile-strip .flip-list > li.two-tall {
        height: 432px;
    }

    .live-tile.three-tall,
    .list-tile.three-tall,
    .copy-tile.three-tall,
    .tile-strip .flip-list > li.three-tall {
        height: 653px;
    }

    .live-tile.four-tall,
    .list-tile.four-tall,
    .copy-tile.four-tall,
    .tile-strip .flip-list > li.four-tall {
        height: 874px;
    }

    .live-tile.five-tall,
    .list-tile.five-tall,
    .copy-tile.five-tall,
    .tile-strip .flip-list > li.five-tall {
        height: 1095px;
    }

    .live-tile.six-tall,
    .list-tile.six-tall,
    .copy-tile.six-tall,
    .tile-strip .flip-list > li.six-tall {
        height: 1316px;
    }

    .live-tile.seven-tall,
    .list-tile.seven-tall,
    .copy-tile.seven-tall,
    .tile-strip .flip-list > li.seven-tall {
        height: 1537px;
    }

    .live-tile.eight-tall,
    .list-tile.eight-tall,
    .copy-tile.eight-tall,
    .tile-strip .flip-list > li.eight-tall {
        height: 1758px;
    }

    .live-tile.nine-tall,
    .list-tile.nine-tall,
    .copy-tile.nine-tall,
    .tile-strip .flip-list > li.nine-tall {
        height: 1979px;
    }

    .live-tile.ten-tall,
    .list-tile.ten-tall,
    .copy-tile.ten-tall,
    .tile-strip .flip-list > li.ten-tall {
        height: 2200px;
    }
    /* End Sizes */
    /* flip-list tile grid sprite styles */
    .live-tile > .flip-list,
    .list-tile > .flip-list {
        height: 100%;
        width: 100%;
    }

.flip-list > li {
    height: 70.33px;
    margin: 0px;
    padding: 0px;
    width: 105.33px;
}

.flip-list.fourTiles > li {
    border: none;
    padding: 0;
    margin: 0;
    height: 50%;
    width: 50%;
}

.flip-list.nineTiles > li {
    height: 33%;
    width: 33%;
    border: none;
    padding: 0;
    margin: 0;
}

    .flip-list.fourTiles > li > div,
    .flip-list.fourTiles > li > div > a,
    .flip-list.fourTiles > li > div > img,
    .flip-list.nineTiles > li > div,
    .flip-list.nineTiles > li > div > a,
    .flip-list.nineTiles > li > div > img {
        border: none;
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }
/* fourTile background positions */
.fourTiles .fourTiles1 img,
.fourTiles img.fourTiles1,
.fourTiles .fourTiles1 a,
.fourTiles .tile-1 img,
.fourTiles .tile-1 a {
    background-position: 0px 0px;
}

.fourTiles .fourTiles2 img,
.fourTiles img.fourTiles2,
.fourTiles .fourTiles2 a,
.fourTiles .tile-2 img,
.fourTiles .tile-2 a {
    background-position: -158px 0px;
}

.fourTiles .fourTiles3 img,
.fourTiles img.fourTiles3,
.fourTiles .fourTiles3 a,
.fourTiles .tile-3 img,
.fourTiles .tile-3 a {
    background-position: 0px -105.5px;
}

.fourTiles .fourTiles4 img,
.fourTiles img.fourTiles4,
.fourTiles .fourTiles4 a,
.fourTiles .tile-4 img,
.fourTiles .tile-4 a {
    background-position: -158px -105.5px;
}
/* nineTile background positions */
.nineTiles .nineTiles1 img,
.nineTiles img.nineTiles1,
.nineTiles .nineTiles1 a,
.nineTiles .tile-1 img,
.nineTiles .tile-1 a {
    background-position: 0px 0px;
}

.nineTiles .nineTiles2 img,
.nineTiles img.nineTiles2,
.nineTiles .nineTiles2 a,
.nineTiles .tile-2 img,
.nineTiles .tile-2 a {
    background-position: -105.33px 0px;
}

.nineTiles .nineTiles3 img,
.nineTiles img.nineTiles3,
.nineTiles .nineTiles3 a,
.nineTiles .tile-3 img,
.nineTiles .tile-3 a {
    background-position: -210.66px 0px;
}

.nineTiles .nineTiles4 img,
.nineTiles img.nineTiles4,
.nineTiles .nineTiles4 a,
.nineTiles .tile-4 img,
.nineTiles .tile-4 a {
    background-position: 0px -70.33px;
}

.nineTiles .nineTiles5 img,
.nineTiles img.nineTiles5,
.nineTiles .nineTiles5 a,
.nineTiles .tile-5 img,
.nineTiles .tile-5 a {
    background-position: -105.33px -70.33px;
}

.nineTiles .nineTiles6 img,
.nineTiles img.nineTiles6,
.nineTiles .nineTiles6 a,
.nineTiles .tile-6 img,
.nineTiles .tile-6 a {
    background-position: -210.66px -70.33px;
}

.nineTiles .nineTiles7 img,
.nineTiles img.nineTiles7,
.nineTiles .nineTiles7 a,
.nineTiles .tile-7 img,
.nineTiles .tile-7 a {
    background-position: 0px -140.66px;
}

.nineTiles .nineTiles8 img,
.nineTiles img.nineTiles8,
.nineTiles .nineTiles8 a,
.nineTiles .tile-8 img,
.nineTiles .tile-8 a {
    background-position: -105.33px -140.66px;
}

.nineTiles .nineTiles9 img,
.nineTiles img.nineTiles9,
.nineTiles .nineTiles9 a,
.nineTiles .tile-9 img,
.nineTiles .tile-9 a {
    background-position: -210.66px -140.66px;
}

.tile-group,
.tile-strip {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 20;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
}

    .tile-group.one-tile,
    .tile-strip.one-tile {
        height: 221px;
        width: 326px;
    }

    .tile-group.half-wide,
    .tile-strip.half-wide {
        width: 163px;
    }

    .tile-group.one-wide,
    .tile-strip.one-wide {
        width: 326px;
    }

    .tile-group.two-wide,
    .tile-strip.two-wide {
        width: 652px;
    }

    .tile-group.three-wide,
    .tile-strip.three-wide {
        width: 978px;
    }

    .tile-group.four-wide,
    .tile-strip.four-wide {
        width: 1304px;
    }

    .tile-group.five-wide,
    .tile-strip.five-wide {
        width: 1630px;
    }

    .tile-group.six-wide,
    .tile-strip.six-wide {
        width: 1956px;
    }

    .tile-group.seven-wide,
    .tile-strip.seven-wide {
        width: 2282px;
    }

    .tile-group.eight-wide,
    .tile-strip.eight-wide {
        width: 2608px;
    }

    .tile-group.nine-wide,
    .tile-strip.nine-wide {
        width: 2934px;
    }

    .tile-group.ten-wide,
    .tile-strip.ten-wide {
        width: 3260px;
    }

    .tile-group.half-tall,
    .tile-strip.half-tall {
        height: 110.5px;
    }

    .tile-group.one-tall,
    .tile-strip.one-tall {
        height: 221px;
    }

    .tile-group.two-tall,
    .tile-strip.two-tall {
        height: 442px;
    }

    .tile-group.three-tall,
    .tile-strip.three-tall {
        height: 663px;
    }

    .tile-group.four-tall,
    .tile-strip.four-tall {
        height: 884px;
    }

    .tile-group.five-tall,
    .tile-strip.five-tall {
        height: 1105px;
    }

    .tile-group.six-tall,
    .tile-strip.six-tall {
        height: 1326px;
    }

    .tile-group.seven-tall,
    .tile-strip.seven-tall {
        height: 1547px;
    }

    .tile-group.eight-tall,
    .tile-strip.eight-tall {
        height: 1768px;
    }

    .tile-group.nine-tall,
    .tile-strip.nine-tall {
        height: 1989px;
    }

    .tile-group.ten-tall,
    .tile-strip.ten-tall {
        height: 2210px;
    }
/* liveTile styles */
.tile-strip,
.live-tile,
.list-tile,
.copy-tile,
.slide {
    display: inline-block;
}

.live-tile,
.list-tile,
.copy-tile {
    color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 18px;
}

    .live-tile p,
    .list-tile p,
    .copy-tile p,
    .live-tile .face,
    .list-tile .face,
    .copy-tile .face {
        display: block;
        font-size: 1em;
        line-height: 1.2em;
        margin: 0;
    }

    .live-tile .face,
    .list-tile .face,
    .copy-tile .face {
        padding: 0px;
    }

    .live-tile p,
    .list-tile p,
    .copy-tile p {
        padding: 10px;
    }

    .live-tile.half-tile p,
    .list-tile.half-tile p,
    .copy-tile.half-tile p {
        padding: 5px;
    }

    .live-tile .face.full,
    .list-tile .face.full,
    .copy-tile .face.full {
        height: 100%;
        width: 100%;
    }

    .live-tile img,
    .list-tile img,
    .copy-tile img {
        border: none;
    }

    .live-tile .tile-title,
    .list-tile .tile-title,
    .copy-tile .tile-title {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        bottom: 0px;
        font-size: 12px;
        left: 0px;
        text-decoration: none;
        width: 100%;
        z-index: 30;
    }

    .live-tile a,
    .list-tile a,
    .copy-tile a {
        color: #fff;
    }

        .live-tile a.tile-title:link,
        .list-tile a.tile-title:link,
        .copy-tile a.tile-title:link,
        .live-tile a.tile-title:visited,
        .list-tile a.tile-title:visited,
        .copy-tile a.tile-title:visited,
        .live-tile a.tile-title:hover,
        .list-tile a.tile-title:hover,
        .copy-tile a.tile-title:hover,
        .live-tile a.tile-title,
        .list-tile a.tile-title,
        .copy-tile a.tile-title {
            text-decoration: none;
        }

        .live-tile a:link,
        .list-tile a:link,
        .copy-tile a:link,
        .live-tile a:visited,
        .list-tile a:visited,
        .copy-tile a:visited {
            color: #fff;
            text-decoration: underline;
        }

        .live-tile a:hover,
        .list-tile a:hover,
        .copy-tile a:hover {
            color: #fff;
            text-decoration: none;
        }

.light .copy-tile {
    color: #000;
}

    .light .copy-tile.accent {
        color: #fff;
    }

        .light .copy-tile.accent a,
        .light .copy-tile.accent a:link,
        .light .copy-tile.accent a:visited,
        .light .copy-tile.accent a:hover {
            color: #fff;
        }

    .light .copy-tile a,
    .light .copy-tile a:link,
    .light .copy-tile a:visited,
    .light .copy-tile a:hover {
        color: #000;
    }

    .light .copy-tile .face,
    .light .copy-tile .accent {
        color: #fff;
    }

        .light .copy-tile .face a,
        .light .copy-tile .accent a,
        .light .copy-tile .face a:link,
        .light .copy-tile .accent a:link,
        .light .copy-tile .face a:visited,
        .light .copy-tile .accent a:visited,
        .light .copy-tile .face a:hover,
        .light .copy-tile .accent a:hover {
            color: #fff;
        }

.copy-tile p {
    padding: 5px 5px 0px 5px;
    font-size: .95em;
}

.noselect > div,
.noselect > .slide,
.noselect > .slide-front,
.noselect > .slide-back,
.noselect > .fade-front,
.noselect > .fade-back,
.noselect > .flip-front,
.noselect > .flip-back {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.live-tile > div,
.list-tile > div,
.live-tile > .slide,
.carousel > .slide,
.live-tile > .slide-front,
.live-tile > .slide-back,
.live-tile > .fade-front,
.live-tile > .fade-back,
.live-tile > .flip-front,
.live-tile > .flip-back {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0px;
    left: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 20;
}

.list-tile > div {
    position: relative;
    background-color: transparent;
}

.live-tile .align-mid {
    display: inline-block;
    position: absolute;
    left: 50%;
    max-height: 100%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.live-tile .align-mid-x {
    display: inline-block;
    left: 50%;
    max-width: 100%;
    position: absolute;
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

.live-tile .align-mid-y {
    display: inline-block;
    max-height: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

img.full,
a.full,
.live-tile .full,
.list-tile .full {
    display: block;
    margin: 0px;
    height: 100%;
    text-decoration: none;
    width: 100%;
}

img.full-w,
a.full-w,
.live-tile .full-w,
.list-tile .full-w {
    display: block;
    margin: 0px;
    text-decoration: none;
    width: 100%;
}

img.full-h,
a.full-h,
.live-tile .full-h,
.list-tile .full-h {
    display: block;
    margin: 0px;
    height: 100%;
}

.live-tile > .back,
.live-tile > .slide-back,
.live-tile > .fade-back,
.live-tile > .flip-back,
.flip-list .flip-back {
    position: absolute;
    z-index: 10;
}
/*  ========== flip-list Styles ==========
	.flip-list
	---li
	------div.flip-front
	------div.flip-back
*/
.flip-list {
    padding: 0px;
    margin: 0px;
}

.list-tile .flip-list {
    height: 100%;
    width: 100%;
}

.flip-list > li > a {
    border: none;
    outline: none;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}

.flip-list > li img {
    border: none;
    outline: none;
    height: 100%;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.flip-list > li {
    float: left;
    list-style-type: none;
    outline: none;
    position: relative;
}

    .flip-list > li > div {
        border: none;
        background: white;
        height: 100%;
        left: 0px;
        margin: 0px;
        overflow: hidden;
        position: absolute;
        padding: 0px;
        top: 0px;
        width: 100%;
        z-index: 20;
    }

        .flip-list > li > div.flip-back {
            height: 0px;
        }
/* ------ Hardware Accelerated Tiles --------*/
/* flip */
.live-tile.flip.ha,
.flip-list.ha {
    position: relative;
    overflow: hidden;
}

    .live-tile.flip .ha.flip-front,
    .flip-list .ha.flip-front,
    .live-tile.flip .ha.flip-back,
    .flip-list .ha.flip-back {
        position: absolute;
        z-index: 20;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.flip-list > li > .ha.flip-back,
.flip-list > li > .ha.flip-back img {
    /* override the values set for margin and ensure the back tile is visible  */
    margin: 0px !important;
    height: 100%;
}

.bounce {
    cursor: pointer;
    outline: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .bounce.bounce-c {
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.95, M12=0, M21=0, M22=0.95);
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }

    .bounce.bounce-t {
        -webkit-transform: rotateX(20deg);
        -ms-transform: rotateX(20deg);
        -moz-transform: rotateX(20deg);
        -o-transform: rotateX(20deg);
        transform: rotateX(20deg);
        -webkit-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
    }

    .bounce.bounce-b {
        -webkit-transform: rotateX(-20deg);
        -ms-transform: rotateX(-20deg);
        -moz-transform: rotateX(-20deg);
        -o-transform: rotateX(-20deg);
        transform: rotateX(-20deg);
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    .bounce.bounce-r {
        -webkit-transform: rotateY(20deg);
        -ms-transform: rotateY(20deg);
        -moz-transform: rotateY(20deg);
        -o-transform: rotateY(20deg);
        transform: rotateY(20deg);
        -webkit-transform-origin: 0% 50%;
        -moz-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
        -o-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }

    .bounce.bounce-l {
        -webkit-transform: rotateY(-20deg);
        -ms-transform: rotateY(-20deg);
        -moz-transform: rotateY(-20deg);
        -o-transform: rotateY(-20deg);
        transform: rotateY(-20deg);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        -o-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }

    .bounce.bounce-tl {
        -webkit-transform: rotateX(10deg) rotateY(-10deg);
        -ms-transform: rotateX(10deg) rotateY(-10deg);
        -moz-transform: rotateX(10deg) rotateY(-10deg);
        -o-transform: rotateX(10deg) rotateY(-10deg);
        transform: rotateX(10deg) rotateY(-10deg);
    }

    .bounce.bounce-tr {
        -webkit-transform: rotateX(10deg) rotateY(10deg);
        -ms-transform: rotateX(10deg) rotateY(10deg);
        -moz-transform: rotateX(10deg) rotateY(10deg);
        -o-transform: rotateX(10deg) rotateY(10deg);
        transform: rotateX(10deg) rotateY(10deg);
    }

    .bounce.bounce-bl {
        -webkit-transform: rotateX(-10deg) rotateY(-10deg);
        -ms-transform: rotateX(-10deg) rotateY(-10deg);
        -moz-transform: rotateX(-10deg) rotateY(-10deg);
        -o-transform: rotateX(-10deg) rotateY(-10deg);
        transform: rotateX(-10deg) rotateY(-10deg);
    }

    .bounce.bounce-br {
        -webkit-transform: rotateX(-10deg) rotateY(10deg);
        -ms-transform: rotateX(-10deg) rotateY(10deg);
        -moz-transform: rotateX(-10deg) rotateY(10deg);
        -o-transform: rotateX(-10deg) rotateY(10deg);
        transform: rotateX(-10deg) rotateY(10deg);
    }

.metroBig,
.metroExtraLarge,
.face.metroBig,
.face.metroExtraLarge,
.live-tile .metroExtraLarge {
    font-size: 2em;
    line-height: 1.1em;
}

a.metroBig:link,
a.metroExtraLarge:link,
a.face.metroBig:link,
a.face.metroExtraLarge:link,
a.live-tile .metroExtraLarge:link {
    text-decoration: none;
}

.metroLarger,
.face.metroLarger,
.live-tile .metroLarger {
    font-size: 1.5em;
    line-height: 1.1em;
}

a.metroLarger:link,
a.face.metroLarger:link,
a.live-tile .metroLarger:link {
    text-decoration: none;
}

.metroLarge,
.face.metroLarge,
.live-tile .metroLarge {
    font-size: 1.2em;
    line-height: 1.1em;
}

a.metroLarge:link,
a.face.metroLarge:link,
a.live-tile .metroLarge:link {
    text-decoration: none;
}

.metroSmall,
.face.metroSmall,
.live-tile .metroSmall {
    font-size: .9em;
    line-height: 1em;
}

a.metroSmall:link,
a.face.metroSmall:link,
a.live-tile .metroSmall:link {
    text-decoration: none;
}

.metroSmaller,
.face.metroSmaller,
.live-tile .metroSmaller {
    font-size: .8em;
    line-height: 1em;
}

a.metroSmaller:link,
a.face.metroSmaller:link,
a.live-tile .metroSmaller:link {
    text-decoration: none;
}

.metroExtraSmall,
.face.metroExtraSmall,
.live-tile .metroExtraSmall {
    font-size: .7em;
    line-height: 1em;
}

a.metroExtraSmall:link,
a.face.metroExtraSmall:link,
a.live-tile .metroExtraSmall:link {
    text-decoration: none;
}

.live-tile .p-top {
    display: block;
    position: absolute;
    right: 0px;
    text-decoration: none;
}

.live-tile .p-right {
    display: block;
    position: absolute;
    right: 0px;
    text-decoration: none;
}

.live-tile .p-bottom {
    display: block;
    position: absolute;
    bottom: 0px;
    text-decoration: none;
}

.live-tile .p-left {
    display: block;
    position: absolute;
    left: 0px;
    text-decoration: none;
}
/***** Theme Definitions *****/
.light {
    background-color: #fff;
    color: #000;
}

.dark {
    background-color: #000;
    color: #fff;
}

.light.accent {
    background-color: #fff;
}

.dark.accent {
    background-color: #000;
}

.light .appbar {
    background-color: #dfdfdf;
}

.dark .appbar {
    background-color: #212021;
}
/*live tile accent colors */
.trans .accent,
.trans .accentBg,
.trans .accentBgHover:hover,
.trans .accentBgHover a:hover,
.trans .live-tile > div,
.trans .copy-tile > div,
.trans .live-tile > .face,
.trans .copy-tile > .face,
.trans .live-tile > .slide,
.trans .live-tile > .flip-back,
.trans .live-tile > .flip-front,
.trans .live-tile > .slide-back,
.trans .live-tile > .slide-front,
.trans .list-tile > div,
.trans .flip-list > li > div {
    background-color: transparent;
}

.trans .accentColor,
.trans .accentHover:hover,
.trans .accentHover a:hover,
.trans .accentLink a,
.trans .accentLink a:hover,
.trans .accentLink a:visited,
.trans a.accentLink,
.trans a.accentLink:hover,
.trans a.accentLink:visited {
    color: transparent;
}

.trans .accentBorder {
    border-color: transparent;
}

.trans .accentBorderBottom {
    border-bottom-color: transparent;
}

.trans .accentBorderLeft {
    border-left-color: transparent;
}

.trans .accentBorderRight {
    border-right-color: transparent;
}

.trans .accentBorderTop {
    border-top-color: transparent;
}

.white .accent,
.white .accentBg,
.white .accentBgHover:hover,
.white .accentBgHover a:hover,
.white .live-tile > div,
.white .copy-tile > div,
.white .live-tile > .face,
.white .copy-tile > .face,
.white .live-tile > .slide,
.white .live-tile > .flip-back,
.white .live-tile > .flip-front,
.white .live-tile > .slide-back,
.white .live-tile > .slide-front,
.white .list-tile > div,
.white .flip-list > li > div {
    background-color: #ffffff;
}

.white .accentColor,
.white .accentHover:hover,
.white .accentHover a:hover,
.white .accentLink a,
.white .accentLink a:hover,
.white .accentLink a:visited,
.white a.accentLink,
.white a.accentLink:hover,
.white a.accentLink:visited {
    color: #ffffff;
}

.white .accentBorder {
    border-color: #ffffff;
}

.white .accentBorderBottom {
    border-bottom-color: #ffffff;
}

.white .accentBorderLeft {
    border-left-color: #ffffff;
}

.white .accentBorderRight {
    border-right-color: #ffffff;
}

.white .accentBorderTop {
    border-top-color: #ffffff;
}

.black .accent,
.black .accentBg,
.black .accentBgHover:hover,
.black .accentBgHover a:hover,
.black .live-tile > div,
.black .copy-tile > div,
.black .live-tile > .face,
.black .copy-tile > .face,
.black .live-tile > .slide,
.black .live-tile > .flip-back,
.black .live-tile > .flip-front,
.black .live-tile > .slide-back,
.black .live-tile > .slide-front,
.black .list-tile > div,
.black .flip-list > li > div {
    background-color: #000000;
}

.black .accentColor,
.black .accentHover:hover,
.black .accentHover a:hover,
.black .accentLink a,
.black .accentLink a:hover,
.black .accentLink a:visited,
.black a.accentLink,
.black a.accentLink:hover,
.black a.accentLink:visited {
    color: #000000;
}

.black .accentBorder {
    border-color: #000000;
}

.black .accentBorderBottom {
    border-bottom-color: #000000;
}

.black .accentBorderLeft {
    border-left-color: #000000;
}

.black .accentBorderRight {
    border-right-color: #000000;
}

.black .accentBorderTop {
    border-top-color: #000000;
}
/* Local style overrides */
html body .trans.accent,
html body .trans.live-tile > .accent,
html body .trans.list-tile > .accent,
html body .trans.copy-tile > .accent,
html body .trans.live-tile > div,
html body .trans.copy-tile > div,
html body .trans.list-tile > div,
html body .trans.live-tile > .face,
html body .trans.list-tile > .face,
html body .trans.copy-tile > .face,
html body .trans.live-tile > .slide,
html body .trans.live-tile > .flip-back,
html body .trans.live-tile > .flip-front,
html body .trans.live-tile > .slide-back,
html body .trans.live-tile > .slide-front,
html body .trans.flip-list > li > .accent,
html body .trans.flip-list > li > .flip-back,
html body .trans.flip-list > li > .flip-front,
html body .trans.slide.accent,
html body .trans.slide-front.accent,
html body .trans.slide-back.accent,
html body .trans.flip-front.accent,
html body .trans.flip-back.accent {
    background-color: transparent;
}

html body .trans.accentColor,
html body .trans.accentHover:hover,
html body .trans.accentHover a:hover,
html body .trans.accentLink a,
html body .trans.accentLink a:hover,
html body .trans.accentLink a:visited,
a.accentLinkhtml body .trans,
a.accentLinkhtml body .trans:hover,
a.accentLinkhtml body .trans:visited {
    color: transparent;
}

html body .trans.accentBorder {
    border-color: transparent;
}

html body .trans.accentBorderBottom {
    border-bottom-color: transparent;
}

html body .trans.accentBorderLeft {
    border-left-color: transparent;
}

html body .trans.accentBorderRight {
    border-right-color: transparent;
}

html body .trans.accentBorderTop {
    border-top-color: transparent;
}

html body .white.accent,
html body .white.live-tile > .accent,
html body .white.list-tile > .accent,
html body .white.copy-tile > .accent,
html body .white.live-tile > div,
html body .white.copy-tile > div,
html body .white.list-tile > div,
html body .white.live-tile > .face,
html body .white.list-tile > .face,
html body .white.copy-tile > .face,
html body .white.live-tile > .slide,
html body .white.live-tile > .flip-back,
html body .white.live-tile > .flip-front,
html body .white.live-tile > .slide-back,
html body .white.live-tile > .slide-front,
html body .white.flip-list > li > .accent,
html body .white.flip-list > li > .flip-back,
html body .white.flip-list > li > .flip-front,
html body .white.slide.accent,
html body .white.slide-front.accent,
html body .white.slide-back.accent,
html body .white.flip-front.accent,
html body .white.flip-back.accent {
    background-color: #ffffff;
}

html body .white.accentColor,
html body .white.accentHover:hover,
html body .white.accentHover a:hover,
html body .white.accentLink a,
html body .white.accentLink a:hover,
html body .white.accentLink a:visited,
a.accentLinkhtml body .white,
a.accentLinkhtml body .white:hover,
a.accentLinkhtml body .white:visited {
    color: #ffffff;
}

html body .white.accentBorder {
    border-color: #ffffff;
}

html body .white.accentBorderBottom {
    border-bottom-color: #ffffff;
}

html body .white.accentBorderLeft {
    border-left-color: #ffffff;
}

html body .white.accentBorderRight {
    border-right-color: #ffffff;
}

html body .white.accentBorderTop {
    border-top-color: #ffffff;
}

html body .black.accent,
html body .black.live-tile > .accent,
html body .black.list-tile > .accent,
html body .black.copy-tile > .accent,
html body .black.live-tile > div,
html body .black.copy-tile > div,
html body .black.list-tile > div,
html body .black.live-tile > .face,
html body .black.list-tile > .face,
html body .black.copy-tile > .face,
html body .black.live-tile > .slide,
html body .black.live-tile > .flip-back,
html body .black.live-tile > .flip-front,
html body .black.live-tile > .slide-back,
html body .black.live-tile > .slide-front,
html body .black.flip-list > li > .accent,
html body .black.flip-list > li > .flip-back,
html body .black.flip-list > li > .flip-front,
html body .black.slide.accent,
html body .black.slide-front.accent,
html body .black.slide-back.accent,
html body .black.flip-front.accent,
html body .black.flip-back.accent {
    background-color: #000000;
}

html body .black.accentColor,
html body .black.accentHover:hover,
html body .black.accentHover a:hover,
html body .black.accentLink a,
html body .black.accentLink a:hover,
html body .black.accentLink a:visited,
a.accentLinkhtml body .black,
a.accentLinkhtml body .black:hover,
a.accentLinkhtml body .black:visited {
    color: #000000;
}

html body .black.accentBorder {
    border-color: #000000;
}

html body .black.accentBorderBottom {
    border-bottom-color: #000000;
}

html body .black.accentBorderLeft {
    border-left-color: #000000;
}

html body .black.accentBorderRight {
    border-right-color: #000000;
}

html body .black.accentBorderTop {
    border-top-color: #000000;
}

.zeus .accent,
.zeus .accentBg,
.zeus .accentBgHover:hover,
.zeus .accentBgHover a:hover,
.zeus .live-tile > div,
.zeus .copy-tile > div,
.zeus .live-tile > .face,
.zeus .copy-tile > .face,
.zeus .live-tile > .slide,
.zeus .live-tile > .flip-back,
.zeus .live-tile > .flip-front,
.zeus .live-tile > .slide-back,
.zeus .live-tile > .slide-front,
.zeus .list-tile > div,
.zeus .flip-list > li > div {
    background-color: #0e79fd;
}

.zeus .accentColor,
.zeus .accentHover:hover,
.zeus .accentHover a:hover,
.zeus .accentLink a,
.zeus .accentLink a:hover,
.zeus .accentLink a:visited,
.zeus a.accentLink,
.zeus a.accentLink:hover,
.zeus a.accentLink:visited {
    color: #0e79fd;
}

.zeus .accentBorder {
    border-color: #0e79fd;
}

.zeus .accentBorderBottom {
    border-bottom-color: #0e79fd;
}

.zeus .accentBorderLeft {
    border-left-color: #0e79fd;
}

.zeus .accentBorderRight {
    border-right-color: #0e79fd;
}

.zeus .accentBorderTop {
    border-top-color: #0e79fd;
}

html body .zeus.accent,
html body .zeus.live-tile > .accent,
html body .zeus.list-tile > .accent,
html body .zeus.copy-tile > .accent,
html body .zeus.live-tile > div,
html body .zeus.copy-tile > div,
html body .zeus.list-tile > div,
html body .zeus.live-tile > .face,
html body .zeus.list-tile > .face,
html body .zeus.copy-tile > .face,
html body .zeus.live-tile > .slide,
html body .zeus.live-tile > .flip-back,
html body .zeus.live-tile > .flip-front,
html body .zeus.live-tile > .slide-back,
html body .zeus.live-tile > .slide-front,
html body .zeus.flip-list > li > .accent,
html body .zeus.flip-list > li > .flip-back,
html body .zeus.flip-list > li > .flip-front,
html body .zeus.slide.accent,
html body .zeus.slide-front.accent,
html body .zeus.slide-back.accent,
html body .zeus.flip-front.accent,
html body .zeus.flip-back.accent {
    background-color: #0e79fd;
}

html body .zeus.accentColor,
html body .zeus.accentHover:hover,
html body .zeus.accentHover a:hover,
html body .zeus.accentLink a,
html body .zeus.accentLink a:hover,
html body .zeus.accentLink a:visited,
a.accentLinkhtml body .zeus,
a.accentLinkhtml body .zeus:hover,
a.accentLinkhtml body .zeus:visited {
    color: #0e79fd;
}

html body .zeus.accentBorder {
    border-color: #0e79fd;
}

html body .zeus.accentBorderBottom {
    border-bottom-color: #0e79fd;
}

html body .zeus.accentBorderLeft {
    border-left-color: #0e79fd;
}

html body .zeus.accentBorderRight {
    border-right-color: #0e79fd;
}

html body .zeus.accentBorderTop {
    border-top-color: #0e79fd;
}

.live-tile > div {
    text-align: center;
}

    .live-tile > div.icono > .titulo {
        font-weight: bold;
        padding-top: 16px;
    }

    .live-tile > div.icono > .contenido > img {
        max-height: 160px;
    }

.live-tile > .imagen > .titulo {
    text-align: left;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(116, 142, 195, 0.9);
}

    .live-tile > .imagen > .titulo > .texto {
        font-weight: bold;
        float: left;
        margin-top: 16px;
        margin-left: 5px;
    }

    .live-tile > .imagen > .titulo > .icono {
        float: right;
    }

.live-tile {
    border: solid 1px #E7E7E7;
}

    .live-tile > .descripcion > .titulo {
        border-bottom: solid 1px #fff;
        padding-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }

        .live-tile > .descripcion > .titulo > .icono {
            margin-top: 10px;
        }

        .live-tile > .descripcion > .titulo > .texto {
            font-weight: bold;
        }

    .live-tile > .descripcion > .contenido {
        text-align: justify;
    }

.tiles-section {
    text-align: center;   
    background-color: #FFFFFF;
    min-height:88vh;
}
    .tiles-section > body {
        background-color: #FFFFFF;
    }


.disabled {
    pointer-events: none;
    opacity: 0.7;
}

.enable {
    pointer-events: all;
}

@media(min-width: 992px) {
    .big-modal .modal-lg {
        width: calc(100vw - 150px);
    }
}

@media(min-width: 992px) {
    .big-modal .normalModal {
        width: 900px;
    }
}


.filaResaltada, .filaResaltada td {
    background-color: #F5A9A9 !important;
}

.modal-header {
    background-color: #0e79fd;
    color: white;
    padding-bottom: 9px;
   /* padding-top: 1px !important;*/
}

    .modal-header .close {
        padding-top: 15px;
        color: white;
        opacity: 1;
    }

.modal-dialog {
    margin: 0px auto;
}

.nav-tabs.nav-justified > .active > a {
    background: #fff;
    font-weight: 700 !important;
    font-size: 1.575rem;
    color: #2345CB !important;
    border-bottom: 2px solid #2345CB;
    border: none;
}

.nav-tabs > li.active > a:hover {
    background-color: #F0F3F4;
    color: #fff;
    box-shadow: none !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #154ca9;
}

.form-group > label {
    font-weight: 700 !important;
    font-size: 12px; 
    color: var(--color_text) !important;
    display: inline-block;
    white-space: nowrap;
}

.imputColor {
    width: 100px;
    height: 34px;
}

.filaSeleccionada, .filaSeleccionada td {
    background-color: #E3F3FF !important;
    color: black !important;
    top: 3px;
    position: relative;
}

#wizard-header {
    padding: 20px 0 35px;
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}


    #wizard-header a:visited {
        color: #fff;
    }

.dropdown-menu
{
    z-index:1 !important;
}

.btn:hover
{
    z-index:1 !important;
}

[id*='UcMaestroTemplate_TxtBuscar'] {
    z-index: 0 !important;
}
/*@media(min-width: 992px) {
    .big-modal .modal-lg {
        width: calc(100vw - 150px);
    }
}*/
select {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50% !important;
}
/*--- --------------------------------- ---*/
.convencion {    
    top: 13px;
    position: relative;
    padding-right:6px;
}
.Erroresg .rgDataDiv {
    height: auto !important;
    max-height: 300px;
    overflow: auto;
}