/* Minification failed. Returning unminified contents.
(3906,9): run-time error CSS1035: Expected colon, found ';'
 */
/* Minification failed. Returning unminified contents.
(3903,9): run-time error CSS1035: Expected colon, found ';'
 */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito-Regular'), url(monibyte.woff) format('woff');
}

html {
    height: 100%;
    width: 100%;
    -webkit-text-size-adjust: none;
}

body {
    margin-top: 0;
    background: #fff;
    width: auto;
    font-size: 1em;
    font-family: 'Nunito', sans-serif;
    background-color: #f2f2f2;
    overflow-x: hidden;
    margin: 0;
}

input, select {
    font-family: 'Nunito', sans-serif;
}

    select:disabled {
        background-color: #F2F2F2;
    }

input {
    outline: none;
}

    input:disabled {
        /*opacity:0.9;     outline:1px solid #000;     color:#000 !important;     background-color:#000;     background-image: -webkit-linear-gradient(#C2C2C2, #EFEFEF);*/
        opacity: .9;
        box-shadow: none;
        background: rgba(0, 0, 0, 0.1);
        box-shadow: none;
        cursor: default;
        -webkit-user-select: none;
    }

.textareaMinWidth {
    min-width: 290px;
}

textarea, input {
    outline: none;
}

option {
    white-space: pre;
}

.search, .searchFather {
    cursor: pointer;
}

    .search:hover, .searchFather:hover {
        cursor: pointer;
        opacity: 0.7;
    }

input[type="button"], .submitCorto, .submit, input[type="submit"] {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding: 2px 15px;
    background: #E0E0E0;
    color: #666;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: solid 1px #60696D;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: normal;
    font-variant: normal;
    display: inline-block;
}

    input[type="button"]:hover, .submitCorto:hover, .submit:hover, input[type="submit"]:hover {
        background: #dbdbdb; /* Old browsers */
        background: -moz-linear-gradient(top, #dbdbdb 1%, #bababa 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbdbdb), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 1%,#bababa 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
    }

#contieneCombo2 select[multiple], .gestionGruposIzquierdo select[multiple] {
    margin-top: 0;
    text-shadow: none;
    width: auto;
    min-width: 340px;
    height: 200px;
    background-color: transparent;
}

#contieneCombo2 select[multiple] {
    float: right;
}

option, selection {
    text-shadow: none;
    background-color: transparent;
}

header {
    max-width: 100%;
    max-height: 100%;
    height: 95px;
    position: relative; /* margin: 1% 3% 0 3%; */
    background-size: 101% 100%;
    background-position: -2px -2px;
    background-image: url('imagenes/banner_header.png');
    background-repeat: no-repeat;
}

.ajaxError {
    color: Maroon;
    font-size: 24px;
    margin-left: 15px;
}

hr {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    border-style: inset;
    border-width: 1px;
}

#pagewrap {
    margin-top: 25px;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    min-height: 500px;
    background-color: #E3E3E3;
}

#contenedor {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    min-height: 470px;
    display: block;
    float: left;
    height: auto;
    width: 99.6%;
    background-color: #e3e3e3; /* border-left: 1px solid #888; */
}

    #contenedor h2 {
        font-size: 40px;
        color: #2D4E53;
        font-weight: bolder;
        font-variant: small-caps;
    }

    #contenedor h3 {
        color: #2D4E53;
        font-weight: bolder;
        font-variant: small-caps;
        text-transform: lowercase;
        margin-bottom: 0px;
        margin-left: 25px;
        border-bottom: solid 1px;
        margin-top: 10px;
        font-size: 16px;
    }


    /* Regla de Configuracion Monibyte */
    #contenedor .cbp-ntaccordion h3 {
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 0;
    }


#pagewrap .titulacion {
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top, #dddddd 1%, #bcbcbc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dddddd), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dddddd 1%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dddddd 1%,#bcbcbc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dddddd 1%,#bcbcbc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dddddd 1%,#bcbcbc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
    /*-moz-border-radius-topright: 15px; /*-moz-border-radius-bottomleft: 5px;     -moz-border-radius-bottomright: 5px;     -webkit-border-top-left-radius: 15px;*/
    /*-webkit-border-top-right-radius: 15px; /*-webkit-border-bottom-left-radius: 5px;     -webkit-border-bottom-right-radius: 5px;     border-top-left-radius: 15px;*/
    /*border-top-right-radius: 15px; /*border-bottom-left-radius: 5px;     border-bottom-right-radius: 5px;*/
    border-top: 1px solid #888;
    /*border-right: 1px solid #888;*/
}

    #pagewrap .titulacion h1 {
        text-align: left;
        margin-left: 15px;
        margin-top: 0;
        margin-bottom: 0px;
        font-size: 20px;
        color: #F99A00;
        text-shadow: 1px 1px 1px #222;
    }

#contenedor #areaTrabajo {
    background-color: #fff;
    margin: 5px 0 5px 0.5%;
    height: 100%;
    min-height: 300px;
    float: left;
    width: 99.5%;
    padding-bottom: 10px; /*overflow-y: auto;     _overflow: auto; margin: 0 0 1em;*/
    font-size: 12px;
    min-height: 460px;
}

#barraDesplazar {
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
}

#contenedor select {
    float: left;
}

#SubHeader {
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    display: block;
    background-color: #fff;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    float: inherit;
}

    #SubHeader h1 {
        color: #F99A00;
        position: relative;
        font-size: 18px;
    }

    #SubHeader p {
        height: 10px;
        margin-right: auto;
        margin-left: auto;
    }

    #SubHeader .title {
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 15px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-top-left-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }


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

.Tarjeta {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 30%;
    height: 115px;
    float: left;
}

    .Tarjeta img {
        float: left;
        position: relative;
        max-width: 100%;
        max-height: 100%;
    }

.CuentaD {
    height: auto;
    width: 65%;
    float: right;
    margin-left: 10px;
    font-size: 0.8em;
    padding-bottom: 15px;
}

#imglema {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 102;
    margin-top: 0;
    float: left;
}


#contlema {
    width: 60%;
    margin-left: 15%;
}

#contenedor_publicidad {
    width: 100%;
    margin: 1% 0 1% 0;
    height: 160px;
}

.publicidad_elemento {
    overflow: hidden;
    position: relative;
    width: 29%;
    float: right;
    display: block;
    height: 100%;
    margin: 0 2.16% 0 2.16%;
    -moz-box-shadow: 0 0 1px 1px #2D4E53;
    -webkit-box-shadow: 0 0 1px 1px #2D4E53;
    box-shadow: 0 0 1px 1px #2D4E53;
}

    .publicidad_elemento img {
        height: 100%;
        width: 100%;
    }

.publicidad_elementoGrande {
    overflow: hidden;
    position: relative;
    width: 58%;
    float: left;
    display: block;
    height: 100%;
    margin: 0 2.16% 0 2.16%;
    -moz-box-shadow: 0 0 1px 1px #2D4E53;
    -webkit-box-shadow: 0 0 1px 1px #2D4E53;
    box-shadow: 0 0 1px 1px #2D4E53;
}

    .publicidad_elementoGrande img {
        height: 100%;
        width: 100%;
    }

em {
    font: Small Fonts;
    padding: 5px 5px 5px 5px;
}

.inline {
    height: 10px;
    top: 0;
    width: 100%;
    background-color: #2D4E53;
}

.payment {
    /*margin: 2% 0 0 0;*/
    height: auto;
    width: 100%;
    display: block;
    float: inherit;
    background-color: #fff;
}

    .payment div {
        float: left;
    }

    .payment hr {
        border: 1px dashed grey;
        height: 0;
        width: 100%;
    }

    .payment button {
        margin: 20px;
        text-align: center;
        float: right;
    }

#margen {
    margin-top: 20px;
    top: auto;
}

/*Header elementos */

.lema {
    width: 80%;
    text-align: right;
    margin: 45px 5% auto -2%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    color: #FFF;
    position: absolute;
}

.Logos {
    height: 25px;
    width: 25px;
}

#site-logo {
    position: absolute;
    margin: 10px auto auto 35px;
}

    #site-logo img {
        width: 10%;
    }

#searchform {
    position: absolute;
    right: 5px;
    top: 7px;
    z-index: 5;
}

#contenedorLogout {
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 5;
}

    #contenedorLogout p {
        color: #000000;
        margin: 0;
    }

        #contenedorLogout p span {
            color: #2D4E53;
        }

    #contenedorLogout a {
        color: #2D4E53;
        text-decoration: none;
        font-weight: bold;
    }

        #contenedorLogout a:hover {
            text-decoration: underline;
        }

/* Login */

.containerLogin {
    clear: both;
    z-index: 2;
    font-size: x-small;
    margin: auto;
    width: 225px;
}

.caja-sombra {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

    .caja-sombra:before, .caja-sombra:after {
        content: "";
    }

.sombra1:before {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius: 5px / 100px;
    border-radius: 5px / 100px;
}

.sombra2:before {
    right: 0;
}

.ceja {
    margin-top: -35px;
    background-color: #f2f2f2;
    height: 29px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    width: 43%;
    padding-left: 8px;
    background: rgb(89,106,114); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(89,106,114,1) 0%, rgba(206,220,231,1) 0%, rgba(213,224,237,1) 17%, rgba(89,106,114,1) 83%, rgba(76,91,96,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,106,114,1)), color-stop(0%,rgba(206,220,231,1)), color-stop(17%,rgba(213,224,237,1)), color-stop(83%,rgba(89,106,114,1)), color-stop(100%,rgba(76,91,96,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D5E0ED', endColorstr='#4c5b60',GradientType=0 ); /* IE6-9 */
    font-size: 16px;
    color: #2D4E53;
}

    .ceja h3 {
        padding-top: 8px;
        font-size: 13px;
        color: #fff;
    }

#cont {
    background: rgb(89,106,114); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(89,106,114,1) 0%, rgba(206,220,231,1) 0%, rgba(213,224,237,1) 17%, rgba(89,106,114,1) 83%, rgba(76,91,96,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,106,114,1)), color-stop(0%,rgba(206,220,231,1)), color-stop(17%,rgba(213,224,237,1)), color-stop(83%,rgba(89,106,114,1)), color-stop(100%,rgba(76,91,96,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D5E0ED', endColorstr='#4c5b60',GradientType=0 ); /* IE6-9 */
    border: 1px solid #c4c6ca;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
}

    /* el rojiso de los campos */
    #cont form input[type="text"]:focus, #cont form input[type="password"]:focus {
        box-shadow: 0 0 2px #66B6FC inset;
        background-color: #fff;
        border: 1px solid #66B6FC;
        outline: none;
    }

    #cont form input[type="text"], #cont form input[type="password"] {
        width: 90%;
        height: 40px;
        display: block;
        margin: 10px auto;
        text-align: center;
        border: 1px solid #666;
    }

    #cont form input[type="checkbox"] {
        margin-left: 0;
    }

    #cont form div a {
        color: #fff;
        font-size: 12px;
        text-decoration: underline;
    }

    #cont h1 {
        color: #2D4E53;
    }

/* Botones del Login parte superior */
.botonLogin input[type="submit"] {
    color: #2D4E53; /*padding: 5px 15px 5px 15px;*/
}

#olvido {
    clear: both;
    display: inline-block;
}


/* Imagenen junto al Login */

#centralHome {
    z-index: 1;
    clear: both;
    display: block;
    margin: 5% auto;
    position: relative;
}

#imgcrp {
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Footer */
#footer {
    margin: 0 3% 0 3%;
    clear: both;
    font-size: 75%;
}

    #footer #footerP {
        height: 100%;
        width: 100%;
        margin-bottom: 0;
    }

    #footer .footerChildIzquierdo {
        position: relative;
        float: left;
        width: 50%;
    }

        #footer .footerChildIzquierdo p {
            float: left; /*  margin-top: 40px; */
            padding-left: 5px;
            color: #888;
        }

        #footer .footerChildIzquierdo a {
            text-decoration: none;
            color: #888;
        }

        #footer .footerChildIzquierdo p:not(:last-child):after {
            content: " |";
            color: #888;
        }

    #footer .footerChildDerecho {
        float: right;
        width: 50%;
        position: relative;
    }

        #footer .footerChildDerecho a {
            float: right;
            margin-top: 15px;
            padding: 5px;
            color: #f2f2f2;
            margin-bottom: 0;
        }

            #footer .footerChildDerecho a img {
                width: 32px;
            }

                #footer .footerChildDerecho a img:hover {
                    opacity: 0.75;
                }

    #footer .footerChild {
        width: 50%;
        float: left;
        color: #666;
    }

/* Generales de la Aplicacion */

.alinearDerecha {
    text-align: right;
}

/* colores de fondo y Letra */

#Fondoverde, .Fondoverde {
    background-color: #2D4E53;
}

#Fondonaranja, .Fondonaranja {
    background-color: #F99A00;
}

#Fondoceleste, .Fondoceleste {
    background-color: #66B6FC;
}

.Fondobeige {
    background-color: #e8b57d;
}

#verde, .verde {
    color: #2D4E53;
}

#naranja, .naranja {
    color: #F99A00;
}

#celeste, .celeste {
    color: #66B6FC;
}

/* Gestión Grupos */

.gestionGruposIzquierdo {
    margin-top: 0;
    height: auto;
    min-height: 250px;
    float: left;
    width: 40%;
    margin-bottom: 15px;
}

    .gestionGruposIzquierdo p {
        margin-top: 5px;
        font-weight: bolder;
        font-variant: small-caps;
        font-size: 16px;
        margin-left: 5px;
    }

    .gestionGruposIzquierdo select {
        margin-left: 10px;
    }

.gestionGruposBotonos {
    margin-top: 100px;
    height: auto;
    float: left;
    width: 20%;
    margin-bottom: 15px;
}

#btnIncluir, #btnExcluir {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    margin-bottom: 20px;
    clear: both;
    float: none;
    position: relative;
}

.gestionGruposDerecho {
    margin-top: 0;
    height: auto;
    min-height: 250px;
    float: right;
    width: 40%;
    margin-bottom: 15px;
}

    .gestionGruposDerecho #IdGrupoEmpresa {
        margin-right: 1%;
        width: 200px;
    }

    .gestionGruposDerecho .listaGrupos, .gestionGruposDerecho .listaGruposCombo {
        margin-top: 0;
        margin-left: 35px;
        margin-bottom: 15px;
        float: left;
        width: auto;
        font-weight: bolder;
        font-variant: small-caps;
        font-size: 16px;
    }

    .gestionGruposDerecho .listaGruposCombo {
        float: right;
        margin-left: 0;
    }


    .gestionGruposDerecho .listaGruposCombo {
        font-family: Arial,Helvetica,sans-serif;
        margin-top: 0;
        margin-left: 10px;
        margin-bottom: 15px;
        float: right;
    }

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

#cambioCuentaForm, #idTarjetaGlobal, form1 {
    width: 35%;
    float: left;
}

label.datosTarjeta {
    margin-left: 50px;
    width: 150px;
    float: left;
    padding-top: 4px;
    font-size: 13px;
}

div.menuMobilDecorator {
    display: block;
    top: 90px;
    width: 100%;
    height: 30px;
    position: absolute;
    background: rgb(245,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}

div.menuMobilIz {
    float: left;
    width: 25%;
    height: 30px;
    border-top-right-radius: 30px;
    background: #44747a; /* Old browsers */
    background: -moz-linear-gradient(top, #44747a 0%, #2d4d52 50%, #44747a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44747a), color-stop(50%,#2d4d52), color-stop(100%,#44747a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #44747a 0%,#2d4d52 50%,#44747a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #44747a 0%,#2d4d52 50%,#44747a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #44747a 0%,#2d4d52 50%,#44747a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #44747a 0%,#2d4d52 50%,#44747a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44747a', endColorstr='#44747a',GradientType=0 ); /* IE6-9 */
}

div.menuMobilDr {
    float: left;
    width: 75%;
    height: 30px;
}

.formulario.detalle-form .form label {
    width: 45%;
    line-height: 15px;
}

.gridDetalle {
    margin-left: 15px;
    margin-right: 15px;
}

/*CONSULTA DENEGACIONES EMPRESA PDF*/

#formularioDenegaciones .formulario .rangoFecha {
    display: inline-block;
    width: 280px;
}

/*CONSULTA DENEGACIONES EMPRESA PDF*/

/*Asociar Empresas*/

#FormEmpresasUsuario input[type="button"], .submitCorto, .submit, input[type="submit"] {
    margin-left: 0;
}

#FormEmpresasUsuario span.edit-li {
    margin-left: 57px;
}

#FormEmpresasUsuario span.edit-li2 {
    margin-left: 30px;
}

#FormEmpresasUsuario .submitCorto {
    float: right;
    margin-top: -33px;
}

#areaList .containerTC li {
    list-style: none;
    width: 47%;
    float: left;
    margin-left: 20px;
}

#areaList .empresasAgregar .mnb-list-item-delete {
    padding-right: 20px;
    margin-right: -14px;
    margin-left: 8px;
    margin-top: -2px;
}

#areaList .empresasAgregar li {
    list-style: none;
}

#areaList .empresasAgregar .mnb-list-item-delete img {
    margin-top: -13px;
}
/*Asociar Empresas*/

/**Seguridad del Usuario**/

#FormEditarSeguridadUsr.formulario.mantenimiento input[type="text"]:not(.k-input),
#FormEditarSeguridadUsr.formulario input[type="password"]:not(.k-input) {
    margin-left: 12px;
    margin-bottom: 0;
    margin-top: 0;
}
/**Seguridad del Usuario**/

/**Restricciones**/

#FormResetSaldos {
    margin-left: 12px;
    margin-right: 5px;
}

    #FormResetSaldos .listaRestriccionesTexto.encabezado {
        font-size: 12px;
        margin: 0 0 30px 0;
        font-weight: bold;
    }

    #FormResetSaldos .listaRestriccionesTexto .mb-icons {
        margin-left: 12px;
    }

    #FormResetSaldos .listaRestriccionesTexto div:not(.clearLine) {
        float: left;
        width: 15%;
        text-align: center;
        vertical-align: middle;
    }

        #FormResetSaldos .listaRestriccionesTexto div:not(.clearLine):first-child {
            width: 25% !important;
            text-align: left;
        }
        #FormResetSaldos .listaRestriccionesTexto .small {
            width: 10% !important;
        }

    #FormResetSaldos .listaRestriccionesTexto .clearLine {
        border: solid 1px #D6D6D6;
        border-bottom: 0;
        margin: 5px 0 2px 0;
    }

    #FormResetSaldos .listaRestriccionesTexto .consumo {
        width: 50px;
    }

    #FormResetSaldos .listaRestriccionesTexto .limite {
        width: 100px;
    }

    #FormResetSaldos .listaRestriccionesTexto .limite,
    #FormResetSaldos .listaRestriccionesTexto .consumo {
        text-align: right;
    }

    #FormResetSaldos .icon-refresh {
        text-decoration: none;
        margin-top: 5px;
        color: #506E69;
        float: right;
    }

        #FormResetSaldos .icon-refresh span {
            vertical-align: super;
        }

/**Boton adicional del modal**/
input.addButton, input.addButtonRest {
    margin-top: 5px;
    float: right;
    background: transparent;
    height: 21px;
    border: 1px solid #89c3d8;
}

    input.addButton:hover, input.addButtonRest:hover {
        border: 1px solid #ed860e;
        background: #faecd3;
        color: black;
    }

/**Boton adicional del modal**/


/**** Registro de Placas ****/

.formulario #FormRegistrarCargosPlaca input[type="text"]:not(.k-input),
.formulario #FormRegistrarCargosPlaca select:not(.k-input) {
    margin-bottom: 0;
    width: 100%;
}

/*#region Márgenes*/
.marginBottom {
    margin-bottom: 3%;
}

.marginTop {
    margin-top: 3%;
}

.marginLeft {
    margin-left: 3%;
}
/*#endregion Márgenes*/

.k-widget.k-window {
    min-width: 300px !important;
}
.contenedorComponente
{
    width: 100%;
    display: inline-block;
}

.contenedorTabla
{
    width: 100%;
    float: inherit;
    color: #2D4E53;
    font-family: Arial,Helvetica,sans-serif;
    border-collapse:collapse;
}

.contenedorTabla caption
{
    font-size: 48px;
    color: #2D4E53;
    font-weight: bolder;
    font-variant: small-caps;
}

.contenedorTabla th
{
    font-size: 12px;
    color: #FFF; /*  background-color: #4A747A; */
    padding: 8px 4px; /*  border-bottom: 1px solid #015ebc; */
}

.contenedorTabla table
{
    margin: 0;
    padding: 0;
    border-collapse:collapse;
    width: 100%;
}

.contenedorTabla th:hover
{
    /*  color: #F90; */
}

.contenedorTabla td
{
    /* background-color: #f2f2f2; */
    padding: 2px;
    font-size: 12px;
    text-align: left;
    border-bottom: 1px solid #666633;
}

.contenedorTabla .flotarI
{
    text-align: left;
}

.contenedorTabla td:hover
{
    /*  background-color: #f8f8f8; */
}

.contenedorTabla th
{
    text-align: left;
    width: auto;
}

.contenedorTabla tr
{
    border-bottom: 1px solid #CCC;
}




/*    Tabla Utilizada para manejar gran cantidad de contenidos   */

#tablaContenidos table
{
    width: 100%;
    float: left;
}

#tablaContenidos th
{
    font-size: 12px;
    color: #FFF;
    background-color: #4A747A;
    padding: 8px 4px;
    border-bottom: 1px solid #015ebc;
}

#tablaContenidos th:hover
{
    color: #F90;
}

#tablaContenidos th
{
    text-align: left;
}

#tablaContenidos td
{
    padding-top: 10px;
    width: auto;
}


#tablaContenidos th.moneda
{
    width: 30px;
}

#tablaContenidos tr
{
    border-bottom: 1px solid #CCC;
    padding-top: 1px;
}


@media only screen and (max-width: 560px)
{

    /* Force table to not be like tables anymore */
    #tablaContenidos table, #tablaContenidos thead, #tablaContenidos tbody, #tablaContenidos th, #tablaContenidos td, #tablaContenidos tr
    {
        display: block;
    }

    #tablaContenidos table
    {
        width: 100%;
    }

    #tablaContenidos td
    {
        background-color: #f2f2f2;
        padding: 8px;
        font-size: 12px;
        text-align: right;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #tablaContenidos thead tr
    {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #tablaContenidos tr
    {
        border: 1px solid #ccc;
    }

    #tablaContenidos td
    {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: left;
    }

    #tablaContenidos td:before
    {
        position: absolute;
        bottom: 0;
        left: 6px;
        width: 40%;
        height: 100%;
        padding-right: 10px;
        text-align: left;
        font-weight: bold;
        background-color: #4A747A;
        color: #fff;
    }

    #tablaContenidos td.Pais
    {
        width: auto;
    }

    /* Label the data */
    #tablaContenidos td:before
    {
        content: attr(data-title);
    }
}

.clear {
    clear: both;
}

.clearLine {
    border: solid 1px #4A747A;
    margin-bottom: 10px;
    clear: both;
}

.alinearLabelDerecha {
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 14px;
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
    height: 20px;
    width: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    clear: both;
}

.validation-msg-rel {
    top: -22px;
    margin-left: 30%;
    position: relative;
}

/* Estilo de Validacion y Ayudas
-----------------------------------------------------------*/
.input-validation-error, .formulario input[type="password"]:not(.k-input).input-validation-error,
.formulario input[type="text"]:not(.k-input).input-validation-error, .formulario select:not(.k-input).input-validation-error, .formulario textarea.input-validation-error, .formulario textarea:not(.k-input).input-validation-error {
    border: 1px solid red;
}

.recuadroDerecho {
    border: solid 3px #153807;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative;
    height: 100%;
    margin-right: 2%;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors ul {
    margin-left: 0;
    text-align: left;
    list-style-type: none;
}

.formulario form, div.form {
    float: left;
    width: 100%;
}

.formulario {
    float: left;
    height: auto;
    position: relative;
    background-color: #fff;
    width: 100%;
}

    .formulario form, .formulario div.form {
        margin-top: 15px;
    }

        .formulario form .leyenda, div.form .leyenda {
            display: inline-block;
            font-size: 12px;
            vertical-align: top;
            color: #666;
            width: 100%;
        }

    .formulario .rangoFecha {
        display: inline-block;
        width: 255px;
    }

.autocontenedor {
    float: none;
    padding: 50px 0;
    margin: 20px auto;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-box-shadow: 0 0 1px 1px #888;
    -webkit-box-shadow: 0 0 1px 1px #888;
    box-shadow: 0 0 1px 1px #888;
    width: 75%;
    overflow: hidden;
}

    .autocontenedor form {
        margin-top: 25px;
    }

.formulario .formtitle {
    background-color: #cccccc;
    margin-top: -50px;
}

.formulario form > div:not(.clearLine), .formulario div.form > div:not(.clearLine) {
    width: 50%;
    float: left; /* margin-left: 10%; */
}

.formulario .formtitle h1 {
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    margin-left: 15px;
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 24px;
    text-shadow: 1px 1px 2px #222;
}

    .formulario .formtitle h1 span {
        color: #F99A00;
    }

.formulario span:not(.field-validation-error):not(.k-i-arrow-s):not(.k-i-arrow-n), 
.form span:not(.field-validation-error) {
    /* line-height: 25px; */
    display: inline-block;
}

span.alinearDerecha {
    width: 25%;
    min-width: 200px;
    text-align: right;
}

span.alinearDerecharRadioButton {
    width: 10%;
    min-width: 50px;
    text-align: left;
}

span.alinearIzquierda {
    width: 25%;
    min-width: 200px;
    text-align: left;
}

span.alinearCentrado {
    width: 25%;
    text-align: center;
}

span.descripcion {
    width: 50%;
    text-align: justify;
}

.autocontenedor .formulario input[type="text"], .autocontenedor .formulario input[type="password"], .autocontenedor .formulario select, .autocontenedor .formulario textarea {
    color: #666;
    border: 1px solid #ccc;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 14px;
    float: left;
    margin-bottom: 10px;
    height: 20px;
    width: 250px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.formulario input[type="text"][readonly] {
    background-color: #F2F2F2;
}

.formulario .alinearIzquierda input[type="text"]:not(.k-input) {
    width: 150px;
    text-align: right;
    float: right;
}

.formulario input[type="text"]:not(.k-input), .formulario input[type="password"]:not(.k-input)
, .formulario input[type="email"]:not(.k-input), .formulario input[type="number"]:not(.k-input) {
    color: #666;
    border: 1px solid #ccc;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
    height: 20px;
    width: 220px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.formulario.mantenimiento input[type="text"]:not(.k-input), .formulario input[type="password"]:not(.k-input)
, .formulario input[type="email"]:not(.k-input), .formulario input[type="number"]:not(.k-input)  {
    color: #666;
    width: 170px;
    color: #666;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-bottom: 20px;
    height: 18px;
    float: left;
    margin-left: -182px;
    margin-top: 16px;
}

.formulario select:not(.k-input) {
    color: #666;
    border: 1px solid #ccc;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    height: 20px;
    width: 250px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.formulario textarea, .formulario textarea:not(.k-input) {
    color: #666;
    border: 1px solid #ccc;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    width: 250px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 50px;
}

.formulario input[type="submit"], .submitCorto {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding: 2px 15px;
    background: #E0E0E0;
    color: #666;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: solid 1px #60696D;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: normal;
    font-variant: normal;
    display: inline-block;
}

    .formulario input[type="submit"]:hover {
        background: #dbdbdb; /* Old browsers */
        background: -moz-linear-gradient(top, #dbdbdb 1%, #bababa 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbdbdb), color-stop(100%,#bababa)); /*Chrome,Safari4+ */
        border: solid 1px #60696D;
        background: -webkit-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 1%,#bababa 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
    }

.formulario input.error {
    border: 1px solid red;
}

.formulario input:focus, .formulario select:focus {
    color: #666;
}

.formulario label, .autocontenedor label {
    float: left;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin-left: 15px;
}

.autocontenedor label {
}

.formulario label {
    width: 30%;
    line-height: 15px;
}

    .formulario label ~ p {
        width: 40%;
        display: inline;
        line-height: 25px;
    }

    .formulario label:after {
        /*  content: " :"; */
    }

.autocontenedor .formulario input[type="password"]:not(.k-input) {
    margin-left: -150px;
}

/***********KENDO***********/
.formulario .k-input {
    min-width: 200px;
}
/***********KENDO***********/

#buscadorPersona.formulario #PrimerNombre, #buscadorPersona.formulario #SegundoNombre,
#buscadorPersona.formulario #PrimerApellido, #buscadorPersona.formulario #SegundoApellido,
#buscadorPersona.formulario #RazonSocial, #buscadorPersona.formulario #Nombre {
    width: 170px;
    color: #666;
    font-size: 12px;
    height: 18px;
    margin-left: 15px;
    border: 1px solid #ccc;
}

#buscadorDialog .formulario #PrimerNombre, #buscadorDialog .formulario #SegundoNombre,
#buscadorDialog .formulario #PrimerApellido, #buscadorDialog .formulario #SegundoApellido,
#buscadorDialog .formulario #RazonSocial, #buscadorDialog .formulario #Nombre, .NormalText input[type="text"] {
    width: 170px;
    color: #666;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-bottom: 20px;
    height: 18px;
    position: absolute;
    margin-left: -182px;
    margin-top: 29px;
}

@media screen and (max-width: 1280px) {
    .formulario {
        width: 100%;
    }
    .autocontenedor .formulario input[type="password"]:not(.k-input) {
        margin-left: -160px;
    }
}


@media screen and (max-width: 980px) {
    .formulario {
        width: 100%;
    }

    .autocontenedor .formulario input[type="password"]:not(.k-input) {
        margin-left: -140px;
    }
}

@media screen and (max-width:760px) {
    .formulario {
        width: 100%;
    }

    .autocontenedor label {
        width: auto;
    }

    .formulario label, .autocontenedor label {
        float: left;
        font-size: 12px;
        font-weight: bold;
        margin-left: 15px;
    }

    .formulario label {
        line-height: 35px;
    }

    .formulario label {
        margin-top: -10px;
        margin-bottom: 30px;
        margin-left: 20px;
        clear: both;
    }

    .formulario input[type="radio"] {
        width: auto;
    }

    .formulario .rangoFecha {
        display: inherit;
        width: auto;
    }

    .formulario input[type="text"], .formulario select, .formulario textarea {
        width: 50%;
    }

    .field-validation-error {
        margin-top: -25px;
        width: auto;
    }

    #contenedor_publicidad {
        height: 100px;
    }
}

@media screen and (max-width: 650px) {
    .autocontenedor input[type="text"], .autocontenedor textarea {
        width: 90%;
    }
}

@media screen and (max-width:480px) {
    .formulario {
        width: auto;
        height: auto;
    }

        .formulario input, select, .formulario input[type="password"], .formulario select, .formulario textarea {
            width: 90%;
        }

            .formulario input[type="text"], .formulario select, .formulario textarea {
                width: 80%;
            }

    .autocontenedor input[type="text"], .autocontenedor textarea, .autocontenedor .formulario textarea {
        width: 90%;
    }

    .formulario input[type="submit"] {
        margin-left: 5%;
        padding: 5px 15px;
    }

    .formulario label {
        width: 40%;
        float: none;
        margin-left: 5px;
        display: inline-block;
        line-height: 15px;
        margin-bottom: 0;
        margin-top: 0; /* width: 100%;         float: none;         margin-left: 5px;         margin-right: 20px;         clear: both; */
    }

    #footer .footerChildIzquierdo p {
        margin-top: 0;
    }

    .formulario span.valor.descripcion {
        width: 50%;
        text-align: justify;
        float: none;
        clear: both;
    }
}

@media screen and (max-width:380px) {
    .formulario input[type="text"], .formulario select, .formulario textarea {
        margin-top: 0;
        width: 100%;
    }

    .formulario label {
        margin-top: 0;
        margin-bottom: 0;
    }
}

/*Basic reset*/
#sub-nav
{
    width: 19%;
    clear: left;
    float: left;
    color: white;
    display: block;
    position: relative;
    margin: 19px 0 0 15px; /*width: 100%;*/
    margin: 19px auto 0 1%; /*Some cool shadow and glow effect*/ /*box-shadow:  		0 5px 15px 1px rgba(0, 0, 0, 0.6),  		0 0 200px 1px rgba(255, 255, 255, 0.5);*/ /* background: linear-gradient(-90deg, #B9B9B9, #6A6A6A) repeat scroll 0 0 transparent; */
    background: rgb(45,78,83); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(45,78,83,1) 1%, rgba(71,114,119,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(45,78,83,1)), color-stop(100%,rgba(71,114,119,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4e53', endColorstr='#477277',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#sub-nav ul *
{
    margin: 0;
    list-style: none;
    padding-left: 10px;
}
#sub-nav > ul
{
    margin: 0;
    padding-left: 0;
}
/*heading styles*/
#sub-nav h3
{
    font-size: 15px;
    line-height: 34px;
    cursor: pointer;
    margin: 0;
    font-weight: normal;
}
/*heading hover effect*/
#sub-nav h3:hover
{
    text-shadow: 0 0 10px rgba(102, 130, 114, 7);
}
/*iconfont styles*/
#sub-nav h3 span
{
    margin-right: 5px;
}
/*list items*/
#sub-nav > ul > li
{
    padding: 0;
    list-style-type: none;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), 0 1px 0 0 rgba(255, 255, 255, 0.5);
}
/*links*/
#sub-nav li a
{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    line-height: 27px;
    display: block;
    padding: 0 15px; /*transition for smooth hover animation*/
    transition: all 0.15s;
}
/*hover effect on links*/
#sub-nav li a:hover
{
    /*border-left: 5px solid #66B6FC;*/
    font-size: 12px;
    color: #004050;
}

#sub-nav > ul > li > a:hover, #sub-nav > ul > li.active, #sub-nav ul ul
{
    background: rgb(89,106,114); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(89,106,114,1) 0%, rgba(206,220,231,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(89,106,114,1)), color-stop(100%,rgba(206,220,231,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=1 ); /* IE6-9 */
}

#sub-nav li.active ul
{
    display: block;
}
#sub-nav li.active a.active
{
    border-left: 5px solid #66B6FC;
    font-size: 12px;
    color: #004050;
}
/*Lets hide the non active LIs by default*/
#sub-nav ul ul
{
    display: none;
}
/*Lets hide the non active LIs by default*/
#sub-nav ul ul h3
{
    padding-left: 15px;
}
/* Estilos #nav-mobile y lo ocultamos */
#sub-nav-mobile
{
    display: none;
    float: right;
    width: 150px;
    height: 25px;
    position: absolute;
    color: #fff;
    left: 2%;
    padding-top: 5px;
    padding-left: 30px;
    text-decoration: none;
    background: #000;
    background: url('imagenes/iconos/nav-sub.png') no-repeat 0 center;
}
/* Agregaremos esta clase a #nav-mobile, cuando el menu mobile haya sido desplegado */
#sub-nav-mobile.sub-nav-active
{
    opacity: .6;
}
/*@media only screen and (max-width: 1920px)
{*/
    /* mostramos #nav-mobile */
    #sub-nav-mobile
    {
        display: block;
    }
    /* Fijamos nuestro nav en 100% ancho y dejamos de flotarlo  */
    #sub-nav
    {
        margin: 0;
        width: 25%;
        top: 120px;
        float: none;
        z-index: 100;
        background: none;
        box-shadow: none;
        position: absolute;
    }
    #sub-nav a:link
    {
        font-size: 14px;
    }
    /* Convertimos nuestra lista de enlaces en un menú horizontal */
    #sub-nav > ul
    {
        max-height: 0;
        overflow: hidden;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
        box-shadow: 0 1px 2px rgba(0,0,0,.5);
    }
    /* estilos para los LI del menu */
    #sub-nav > ul > li
    {
        float: none;
        display: block;
        border-bottom: 1px solid #282b30; /*#33363b*/
        background: rgb(45,78,83); /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(45,78,83,1) 1%, rgba(71,114,119,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(45,78,83,1)), color-stop(100%,rgba(71,114,119,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg,  rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg,  rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg,  rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* IE10+ */
        background: linear-gradient(135deg,  rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4e53', endColorstr='#477277',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
    #sub-nav > ul li a
    {
        padding-top: 3px;
        padding-bottom: 3px;
    }
    #sub-nav > ul li a:hover
    {
        font-size: 14px;
    }
    /* Agregamos una animación al despligue del menú */
    #sub-nav > ul.open-menu
    {
        max-height: 2000px;
        -webkit-transition: max-height 1s;
        -moz-transition: max-height 1s;
        -ms-transition: max-height 1s;
        -o-transition: max-height 1s;
        transition: max-height 1s;
    }
/*}*/
@media screen and (max-width: 480px)
{
    #sub-nav
    {
        top: 105px;
    }
}

/* Main-nav, El menu Principal de la Pagina */
#main-nav
{
    background: rgb(89,106,114); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(89,106,114,1) 0%, rgba(206,220,231,1) 0%, rgba(213,224,237,1) 17%, rgba(89,106,114,1) 83%, rgba(76,91,96,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,106,114,1)), color-stop(0%,rgba(206,220,231,1)), color-stop(17%,rgba(213,224,237,1)), color-stop(83%,rgba(89,106,114,1)), color-stop(100%,rgba(76,91,96,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D5E0ED', endColorstr='#4c5b60',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.4);
    position: relative; /*margin: 120px 0 0 0;*/
    top: 120px;
}

#main-nav ul
{
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    display: inline-block;
}


#main-nav ul li
{
    /*float: left;     list-style: none outside none;     margin: 0;     padding: 0;     position: relative;*/
    display: inline-block;
}

#main-nav ul li a
{
    color: #FFFFFF;
    display: block; /*font-weight: bold;*/
    line-height: 100%;
    padding: 10px 10px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
#main-nav ul li a:hover
{
    color: #F7971D;
}

/* Estilos #nav-mobile y lo ocultamos */
#nav-mobile
{
    display: none;
    background: url('imagenes/iconos/nav.png') no-repeat right;
    float: right;
    width: 24px;
    height: 24px;
    position: absolute;
    color:#2d4d52;
    text-decoration:none;
    padding-right: 60px;    
    padding-top: 5px;
    margin-left:30px;
}
/* Agregaremos esta clase a #nav-mobile, cuando el menu mobile haya sido desplegado */
#nav-mobile.nav-active
{
    opacity: .6;
}

/*MEDIA QUERY*/
@media only screen and (max-width: 1366px)
{
    /* mostramos #nav-mobile */
    #nav-mobile
    {
        display: block;
    }
    /* Fijamos nuestro nav en 100% ancho y dejamos de flotarlo  */
    #main-nav
    {
        width: 100%;
        z-index: 101;
        float: none; /*padding-top: 60px;*/
        background: none;
        box-shadow: none;
        font-size: 14px;
    }
    /* Convertimos nuestra lista de enlaces en un menú horizontal */
    #main-nav ul
    {
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
        box-shadow: 0 1px 2px rgba(0,0,0,.5);
        max-height: 0;
        overflow: hidden;
    }
    /* estilos para los LI del menu */
    #main-nav ul li
    {
        background: #33363b;
        border-bottom: 1px solid #282b30;
        float: none;
        display: block;
        text-align: center;
    }

    /* Quitamos el borde del ultimo item del menú */
    #main-nav ul li:last-child
    {
        border-bottom: 0;
    }
    #main-nav ul li a
    {
        padding: 15px 0;
        height: auto;
        line-height: normal;
    }
    #main-nav ul li a:hover
    {
        background: #2a2d33;
    }

    /* Agregamos una animación al despligue del menú */
    #main-nav ul.open-menu
    {
        max-height: 400px;
        -webkit-transition: max-height .4s;
        -moz-transition: max-height .4s;
        -ms-transition: max-height .4s;
        -o-transition: max-height .4s;
        transition: max-height .4s;
    }
}
@media screen and (max-width: 480px)
{
    #main-nav
    {
        top: 85px;
    }
}
.ui-dialog {
    padding: 0;
    overflow: hidden;
}

.k-overlay {
    opacity: 0.1 !important;
}

.blockUI.blockOverlay {
    opacity: 0 !important;
}

.blockUI.blockMsg.blockPage {
    border: 0 !important;
    width: auto !important;
    background-color: transparent !important;
}

/****K.WONDOW***/

.k-widget.k-window {
    color: #000;
    border-radius: 0;
    border: solid 1px #ccc;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #fffffc 18%, #e5e5e5 81%, #d3d3d3 92%, #c9c9c9 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(18%,#fffffc), color-stop(81%,#e5e5e5), color-stop(92%,#d3d3d3), color-stop(98%,#c9c9c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#fffffc 18%,#e5e5e5 81%,#d3d3d3 92%,#c9c9c9 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#fffffc 18%,#e5e5e5 81%,#d3d3d3 92%,#c9c9c9 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#fffffc 18%,#e5e5e5 81%,#d3d3d3 92%,#c9c9c9 98%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#fffffc 18%,#e5e5e5 81%,#d3d3d3 92%,#c9c9c9 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}

    .k-widget.k-window .k-content {
        font-size: 0.75em;
        background-color: transparent;
    }

        .k-widget.k-window .k-content input[type="text"]:not(.k-input) {
            color: #667;
            border: solid 1px #ccc;
        }

        .k-widget.k-window .k-content input[type="text"].input-validation-error {
            border: 1px solid red;
        }

        .k-widget.k-window .k-content .contenedorComponente {
            font-size: 11px;
        }

.k-window-titlebar.k-header {
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 0;
    text-align: left;
    background: #F59423;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Nunito',sans-serif;
}

/**Elimina la cajita de mensajes de kendo**/
.k-widget.k-tooltip-validation,
.k-widget .k-tooltip .k-tooltip-validation .k-invalid-msg {
    display: none !important;
}

.k-input.k-invalid, .input-validation-error, .k-invalid, .invalid {
    border: 1px solid red !important;
    -webkit-animation: tiembla 0.1s;
}

.k-window-titlebar.k-header span:hover {
    cursor: pointer;
}

div.k-window-content {
    overflow: hidden;
    padding: 0;
}

.k-grid .k-delete {
    background-image: url('imagenes/iconos/garbage-icon(16).png');
    background-position: 0 0;
}

/********K.WINDOW*******+*/

/*.ui-widget input {
    color: #666;
    font-size: 14px;
    text-align: left;
}

.ui-dialog .ui-dialog-titlebar {
    color: #F99A00;
    margin-top: 0;
    margin-bottom: 0;
    padding: 2px 0 5px 10px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog .ui-dialog-titlebar h1 {
    font-size: 17px;
    padding: 0;
    margin: 0;
    text-shadow: 1px 1px 1px #222;
}

.ui-dialog .ui-dialog-title {
    overflow: visible;
}

.ui-widget-content {
    background-color: #FFF;
    background: #FFF;
    border: solid 1px #4A747A;
}

    .ui-widget-content a {
        color: #666;
    }

.ui-dialog .ui-dialog-content {
}*/

.no-title .k-window-titlebar.k-header {
    padding: 0.2em 0;
    position: relative;
}

/*.k-widget.k-window > div.k-window-content .ui-dialog-buttonpane {
    margin-left: -6px;
    margin-right: -6px;
}*/

.k-widget.k-window .ui-dialog-buttonpane {
    margin-top: 0;
    margin-top: 15px;
    text-align: right;
    padding: 7px 0 0 0;
    border-width: 2px 0 0 0;
    border-top: solid 2px #4f787e;
}

.ui-dialog-buttonpane {
    padding-top: 10px;
    width: 100%;
    text-align: right;
    float: right;
    margin-bottom: 0;
    border-width: 2px 0 0 0;
    border-top: solid 2px #4A747A;
}

.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0;
    border-width: 2px 0 0 0;
    padding: 0 7px 0 7px;
}

.ui-dialog-buttonpane .ui-accept-btn,
.formulario input[type="submit"].ui-accept-btn {
    margin: 5px 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 15px;
    font-size: 12px;
    color: #666;
}

.ui-dialog-buttonpane .ui-cancel-btn {
    margin: 5px 15px 5px 5px;
}

.ui-dialog-buttonpane .ui-accept-btn,
.ui-dialog-buttonpane .ui-cancel-btn {
    color: #666;
    cursor: pointer;
    font-size: 11px;
    padding: 5px 15px;
    text-transform: uppercase;
}

    .ui-dialog-buttonpane .ui-accept-btn:hover,
    .ui-dialog-buttonpane .ui-accept-btn:focus {
        color: #FFFFFF;
    }

.containerRangoFecha span.k-datepicker {
    width: 125px;
}

.formulario .containerRangoFecha .k-input {
    width: 100%;
    min-width: inherit;
}

.rangoFecha .k-input {
    min-width: 60px;
}

.rangoFecha .k-picker-wrap.k-state-default {
    width: 106px;
}

.rangoFecha span.k-datepicker {
    width: 126px;
}

.k-grid-content {
    min-height: 200px;
}

.k-widget.k-combobox.k-header > .k-dropdown-wrap.k-state-default {
    display: block;
}

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-numeric-wrap.k-expand-padding .k-input,
.k-autocomplete.k-state-default,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-autocomplete.k-state-border-up .k-input,
.k-numeric-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-input,
.k-dropdown-wrap.k-state-border-up .k-input,
.k-autocomplete.k-state-border-down .k-input,
.k-numeric-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-dropdown-wrap.k-state-border-down .k-input,
.k-autocomplete.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #c5c5c5;
}

.k-datepicker {
    height: 25px;
}

span.k-tooltip {
    position: absolute;
}

.k-tabstrip {
    background: none;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

    .k-tabstrip .k-content {
        margin: 0; /*padding: 0;*/
        border: none;
    }

    .k-tabstrip .k-tabstrip-items {
        margin-bottom: 0;
        padding-bottom: 0;
        padding: 5px 0 0 3px;
        border-bottom: solid 1px #c5c5c5;
    }

        .k-tabstrip .k-tabstrip-items .k-state-active {
            border-color: /*#c5c5c5*/ #f7971d;
        }

    .k-tabstrip .k-content.k-state-active {
        padding-top: 1%;
    }

    .k-tabstrip .k-state-active, .k-state-active, .k-state-active:hover {
        border-color: #c5c5c5;
    }

.k-dropdown .k-input {
    height: 20px;
}

.k-popup .k-list .k-item {
    font-size: 12px;
}

.k-loading-mask {
    display: none;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}

.k-grid-header .k-header .k-link:hover {
    background: #dbdbdb; /* Old browsers */
    background: -moz-linear-gradient(top, #dbdbdb 1%, #bababa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbdbdb), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dbdbdb 1%,#bababa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
    cursor: move;
}

.k-grid-icons {
    margin-left: 10px;
}

    .k-grid-icons:hover {
        opacity: 0.8;
    }

.k-grid-options {
    width: auto;
    position: static;
}

.k-grouping-header {
    font-weight: bold;
    padding-left: 10px;
    color: #F99A00;
}

.k-notification.k-notification-success {
    width: 325px;
    border: none;
    background-color: #000 !important;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    background: url('imagenes/iconos/app-clean-icon.png') #000 no-repeat 20px 3px;
}

    .k-notification.k-notification-success .k-notification-wrap {
        margin: 0;
        padding: 0;
    }

    .k-notification.k-notification-success h2 {
        margin: 0;
        font-size: 17px;
        display: inline-block;
        color: rgb(183, 206, 224);
        padding: 5px 5px 5px 55px;
    }

    .k-notification.k-notification-success .k-icon.k-i-note {
        display: none;
    }

.k-notification-wrap .k-icon {
    display: none !important;
}

.k-list-container {
    min-width: 300px;
}

.k-list-link {
    position: absolute;
    top: -23px;
    right: 0;
    text-decoration: inherit;
}

div .monibyte-control-group, div .monibyte-control-group-cards {
    border: none;
}

.monibyte-control-group > table > thead.k-grid-header th {
    color: #FFFFFF;
    background-image: none;
    background-color: #2D4D52;
    border-bottom: solid 1px #000;
}

.monibyte-control-group > table > tbody > tr, .monibyte-control-group-cards > table > tbody > tr {
    background-color: #CCC;
    font-size: 11px !important;
    color: #000 !important;
    font-variant: normal !important;
    font-weight: normal !important;
    margin-top: 0px;
    margin-bottom: 0;
    margin-left: 0;
}

    .monibyte-control-group > table > tbody > tr[role=row]:hover > td, .monibyte-control-group-cards > table > tbody > tr[role=row]:hover > td {
        cursor: pointer;
        background-color: #999;
    }

    .monibyte-control-group > table > tbody > tr td {
        border-left: none;
        border-right: none;
    }

    .monibyte-control-group > table > tbody > tr .k-detail-cell {
        padding: 0;
    }

    .monibyte-control-group > table > tbody > tr:not(:last-child) td, .monibyte-control-group-cards > table > tbody > tr td {
        border-bottom: #999 solid 1px;
    }

    .monibyte-control-group > table > tbody > tr td div.descripcion {
        float: left;
        width: 200px;
        max-width: 200px;
        word-wrap: break-word;
    }

    .monibyte-control-group > table > tbody > tr td div.limite-texto {
        float: left;
        width: 135px;
        text-align: right;
    }

    .monibyte-control-group > table > tbody > tr td div.limite-valor {
        float: left;
        width: 127px;
        text-align: right;
    }

.monibyte-control-group > table > tfoot td {
    height: 20px;
    color: #000;
    font-size: 13px;
    padding-left: 10px;
    font-weight: normal;
    background: linear-gradient(to right, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%);
}

    .monibyte-control-group > table > tfoot td label {
        float: left;
        width: 220px;
        font-weight: bold;
        padding-left: 55px;
    }

    .monibyte-control-group > table > tfoot td div {
        float: left;
        width: 215px;
        text-align: right;
    }

.monibyte-control-group-cards > table thead .k-header {
    border-left: none;
    border-right: none;
    padding: 0 15px 0 0;
}

.monibyte-control-group-cards > table > tbody > tr {
    background-color: #FFF;
}

.monibyte-control-group-cards > table > thead > tr .k-hierarchy-cell {
    padding-left: 41px;
    padding-right: 15px;
}

.monibyte-control-group-cards > table > tbody > tr .k-hierarchy-cell {
    padding-left: 25px;
    padding-right: 15px;
}

.monibyte-control-group-cards > table > thead > tr th[data-field="NombreImpreso"] {
    width: 200px;
    max-width: 200px;
}

.monibyte-control-group-cards > table > thead > tr th[data-field="LimiteCreditoInter"] {
    width: 233px;
    max-width: 233px;
}

.monibyte-control-group-cards > table > tbody > tr td.nombre-tarjeta {
    font-size: 12px;
    font-weight: bold;
}

.monibyte-control-group-cards > table > tbody > tr td.num-tarjeta {
    padding: 0;
    width: 160px;
    text-align: left;
}

.monibyte-control-group-cards > table > tbody > tr td.limite {
    text-align: right;
    padding-right: 25px;
}

/** ESTILO FILAS GENERAL **/
#encabezado {
    color: #000;
    width: 100%;
    display: table;
    text-align: center;
    vertical-align: middle;
    background-color: #E8B57D; /*#2D4D52;*/
    word-wrap: break-word;
}

    #encabezado div {
        line-height: 15px;
        display: table-cell;
        vertical-align: middle;
        /*border-right: #999 solid 1px;*/
    }

    #encabezado .dol {
        width: 2.5%; /*20px;*/
    }

    #encabezado .col {
        width: 2.5%; /*20px;*/
    }

    #encabezado .vip {
        width: 3%; /*30px;*/
    }

    #encabezado .local {
        width: 5%; /*40px;*/
    }

    #encabezado .inter {
        width: 9.5%; /*90px;*/
    }

    #encabezado .compras {
        width: 13%; /*125px;*/
    }

    #encabezado .avance {
        width: 14.5%; /*135px;*/
    }

    #encabezado .tipo {
        width: 16%; /*160px;*/
    }

    #encabezado .horario {
        width: 17%; /*160px;*/
    }

    #encabezado .region {
        width: 17%; /*160px;*/
    }
/** ESTILO FILAS GENERAL **/
/** ESTILO FILAS DETALLE **/
#encabezadoDetalle {
    color: #000;
    width: 100%;
    display: table;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    background-color: #fff;
    font: Verdana, Geneva, sans-serif; /*border-bottom: #999 solid 1px;*/
}

    #encabezadoDetalle .dolDetalle, #encabezadoDetalle .colDetalle, #encabezadoDetalle .vipDetalle, #encabezadoDetalle .localDetalle, #encabezadoDetalle .interDetalle, #encabezadoDetalle .comprasDetalle, #encabezadoDetalle .avanceDetalle, #encabezadoDetalle .tipoDetalle, #encabezadoDetalle .horarioDetalle, #encabezadoDetalle .regionDetalle {
        padding-top: 5px;
        display: table-cell;
        vertical-align: top;
        /*border-right: #999 solid 1px;*/
    }

    #encabezadoDetalle .dolDetalle {
        width: 2.5%; /*20px;*/
    }

    #encabezadoDetalle .colDetalle {
        width: 2.5%; /*20px;*/
    }

    #encabezadoDetalle .vipDetalle {
        width: 3%; /*30px;*/
    }

    #encabezadoDetalle .localDetalle {
        width: 5%; /*40px;*/
    }

    #encabezadoDetalle .interDetalle {
        width: 9.5%; /*90px;*/
    }

    #encabezadoDetalle .comprasDetalle {
        width: 13%; /*125px;*/
    }

    #encabezadoDetalle .avanceDetalle {
        width: 14.5%; /*135px;*/
    }

    #encabezadoDetalle .tipoDetalle {
        width: 16%; /*160px;*/
        padding-top: 0;
    }

    #encabezadoDetalle .horarioDetalle {
        width: 17%; /*160px;*/
        padding-top: 0;
    }

    #encabezadoDetalle .regionDetalle {
        width: 17%; /*160px;*/
        padding-top: 0;
    }

        #encabezadoDetalle .regionDetalle .listaRestriccionesTexto .mnb-list {
            padding-left: 20px;
        }
/** ESTILO FILAS DETALLE **/
.restriccion-display {
    display: block;
    float: left;
    background-color: #b2c2c5;
    font-size: 9px;
    color: #000;
    height: 25px;
    width: 100%;
    text-align: center;
    padding-top: 5px;
}

#panelControlMonibyte {
    margin-top: 20px;
}

    #panelControlMonibyte .k-grid-header .k-header .k-link:hover {
        background: none;
        cursor: pointer;
    }

/**ESTILOS FORMULARIOS**/
.restriccion-comp-form {
    width: 95%;
    color: #000;
    padding: 2.5%;
    font-size: 11px;
    display: none;
    background-color: #b2c2c5;
}

    .restriccion-comp-form label.lbl-form {
        width: 48.8%;
        text-align: left;
        display: inline-block;
    }

    .restriccion-comp-form label.lbl-currency {
        width: 44.6%;
    }

    .restriccion-comp-form span.text-box {
        width: 49%;
        display: inline-block;
    }

.mnb-action-trigger {
    color: #000;
    width: 100%;
    vertical-align: top;
    text-decoration: none;
    display: inline-block;
}

    .mnb-action-trigger.editable-item {
        width: 80%;
        margin-left: 5%;
        padding-top: 5px;
    }

    .mnb-action-trigger span {
        vertical-align: top;
    }

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

.mnb-list-item .mnb-action-trigger.editable-item label.list-item-data {
    width: 90%;
    cursor: pointer;
}

.mnb-list-item label.list-item-data {
    width: 100%;
    cursor: pointer;
}

.mnb-list-item-detail {
    display: none;
    margin-left: 5%;
    border-top: solid 1px #ccc;
}

    .mnb-list-item-detail label {
        display: inline-block;
    }

a[class*="mnb-list-item"] {
    margin-left: 3px;
}

.mnb-list-item-delete {
    padding-top: 5px;
    display: inline-block;
}

.comboboxMcc {
    font: Verdana, Geneva, sans-serif;
    font-size: 11px;
    padding-top: 0px;
    width: 100%;
}

.comboboxDias {
    font: Verdana, Geneva, sans-serif;
    font-size: 11px;
    padding-top: 0px;
    width: 30%;
}

.comboboxHoras {
    font: Verdana, Geneva, sans-serif;
    font-size: 11px;
    margin-left: 0px;
    padding-top: 0px;
}

.comboboxRegion {
    font: Verdana, Geneva, sans-serif;
    font-size: 11px;
    padding-top: 0px;
    width: 95px;
    margin-left: 2px;
    float: left;
}

/**ESTILOS DETALLE INTERNO**/
.ordenList {
    margin-left: 15px;
}

.restriccionesBtnIncluir {
    font-size: 8px;
    color: #ffffff;
    margin-left: 5px;
    padding: 3px 5px;
    background: -moz-linear-gradient(top, #2d4e53 0%, #2d4e53);
    background: -webkit-gradient(linear, left top, left bottom, from(#2d4e53), to(#2d4e53));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    text-decoration: none;
}

    .restriccionesBtnIncluir:hover {
        cursor: hand;
        background: -moz-linear-gradient(top, #408080 0%, #408080);
        background: -webkit-gradient(linear, left top, left bottom, from(#408080), to(#408080));
    }

.regionEncabezado {
    display: block;
    float: left;
    background-color: #2D4E53;
    font: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    height: 25px;
    width: 81px;
    text-align: center;
    padding: 10px 0 0 0px;
}

/**ESTILOS DE PAGINA DE DETALLE**/
.tituloResumen {
    display: block;
    font: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #333;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
    height: 35px;
}

    .tituloResumen label {
        font-weight: bold;
        padding-right: 5px;
    }

        .tituloResumen label:after {
            content: ":";
        }

        .tituloResumen label:last-child {
            margin-left: 30px;
        }

    .tituloResumen input[type="text"] {
        width: 250px;
    }

.restriccion-container.restriccion-simple {
    width: 350px;
    min-width: 350px;
    padding: 5px 0 5px 0;
}

    .restriccion-container.restriccion-simple .sub-restriccion-container label {
        width: auto;
        height: 20px;
    }

        .restriccion-container.restriccion-simple .sub-restriccion-container label.limite {
            width: 40%;
        }

        .restriccion-container.restriccion-simple .sub-restriccion-container label.cantidad {
            width: 43.8%;
        }

.restriccion-container .sub-restriccion-container {
    display: none;
    padding-left: 30px;
}

    .restriccion-container .sub-restriccion-container span.text-box {
        display: inline-block;
        margin-left: 5px;
        /*margin-bottom: 5px;*/
    }

    .restriccion-container .sub-restriccion-container [class*="mb-numeric"] {
        width: 110px;
        text-align: right;
    }

.restriccion-container.restriccion-simple label {
    display: inline-block;
    font-size: 12px;
    width: 65%;
    height: 25px;
}

.restriccion-container.restriccion-simple input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
}

.restriccion-container.restriccion-comp {
    vertical-align: middle;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.restriccion-container.restriccion-simple .restriccion-rango-container {
    width: 20%;
    font-size: 10px;
    display: inline-block;
}

.restriccion-container.restriccion-simple .containerRangoFecha {
    width: 92%;
    display: none;
    text-align: center;
}

.restriccion-container.restriccion-simple.restriccion-limite label {
    width: 140px;
}

    .restriccion-container.restriccion-simple.restriccion-limite label + div {
        width: 145px;
    }

.restriccion-container.restriccion-comp {
    display: block;
    width: 240px;
    max-width: 240px;
}

#restricciones-mcc {
    width: 300px;
    max-width: 300px;
}

restriccion-container.restriccion-comp input[type="text"] {
    width: 125px;
}

.restriccion-container .restriccion-encabezado {
    background-color: #4f787e;
    text-align: center;
    color: white;
    margin-bottom: 0;
}

.restriccion-container .restriction-list {
    clear: both;
    margin-top: 5px;
    background-color: #fff;
}

    .restriccion-container .restriction-list a {
        color: #000;
    }

.restriccion-container .restriction-hours {
    width: 68%;
    text-align: center;
    display: inline-block;
}

.restriccion-container .listaRestriccionesTexto {
    font: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #000;
    text-align: left;
    clear: both;
}

.restriccion-container .restriccionesBtnIncluir {
    font-size: 10px;
    color: #ffffff;
    margin-left: 5px;
    padding: 3px 5px;
    background: -moz-linear-gradient(top, #2d4e53 0%, #2d4e53);
    background: -webkit-gradient(linear, left top, left bottom, from(#2d4e53), to(#2d4e53));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    text-decoration: none;
}

    .restriccion-container .restriccionesBtnIncluir:hover {
        cursor: hand;
        background: -moz-linear-gradient(top, #408080 0%, #408080);
        background: -webkit-gradient(linear, left top, left bottom, from(#408080), to(#408080));
    }

.restriccion-container .regionEncabezado {
    display: block;
    float: left;
    background-color: #2D4E53;
    font: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    height: 15px;
    text-align: center;
    padding: 5px 0 0 0px;
}

.encabezado-dia {
    width: 30%;
}

.encabezado-horas {
    width: 70%;
}

.encabezado-region {
    width: 50%;
}

.encabezado-pais {
    width: 50%;
}

.listaRestriccionesTexto {
    font: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #000;
    text-align: left;
}

.margenesDivicionPlantilla {
    float: left;
    color: #333;
}

    .margenesDivicionPlantilla.bordered {
        border-right: 1px solid #087053;
    }

.editar-restricciones {
    vertical-align: top;
    padding-top: 4px;
    display: inline-block;
}

#bitacoraCondicionFormContenedor > div:first-child {
    float: left;
    width: 484px;
}

    #bitacoraCondicionFormContenedor > div:first-child .contenedorComponente {
        width: 477px;
    }

#bitacoraCondicionFormContenedor .detalleBitacora {
    float: right;
    width: 400px;
    height: 360px;
    overflow-y: scroll;
    padding-left: 15px;
}


/* MONIBYTE.CSS OVERRIDE */

body {
    background: #fff;
    background-color: white;
}

#mnb-footer-logo {
    /*content: url('imagenes/footer-image-70.png');*/
    background-repeat: no-repeat;
    background-position: center bottom;
}

#site-logo img {
    width: 100%;
}

select:disabled {
    background-color: #F2F2F2;
}

input:disabled {
    background: rgba(0, 0, 0, 0.1);
}

input[type="button"], .submitCorto, .submit, input[type="submit"] {
    background: #babf10;
    color: white;
    border: solid 1px #babf10;
}

    input[type="button"]:hover, .submitCorto:hover, .submit:hover, input[type="submit"]:hover {
        background: #dbdbdb;
        filter: none;
        filter: brightness(85%);
    }

#contieneCombo2 select[multiple], .gestionGruposIzquierdo select[multiple] {
    text-shadow: none;
    background-color: transparent;
}

option, selection {
    background-color: transparent;
}

header {
    height: 95px; /* Estos se dejan separados como parte del branding por si se desea diferenciar tamaños o imágenes difeentes según compañía */
    position: relative; /* Estos se dejan separados como parte del branding por si se desea diferenciar tamaños o imágenes difeentes según compañía */
    background-size: 101% 100%;
    background-position: -2px -2px;
    background-image: none;
    background-repeat: no-repeat;
    background-color: #001a72;
}

.ajaxError {
    color: Maroon;
}

#pagewrap {
    background-color: #c8c9c7;
    margin-top: 16px;
}

#contenedor {
    background-color: #e3e3e3;
}

#contenedorInicio {
    background-color: #e3e3e3 !important;
}

#contenedor h2 {
    color: #2D4E53;
}

#contenedor h3 {
    color: #001A71;
}

#pagewrap .titulacion {
    background: white;
    /*margin-top: 30px;*/
    /*margin-bottom: 15px;*/
    position: relative;
    border-top: 1px solid white;
    padding-right: 5px;
}

    #pagewrap .titulacion h1 {
        color: #001A71;
        text-shadow: 1px 1px 1px #222;
        text-align: right;
        margin-top: 2px;
        margin-left: 20px;
    }

#contenedor #areaTrabajo {
    background-color: #fff;
    min-height: 450px;
}

#SubHeader {
    background-color: #fff;
}

    #SubHeader h1 {
        color: #F99A00;
    }

.publicidad_elemento {
    -moz-box-shadow: 0 0 1px 1px #2D4E53;
    -webkit-box-shadow: 0 0 1px 1px #2D4E53;
    box-shadow: 0 0 1px 1px #2D4E53;
}

.publicidad_elementoGrande {
    -moz-box-shadow: 0 0 1px 1px #2D4E53;
    -webkit-box-shadow: 0 0 1px 1px #2D4E53;
    box-shadow: 0 0 1px 1px #2D4E53;
}

.inline {
    background-color: #2D4E53;
}

.payment {
    background-color: #fff;
}

    .payment hr {
        border: 1px dashed grey;
        height: 0;
        width: 100%;
    }

/*Header elementos */

.lema {
    color: #FFF;
    display:none;
}

#contenedorLogout p {
    color: #000000;
}

    #contenedorLogout p span {
        color: #2D4E53;
    }

#contenedorLogout a {
    color: #fff;
    font-weight: bold;
}

#contenedorLogout > div {
    color: #fff;
}

/* Login */

.caja-sombra {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*.sombra1:before {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
}*/

.ceja {
    background-color: #f2f2f2;
    background: rgb(89,106,114); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(89,106,114,1) 0%, rgba(206,220,231,1) 0%, rgba(213,224,237,1) 17%, rgba(89,106,114,1) 83%, rgba(76,91,96,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,106,114,1)), color-stop(0%,rgba(206,220,231,1)), color-stop(17%,rgba(213,224,237,1)), color-stop(83%,rgba(89,106,114,1)), color-stop(100%,rgba(76,91,96,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D5E0ED', endColorstr='#4c5b60',GradientType=0 ); /* IE6-9 */
    color: #2D4E53;
}

    .ceja h3 {
        color: #fff;
    }

#cont {
    background: none;
    background-color: none;
}


    #cont form input[type="text"]:focus, #cont form input[type="password"]:focus {
        box-shadow: 0 0 2px #66B6FC inset;
        background-color: #fff;
        border: 1px solid #66B6FC;
    }

    #cont form input[type="text"], #cont form input[type="password"] {
        border: 1px solid #666;
    }

    #cont form div a {
        color: #fff;
    }

    #cont h1 {
        color: #2D4E53;
    }

/* Botones del Login parte superior */
.botonLogin input[type="submit"] {
    color: #2D4E53;
}

#footer .footerChildIzquierdo p {
    color: #888;
}

#footer .footerChildIzquierdo a {
    color: #888;
}

#footer .footerChildIzquierdo p {
    margin-top: 3px;
    margin-bottom: 0px;
}

#footer .footerChildIzquierdo p:not(:last-child):after {
    color: #888;
}

#footer .footerChildDerecho a {
    color: #f2f2f2;
}

#footer .footerChild {
    color: #666;
}

#Fondoverde, .Fondoverde {
    background-color: #2D4E53;
}

#Fondonaranja, .Fondonaranja {
    background-color: #F99A00;
}

#Fondoceleste, .Fondoceleste {
    background-color: #66B6FC;
}

.Fondobeige {
    background-color: #e8b57d;
}

#verde, .verde {
    color: #2D4E53;
}

#naranja, .naranja {
    color: #F99A00;
}

#celeste, .celeste {
    color: #66B6FC;
}

div.menuMobilDecorator {
    background: none;
    top: 111px;
    /*
    background-color: rgb(245,246,246);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1)));
    background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); 
    background: -o-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); 
    background: -ms-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
    background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );*/
}

div.menuMobilIz {
    background: #001A71;
    /*background: linear-gradient(to bottom,#001a71 0%,#001a71 50%,#001a71 100%);*/
    /*background: -moz-linear-gradient(top, #cdaf86 0%, #cdaf86 50%, #cdaf86 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdaf86), color-stop(50%,#cdaf86), color-stop(100%,#cdaf86));
    background: -webkit-linear-gradient(top, #cdaf86 0%,#cdaf86 50%,#cdaf86 100%); 
    background: -o-linear-gradient(top, #cdaf86 0%,#cdaf86 50%,#cdaf86 100%); 
    background: -ms-linear-gradient(top, #cdaf86 0%,#cdaf86 50%,#cdaf86 100%); 
    background: linear-gradient(to bottom, #cdaf86 0%,#cdaf86 50%,#cdaf86 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdaf86', endColorstr='#cdaf86',GradientType=0 );*/
}

#FormResetSaldos .listaRestriccionesTexto .clearLine {
    border: solid 1px #D6D6D6;
}

#FormResetSaldos .icon-refresh {
    color: #506E69;
}

input.addButton, input.addButtonRest {
    background: transparent;
    border: 1px solid #babf10;
    color: #666;
}

    input.addButton:hover, input.addButtonRest:hover {
        border: 1px solid #001A71;
        background: #faecd3;
        color: black;
    }

.k-editor-inline ::selection {
    background-color: #3297FD;
}

/* MONIBYTE.EXTERNO.CSS OVERRIDE */

.k-widget.k-window {
    color: #000;
    border: solid 1px #ccc;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #fffffc 18%, #e5e5e5 81%, #d3d3d3 92%, #c9c9c9 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(18%,#fffffc), color-stop(81%,#e5e5e5), color-stop(92%,#d3d3d3), color-stop(98%,#c9c9c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#fffffc 18%,#e5e5e5 81%,#d3d3d3 92%,#c9c9c9 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#fffffc 18%,#e5e5e5 81%,#d3d3d3 92%,#c9c9c9 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#fffffc 18%,#e5e5e5 81%,#d3d3d3 92%,#c9c9c9 98%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#fffffc 18%,#e5e5e5 81%,#d3d3d3 92%,#c9c9c9 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}

    .k-widget.k-window .k-content {
        background-color: transparent;
    }

        .k-widget.k-window .k-content input[type="text"]:not(.k-input) {
            color: #667;
            border: solid 1px #ccc;
        }

        .k-widget.k-window .k-content input[type="text"].input-validation-error {
            border: 1px solid red;
        }

.k-window-titlebar.k-header {
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 0;
    background: #001A71;
}

.k-input.k-invalid, .input-validation-error, .k-invalid, .invalid {
    border: 1px solid red !important;
}

.k-widget.k-window .ui-dialog-buttonpane {
    border-top: solid 2px #babf10;
}

.ui-dialog-buttonpane {
    border-top: solid 2px #4A747A;
}

    .ui-dialog-buttonpane .ui-accept-btn,
    .formulario input[type="submit"].ui-accept-btn {
        /*color: #666;*/
    }

    .ui-dialog-buttonpane .ui-accept-btn {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
    }

        .ui-dialog-buttonpane .ui-accept-btn:hover {
            background-color: #FFFFFF;
            border: 1px solid #FFFFFF;
        }

    .ui-dialog-buttonpane .ui-cancel-btn {
        color: #666;
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
    }

.jpopup button.ui-cancel-btn {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.ui-dialog-buttonpane .ui-accept-btn:hover,
.ui-dialog-buttonpane .ui-accept-btn:focus {
    color: #666;
}

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-numeric-wrap.k-expand-padding .k-input,
.k-autocomplete.k-state-default,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-autocomplete.k-state-border-up .k-input,
.k-numeric-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-input,
.k-dropdown-wrap.k-state-border-up .k-input,
.k-autocomplete.k-state-border-down .k-input,
.k-numeric-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-dropdown-wrap.k-state-border-down .k-input,
.k-autocomplete.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #c5c5c5;
}

.k-tabstrip .k-tabstrip-items {
    border-bottom: solid 1px #c5c5c5;
}

    .k-tabstrip .k-tabstrip-items .k-state-active {
        border-color: /*#c5c5c5*/ #f7971d;
    }

.k-tabstrip .k-state-active, .k-state-active, .k-state-active:hover {
    border-color: #c5c5c5;
}

.k-grid-header .k-header .k-link:hover {
    background: #dbdbdb; /* Old browsers */
    background: -moz-linear-gradient(top, #dbdbdb 1%, #bababa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbdbdb), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dbdbdb 1%,#bababa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dbdbdb 1%,#bababa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
}

.k-grouping-header {
    color: #001A71;
}

.k-notification.k-notification-success {
    background-color: #000 !important;
    box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
}

    .k-notification.k-notification-success h2 {
        color: rgb(183, 206, 224);
    }

.clearLine {
    border: solid 1px #001A71;
}

.alinearLabelDerecha {
    color: #666;
}

.input-validation-error, .formulario input[type="password"]:not(.k-input).input-validation-error,
.formulario input[type="text"]:not(.k-input).input-validation-error, .formulario select:not(.k-input).input-validation-error, .formulario textarea.input-validation-error, .formulario textarea:not(.k-input).input-validation-error {
    border: 1px solid red;
}

.recuadroDerecho {
    border: solid 3px #153807;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    color: #ff0000;
}

.formulario {
    background-color: white;
}

    .formulario form .leyenda, div.form .leyenda {
        color: #666;
    }

.autocontenedor {
    -moz-box-shadow: 0 0 1px 1px #888;
    -webkit-box-shadow: 0 0 1px 1px #888;
    box-shadow: 0 0 1px 1px #888;
}

.formulario .formtitle {
    background-color: #cccccc;
}

    .formulario .formtitle h1 {
        text-shadow: none;
    }

        .formulario .formtitle h1 span {
            color: #72a391;
        }

.autocontenedor .formulario input[type="text"], .autocontenedor .formulario input[type="password"], .autocontenedor .formulario select, .autocontenedor .formulario textarea {
    color: #666;
    border: 1px solid #ccc;
}

.formulario input[type="text"][readonly] {
    background-color: #F2F2F2;
}

.formulario input[type="text"]:not(.k-input), .formulario input[type="password"]:not(.k-input), .formulario input[type="email"]:not(.k-input), .formulario input[type="number"]:not(.k-input) {
    color: #666;
    border: 1px solid #ccc;
}

.formulario.mantenimiento input[type="text"]:not(.k-input), .formulario input[type="password"]:not(.k-input), .formulario input[type="email"]:not(.k-input), .formulario input[type="number"]:not(.k-input) {
    color: #666;
    color: #666;
    border: 1px solid #ccc;
}

.formulario select:not(.k-input) {
    color: #666;
    border: 1px solid #ccc;
}

.formulario textarea, .formulario textarea:not(.k-input) {
    color: #666;
    border: 1px solid #ccc;
}

.formulario input[type="submit"], .submitCorto {
    background: #001A71;
    color: white;
    border: solid 1px #001A71;
}

    .submitCorto:hover {
        background: #666;
        border: solid 1px #666;
    }

    .formulario input[type="submit"]:hover {
        /*background: #9b5f0d;
    border-color: #9b5f0d;*/
        filter: none;
        filter: brightness(85%);
    }

.formulario input.error {
    border: 1px solid red;
}

.formulario input[type=submit]:focus {
    color: white;
}

.formulario input[type=button]:focus {
    color: #666;
    border: solid 1px rgb(186, 191, 16);
}

.formulario input:focus {
    color: #666;
}

.formulario select:focus {
    color: #666;
}

.formulario label, .autocontenedor label {
    color: #666;
}

#buscadorPersona.formulario #PrimerNombre, #buscadorPersona.formulario #SegundoNombre,
#buscadorPersona.formulario #PrimerApellido, #buscadorPersona.formulario #SegundoApellido,
#buscadorPersona.formulario #RazonSocial, #buscadorPersona.formulario #Nombre {
    color: #666;
    border: 1px solid #ccc;
}

#buscadorDialog .formulario #PrimerNombre, #buscadorDialog .formulario #SegundoNombre,
#buscadorDialog .formulario #PrimerApellido, #buscadorDialog .formulario #SegundoApellido,
#buscadorDialog .formulario #RazonSocial, #buscadorDialog .formulario #Nombre, .NormalText input[type="text"] {
    border: 1px solid #ccc;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical,
.k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color,
.k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited,
.k-tool.k-state-selected {
    background-color: #cdaf86;
    background-image: none;
}

    .k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
        color: #fff;
        background-color: #babf10;
        border-color: #babf10;
    }

.k-grid tr:hover {
    background-color: #babf10;
    background-image: none;
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover {
    background-color: #babf10;
    background-image: none;
}

.formulario input[type="submit"], .submitCorto {
    background: #001A71;
    color: #FFFFFF !important;
    /*color: #666;*/
}

/* MONIBYTE.MENU.LATERAL.CSS OVERRIDE */

#sub-nav {
    background: rgb(45,78,83); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(45,78,83,1) 1%, rgba(71,114,119,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(45,78,83,1)), color-stop(100%,rgba(71,114,119,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgba(45,78,83,1) 1%,rgba(71,114,119,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4e53', endColorstr='#477277',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#sub-nav {
    top: 141px;
}

#sub-nav-mobile.sub-nav-active {
    opacity: 1;
}

#sub-nav h3:hover {
    text-shadow: 0 0 10px #cdaf86;
}

#sub-nav > ul > li {
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), 0 1px 0 0 rgba(255, 255, 255, 0.5);
}

#sub-nav li a {
    color: #001A71;
}

#sub-nav li a:hover {
    color: #fff;
}

#sub-nav > ul > li > a:hover, #sub-nav ul ul {
    background: #cac8c8;
    background: -moz-linear-gradient(left,#cac8c8 0%,#cac8c8 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#cac8c8),color-stop(100%,#cac8c8));
    background: -webkit-linear-gradient(left,#cac8c8 0%,#cac8c8 100%);
    background: -o-linear-gradient(left,#cac8c8 0%,#cac8c8 100%);
    background: -ms-linear-gradient(left,#cac8c8 0%,#cac8c8 100%);
    background: linear-gradient(to right,#cac8c8 0%,#cac8c8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#596a72',endColorstr='#cedce7',GradientType=1);
}

#sub-nav > ul > li.active {
    background: #babf10;
    background: -moz-linear-gradient(left,#babf10 0%,#babf10 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#babf10),color-stop(100%,#babf10));
    background: -webkit-linear-gradient(left,#babf10 0%,#babf10 100%);
    background: -o-linear-gradient(left,#babf10 0%,#babf10 100%);
    background: -ms-linear-gradient(left,#babf10 0%,#babf10 100%);
    background: linear-gradient(to right,#babf10 0%,#babf10 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#596a72',endColorstr='#cedce7',GradientType=1);
    /*color: #cdaf86;*/
}

#sub-nav ul li.active > h3 {
    /*text-decoration: underline #cdaf86;*/
}

#sub-nav li.active a.active {
    border-left: 5px solid #babf10;
    color: #fff;
}

#sub-nav > ul {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

    #sub-nav > ul > li {
        border-bottom: 1px solid #282b30; /*#33363b*/
        background: #001a71; /* Old browsers */
        background: -moz-linear-gradient(-45deg, #001a71 1%, #001a71 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#001a71), color-stop(100%,#001a71)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg, #001a71 1%,#001a71 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg, #001a71 1%,#001a71 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg, #001a71 1%,#001a71 100%); /* IE10+ */
        background: linear-gradient(135deg,#001a71 1%,#001a71 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a71', endColorstr='#001a71',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

/* MONIBYTE.MENU.SUPERIOR.CSS */

/* Main-nav, El menu Principal de la Pagina */
#main-nav {
    background: rgb(89,106,114); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(89,106,114,1) 0%, rgba(206,220,231,1) 0%, rgba(213,224,237,1) 17%, rgba(89,106,114,1) 83%, rgba(76,91,96,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,106,114,1)), color-stop(0%,rgba(206,220,231,1)), color-stop(17%,rgba(213,224,237,1)), color-stop(83%,rgba(89,106,114,1)), color-stop(100%,rgba(76,91,96,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 0%,rgba(213,224,237,1) 17%,rgba(89,106,114,1) 83%,rgba(76,91,96,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D5E0ED', endColorstr='#4c5b60',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.4);
}

    #main-nav ul li a {
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    }

        #main-nav ul li a:hover {
            color: #F7971D;
        }

#nav-mobile {
    color: #2d4d52;
}

/*MEDIA QUERY*/
@media only screen and (max-width: 1366px) {

    #main-nav ul li {
        background: #33363b;
        border-bottom: 1px solid #282b30;
    }

        #main-nav ul li a:hover {
            background: #2a2d33;
        }
}

/* MONIBYTE.PANEL.CSS OVERRIDE */

.monibyte-control-group > table > thead.k-grid-header th {
    color: #FFFFFF;
    background-color: #2D4D52;
    border-bottom: solid 1px #000;
}

.monibyte-control-group > table > tbody > tr, .monibyte-control-group-cards > table > tbody > tr {
    background-color: #CCC;
    color: #000 !important;
}

    .monibyte-control-group > table > tbody > tr[role=row]:hover > td, .monibyte-control-group-cards > table > tbody > tr[role=row]:hover > td {
        background-color: #999;
    }

    .monibyte-control-group > table > tbody > tr:not(:last-child) td, .monibyte-control-group-cards > table > tbody > tr td {
        border-bottom: #999 solid 1px;
    }

.monibyte-control-group > table > tfoot td {
    color: #000;
    background: linear-gradient(to right, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%);
}

#encabezado {
    color: #000;
    background-color: #E8B57D;
}

#encabezadoDetalle {
    color: #000;
    background-color: #fff;
}

.restriccion-display {
    c2c5;
    color: #000;
}

.restriccion-comp-form {
    color: #000;
    background-color: transparent;
}

.mnb-list-item-detail {
    border-top: solid 1px #ccc;
}

.restriccionesBtnIncluir {
    color: #ffffff;
    background: -moz-linear-gradient(top, #2d4e53 0%, #2d4e53);
    background: -webkit-gradient(linear, left top, left bottom, from(#2d4e53), to(#2d4e53));
    border: 1px solid #ffffff;
}

    .restriccionesBtnIncluir:hover {
        background: -moz-linear-gradient(top, #408080 0%, #408080);
        background: -webkit-gradient(linear, left top, left bottom, from(#408080), to(#408080));
    }

.regionEncabezado {
    background-color: #2D4E53;
    color: #FFFFFF;
}

.tituloResumen {
    display: block;
    color: #333;
}

.restriccion-container .restriccion-encabezado {
    background-color: #001A71;
    color: white;
}

.restriccion-container .restriction-list {
    background-color: #fff;
    border: solid 1px #A7AC0E;
    padding: 3px;
}

.restriccion-container .listaRestriccionesTexto {
    color: #000;
}

.restriccion-container .restriccionesBtnIncluir {
    color: #ffffff;
    background: -moz-linear-gradient(top, #2d4e53 0%, #2d4e53);
    background: -webkit-gradient(linear, left top, left bottom, from(#2d4e53), to(#2d4e53));
    border: 1px solid #ffffff;
}

    .restriccion-container .restriccionesBtnIncluir:hover {
        background: -moz-linear-gradient(top, #408080 0%, #408080);
        background: -webkit-gradient(linear, left top, left bottom, from(#408080), to(#408080));
    }

.restriccion-container .regionEncabezado {
    background-color: #2D4E53;
    color: #FFFFFF;
}

.listaRestriccionesTexto {
    color: #000;
}

.margenesDivicionPlantilla {
    color: #333;
}

    .margenesDivicionPlantilla.bordered {
        border-right: 1px solid #babf10;
    }

/* MONIBYTE.TABLAS.CSS */

.contenedorComponente {
    width: 100%;
    display: inline-block;
}

.contenedorTabla {
    width: 100%;
    float: inherit;
    color: black;
    font-family: Arial,Helvetica,sans-serif;
    border-collapse: collapse;
}

    .contenedorTabla caption {
        font-size: 48px;
        color: #2D4E53;
        font-weight: bolder;
        font-variant: small-caps;
    }

    .contenedorTabla th {
        font-size: 12px;
        color: #FFF; /*  background-color: #4A747A; */
        padding: 8px 4px; /*  border-bottom: 1px solid #015ebc; */
    }

    .contenedorTabla table {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        width: 100%;
    }

    .contenedorTabla th:hover {
        /*  color: #F90; */
    }

    .contenedorTabla td {
        /* background-color: #f2f2f2; */
        padding: 2px;
        font-size: 12px;
        text-align: left;
        border-bottom: 1px solid #666633;
    }

    .contenedorTabla .flotarI {
        text-align: left;
    }

    .contenedorTabla td:hover {
        /*  background-color: #f8f8f8; */
    }

    .contenedorTabla th {
        text-align: left;
        width: auto;
    }

    .contenedorTabla tr {
        border-bottom: 1px solid #CCC;
        color: black !important;
    }




/*    Tabla Utilizada para manejar gran cantidad de contenidos   */

#tablaContenidos th {
    color: #FFF;
    background-color: #4A747A;
    border-bottom: 1px solid #015ebc;
}

    #tablaContenidos th:hover {
        color: #F90;
    }

#tablaContenidos tr {
    border-bottom: 1px solid #CCC;
}


@media only screen and (max-width: 560px) {

    #tablaContenidos td {
        background-color: #f2f2f2;
    }

    #tablaContenidos tr {
        border: 1px solid #ccc;
    }

    #tablaContenidos td {
        border-bottom: 1px solid #eee;
    }

        #tablaContenidos td:before {
            background-color: #4A747A;
            color: #fff;
        }
}

.btn-primario {
    background-color: #001A71 !important;
    color: white !important;
    border: 1px solid #9b5f0d !important;
}

.btn-secundario {
    background-color: #babf10 !important;
    color: white !important;
    border: 1px solid #babf10 !important;
}

.btn-secundario-sin-fondo {
    background-color: #e3e3e3 !important;
    color: #72a391 !important;
    border: 1px solid #72a391 !important;
}

.ocultar {
    display: none !important;
}

.k-calendar .k-today .k-link {
    color: #babf10;
}

.k-calendar .k-today {
    -webkit-box-shadow: inset 0 0 0 1px #babf10;
    box-shadow: inset 0 0 0 1px #babf10;
}

.k-calendar td.k-state-focused.k-state-selected, .k-calendar td.k-state-selected.k-state-active, .k-calendar td.k-state-selected.k-state-hover:active, .k-calendar td.k-state-selected:active {
    -webkit-box-shadow: inset 0 0 3px 1px #cdaf86;
    box-shadow: inset 0 0 3px 1px #cdaf86;
}

.k-calendar td.k-state-selected.k-state-hover {
    background-color: #001A71;
}

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: inset 0 0 3px 1px #cdaf86;
    box-shadow: inset 0 0 3px 1px #cdaf86;
}

.infoTarjeta h3 {
    color: #72a391;
}

.k-button.k-state-active, .k-button:active {
    background-image: none;
    color: #fff;
    background-color: #babf10;
    border-color: #babf10;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: #babf10 0px 0px 3px 1px inset;
}

.btn-inicio-sesion {
    background-color: #babf10 !important;
    border-color: #babf10 !important;
    color: white !important;
}

.containerLogin {
    width: 100%;
}

.containerLogin h3 {
    color: white;
}

.k-widget.k-window .ui-dialog-buttonpane {
    margin-top: 0;
    background-color: #e3e3e3;
}

.home-panel {
    background-color: #cac8c8;
    margin-top: -38.5px;
}

    .home-panel div {
        width: 35% !important;
        margin-top: 160px !important;
    }

    .home-panel div img {
        width: 100% !important;
    }

.k-primary {
    color: #fff;
    border-color: #babf10;
    background-color: #babf10;
}
.k-menu .k-state-selected > .k-link {
    background-color: #babf10;
}

.k-primary.k-state-focused, .k-primary:focus {
    border-color: #9b5f0d;
    -webkit-box-shadow: 0 0 3px 0 #cdaf86;
    box-shadow: 0 0 3px 0 #cdaf86;
}

.k-primary.k-state-hover, .k-primary:hover {
    background-color: #babf10;
}

.k-header.k-grid-toolbar.k-grid-top a:focus {
    color: #babf10;
}

#externalLoginLink div {
    background-color: #001A71;
    border: solid 1px white;
}

form#loginMonibyteForm {
    width: 100px;
    margin-left: calc(50vw - 50px);
}

.containerLogin h1 {
    color: #001A71 !important;
}

.formulario.autocontenedor .formtitle h1 span {
    color: #001a72 !important;
}

.formulario.autocontenedor h3 {
    color: #001a72;
    margin-left: 15px;
}

#FormReportesConsumo .cssTipoConsumo .cssfinanciacion, #FormReportesConsumo .cssTipoConsumo #lblFinanciados {
    display: none;
}