body {
    font-family: Tahoma, Arial;
    font-size: 12px;
}

input {
    font-family: Tahoma, Arial;
    font-size: 12px;
    color: #333333;
}

select {
    font-family: Tahoma, Arial;
    font-size: 12px;
    color: #333333;
}

textarea {
    font-family: Tahoma, Arial;
    font-size: 12px;
    color: #333333;
}

.subHeader {
    background-image: url('../../Images/subheader_bg.png');
    background-repeat: repeat-x;
    height: 27px;
    border: 1px solid rgba(10,10,100,0.2);
}

    .subHeader div {
        padding: 5px;
        font-size: 14px;
        font-weight: bold;
        color: #10428C;
    }

/*.divContentFilter
{
	border :solid 1px #D8D8D8;
	margin-bottom :5px;
}*/

.divContentFilter {
    /*border: solid 1px #D8D8D8;*/
    margin: 5px auto;
    width: 800px;
}

.divContentFilterAuto {
    border: solid 1px #D8D8D8;
    margin: 5px auto;
}

.divBotonera {
    border: solid 1px #D8D8D8;
    margin: 3px;
    padding: 2px;
    text-align: right;
    background: #EfEfEf;
}

#divConciliacionCaja {
}

    #divConciliacionCaja td {
        padding: 5px;
    }

    #divConciliacionCaja th {
        padding: 4px;
    }

    #divConciliacionCaja span {
        font-family: Tahoma, Arial;
        font-size: 12px;
        color: #333333;
    }

/*TABLAS*/
.tdLbl {
    text-align: right;
    white-space: nowrap;
    width: 120px;
    background-color: #FFFFFF;
    padding-right: 5px;
}

.tdVal {
    width: 5px;
}

.tdInput {
    width: 100%;
}

.tdSeparador {
    background: #10428C;
    height: 1px;
}

/*FIN TABLAS*/

/*ESTILO GRILLA*/

.grd_header {
    background-image: url('../../Images/grd_header.jpg');
    background-repeat: repeat-x;
    height: 20px;
}

.modal {
    background-color: #FFFFFF;
    border: solid 2px #666666;
    padding: 8px;
}

.modal2 {
    background-color: #FFFFFF;
    border: solid 2px #666666;
    padding: 8px;
}

.modal td {
    padding: 4px;
}

/* Estilo encabezado */
#cabecera {
    color: #10335e;
    background: url(../../Images/bk-cabecera.jpg) repeat-x;
    height: 111px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

#cabeceraMon {
    color: #10335e;
    background: url(../../Images/bk-cabecera_mon.png) repeat-x;
    height: 111px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

#cabecera h1 {
    padding: 0;
    margin: 0;
    font-size: 16px;
}

#cabecera p {
    margin: 5px 0;
}

#cabeceraMon h1 {
    padding: 0;
    margin: 0;
    font-size: 16px;
}

#cabeceraMon p {
    margin: 5px 0;
}

.contCabecera {
    min-width: 1200px;
    background: url(../../Images/left.jpg) no-repeat left;
    height: 111px;
}

.contCabeceraMon {
    min-width: 1200px;
    background: url(../../Images/left_mon.png) no-repeat left;
    height: 111px;
}

#cabecera a:link {
    color: #c2c2c2;
    text-decoration: none;
}

#cabecera a:hover {
    color: #c2c2c2;
    text-decoration: underline;
}

#cabecera a:visited {
    color: #c2c2c2;
    text-decoration: none;
}

#cabecera .right {
    background: url(../../Images/right.jpg) no-repeat right;
    height: 111px;
    float: right;
}

#cabecera .icon {
    background: url(../../Images/bk-foto-cabecera.png) no-repeat;
    height: 76px;
    width: 76px;
    float: right;
    margin: 0;
    /*margin:7px 15px 0 200px;*/
    padding: 0;
}

#cabecera .dataUser {
    float: right;
    margin: 7px 10px 0 0;
}

#cabecera .nombreUser {
    background: url(../../Images/bk-usuario-cabecera.png) no-repeat;
    height: 25px;
    width: 184px;
    padding: 7px;
    font-size: 11px;
}

#cabeceraMon a:link {
    color: #c2c2c2;
    text-decoration: none;
}

#cabeceraMon a:hover {
    color: #c2c2c2;
    text-decoration: underline;
}

#cabeceraMon a:visited {
    color: #c2c2c2;
    text-decoration: none;
}

#cabeceraMon .right {
    background: url(../../Images/right_mon.png) repeat-x;
    height: 111px;
    float: right;
}

#cabeceraMon .icon {
    background: url(../../Images/bk-foto-cabecera.png) no-repeat;
    height: 76px;
    width: 76px;
    float: right;
    margin: 7px 15px 0 10px;
    padding: 10px;
}

#cabeceraMon .dataUser {
    float: right;
    margin: 7px 10px 0 0;
}

#cabeceraMon .nombreUser {
    background: url(../../Images/bk-usuario-cabecera.png) no-repeat;
    height: 25px;
    width: 184px;
    padding: 7px;
    font-size: 11px;
}

.subTitulo {
    border-bottom: solid 1px #10428C;
    padding: 2px;
    color: #10428C;
    font-weight: bold;
    font-size: 12px;
    margin-top: 5px;
}

.paneles {
    width: 100%;
    margin: 5px 5px 0px 0px;
    background-color: #ffffff;
    border: solid 1px #ffffff;
    vertical-align: top;
}

.panelesHeader {
    background-image: url('../../Images/subheader_bg.png');
    background-repeat: repeat-x;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    font-size: 10px;
    padding-left: 5px;
    border-bottom: solid 1px #6394CE;
}

.grupoDeDatos {
    border: solid 1px #D5D5D5;
    color: #666666;
    margin-bottom: 10px;
    min-width: 400px;
    min-height: 70px;
}

    .grupoDeDatos td {
        padding: 4px;
    }

    .grupoDeDatos th {
        padding: 4px;
        text-align: right;
    }

.tituloGrupoDeDatos {
    padding: 4px;
    font-weight: bold;
    color: #333333;
    background-image: url('../../Images/grd_header.jpg');
    background-repeat: repeat-x;
    border-left: solid 1px #D5D5D5;
    border-right: solid 1px #D5D5D5;
    border-top: solid 1px #D5D5D5;
    float: left;
    min-width: 200px;
    margin-top: 10px;
}

.buttonBarModalHeader {
    background: #ededed;
    border: solid 1px #d5d5d5;
    padding: 1px;
    text-align: right;
}

/* nuevo_estilo */

.nav-list > li > a {
    color: #000;
    font-family: 'Sintony', Tahoma, Arial;
    font-weight: 100;
    padding-bottom: 15px;
    vertical-align: middle;
}

    .nav-list > li > a:hover, .nav-list > li > a:focus {
        text-decoration: none;
        background-color: #0288D1;
        color: white;
        text-shadow: none;
        padding-top: 10px;
        padding-bottom: 10px;
        vertical-align: middle;
        margin-left: -15px;
        margin-right: -15px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.42);
    }

.navigation {
    border: 1px solid white;
}

.primer-orden1 {
    text-align: center;
    border-bottom: thick solid #428bca;
}

    .primer-orden1:active {
        background-color: #428bca;
    }

    .primer-orden1:hover {
        background-color: #428bca;
        color: white;
    }

label.primer-orden1.tree-toggle.nav-header {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    margin-bottom: 6px;
    padding: 0px;
    vertical-align: top;
    height: 40px;
    text-align: left;
    line-height: 39px;
    padding-top: 3px;
}


label.primer-orden2.tree-toggle.nav-header {
    font-weight: bold;
    font-size: 13px;
    text-transform: capitalize;
    background-color: #ddd;
    color: #333;
}

    label.primer-orden2.tree-toggle.nav-header:hover {
        background-color: #AAA;
        color: #000;
    }

    label.primer-orden2.tree-toggle.nav-header:before {
        content: "» ";
    }

.sub2 > li > a {
    color: #4CAF50;
}

    .sub2 > li > a:hover, .sub2 > li > a:focus, .sub2 > li > ul > li > a:hover, .sub2 > li > ul > li > a:focus {
        background-color: #4CAF50;
    }

.primer-orden3:hover, .sub3 > li > .subsist:hover {
    border-color: #D50000;
}

.sub3 > li > a, .sub3 > li > ul > li > a {
    color: #D50000;
}

    .sub3 > li > a:hover, .sub3 > li > a:focus, .sub3 > li > ul > li > a:hover, .sub3 > li > ul > li > a:focus {
        background-color: #D50000;
    }

.primer-orden4:hover, .sub4 > li > .subsist:hover {
    border-color: #FF5722;
}

.sub4 > li > a, .sub4 > li > ul > li > a {
    color: #FF5722;
}

    .sub4 > li > a:hover, .sub4 > li > a:focus, .sub4 > li > ul > li > a:hover, .sub4 > li > ul > li > a:focus {
        background-color: #FF5722;
    }

.material-icons, [class^="icon-"], [class*=" icon-"] {
    vertical-align: bottom;
    position: relative;
}

.tree-toggle {
    color: #555555;
    background-color: white;
    display: block;
    height: 30px;
    border-bottom: 0px;
    margin-bottom: 0px;
    border: 1px solid white;
    font-size: 1.3em;
    line-height: 1;
    font-family: 'Sintony', Tahoma, Arial;
    font-weight: 100;
    text-transform: uppercase;
    text-shadow: none;
    vertical-align: middle;
    text-decoration: none;
    padding-bottom: 15px;
    vertical-align: middle;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
}

.nav-list li + .tree-toggle {
    margin-top: 9px;
    font-weight: regular;
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
}

    .nav-list > li > a, .nav-list .tree-toggle {
        margin-left: -15px;
        margin-right: -15px;
        text-shadow: none;
    }

6
/* CSS del Jquery de Botonera */
.container, .contentt {
    position: relative;
}

.container {
    overflow: hidden;
}

.contentt {
    width: 100%;
    overflow: auto;
    background: #fff;
    position: relative;
    height: 100%;
    box-shadow: -2px 0px 6px 1px rgba(0,0,0,0.44);
    padding-left: 5px;
}

.menu-js {
    width: 260px;
    height: 100%;
    visibility: visible;
    opacity: 1;
    position: absolute;
}

.contentt {
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.menu-left {
    left: 0;
}

.menu-right {
    right: 0;
}

.menu-open {
    visibility: visible;
    opacity: 1;
}

    .menu-open + .contentt {
        width: calc(100% - 270px);
    }

.menu-toggle {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}

    .menu-toggle::before {
        content: "\2261";
        color: #fff;
    }

#primary-menu-toggle {
    position: absolute;
    z-index: 220;
}

#primary-menu-toggle {
    top: 10px;
    left: 10px;
    opacity: 0.5;
    text-decoration: none;
}

    #primary-menu-toggle:hover {
        opacity: 1;
    }

/* ------ */

iframe {
    margin: none;
    padding: none;
    border: none;
    left: 0px;
    line-height: 0;
    margin: -3px;
}

html, body {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

html {
    overflow: auto;
}

.container {
    overflow: auto;
    height: 100%;
}

#frmHeader {
    width: 100%;
    overflow: hidden;
    background: none transparent;
    z-index: 1;
    position: absolute;
}

iframe#frmMenu {
    overflow-y: auto;
    overflow-x: hidden;
}

.contentt {
    height: 100%;
    position: absolute;
}

.contentt, #primary-menu {
    top: 0px;
    margin-top: 60px;
    height: calc(100% - 60px);
}

#frmWorkArea {
    overflow: hidden;
}

/* Customize NavBar Bootstrap */
#navbar_cg.navbar-default {
    font-size: 14px;
    border-width: 0px;
    border-radius: 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.7);
    overflow: visible;
}

    #navbar_cg.navbar-default .navbar-nav > li > a:hover,
    #navbar_cg.navbar-default .navbar-nav > li > a:focus {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(0, 0, 0, 0.2);
        opacity: 1;
    }

    #navbar_cg.navbar-default .navbar-brand,
    #navbar_cg.navbar-default,
    #navbar_cg.navbar-default .navbar-nav > li > a,
    #navbar_cg.navbar-default .navbar-nav > .active > a,
    #navbar_cg.navbar-default .navbar-nav > .active > a:hover,
    #navbar_cg.navbar-default .navbar-nav > .active > a:focus {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(14, 44, 82, 1);
    }

        #navbar_cg.navbar-default .navbar-nav > li > a {
            opacity: 0.5;
        }

        #navbar_cg.navbar-default .navbar-toggle,
        #navbar_cg.navbar-default .navbar-toggle:hover,
        #navbar_cg.navbar-default .navbar-toggle:focus,
        #navbar_cg.navbar-default .navbar-toggle .icon-bar,
        #navbar_cg.navbar-default .navbar-toggle:hover .icon-bar,
        #navbar_cg.navbar-default .navbar-toggle:focus .icon-bar,
        #navbar_cg {
            background-color: #0e2c52;
        }

.navbar-brand {
    margin-left: 45px;
}

#navbar_cg.navbar-default .navbar-nav > li {
    margin-top: 3px;
    margin-right: 5px;
}

.userNameHeader {
    color: #FFF;
    font-family: 'Sintony', Tahoma, Arial;
    font-weight: 200;
}

.bgBody {
    background: none transparent;
}

#contenido {
    z-index: 1;
}

.frameset {
    overflow: hidden;
}

#header {
    position: absolute;
    overflow: visible;
    z-index: 200;
    width: 100%;
    height: 20px;
}

.dropdown-menu > li > a .material-icons, .navSisUsuarios > li > a .material-icons {
    padding-right: 15px;
    margin-left: 5px;
}

.dropdown-menu > li > a, .navSisUsuarios > li > a {
    margin-top: -5px;
    margin-bottom: -5px;
}

.navSisUsuarios > li > a, .dropdown-menu > li > a {
    color: #333;
    background-color:;
}

    .navSisUsuarios > li > a:hover, .dropdown-menu > li > a:hover {
        color: white;
        background-color: #428bca;
    }

.navbar-middle {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin: auto;
    top: 8px;
}

.credencial {
    width: 300px;
    font-size: 12px;
    font-family: 'Sintony', Tahoma, Arial;
    background-color: #4ABDFF;
}

.avatar {
    float: left;
    padding: 10px;
}

.info_user {
    padding-top: 25px;
    color: #fff;
}

.usuarioMail {
    text-align: center;
    background-color: #0071BC;
    font-size: 13px;
    padding: 3px;
    font-family: Tahoma, Arial;
}

.sombreado {
    -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,1.7));
    filter: drop-shadow(0px 0px 3px rgba(0,0,0,1.7));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.well #DivPuedeSistemaUsuarios {
    visibility: hidden;
}

.nav > li > a > img {
    opacity: 0.8;
}

.nav-header {
    padding: 8px;
}

@media (max-width: 768px) {
    .navbar-nav > li, .navbar-nav > li > a .navbar-nav > li > a:active {
        display: inline-block !important;
        position: inherit;
    }

    .navbar-nav {
        padding-left: 60px;
        text-align: right;
    }

    ul.nav.dropdown-menu.pull-right {
        text-align: left;
        position: absolute;
        right: 65px;
        background-color: white;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        margin-top: -5px;
        margin-bottom: -5px;
        padding: 10px 15px;
        color: #000;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            background-color: #428bca;
            color: #fff;
        }

    .navbar-default .navbar-nav .open .dropdown-menu {
        box-shadow: 0 1px 3px rgba(0,0,0,0.7);
    }
}

@media (max-width: 400px) {
    .navbar-nav > li > a > img {
        width: 18px;
        margin-left: -7px;
        margin-right: -7px;
    }

    .credencial {
        width: 250px;
    }

    ul.nav.dropdown-menu.pull-right {
        right: 10px;
    }
}

.subHeader {
    background-image: none;
    font-family: 'Sintony', Tahoma, Arial;
    border: none;
    display: inline-table;
    padding-left: 4px;
}

    .subHeader div {
        font-size: 20px;
        font-weight: 100;
    }

#lblTituloMenu {
    font-size: 14px;
    padding-left: 0%;
    color: #ccc;
}

select {
    height: 30px;
}

input[type="submit"], input[type="button"], button[type="button"], button[type="submit"] {
    height: 28px;
    /*padding: 2px 12px;*/
    /*margin-bottom: 0;*/
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    color: #fff;
    background-color: #999;
    border: none;
    overflow: visible;
    text-rendering: auto;
    -webkit-writing-mode: horizontal-tb;
    font-family: 'Sintony', Tahoma, Arial;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 3px;
}

    input[type="submit"]:hover,
    input[type="button"]:hover {
        color: #fff;
        background-color: #0092CC;
        *background-color: #d9d9d9;
    }

input[type="text"] {
    padding-left: 8px !important;
    height: 28px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
}

input[type="submit"]:disabled,
input[type="button"]:disabled {
    color: #AAA;
    background-color: #CCC;
}

    input[type="submit"]:disabled:hover,
    input[type="button"]:disabled:hover {
        background-color: #CCC;
    }

select:disabled, input[type="text"]:disabled {
    color: #888;
    background-color: #CCC;
}

.navbar-nav > li > a > img {
    opacity: 1;
}

@font-face {
    font-family: 'Sintony';
    font-weight: 400;
    font-style: normal;
    src: url('https://fonts.gstatic.com/s/sintony/v4/Sy7C_DNxThtu0pO6b9M-vw.eot');
    src: url('https://fonts.gstatic.com/s/sintony/v4/Sy7C_DNxThtu0pO6b9M-vw.eot?#iefix') format('embedded-opentype'), local('Sintony'), local('Sintony-regular'), url('https://fonts.gstatic.com/s/sintony/v4/tDSxdchtIjfjkBOiqelorgLUuEpTyoUstqEm5AMlJo4.woff2') format('woff2'), url('https://fonts.gstatic.com/s/sintony/v4/cu1c4tOdDXpghDFFDdv7MgLUuEpTyoUstqEm5AMlJo4.woff') format('woff'), url('https://fonts.gstatic.com/s/sintony/v4/2OObVMTQarlIKJSvYmLF5w.ttf') format('truetype'), url('http://fonts.gstatic.com/l/font?kit=16B8ivD-NZnsEKS05ZQ3Iw&skey=426d22ccedcca3b#Sintony') format('svg');
}

.icon_Header_menu {
    vertical-align: top;
}

.mainLiResellers > ul > li:nth-child(3) > a > img {
    content: url(../../Images/IconosMenu/24x24/um-detalles_v2_copy.png);
}

.mainLiResellers > ul > li:nth-child(9) > ul > li:nth-child(4) > a > img {
    content: url(../../Images/IconosMenu/24x24/modelos_v2_copy.png);
}

.mainLiResellers > ul > li:nth-child(12) > ul > li:nth-child(4) > ul > li > a > img {
    content: url(../../Images/IconosMenu/24x24/listado_v2_copy.png);
}

.mainLiResellers > ul > li:nth-child(12) > ul > li:nth-child(5) > ul > li:nth-child(3) > a > img {
    content: url(../../Images/IconosMenu/24x24/listado_v2_copy.png);
}


.primer-orden1, .nav-list > li > a, .navSisUsuarios > li > a,
.dropdown-menu > li > a, #navbar_cg.navbar-default .navbar-nav > li > a, {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 0;
}

    .primer-orden1:hover {
        z-index: 1000;
        box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
        -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
    }

.ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.animate {
    -webkit-animation: ripple 0.45s linear;
    -moz-animation: ripple 0.45s linear;
    -ms-animation: ripple 0.45s linear;
    -o-animation: ripple 0.45s linear;
    animation: ripple 0.45s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}



input#ctl00_cphBody_ibtExportExcel, input#ctl00_cphBody_ibtExportExcel2 {
    vertical-align: middle;
    padding-left: 8px;
    padding: 4px;
}

input#ctl00_cphBody_ibtDesde, input#ctl00_cphBody_ibtHasta {
    vertical-align: middle;
    padding-right: 5px;
}

.modal-header .close {
    opacity: 1;
    border-radius: 5px;
    background-color: rgba(68, 68, 68, 0.27);
}

div.modal-header > button {
    background: #FF9800 !important;
}

div.modal-header > button > span {
    padding: 10px !important;
}