/*Inicio Fuentes Glogic*/

.cursor-bloqueo {
    cursor: not-allowed !important;
}
.reveal{
    position: fixed !important;
}

.orange{
    background-color: orange !important;
}
.error{
    background-color: red !important;
}
.green{
    background-color: green !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    pointer-events:none;
}
input[type=number] {
    -moz-appearance:textfield !important;
}
.periodosantriores{
    border: 1px solid;
    margin-top: -1.5%;
    margin-left: 0.8%;
}
.reveal-modal {
    position: fixed;
}
.reveal-modal {
    top: 150px !important;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Italic.eot');
    src: url('../fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic-Italic.woff') format('woff'), url('../fonts/CenturyGothic-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.eot');
    src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic-Bold.woff') format('woff'), url('../fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-BoldItalic.eot');
    src: url('../fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic-BoldItalic.woff') format('woff'), url('../fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


/*Fin fuentes Glogic*/


/*inicio estilos login*/

#divMensajeCliente{
    position: fixed;;
    position: fixed;
    padding-top: 73px;
    padding-left: 20px;
    padding-bottom: 5px;
    background: #cc062b;
    color: #fefefe;
    font-weight: bold;
    width: 100%;
}
.float-right {
    float: right;
    z-index: 9;
    position: relative;
}
div#modalExistencias{
    width: 50rem !important;
}
.btnCabecera{
    position: absolute;
    z-index: 1;
}
.btnCabecera button, .btnBuscarPro{
    width: 160px !important;
}
.btnCabecera button{
    /*margin-top: 1.2%;*/
}

#PopUpInsumos{
    top: -15% !important;
}
/*-2.5e-05px*/
div.documents {
    height: auto;
    /*max-height: 400px; */
    overflow: auto;
}
#gridMasterDetalle tbody tr:nth-child(even) {
    background: #fff !important;
}

#footerGeneral {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 5000;
    margin-top: 50px;
}

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

.WrapperLogin {
    background: #13588d;
    height: 100%;
    position: fixed;
    width: 100%;
    margin: auto;
}

.WrapperLogin>footer {
    position: absolute;
    margin: auto;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
}

.IngresarLogin {
    background: #7e1745;
    border-radius: 11px;
    width: 144px;
    font-size: 1rem;
}

.ContentLogin {
    width: 40%;
    margin: 0 auto;
    margin-top: 70px;
}

.TituloBienvenida {
    font-size: 2rem;
    color: #ffffff;
    text-align: center;
    font-family: 'Century Gothic';
}

.TituloAplicacion {
    color: #ffffff;
    font-family: 'Century Gothic';
    font-size: 2.8rem;
    text-align: center;
}

.ContentDatosIngreso {
    background: #ffffff;
    border-radius: 25px;
}

.CampoLoginUsuario {
    float: left;
    margin: 15px 0;
    width: 100%;
}

.CampoLoginUsuario input, .CampoLoginContrasena input {
    width: 67%;
    margin: 0 auto;
    border-radius: 5px;
    padding: 5px 5px 5px 34px;
}

.CampoLoginUsuario input {
    background: url("../images/IconUsuarioIngreso.png") no-repeat scroll 0 0 transparent;
    background-size: 23px;
    background-position-x: 5px;
    background-position-y: 7px;
}

.CampoLoginContrasena input {
    background: url("../images/IconUsuarioContrasena.png") no-repeat scroll 0 0 transparent;
    background-size: 23px;
    background-position-x: 5px;
    background-position-y: 7px;
}

.CampoRecordar, .CampoBotonIngreso {
    width: 70%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.logoInicio {
    text-align: center;
    margin-top: 25px;
}

.CampoSesion {
    text-align: center;
}
.minH{
    min-height: 74vh;
}

.CampoSesion label {
    color: #7e1745;
    font-size: 1.0rem;
    margin-top: 40px;
}
.full{
    width: 100% !important;
}

.CampoBotonIngreso a {
    color: #7e1745;
}

.CampoBotonIngreso a:hover {
    text-decoration: underline;
}

.CampoBotonIngreso button:hover {
    background: #6b103c;
}

@media screen and (max-width: 643px) {
    .ContentLogin {
        width: 95%;
    }
}
.campoParrafo {
    height: 1.4375rem;
    border: 1px solid #bcc3c7;
    padding: 0px;
    width: 10%;
    display: inline-block;
}

.campoNmobreProducto{
    width: 25%;
    border: 1px solid #bcc3c7;
    padding: 0px;
    display: inline-block;
    height: 1.4375rem;
}

.campoParrafoModal {
    height: 1.4375rem;
    border: 1px solid #bcc3c7;
    padding: 0px;
    width: 25%;
    display: inline-block;
    margin: 0 0 0.5rem;
}
.campoNmobreProductocampoParrafoModal {
    border: 1px solid #bcc3c7;
    padding: 0px;
    display: inline-block;
    height: 1.4375rem;
    width: 60%;
    margin: 0 0 0.5rem;
}
.spanModal{
    font-size: 16px;
}

@media screen and (max-width: 440px) {
    .CampoBotonIngreso a {
        width: 100%;
        display: inline-block;
    }
    .TituloAplicacion {
        font-size: 2.2rem;
    }
    .TituloBienvenida {
        font-size: 1.8rem;
    }
    .CampoBotonIngreso {
        text-align: center;
    }
}

.has-error {
    border: 1px solid #a94442 !important;
}

.has-error-text {
    color: #a94442;
}

.CampoRecordar label {
    color: #777777;
    font-size: 1rem;
}

.CampoBotonIngreso a {
    font-size: 14px;
}

.NombreAplicativo {
    color: #ffffff;
    margin-top: 21px;
    display: inline-block;
    margin-left: 10px;
}

@media screen and (min-width:640px) and (max-width:900px) {
    .BtnHomeInventario span:nth-child(2) {
        font-size: 14px!important;
    }
}

@media screen and (min-width:750px) and (max-width:810px) {
    .NombreAplicativo {
        font-size: 13px;
    }
    .LogoInternas {
        margin-left: 0px!important;
    }
    .BtnHomeInventario {
        height: 165px!important;
    }
    .periodoMes {
        width: 100%!important;
    }
}

@media screen and (min-width:1024px) {
    .ContenidoHomeInventarios {
        padding-top: 10px;
    }
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .ContenidoHomeInventarios {
        padding-top: 50px;
    }
    .periodoMes {
        width: 100%!important;
    }
}

@media screen and (max-width:639px) {
    .ContenidoHomeInventarios {
        padding-top: 100px;
    }
}


/*fin estilos Login*/


/*inicio footer*/

.ContenedorFooter {
    background: #191919;
    color: #000000;
    /*margin-top: 191px;*/
}

footer .row {
    max-width: 100%;
    margin: 0!important;
}

footer .row>div:nth-child(1) {
    padding: 0;
}

.ContenedorFooter p {
    text-align: center;
    margin: 0;
}


/*fin estilos footer*/


/*estilos indice*/

.contentIndice {
    max-width: 100%;
    margin: 0!important;
}

.claseResponsiveFixed, .HeaderSistemaHomeFixed {
    position: fixed;
    top: 0;
}

.claseResponsiveFixed {
    margin: 0;
    max-width: none;
    width: 100%;
    z-index: 20;
}

.Ocultartitle-bar {
    display: none;
}

.tituloIndiceInterfaces {
    text-align: center;
    color: #7e1745;
    font-weight: 500;
    font-family: 'Century Gothic';
    font-size: 2rem;
}

.seccion-left {
    margin-left: 15px;
    width: 100%;
    /*text-align: center;*/
    margin: 0 auto;
}

i.step.fi-record.size-18 {
    margin-right: 10px;
}

.contentIndice a {
    color: #3f4c4c;
    font-weight: 500;
}

.contentIndice li {
    list-style: none;
}

.contentIndice a:hover {
    text-decoration: underline;
    color: #1178a5;
}

.modulos span {
    color: #13588d;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px;
}


/*fin estilos indice*/

body {
    font-family: 'Century Gothic';
    overflow: auto;
}

.altura {
    height: 100%;
}


/*Tamaño iconos*/

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

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

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

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

.size-21 {
    font-size: 21px;
}

.size-24 {
    font-size: 24px;
}

.size-36 {
    font-size: 36px;
}

.size-48 {
    font-size: 48px;
}

.size-60 {
    font-size: 60px;
}

.size-72 {
    font-size: 72px;
}


/*Fin tamaño Iconos*/


/*.off-canvas-wrapper-inner {
    overflow: auto;
}*/


/*inicio header*/

.HeaderSistemaHome {
    background: #13588d!important;
    width: 100%;
    z-index: 1000;
}

.HeaderSistema {
    background: #191919;
}

.logoSistema {
    text-align: center;
}

.seleccionEmpresa>div:nth-child(1) select {
    border-radius: 5px;
    border: 1px solid #bcc3c7;
    font-size: 14px;
    height: 1.4375rem;
    margin-bottom: 5px;
    padding-left: 7px!important;
    padding: 0;
}

.periodoMes {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #bcc3c7;
    height: 1.4375rem;
    padding-left: 7px!important;
    padding: 0;
    font-size: 14px;
}

.periodoAno {
    border-radius: 5px;
    border: 1px solid #bcc3c7;
    font-size: 14px;
    height: 1.4375rem;
    margin-left: 10px;
    padding-left: 7px!important;
    padding: 0;
    width: 83px;
}

@media screen and (max-width:639px) {
    .ContenidoSeccionEmpresa {
        margin-top: 20px!important;
    }
}

@media screen and (max-width:700px) {
    .periodoMes, .periodoAno {
        width: 100%;
    }
}

@media screen and (min-width:1367px) {
    .periodoMes {
        width: 100%;
        margin-right: 10px;
    }
}

.seleccionEmpresa>div:nth-child(1)>label {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
}

.seleccionEmpresa>div:nth-child(2)>span, .seleccionEmpresa>div:nth-child(3)>span {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
}

.seleccionEmpresa>div:nth-child(3)>span {
    margin-left: 10px;
}

.iconUsuario {
    text-align: center;
}

.contentUsuario select {
    background-image: url("../images/ArrowSelect.png")!important;
    background-position-x: 100%!important;
    background-position-y: 7px!important;
    background-repeat: no-repeat!important;
    background: transparent;
    border: none!important;
    color: #ffffff;
    padding-left: 0!important;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    max-width: 160px;
    font-size: 14px;
    height: 20px;
    float: left;
}

.contentUsuario select option {
    color: #000000;
}

@media screen and (max-width:570px) {
    .iconUsuario img {
        margin-top: 19px;
    }
}

@media screen and (max-width:640px) {
    .contentUsuario {
        text-align: center;
    }
    .contentUsuario select {
        width: 80%;
    }
}

.iconUsuario img {
    margin-top: 10px;
    width: 30px;
    max-width: inherit;
}

@media screen and (min-width:1030px) {
    .InfoUsuario {
        padding-left: 0;
    }
    .contentUsuario {
        border-left: 1px solid #ffffff;
        width: 100%;
        padding-left: 10px;
        min-height: 28px;
    }
}

.nombreUsuario {
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    width: 100%;
    font-size: 14px;
    text-align: left;
}

.contentUsuario {
    margin-top: 15px;
}

@media screen and (min-width:640px) {
    .btnsalir a {
        margin-top: 15px;
    }
    .iconUsuario {
        text-align: right;
    }
}

@media screen and (max-width:640px) {
    .InfoUsuario {
        padding: 0;
    }
    .btnsalir {
        /*margin-left: 30%;*/
        margin-bottom: 15px;
        /*width: 100%!important;*/
    }
    .contenidoGeneralFixed {
        margin-top: 0!important;
    }
}

.btnsalir {
    padding: 0;
}

.btnsalir a {
    display: inline-block;
    /* background: #7e1745; */
    border-radius: 5px;
    color: #ffffff;
    text-align: center;
    width: 80%;
    font-size: 14px;
    border: 1px solid;
    font-weight: 600;
}

.btnsalir a:hover, .btnsalir a:focus {
    color: #ffffff;
    /*background: #700b3c;*/
    background: rgba(255, 255, 255, 0.2);
}

.contentBuscador, .contenidoGeneral, .ContenidoHomeInventarios {
    max-width: 100%;
}

.contenidoGeneralHome {
    margin-top: 100px;
}

.step.fi-magnifying-glass.size-36 {
    color: #909090;
    float: left;
    margin-right: 11px;
    margin-left: 5px;
}

.BusquedaGeneral {
    width: 83%;
    margin: 0;
    font-size: 14px;
    height: 27px;
}

@media screen and (max-width:640px) {
    .contentBuscador div:nth-child(2) {
        margin-top: 15px;
        padding: 0;
    }
    .BusquedaGeneral {
        width: 85%;
    }
    .contentBuscador>div:nth-child(1) {
        padding-left: 0;
    }
    .title-bar {
        margin: 0 auto;
        margin-left: 68px;
    }
}

@media screen and (max-width:320px) {
    .BusquedaGeneral {
        width: 80%;
    }
}

@media screen and (min-width:1023px) {
    .title-bar {
        border: none;
    }
}

@media screen and (min-width:640px) {
    .contentBuscador {
        /*background: #F8F8F8;*/
        padding-top: 5px;
        margin-top: 0px!important;
        margin-bottom: 0!important;
    }
    /*.step.fi-magnifying-glass.size-36 {
    margin-left: 50px; float:left;
}*/
}

.OcultarLogoBuscardorHome {
    /*display: none;*/
}

.BuscadorGeneralHeader i {
    color: #ffffff!important;
}

.BuscadorGeneralHeader {
    margin-top: 15px;
}

footer>div {
    padding: 0!important;
}

ul.dropdown.menu>li>span {
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    float: left;
}

ul.dropdown.menu>li>ul {
    background: #fcfcfc;
    border: 1px solid #008F95;
    position: absolute;
    width: 150px;
    padding: 0 5px;
    font-size: 13px;
    border-radius: 7px;
    color: #008F95;
    font-weight: 600;
    height: 90px;
    padding-top: 10px;
    box-shadow: -2px 4px 15px #707070;
    top: 37px;
}

ul.dropdown.menu>li>ul>li {
    width: 100%;
    display: inline-block;
    cursor: pointer;
}

ul.dropdown.menu>li>ul>li>a {
    color: #008F95;
    padding: 5px 1px;
}

ul.dropdown.menu>li>ul>li:nth-child(1),
ul.dropdown.menu>li>ul>li:nth-child(2)  {
    border-bottom: 1px solid #C8C8C8;
}

.DesplegableNombre {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #fff;
    float: left;
    margin-top: 9px;
    margin-left: 11px;
}

.seleccionEmpresa {
    padding-top: 5px;
}


/*fin header*/


/*inicio Contenido-Home*/

.ContenidoApliaciones {
    border-radius: 8px;
    border: 1px solid #bcc3c7;
    margin-top: 15px;
    min-height: 665px;
    padding-bottom: 15px;
    /*padding-top: 15px;*/
    margin-bottom: 15px;
}

.ContenidoSeccionEmpresa {
    border-radius: 8px;
    border: 1px solid #bcc3c7;
    margin-top: 15px;
    min-height: 665px;
    padding: 15px;
    padding-top: 0px;
}

.TitulosPrincipales {
    color: #7e1745;
    font-family: 'Century Gothic';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin-left: 10px;
    float: left;
    margin-bottom: 0;
}

@media screen and (max-width:640px) {
    .TitulosPrincipales {
        text-align: center;
    }
}

.visualizadorApli {
    border-radius: 23px;
    border: 1px solid #bcc3c7;
    height: auto;
    margin-bottom: 5px !important;
    margin-top: 5px;
    min-height: 205px;
    overflow: auto;
    padding: 10px 15px;
    width: 90%;
    margin-left: 5px;
}

@media screen and (max-width: 640px) {
    .visualizadorApli {
        margin: 0 auto;
        width: 101%;
    }
}

.AnadirNuevoGrupo {
    height: auto;
    margin-top: 20px;
    margin: 0 auto;
    min-height: 70px;
    overflow: auto;
    padding: 10px 15px;
    text-align: center;
    width: 80%;
}

.TituloApli {
    /*margin: 0 auto;*/
    width: 74%;
    max-height: 30px;
    overflow: hidden;
    margin-left: 10px;
}

.TituloApli p {
    color: #13588d;
    font-size: 14px;
    max-width: 85%;
    float: left;
    margin-top: 9px;
    margin-right: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.TituloApli a {
    color: #000000;
}

.TituloApli a:hover {
    color: #13588d;
}

.visualizadorApli>div {
    /*width: 45%;*/
    float: left;
    margin-bottom: 15px;
}

.iconAnadir {
    border-radius: 34px;
    border: 1px solid #bcc3c7;
    display: inline-block;
    /*margin-top: 10px;*/
    padding: 0px 13px;
}

.iconAnadir .step.fi-plus.size-36 {
    color: #bcc3c7;
}

@media screen and (min-width: 641px) and (max-width: 1025px) {
    .ContentCenter {
        width: 75% !important;
    }
    .TitulosPrincipales {
        margin-left: 14px;
    }
    .title-bar {
        border: none;
    }
}

@media screen and (min-width: 1020px) and (max-width: 1024px) {
    /*.contenidoGeneral > div:nth-child(1){
display: none;
}*/
    .ultimasAplicaciones div {
        float: left;
    }
}

.ultimasAplicaciones div {
    float: left;
    margin-top: 27px;
}

@media screen and (max-width: 370px) {
    .ultimasAplicaciones {
        padding-left: 50px !important;
    }
}

@media screen and (min-width: 639px) and (max-width: 641px) {
    .ContentCenter {
        width: 74%;
    }
}

.contentBuscador {
    margin: 0 !important;
    width: 100%;
    padding: 0;
}

.CalendarioTributario tbody td, .CalendarioTributario tbody th {
    padding: 3px;
    text-align: center;
}

@media screen and (min-width: 300px) and (max-width: 320px) {
    .CalendarioTributario tbody td, .CalendarioTributario tbody th {
        padding: 2px !important;
        text-align: center;
    }
}

@media screen and (min-width: 370px) and (max-width: 375px) {
    .CalendarioTributario tbody td, .CalendarioTributario tbody th {
        padding: 7px !important;
        text-align: center;
    }
}

@media screen and (max-width: 360px) {
    .CalendarioTributario tbody td, .CalendarioTributario tbody th {
        padding: 5px;
        text-align: center;
    }
    .TituloMes {
        width: 277px !important;
    }
}

@media screen and (min-width: 361px) and (max-width: 639px) {
    .CalendarioTributario tbody td, .CalendarioTributario tbody th {
        padding: 8px;
        text-align: center;
    }
    .TituloMes {
        width: 315px !important;
    }
}

@media screen and (max-width: 640px) {
    .periodoAno {
        margin-left: 0;
    }
}

@media screen and (max-width: 640px) {
    .periodoAno {
        margin-left: 0;
    }
}

.TextoPerActual {
    color: #1b989b;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.ContentPeriodoInicial {
    background: #F8F8F8;
    border-radius: 8px;
    text-align: center;
    width: 100%;
    overflow: auto;
    height: auto;
    overflow-x: hidden;
}

.CalendarioTributario tbody td {
    background: #ffffff;
}

.ContentPeriodoInicial>span {
    display: inline-block;
    font-size: 14px;
    width: 100%;
}

.ContentPeriodoInicial>span:nth-child(1) {
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    text-transform: uppercase;
}

.LabelVencimiento {
    padding: 0;
    padding-left: 13px;
}

.LabelVencimiento span {
    display: inline-block;
    text-align: left;
    color: #1b989b;
}

.LabelVencimiento i {
    margin-right: 10px;
}

.TituloMes {
    background: #7e1745;
    color: #ffffff;
    font-size: 1.4rem;
    margin: 0 auto;
    text-align: center;
    width: 244px;
}

.CalendarioTributario tbody td {
    border: 1px solid #F0F0F0;
    font-size: 16px;
}

.CalendarioTributario tbody th {
    color: #7e1745;
}

.CalendarioTributario {
    border: 1px solid #000000;
    margin: 0 auto;
}

.CalendarioEvento {
    background: #1b989b !important;
}

.CalendarioEvento a {
    color: #ffffff;
}

.visualizadorApli img {
    width: 75px;
}


/*Fin Contenido Home*/


/*Inicio estilos internas*/

@media screen and (min-width: 640px) {
    .LogoInternas {
        float: left;
    }
}

@media screen and (max-width: 639px) {
    .btnsalir {
        text-align: center;
    }
    .btnsalir a {
        width: 90%;
        margin-top: 18px;
    }
    .logoSistema {
        /*border-bottom: 1px solid #D8D8D8;*/
        width: 50%;
        float: left;
    }
}

.LogoInternas {
    margin-top: 7px;
    margin-left: 24px;
    /*width: 103px;*/
}

.SearchInterna {
    color: #ffffff !important;
}

.ContentIconoMenu {
    max-width: 100%;
}

.BuscadorInternas {
    float: right;
}

@media screen and (min-width: 640px) {
    .ContentIconoMenuFixed {
        position: fixed;
        top: 0;
        width: 100%;
    }
}

@media screen and (max-width: 639px) {
    #FixedFranja {
        text-align: center;
        padding-top: 1px;
    }
}

.EspaciosLaterales, .contenidoGeneral>div:nth-child(1) {
    padding-left: 0;
    padding-right: 0;
}

.SeccionAdministracion .ContentIconoModulo, #FixedFranja.franjaAdministracion {
    background: #031d30;
    z-index: 5000;
}

.SeccionAfectacionAsientos .ContentIconoModulo, #FixedFranja.franjaAfectacionAsientos {
    background: #022954;
}

.franjaAdministracion, .franjaAfectacionAsientos, .franjaContabilidad, .franjaImpuestos, .franjaTerceros, .franjaCuentasCobrar, .franjaPagoProveedores, .franjaCentroCostos, .franjaInfoBancaria, .franjaAnticipos, .franjaAudiSistemas, .franjaHerramientas, .franjaParametros, .franjaInventarios {
    width: 100%;
    height: auto;
    overflow: auto;
    z-index: 10;
    background-color: #191919;
}

.salir {
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    display: inherit;
}

.SeccionParametros .ContentIconoModulo, #FixedFranja.franjaParametros {
    background: #aa0c46;
}

.SeccionAfectacionAsientos .ContentIconoModulo, #FixedFranja.franjaAfectacionAsientos {
    background: #022954;
}

.SeccionContabilidad .ContentIconoModulo, #FixedFranja.franjaContabilidad {
    background: #273f50;
}

.SeccionImpuestos .ContentIconoModulo, #FixedFranja.franjaImpuestos {
    background: #13588d;
}

.SeccionTerceros .ContentIconoModulo, #FixedFranja.franjaTerceros {
    background: #2969b0;
}

.SeccionInventarios .ContentIconoModulo, #FixedFranja.franjaInventarios {
    background: #4693b2;
}

.SeccionCuentasCobrar .ContentIconoModulo, #FixedFranja.franjaCuentasCobrar {
    background: #3c90bb;
}

.SeccionPagoProveedores .ContentIconoModulo, #FixedFranja.franjaPagoProveedores {
    background: #1b989b;
}

.SeccionCentroCostos .ContentIconoModulo, #FixedFranja.franjaCentroCostos {
    background: #009f86;
}

.SeccionInfoBancaria .ContentIconoModulo, #FixedFranja.franjaInfoBancaria {
    background: #238941;
}

.SeccionAnticipos .ContentIconoModulo, #FixedFranja.franjaAnticipos {
    background: #00ac63;
}

.SeccionAudiSistemas .ContentIconoModulo, #FixedFranja.franjaAudiSistemas {
    background: #7b0525;
}

.SeccionHerramientas .ContentIconoModulo, #FixedFranja.franjaHerramientas {
    background: #7e1745;
}

#FixedFranja.franjaInfoconsultas {
    background: #008e39;
}

.IconoModulo {
    background-repeat: no-repeat;
    color: #ffffff;
    display: inline-block;
    height: 40px;
    margin-left: 20px;
    padding-left: 36px;
    padding-top: 7px;
    background-size: 30px;
    font-size: 12px;
    margin-top: 1px;
}

#FixedFranja {
    max-height: 32px;
    overflow: hidden;
}

@media screen and (max-width: 639px) {}

.franjaAdministracion .IconoModulo {
    background-image: url("../images/iconSubAdministracion.png");
}

.franjaParametros .IconoModulo {
    background-image: url("../images/iconSubParametros.png");
}

.franjaAfectacionAsientos .IconoModulo {
    background-image: url("../images/iconSubAfectacionAsientos.png");
}

.franjaContabilidad .IconoModulo {
    background-image: url("../images/iconSubContabilidad.png");
}

.franjaImpuestos .IconoModulo {
    background-image: url("../images/iconSubImpuestos.png");
}
.btnBorder {
    border-radius: 8px;
}

.franjaTerceros .IconoModulo {
    background-image: url("../images/iconSubTerceros.png");
}

.franjaCuentasCobrar .IconoModulo {
    background-image: url("../images/iconSubCuentasCobrar.png");
}

.franjaPagoProveedores .IconoModulo {
    background-image: url("../images/iconSubPagoProveedores.png");
}

.franjaCentroCostos .IconoModulo {
    background-image: url("../images/iconSubCentroCostos.png");
}

.franjaInfoBancaria .IconoModulo {
    background-image: url("../images/iconSubInfoBancaria.png");
}

.franjaAnticipos .IconoModulo {
    background-image: url("../images/iconSubAnticipos.png");
}

.franjaAudiSistemas .IconoModulo {
    background-image: url("../images/iconSubAudiSistemas.png");
}

.franjaHerramientas .IconoModulo {
    background-image: url("../images/iconSubCierrePeriodos.png");
}

.franjaInventarios .IconoModulo {
    background-image: url("../images/iconSubInventario.png");
}

.IconoModulo:hover {
    color: #eaeaea;
}

.menutodasAplicaciones, .menutodasAplicaciones>div:nth-child(1) {
    padding: 0;
}

.menutodasAplicaciones, .menutodasAplicaciones>div:nth-child(1) h1 {
    background: #191919;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    height: 43px;
    margin-top: 0;
    padding-top: 7px;
    text-align: center;
    width: 100%;
}

.contentInternas {
    max-width: 100%;
    /*min-height: 600px;*/
}

.ContentBtnLateral {
    width: 100%;
    margin-top: 7px;
    height: 42px;
}

@media screen and (min-width: 645px) and (max-width: 920px) {
    .ContentBtnLateral {
        height: 50px;
    }
    .SeccionAdministracion .ContentBtnLateral a, .SeccionInfoconsultas .ContentBtnLateral a, .SeccionParametros .ContentBtnLateral a, .SeccionAfectacionAsientos .ContentBtnLateral a, .SeccionContabilidad .ContentBtnLateral a, .SeccionImpuestos .ContentBtnLateral a, .SeccionTerceros .ContentBtnLateral a, .SeccionCuentasCobrar .ContentBtnLateral a, .SeccionPagoProveedores .ContentBtnLateral a, .SeccionCentroCostos .ContentBtnLateral a, .SeccionInfoBancaria .ContentBtnLateral a, .SeccionAnticipos .ContentBtnLateral a, .SeccionAudiSistemas .ContentBtnLateral a, .SeccionHerramientas .ContentBtnLateral a, .SeccionInventarios .ContentBtnLateral a, .SeccionProduccion .ContentBtnLateral a {
        padding: 0px!important;
        font-size: 11px;
    }
}

.MenuPrincipal {
    display: table;
    width: 100%;
    height: 35px;
}

.MenuLateral>div:nth-child(1) {
    margin-top: 20px;
}


/*.ContentBtnLateral a {
    max-width: 50%;
    padding: 8px;
    font-size: 14px;

    }*/

.ContentBtnLateral .selected, .ContentBtnLateral a:hover {
    min-height: 40px;
    border-radius: 11px;
}

.SeccionAdministracion .ContentBtnLateral .selected, .SeccionAdministracion .ContentBtnLateral a:hover, .SeccionAdministracion .ContentBtnLateral a:focus {
    background: #031d30;
    border: 1px solid #031d30;
    color: #ffffff;
}

.SeccionParametros .ContentBtnLateral .selected, .SeccionParametros .ContentBtnLateral a:hover, .SeccionParametros .ContentBtnLateral a:focus {
    background: #aa0c46;
    border: 1px solid #aa0c46;
    color: #ffffff;
}

.SeccionInfoconsultas .ContentBtnLateral .selected, .SeccionInfoconsultas .ContentBtnLateral a:hover, .SeccionInfoconsultas .ContentBtnLateral a:focus {
    background: #008e39;
    border: 1px solid #008e39;
    color: #ffffff;
}

.SeccionAfectacionAsientos .ContentBtnLateral .selected, .SeccionAfectacionAsientos .ContentBtnLateral a:hover, .SeccionAfectacionAsientos .ContentBtnLateral a:focus {
    background: #022954;
    border: 1px solid #022954;
    color: #ffffff;
}

.SeccionContabilidad .ContentBtnLateral .selected, .SeccionContabilidad .ContentBtnLateral a:hover, .SeccionContabilidad .ContentBtnLateral a:focus {
    background: #273f50;
    border: 1px solid #273f50;
    color: #ffffff;
}

.SeccionImpuestos .ContentBtnLateral .selected, .SeccionImpuestos .ContentBtnLateral a:hover, .SeccionImpuestos .ContentBtnLateral a:focus {
    background: #13588d;
    border: 1px solid #13588d;
    color: #ffffff;
}

.SeccionInventarios .ContentBtnLateral .selected, .SeccionInventarios .ContentBtnLateral a:hover, .SeccionInventarios .ContentBtnLateral a:focus {
    background: #4693b2;
    border: 1px solid #4693b2;
    color: #ffffff;
}

.SeccionTerceros .ContentBtnLateral .selected, .SeccionTerceros .ContentBtnLateral a:hover, .SeccionTerceros .ContentBtnLateral a:focus {
    background: #2969b0;
    border: 1px solid #2969b0;
    color: #ffffff;
}

.SeccionCuentasCobrar .ContentBtnLateral .selected, .SeccionCuentasCobrar .ContentBtnLateral a:hover, .SeccionCuentasCobrar .ContentBtnLateral a:focus {
    background: #3c90bb;
    border: 1px solid #3c90bb;
    color: #ffffff;
}

.SeccionPagoProveedores .ContentBtnLateral .selected, .SeccionPagoProveedores .ContentBtnLateral a:hover, .SeccionPagoProveedores .ContentBtnLateral a:focus {
    background: #1b989b;
    border: 1px solid #1b989b;
    color: #ffffff;
}

.SeccionCentroCostos .ContentBtnLateral .selected, .SeccionCentroCostos .ContentBtnLateral a:hover, .SeccionCentroCostos .ContentBtnLateral a:focus {
    background: #009f86;
    border: 1px solid #009f86;
    color: #ffffff;
}

.SeccionInfoBancaria .ContentBtnLateral .selected, .SeccionInfoBancaria .ContentBtnLateral a:hover, .SeccionInfoBancaria .ContentBtnLateral a:focus {
    background: #238941;
    border: 1px solid #238941;
    color: #ffffff;
}

.SeccionAnticipos .ContentBtnLateral .selected, .SeccionAnticipos .ContentBtnLateral a:hover, .SeccionAnticipos .ContentBtnLateral a:focus {
    background: #00ac63;
    border: 1px solid #00ac63;
    color: #ffffff;
}

.SeccionAudiSistemas .ContentBtnLateral .selected, .SeccionAudiSistemas .ContentBtnLateral a:hover, .SeccionAudiSistemas .ContentBtnLateral a:focus {
    background: #7b0525;
    border: 1px solid #7b0525;
    color: #ffffff;
}

.SeccionHerramientas .ContentBtnLateral .selected, .SeccionHerramientas .ContentBtnLateral a:hover, .SeccionHerramientas .ContentBtnLateral a:focus {
    background: #7e1745;
    border: 1px solid #7e1745;
    color: #ffffff;
}

.ContentBtnLateral button {
    min-width: 75%;
    min-height: 40px;
    border-radius: 11px;
}

.SeccionAdministracion .ContentBtnLateral a {
    border: 1px solid #031d30;
    color: #031d30;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionInfoconsultas .ContentBtnLateral a {
    border: 1px solid #008e39;
    color: #008e39;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionParametros .ContentBtnLateral a {
    border: 1px solid #aa0c46;
    color: #aa0c46;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionAfectacionAsientos .ContentBtnLateral a {
    border: 1px solid #031d30;
    color: #031d30;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionContabilidad .ContentBtnLateral a {
    border: 1px solid #031d30;
    color: #031d30;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionImpuestos .ContentBtnLateral a {
    border: 1px solid #13588d;
    color: #13588d;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionTerceros .ContentBtnLateral a {
    border: 1px solid #2969b0;
    color: #2969b0;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionCuentasCobrar .ContentBtnLateral a {
    border: 1px solid #3c90bb;
    color: #3c90bb;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionPagoProveedores .ContentBtnLateral a {
    border: 1px solid #1b989b;
    color: #1b989b;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionCentroCostos .ContentBtnLateral a {
    border: 1px solid #009f86;
    color: #009f86;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionInfoBancaria .ContentBtnLateral a {
    border: 1px solid #238941;
    color: #238941;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionAnticipos .ContentBtnLateral a {
    border: 1px solid #00ac63;
    color: #00ac63;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionAudiSistemas .ContentBtnLateral a {
    border: 1px solid #7b0525;
    color: #7b0525;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionHerramientas .ContentBtnLateral a {
    border: 1px solid #7e1745;
    color: #7e1745;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionInventarios .ContentBtnLateral a {
    border: 1px solid #4693b2;
    color: #4693b2;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionHerramientas .ContentBtnLateral {
    font-size: 0.8rem;
}

.MenuLateral {
    /*border-right: 1px solid #d9dadb;*/
    width: 100%;
    text-align: center;
    overflow-y: auto;
}

#content-derecho {
    overflow-y: auto;
}

.breadcrumbs {
    margin-top: 15px;
}

.breadcrumbs li:not(:last-child)::after {
    content: ">";
    top: -1px;
}

.breadcrumbs .linkAnterior a {
    color: #8a8a8a;
}

.breadcrumbs a {
    font-size: 13px;
}

.SeccionAdministracion .breadcrumbs .linkAnterior a:hover {
    color: #031d30;
    text-decoration: none;
}

.SeccionParametros .breadcrumbs .linkAnterior a:hover {
    color: #aa0c46;
    text-decoration: none;
}

.SeccionAfectacionAsientos .breadcrumbs .linkAnterior a:hover {
    color: #022954;
    text-decoration: none;
}

.SeccionContabilidad .breadcrumbs .linkAnterior a:hover {
    color: #273f50;
    text-decoration: none;
}

.SeccionImpuestos .breadcrumbs .linkAnterior a:hover {
    color: #13588d;
    text-decoration: none;
}

.SeccionTerceros .breadcrumbs .linkAnterior a:hover {
    color: #2969b0;
    text-decoration: none;
}

.SeccionCuentasCobrar .breadcrumbs .linkAnterior a:hover {
    color: #3c90bb;
    text-decoration: none;
}

.SeccionPagoProveedores .breadcrumbs .linkAnterior a:hover {
    color: #1b989b;
    text-decoration: none;
}

.SeccionCentroCostos .breadcrumbs .linkAnterior a:hover {
    color: #009f86;
    text-decoration: none;
}

.SeccionInfoBancaria .breadcrumbs .linkAnterior a:hover {
    color: #238941;
    text-decoration: none;
}

.SeccionAnticipos .breadcrumbs .linkAnterior a:hover {
    color: #00ac63;
    text-decoration: none;
}

.SeccionAudiSistemas .breadcrumbs .linkAnterior a:hover {
    color: #7b0525;
    text-decoration: none;
}

.SeccionHerramientas .breadcrumbs .linkAnterior a:hover {
    color: #7e1745;
    text-decoration: none;
}

.SeccionInventarios .breadcrumbs .linkAnterior a:hover {
    color: #4693b2;
    text-decoration: none;
}

.SeccionAdministracion .breadcrumbs .linkActual a {
    color: #031d30;
}

.SeccionParametros .breadcrumbs .linkActual a {
    color: #aa0c46;
}

.SeccionAfectacionAsientos .breadcrumbs .linkActual a {
    color: #022954;
}

.SeccionContabilidad .breadcrumbs .linkActual a {
    color: #273f50;
}

.SeccionImpuestos .breadcrumbs .linkActual a {
    color: #13588d;
}

.SeccionTerceros .breadcrumbs .linkActual a {
    color: #2969b0;
}

.SeccionCuentasCobrar .breadcrumbs .linkActual a {
    color: #3c90bb;
}

.SeccionPagoProveedores .breadcrumbs .linkActual a {
    color: #1b989b;
}

.SeccionCentroCostos .breadcrumbs .linkActual a {
    color: #009f86;
}

.SeccionInfoBancaria .breadcrumbs .linkActual a {
    color: #238941;
}

.SeccionAnticipos .breadcrumbs .linkActual a {
    color: #00ac63;
}

.SeccionAudiSistemas .breadcrumbs .linkActual a {
    color: #7b0525;
}

.SeccionHerramientas .breadcrumbs .linkActual a {
    color: #7e1745;
}

.SeccionInventarios .breadcrumbs .linkActual a {
    color: #4693b2;
}

.btnGuardarCancelarPopup button, .btnGuardarCancelarCierrePeriodos button {
    border-radius: 8px;
}

.btnGuardarCancelarCierrePeriodos button {
    width: 170px;
}

.tituloInterno {
    font-family: 'Century Gothic';
    font-size: 14px;
    font-weight: 600;
    /*margin-bottom: 14px;*/
    text-align: center;
    text-transform: uppercase;
}

.SubtituloInterno {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 22px;
    margin-top: 10px;
    font-family: 'Century Gothic';
}

.SeccionAdministracion .tituloInterno, .SeccionAdministracion .SubtituloInterno {
    color: #031d30;
}

.SeccionAdministracion .SubtituloInterno {
    text-align: left;
}

.SeccionParametros .tituloInterno, .SeccionParametros .SubtituloInterno {
    color: #aa0c46;
}

.SeccionAfectacionAsientos .tituloInterno, .SeccionAfectacionAsientos .SubtituloInterno {
    color: #022954;
}

.SeccionContabilidad .tituloInterno, .SeccionContabilidad .SubtituloInterno {
    color: #273f50;
}

.SeccionImpuestos .tituloInterno, .SeccionImpuestos .SubtituloInterno {
    color: #13588d;
}

.SeccionTerceros .tituloInterno, .SeccionTerceros .SubtituloInterno {
    color: #2969b0;
}

.SeccionCuentasCobrar .tituloInterno, .SeccionCuentasCobrar .SubtituloInterno {
    color: #3c90bb;
}

.SeccionPagoProveedores .tituloInterno, .SeccionPagoProveedores .SubtituloInterno {
    color: #1b989b;
}

.SeccionCentroCostos .tituloInterno, .SeccionCentroCostos .SubtituloInterno {
    color: #009f86;
}

.SeccionInfoBancaria .tituloInterno, .SeccionInfoBancaria .SubtituloInterno {
    color: #238941;
}

.SeccionAnticipos .tituloInterno, .SeccionAnticipos .SubtituloInterno {
    color: #00ac63;
}

.SeccionAudiSistemas .tituloInterno, .SeccionAudiSistemas .SubtituloInterno {
    color: #7b0525;
}

.SeccionHerramientas .tituloInterno, .SeccionHerramientas .SubtituloInterno {
    color: #7e1745;
}

.SeccionInventarios .tituloInterno, .SeccionInventarios .SubtituloInterno {
    color: #4693b2;
}

.SeccionInfoconsultas .tituloInterno, .SeccionInfoconsultas .SubtituloInterno {
    color: #008e39;
}

.NombresCampos {
    color: #494949;
}

.DatosForms input {
    height: 1.4375rem;
    border: 1px solid #bcc3c7;
    padding: 0px;
}

.DatosForms select {
    height: 1.4375rem;
    padding: 0;
    padding-left: 5px;
}

.contenidoInformacion {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #d9dadb;
    /*padding: 5px 27px;*/
    border-radius: 22px;
    margin-top: 23px;
    font-size: 12px;
}

@media screen and (max-width: 639px) {
    .contenidoInformacion {
        margin: 0px;
    }
}

.contenidoInformacionAsientos {
    border-radius: 22px;
    border: 1px solid #d9dadb;
    height: auto;
    margin: 0 auto;
    overflow: auto;
    padding: 5px 10px;
    width: 100%;
}

.btnAdministrativo, .btnAsociar {
    background: #4c4c4c;
    border-radius: 8px;
}

.btnAsociar {
    width: 150px;
}

.btnAdministrativo:hover, .btnAdministrativo:focus, .btnAsociar:hover, .btnAsociar:focus {
    background: #031d30;
}

.btnAsociar .step.fi-arrow-right.size-18 {
    margin-left: 15px;
}

.btnAsociar .step.fi-arrow-left.size-18 {
    margin-right: 15px;
}

.SeccionAdministracion i.step.fi-play.size-14 {
    margin-left: 10px;
}

.btnConfirmacionAdministracion, .btnConfirmacionInventario {
    text-align: center;
}

.btnConfirmacionAdministracion button, .btnConfirmacionInventario button {
    width: 100px;
    border-radius: 8px;
}

.confiAdmnistracion {
    background: #031d30;
}

.confiInventarios {
    background: #4693b2;
    border-radius: 8px;
}

.confiAdmnistracion:hover {
    background: #02151e;
}

.confiInventarios:hover, .btnConfirmacionInventario .secondary:hover {
    background: #378ba5;
}

.btnConfirmacionAdministracion .secondary:hover {
    background: #031d30;
}

@media screen and (min-width: 639px) {
    .MenuLateral {
        /*  min-height: 530px!important;*/
    }
    .MenuLateralCrearEmpresa {
        min-height: 1560px;
    }
    /*.responsiveLeftMenu {
        display: none;
    }*/
}

@media screen and (max-width: 639px) {
    .MenuLateral {
        border-radius: 22px;
        border-right: none;
        border: 1px solid #d9dadb;
        margin-bottom: 24px!important;
        margin: 0 auto;
        padding-bottom: 17px;
        width: 97%;
    }
    .ContentBtnLateral {
        margin-left: 0;
    }
    .btnConfirmacionAdministracion button {
        width: 100%;
    }
    .contentInternas {
        margin: 0 auto!important;
    }
}


/*inicioformulario crear empresa*/

.campoNit {
    width: 100%;
}

.campoNit>input:nth-child(1) {
    width: 76%;
    float: left;
    margin-right: 10px;
}

.campoNit>input:nth-child(2) {
    width: 21%;
}

@media screen and (min-width: 639px) {
    .campoCiudad {
        padding-right: 0;
    }
    .campoPais {
        padding-left: 0;
    }
}

@media screen and (max-width: 639px) {
    .campoCiudad, .campoPais {
        padding-right: 0;
        padding-left: 0;
    }
}

.SubtituloInterno {
    font-size: 0.8rem!important;
    text-align: center;
}


/*.Seccion {
    display:none;

    }*/

.InternHide {
    display: none;
}

.ContenidoFormEmpresa hr {
    max-width: 100%;
}

.ContenidoFormEmpresa .SubtituloInterno {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0px;
}

.campoRepresentante>input:nth-child(1) {
    width: 32%;
    float: left;
    margin-right: 10px;
    font-size: 14px;
    padding-top: 0;
}

.campoRepresentante>input:nth-child(2) {
    width: 65%;
    font-size: 14px;
    padding-top: 0;
}

.labelCheck {
    display: block;
    margin: 0;
    font-size: 0.785rem;
    line-height: 1.8;
}

.contentLabelCheck div {
    float: left;
    margin-top: 25px;
    width: 50%;
}


/*fin formulario crear empresa*/

.contentParamEmpresa ul li {
    list-style: none;
}

.contentINfoTributaria {
    padding-left: 0;
}

.contentParamEmpresa ul {
    border: 1px solid #d9dadb;
    float: left;
    overflow-y: scroll;
    padding: 5px 0px;
    width: 100%;
}

.contentParamEmpresa ul li:nth-child(odd) {
    background: #F0F0F0;
}

.contentParamEmpresa ul li {
    padding-left: 13px;
}

.contentParamEmpresa ul li a {
    color: #494949;
}

.contentParamEmpresa ul li a:hover {
    color: #031d30;
    text-decoration: underline;
}

.contentImgEmpresa {
    border: 1px solid #bcc3c7;
    height: auto;
    margin-top: 89px!important;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
    min-height: 127px;
    background: #F0F0F0;
    margin-bottom: 8px;
}

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

.adjLogo a, .btnAsignar {
    background: #4c4c4c;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    font-size: 0.8rem;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-top: 7px;
    text-align: center;
    width: 100%;
}

.adjLogo a {
    height: 40px;
}

@media screen and (max-width:375px) {
    .btnAsignar {
        height: 60px;
    }
}

.contentLogoEmpresa>div {
    padding-right: 0;
}

.adjLogo a:hover, .btnAsignar:hover, .adjLogo a:focus, .btnAsignar:focus {
    background: #031d30;
    color: #ffffff;
}

.listTodasAplicaciones {
    color: #000000;
    font-size: 12px;
    width: 100%;
}

.listTodasAplicaciones .listLeft {
    width: 25%;
    float: left;
}

.listTodasAplicaciones .listRight {
    float: left;
    min-height: 54px;
    text-align: left;
    width: 75%;
}

.listTodasAplicaciones>div {
    border-bottom: 1px dotted #7d8c8d;
    height: 65px;
    margin-bottom: 10px;
    overflow: auto;
    width: 100%;
}

.listTodasAplicaciones>div a {
    width: 100%;
    height: auto;
    overflow: auto;
}

.listTodasAplicaciones .listRight span {
    margin-left: 9px;
    margin-top: 15px;
    display: inherit;
    color: #000000;
}

.ContentAutorretenedor {
    margin-top: 15px;
}

.ContentAutorretenedor label {
    width: 41%;
    float: left;
}

.ContentAutorretenedor .contentSwitchAdministracion {
    width: 50px;
    float: left;
    margin-left: 15px;
}

.title-bar>div:nth-child(1) {
    width: 100%;
}

.title-bar>div:nth-child(1) div {
    width: 50%;
    float: left;
    width: 50%;
    height: 30px;
}

.title-bar>div:nth-child(1)>div:nth-child(2) {
    margin-top: 0;
    text-align: right;
}

.title-bar>div:nth-child(1)>div:nth-child(2) i {
    color: #ffffff;
}

.IconoBotonBusquedaOcultar, .campoBusquedaResponsiveOcultar {
    display: none!important;
}

.campoBusquedaResponsive {
    background: red;
    background: rgba(0, 0, 0, .3);
    height: 50px;
    left: 3px;
    margin: 0;
    overflow: hidden;
    position: fixed;
    top: 45px;
    width: 98%;
    z-index: 9999;
}

.campoBusquedaResponsive input {
    width: 97%;
    margin-left: 5px;
    margin-top: 9px;
}

@media screen and (max-width: 330px) {
    .ContentAutorretenedor label {
        width: 100%;
        margin-bottom: 15px;
    }
}

.fixed, .fixedResponsive {
    position: fixed;
    top: 0;
    z-index: 5000;
    width: 100%;
}

.fixedResponsive, .title-barInternasResponsive {
    left: 0;
    background: #191919;
    border-radius: 0;
    width: 100%;
    margin-left: 0;
}

.fixedResponsive .menu-icon {
    color: #ffffff;
}

.fixedResponsive .menu-icon::after {
    background: #ffffff;
    box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
}

.contenidoGeneralFixed {
    /*margin-top: 40px; */
}

.TituloPopUp {
    font-family: 'Century Gothic';
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.ModuloParametros .TituloPopUp {
    border-bottom: 1px solid #aa0c46;
    color: #aa0c46;
}

.ModuloInventarios .TituloPopUp {
    border-bottom: 1px solid #4693b2;
    color: #4693b2;
}

.ModuloAdministracion .TituloPopUp {
    border-bottom: 1px solid #031d30;
    color: #031d30;
}

.ModuloContabilidad .TituloPopUp {
    border-bottom: 1px solid #273f50;
    color: #273f50;
}

.ModuloTerceros .TituloPopUp {
    border-bottom: 1px solid #2969b0;
    color: #2969b0;
}

.ModuloHome .TituloPopUp {
    border-bottom: 1px solid #13588d;
    color: #13588d;
    display: inline-block;
    margin-bottom: 45px;
    margin-left: 25px;
    margin-top: 15px;
    width: 94%;
}


/*estilos pop-ups*/

#PopUpConceptos, #PopUpEditarAgregar, #PopUpEditarAgregarPaises {
    /* left: 444px!important;*/
    width: 500px;
}

#PopUpConfigRegional {
    width: 570px;
}

.NombresCamposPopUP {
    font-size: 0.8rem;
    color: #383838;
}

#PopUpEditarAgregarConceptos .btnGuardarCancelarPopup, #PopUpEditarAgregarPaises .btnGuardarCancelarPopup, #PopUpEditarAgregarDepartamento .btnGuardarCancelarPopup, #PopUpEditarAgregarCiudad .btnGuardarCancelarPopup {
    text-align: right;
    margin-top: 28px;
}

#PopUpConfigRegional .btnGuardarCancelarPopup {
    text-align: right;
    margin-top: 28px;
}

.btnGuardarCancelarPopupRight {
    text-align: center;
    margin-top: 15px;
}

#PopUpMensajeEliminar .btnGuardarCancelarPopup, #PopUpMensajeEliminarPais .btnGuardarCancelarPopup, #PopUpMensajeEliminarDepartamento .btnGuardarCancelarPopup {
    text-align: center;
    margin-top: 28px;
}

#MensajeEliminarRegistroAdmin .btnGuardarCancelarPopup, #MensajeRegistroPoseeMovimiento .btnGuardarCancelarPopup, #MensajeEliminarConta3 .btnGuardarCancelarPopup, #MensajeGrabarAsiento {
    text-align: center;
    margin-top: 28px;
}

#PopUpMensajeEliminarPais {
    width: 500px;
}

#PopUpCiudad .NombresCamposPopUP, #PopUpEditarAgregarCiudad .NombresCamposPopUP {
    font-size: 0.8rem !important;
}

.nombreTextoEliminar {
    margin-top: 20px;
    color: #383838;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    width: 100%;
}

#PopUpMensajeEliminar, #MensajeEliminarRegistroAdmin, #MensajeRegistroPoseeMovimiento, #MensajeEliminarConta1, #MensajeEliminarConta2, #MensajeEliminarConta3, #MensajeGrabarAsiento, #PopUpEliminarLinea {
    width: 400px;
}

.ModuloParametros .guardarPopUP, .BtnCrearPais {
    background: #aa0c46;
}

.BtnCrearAsiento {
    background: #022954;
}

.BtnCrearAsiento:hover {
    background: #01213f;
}

.SeccionHerramientas .guardarPopUP {
    background: #7e1745;
}

.SeccionHerramientas .guardarPopUP:hover {
    background: #680c38;
}

.BtnAgregarLinea {
    background: #4693b2;
    border-radius: 8px;
}

.BtnAgregarLinea:hover {
    background: #378ba5;
}

.BtnCrearPais {
    border-radius: 8px;
}

.ModuloParametros .guardarPopUP:hover, .BtnCrearPais:hover {
    background: #a00746;
}

.ModuloInventarios .guardarPopUP {
    background: #4693b2;
}

.ModuloTerceros .guardarPopUP {
    background: #2969b0;
}

.ModuloInventarios .guardarPopUP:hover {
    background: #378ba5;
}

.ModuloInventarios button {
    border-radius: 8px;
}

.convert-unidades {
    margin: 0;
    top: 20px !important;
}

.BtnCrearPais, .BtnAgregarLinea, .BtnCrearAsiento, .BtnCrearCentroCostos {
    float: right;
    margin-right: 0;
}

.ModuloAdministracion .btnGuardarCancelarPopupRight button, .ModuloContabilidad .btnGuardarCancelarPopupRight button {
    border-radius: 8px;
}

.ModuloAdministracion .guardarPopUP {
    background: #031d30;
}

.ModuloAsientos .guardarPopUP {
    background: #022954;
}

.ModuloAsientos .guardarPopUP:hover {
    background: #022544
}

.ModuloContabilidad .guardarPopUP {
    background: #273f50;
}

.ModuloContabilidad .guardarPopUP {
    background: #273f50;
}

.ModuloAdministracion .guardarPopUP:hover {
    background: #031723;
}

.ModuloContabilidad .guardarPopUP:hover {
    background: #1C3548;
}

.contentidentidad div:nth-child(1) {
    float: left;
    width: 71%;
}

.contentidentidad div:nth-child(2) {
    float: left;
    margin-left: 10px;
    width: 25%;
}

#ParametrosEmpresa-contabilidad, #ParametrosEmpresa-impuestos, #ParametrosEmpresa-Cartera, #ParametrosEmpresa-Proveedores, #ParametrosEmpresa-InformacionBancaria {
    width: 100% !important;
    top: 80px !important;
    /*position: fixed;*/
    margin: 0;
    overflow-y: auto;
    height: 80%;
}

@media screen and (min-width: 40em) {
    #PopUpEditarAgregarSucursal, #PopUpSucursal, #DatosPrincipalesTerceros {
        width: 900px;
        max-width: 75rem;
    }
    #PopUpEditarAgregarDefinicionImpuestosValores, #PopUpDefinicionImpuestosValores, #PopUpEditarAgregarConexionTipoCartera, #EstructuraCentrosCostos, #AsociarUsuarioEmpresa, #AsociarEmpresaUsuario, #PopUpDirectorioCentroCostos {
        /*width: 1046px;*/
        width: auto;
    }
    #PopUpEditarAgregarMonedaTrm, #ParametrosEmpresa-terceros, #PopUpMonedaTrm, #EquivalenciaUnidades {
        width: 900px;
        max-width: 75rem;
    }
    #PopUpEditarAgregarUnidadMedidas, #PopUpUnidadMedidas {
        width: 500px;
    }
    #PopUpEquivPagos, #PopUpEditarOperacionesMediosMagneticos, #PopUpOperacionesMediosMagneticos, #CancelarAbonarSaldos, #PopUpAdicionarProveedores {
        width: 960px;
        left: 186px;
    }
    #ParametrosEmpresa-contabilidad, #ParametrosEmpresa-impuestos, #ParametrosEmpresa-Cartera, #ParametrosEmpresa-Proveedores, #ParametrosEmpresa-InformacionBancaria {
        width: 1100px;
        top: 0px!important;
        left: 154.5px;
    }
}

.tituloCargos {
    font-size: 0.9rem;
    color: #aa0c46;
    font-family: 'Century Gothic';
    /*margin-left: 21px;*/
}

.contentCargos>div {
    border-bottom: 1px solid #d9dadb;
    background-color: white;
    margin-bottom: 5px;
}

.contentCargos>div:last-child {
    border-bottom: none !important;
}

.SeccionInventarios .tabsPopUP li>a:focus, .SeccionInventarios .tabsPopUP li>a:hover, .SeccionInventarios .tabsPopUP li>a[aria-selected=true] {
    font-size: 14px;
    color: #4693b2;
    font-weight: 600;
    text-transform: uppercase;
}

.tabsPopUP li>a:focus, .tabsPopUP li>a:hover, .tabsPopUP li>a[aria-selected=true] {
    font-size: 14px;
    color: #ffffff;
}

.ModuloParametros .tabsPopUP li>a:focus, .ModuloParametros .tabsPopUP li>a:hover, .ModuloParametros .tabsPopUP li>a[aria-selected=true] {
    background: #aa0c46;
}

.ModuloAdministracion .tabsPopUP li>a:focus, .ModuloAdministracion .tabsPopUP li>a:hover, .ModuloAdministracion .tabsPopUP li>a[aria-selected=true] {
    background: #031d30;
}

.ModuloTerceros .tabsPopUP li>a:focus, .ModuloTerceros .tabsPopUP li>a:hover, .ModuloTerceros .tabsPopUP li>a[aria-selected=true] {
    background: #2969b0;
}

.tabsPopUP li>a[aria-selected=true] {
    font-weight: 600;
}

.ContentFlechasCarrusel a {
    color: #989898;
}

.ContentFlechasCarrusel a:hover {
    color: #031d30;
}

.ContentFlechasCarrusel a:nth-child(2) {
    float: right;
}

.tabsPopUP li>a {
    font-size: 14px;
    color: #ffffff;
    background: #989898;
    text-transform: uppercase;
}

@media screen and (max-width: 442px) {
    .tabsPopUP li {
        width: 47%;
        text-align: center;
    }
    .tabsPopUP li:nth-child(2) a {
        height: 68px;
    }
    .btnGuardarCancelarPopupRight {
        margin-bottom: 50px;
    }
}

.tabsPopUP li {
    margin-right: 1px;
}

.tabsPopUP {
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.contentGrillaPopUp {
    border-radius: 8px;
    border: 1px solid #d9dadb;
    margin: 0 auto;
    text-align: center;
    width: 94%;
}

#PopUpEquivPagos .contentGrillaPopUp {
    width: 100%;
    margin-top: 15px;
}

#PopUpEquivPagos button.guardarPopUP {
    margin-right: 0;
}

.contentTabsEmpresa {
    height: 80px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    margin-left: 14px;
}

.CampoConUnidad {
    width: 80%;
    float: left;
}

.DescripUnidad {
    margin-left: 15px;
    font-weight: 600;
    text-transform: uppercase;
}


/* Corregir, no todas las pestañas tienen lo mismo de ancho*/

.contentTabsEmpresa>ul {
    width: 2118px;
}

.SubtituloTabsEmpresas {
    color: #031d30;
    font-size: 1.5rem;
    font-family: "Century Gothic";
    text-align: center;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 15px;
}

.SeccionAdministracion .tabs-content {
    border: none;
}

.contentGris {
    border: 1px solid #d9dadb;
    border-radius: 8px;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 5px;
}

@media screen and (max-width: 443px) {
    .ModuloAdministracion .tabsPopUP li, .ModuloAdministracion .tabsPopUP li a {
        width: 260px !important;
        display: inline-block;
        height: 68px;
    }
    .contentTabsEmpresa {
        height: 92px;
    }
}

@media screen and (max-width: 643px) {
    table.responsive td {
        display: block;
        text-align: left;
        font-size: 13px;
    }
    table.responsive thead {
        display: none;
    }
    table.responsive td:before {
        content: attr(data-label);
        display: block;
        text-transform: uppercase;
        color: #383838;
    }
    table.responsive tr>td:nth-child(1) {
        font-weight: 600;
    }
    table.responsive tr>td:last-child {
        padding-bottom: 10px !important;
    }
}

.tituloscontentGris {
    color: #031d30;
    font-family: "Century Gothic";
    font-size: 1rem;
    margin-bottom: 25px;
    margin-left: 15px;
    margin-top: 5px;
    text-align: center;
    font-weight: 600;
}

.tituloscontentGrisLeft {
    text-align: left;
    margin-left: 0 !important;
}

.ModuloParametros .tituloscontentGris {
    color: #aa0c46;
    margin-left: 0;
    margin-top: 0;
    text-align: left;
}

.ModuloInventarios .tituloscontentGris {
    color: #4693b2;
    margin-left: 0;
    margin-top: 0;
    text-align: left;
}

.RightDivisionPolitica .tituloscontentGris {
    color: #aa0c46;
    margin-left: 0;
    margin-top: 0;
    text-align: left;
}

.RightLinea .tituloscontentGris {
    color: #4693b2;
    margin-bottom: 11px;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 10px;
    text-align: left;
}

.TituloscontentGrisIzquierdo {
    font-family: "Century Gothic";
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 0;
    text-align: left;
}

.ModuloAdministracion .TituloscontentGrisIzquierdo {
    color: #031d30;
}

.ModuloContabilidad .TituloscontentGrisIzquierdo {
    color: #273f50;
}

#extrucCodigoContable .left table, #estCodigoParaNiif .left table {
    width: 100%;
}

#extrucCodigoContable .left table tbody tr td, #estCodigoParaNiif .left table tbody tr td {
    padding: 0;
    text-align: center;
    /* padding-top: 5px; */
}

#extrucCodigoContable .left table tbody tr td select, #estCodigoParaNiif .left table tbody tr td select {
    width: 46%;
    height: 26px;
    padding: 0;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

#extrucCodigoContable .right table, #estCodigoParaNiif .right table {
    width: 100%;
}

#extrucCodigoContable .right table tbody tr td, #estCodigoParaNiif .right table tbody tr td {
    padding: 0;
    text-align: center;
    /* padding-top: 5px; */
}

#extrucCodigoContable .right table tbody tr td select, #estCodigoParaNiif .right table tbody tr td select {
    height: 26px;
    margin-bottom: 7px !important;
    margin-top: 7px !important;
    margin: 0 auto;
    padding-left: 25px !important;
    padding: 0;
    width: 77px;
}

.camposFormatPuc div {
    float: left;
    margin: 0 5px;
    width: 140px;
}

.contentGeneralFormatPuc {
    margin-top: 15px;
}

.tableNiveles {
    margin: 0 auto;
    margin-bottom: 10px;
}

.tableNivelesCentroCostos {
    margin-bottom: 10px;
    margin-top: 15px !important;
    margin: 0 auto;
    width: 70%;
}

.tableNivelesCentroCostosRight {
    margin-bottom: 10px;
    margin-top: 15px !important;
    margin: 0 auto;
    width: 90%;
}

.tableNivelesCentroCostosRight tbody>tr:nth-child(n+2)>td:nth-child(1) {
    text-align: center;
}

.tableNivelesCentroCostosRight tbody>tr:nth-child(1)>td:nth-child(1) {
    font-weight: 700;
}

.tableNivelesCentroCostosRight tbody>tr>td:nth-child(2) {
    text-align: left;
}

@media screen and (max-width: 639px) {
    .tableNivelesCentroCostosRight tbody>tr:nth-child(n+2)>td:nth-child(1) {
        text-align: center;
    }
    .tableNivelesCentroCostosRight tbody>tr:nth-child(1)>td {
        text-align: center;
    }
    #EstructuraCentrosCostos .right {
        margin: 15px 0;
    }
}

.tableNivelesCentroCostos select {
    margin-bottom: 0;
}

.tableNivelesCentroCostos>tbody>tr>td {
    text-align: center;
}

.activetableNiveles {
    color: #29A618;
    font-weight: 600;
}

.btnSiguiente>div:nth-child(1) {
    text-align: right;
    margin-top: 10px;
}

.tablaCuentaEsp tbody tr td:nth-child(1) {
    padding-left: 15px !important;
}

.tablaCuentaEsp {
    margin: 0 auto;
    margin-bottom: 20px;
}

.tablaCuentaEspImpuesto {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 90%;
}

#ParametrosEmpresa-impuestos .tabs-content {
    border: 1px solid transparent;
}

.contentGrisFormulariosImpuestosValores, .contentGrisAsociacion {
    border-radius: 8px;
    border: 1px solid #d9dadb;
    float: left;
    margin-bottom: 15px;
    margin-left: 20px;
    width: 94%;
}

.contentGrisAsociacion {
    padding-top: 20px;
}

.ContentMetodoCalculo {
    border-radius: 8px;
    border: 1px solid #d9dadb;
    float: left;
    margin-bottom: 15px;
    margin-left: 20px;
    width: 96%;
}

.contentGrillaTerceros {
    border-radius: 8px;
    border: 1px solid #d9dadb;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    width: 98%;
}

.tablaCuentaEsp select {
    margin-top: 5px;
    margin-bottom: 0;
}


/*inicio estilos switch*/

.contentSwitchAdministracion .switch-paddle, .contentSwitchInventario .switch-paddle {
    width: 4.5rem;
    border-radius: 8px;
}

.contentSwitchParametros .switch-paddle, .contentSwitchParametros .switch-paddle {
    width: 4.5rem;
    border-radius: 8px;
}

.contentSwitchAdministracion .switch-paddle::after, .contentSwitchInventario .switch-paddle::after {
    border-radius: 30px;
}

.contentSwitchParametros .switch-paddle::after, .contentSwitchParametros .switch-paddle::after {
    border-radius: 30px;
}

.contentSwitchAdministracion input:checked~.switch-paddle {
    background: #031d30;
}

.ContentColorContabilidad input:checked~.switch-paddle {
    background: #273f50 !important;
}

.ContentColorContabilidad input:checked~.switch-paddle {
    background: #273f50!important;
}

.contentSwitchInventario input:checked~.switch-paddle {
    background: #4693b2;
}

.contentSwitchParametros input:checked~.switch-paddle {
    background: #aa0c46;
}

.contentSwitchAdministracion .switch-active, .contentSwitchInventario .switch-active {
    margin-left: 7px;
    font-size: 18px;
    font-weight: normal;
}

.contentSwitchAdministracion .switch-inactive, .contentSwitchInventario .switch-inactive {
    font-size: 18px;
    font-weight: normal;
}

.contentSwitchParametros .switch-active, .contentSwitchParametros .switch-active {
    margin-left: 7px;
    font-size: 18px;
    font-weight: normal;
}

.contentSwitchParametros .switch-inactive, .contentSwitchParametros .switch-inactive {
    font-size: 18px;
    font-weight: normal;
}

.tableSwitch {
    width: 270px;
}

.tableSwitch tbody tr td {
    text-align: center;
}

@media screen and (max-width: 400px) {
    .tableSwitch {
        width: 194px;
        margin: 0 auto;
    }
    .ContentSwitch1, .ContentSwitchFechasPosteriores {
        text-align: center;
    }
}

.ContentSwitchFechasPosteriores {
    margin-left: 10px;
}

.ContentMetodoCalculo .tituloscontentGris {
    text-align: left;
    margin-left: 0;
}

.campoTextoDiasMetodos {
    display: inline;
    margin: 0 5px;
    width: 50px;
}

.porcentajeInteres {
    display: inline;
    margin: 0 5px;
    width: 77px;
}

@media screen and (max-width: 412px) {
    .ContentMetodoCalculo {
        width: 88%;
    }
}


/*fin estilos switch*/

.ContentDestribucionEdadPorcentaje p {
    float: left;
    margin-right: 12px;
    width: 112px;
}

.ContentDestribucionEdadPorcentaje div select, .ContentDestribucionEdadPorcentaje div input {
    width: 110px;
}

.ContentDestribucionEdadPorcentaje div:nth-child(1) p {
    font-weight: 600;
}

@media screen and (max-width: 639px) {
    .ContentDestribucionEdadPorcentaje {
        border-bottom: 1px solid #d9dadb;
        margin: 0 auto !important;
        width: 100%;
    }
    .ContentDestribucionEdadPorcentaje div {
        text-align: center;
    }
    .ContentDestribucionEdadPorcentaje p {
        width: 100%;
    }
    .ContentDestribucionEdadPorcentaje div input {
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

.contentListEstadosFinancierosNiif i.active {
    color: #06B749;
    margin-right: 8px;
}

.contentListEstadosFinancierosNiif i.inactive {
    color: #d9dadb;
    margin-right: 8px;
}

.contentListEstadosFinancierosNiif ul {
    list-style: none;
}

.contentListEstadosFinancierosNiif ul li a {
    font-size: 0.9rem;
    color: #0a0a0a;
    display: inline-block;
    padding: 4px 4px;
    width: 100%;
}

.contentListEstadosFinancierosNiif ul li {
    border-bottom: 1px solid #d9dadb;
}

.contentListEstadosFinancierosNiif ul li a:hover, .contentListEstadosFinancierosNiif ul li a:focus, .contentListEstadosFinancierosNiif ul li a.selected {
    background: #031d30;
    color: #ffffff;
}

.contentAnexarInformes {
    margin-top: 15px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 336px;
}

.contentLeftContable {
    margin-bottom: 15px;
    max-height: 570px;
    overflow-x: hidden;
    overflow-y: auto;
}

.contentAtajo div:nth-child(1) {
    color: #aa0c46;
    text-align: center;
    font-weight: 700;
}

.contentAtajo div:nth-child(2) {
    padding: 0;
}

.TablaFormatosExtractos {
    width: 96%;
    margin: 0 auto;
}

.TablaFormatosExtractos>thead>tr th, .TablaFormatosExtractos tbody tr td:nth-child(2), .TablaFormatosExtractos tbody tr td:nth-child(3) {
    text-align: center;
}

.TablaFormatosExtractos select, .TablaFormatosExtractos input {
    width: 70px;
}

.TablaFormatosExtractos tbody tr td input {
    margin: 0 auto;
}

@media screen and (max-width: 643px) {
    .TablaFormatosExtractos tbody tr td {
        text-align: center;
    }
}

@media screen and (max-width: 303px) {
    .secondary, .guardarPopUP {
        width: 100%;
    }
}

.contentUsoEspecifico {
    margin-bottom: 30px;
    margin-top: 20px;
}

.ContentInfoTrm {
    margin-top: 20px;
}

.ListaTodosElementos {
    min-height: 150px;
}

@media screen and (min-width:640px) {
    .ContentBotonAsociar div:nth-child(1) .button {
        margin-top: 180px;
    }
}

@media screen and (max-width:639px) {
    .ContentBotonAsociar div {
        text-align: center;
    }
}

@media screen and (min-width: 40em) {
    #PopUpAgregarDivPolitica {
        width: 650px;
        max-width: 75rem;
    }
}

.ContentSelectClase {
    margin-top: 20px;
}

.BtnModificarGrilla {
    float: right;
    color: gray;
    display: inline-block;
}

.BtnModificarGrilla:hover, .BtnModificarGrilla:focus {
    color: #031d30;
}

.BtnModificarGrilla i {
    margin-right: 10px;
}

.ModuloParametros .BtnModificarGrilla:hover, .ModuloParametros .BtnModificarGrilla:focus {
    color: #aa0c46;
}

@media screen and (min-width: 640px) {
    .contentDivPplitica {
        padding-left: 4px;
    }
}

.BuscadorDivPolitica ul {
    list-style: none;
}

.BuscadorDivPolitica ul li {
    border-bottom: 1px dotted #B8B8B8;
    height: auto;
    overflow: auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.BuscadorDivPolitica .Buscador {
    width: 30%;
    float: left;
    font-weight: 600;
}

.BuscadorDivPolitica .ComplementoBuscador {
    width: 70%;
    float: right;
    text-align: right;
    color: #989898;
}


/*fin estilos pop-ups*/

.TextoObligatorio {
    color: #FA0000;
    float: left;
    font-size: 22px;
    height: 5px;
    width: 16px;
}

.AlertaObligatorio {
    width: 95%;
    float: left;
    font-size: 15px;
    color: #FA0000;
    text-align: center;
    margin-left: 14px;
    border: 1px solid #FA0000;
    padding: 5px 0;
}


/*home División Política */

.RightDivisionPolitica, .LeftDivisionPolitica {
    padding-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.RightDivisionPolitica .tituloscontentGris {
    text-align: center;
}

.LeftDivisionPolitica, .RightDivisionPolitica {
    min-height: 200px;
}

@media screen and (min-width:549px) {
    .BuscardorPais {
        width: 430px;
    }
    .BuscardorLinea {
        width: 100%;
    }
}

.contentBuscadorTreewiew {
    margin-bottom: 20px;
}


/*fin División Política */


/*Inicio estilos carrusel menu home*/

.rotaryMenuWorking {
    overflow-y: hidden;
}

#rotaryMenuSVG {
    /*position:fixed;
    top: 96px;*/
    width: 100%;
}

#rotaryMenuSVG svg {
    width: 100%;
}


/*Fin estilos carrusel home*/


/*Inicio estilos barra de progreso*/

.progress {
    margin: 0 auto 2rem auto;
    padding: 0;
    width: 90%;
    height: 30px;
    overflow: hidden;
    background: #e5e5e5;
    border-radius: 8px;
}

.meter {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    border-radius: 8px;
}

.percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-family: tahoma, arial, helvetica;
    font-size: 12px;
    color: white;
}

.meter.green {
    background: #2ecc71;
}

.Tituloproject {
    font-size: 1.0rem;
    color: #202020;
    font-family: 'Century Gothic';
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}

.ImagenCarguePeriodos {
    text-align: center;
}

.ImagenCarguePeriodos {
    padding: 0;
}

.ModuloCargado {
    text-align: center;
}

.ModuloCargado i {
    color: #2ecc71;
}

.TablaCierrePeriodo {
    margin: 0 auto;
}

.btnGuardarCancelarCierrePeriodos {
    margin-top: 50px;
    text-align: center;
}

.SeccionHerramientas .franjaHerramientas {
    z-index: 5000;
}


/*Fin estilos barra de progreso*/


/* tooltips menu rotativo*/

.child {
    position: relative;
    /*padding: 0 0 0 2em;*/
    /*overflow-y: auto;*/
    right: -22px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.child::-webkit-scrollbar {
    display: none;
}

.scrollable-content {
    height: 101%;
}

.scrollable-content svg {
    /*width: 150%;*/
}

.TooltipSMenuPrincipal {
    background: #bcc3c7;
    border-radius: 9px;
    color: #ffffff;
    font-size: 0.9rem;
    height: 30px;
    left: 199px;
    margin-left: 100px;
    margin-top: -65px;
    padding: 5px 5px;
    position: absolute;
    text-align: center;
    top: 400px;
    width: 250px;
}


/*fin tooltips menu rotativo */


/*PopUp nuevo grupo de aplicaciones*/

.DerechoMiAplicacion {
    border: 1px solid #d9dadb;
    height: 320px;
    overflow-y: scroll;
    width: 100%;
}

.DerechoMiAplicacion table {
    width: 100%;
}

.titulosNuevoGrupoApli {
    color: #13588d;
    font-family: "Century Gothic";
    font-size: 1rem;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center;
}

.ModuloHome {
    margin-top: 0!important;
    max-height: 610px!important;
    /*top: 50px!important;*/
}

.GuardarNuevoGrupo button {
    border-radius: 8px;
    width: 170px;
}

.GuardarNuevoGrupo {
    margin-bottom: 2px;
    margin-left: 10px;
    margin-top: 25px;
    text-align: center;
}

.GuardarNuevoGrupo .guardarPopUP {
    background: #13588d;
}

.GuardarNuevoGrupo .guardarPopUP:hover {
    background: #064f7c;
}

.TextArrastrar {
    color: #B0B0B0;
    display: inline-block;
    /*margin-top: 130px;*/
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 40em) {
    #PopUpNuevoGrupoAplicaciones {
        width: 760px;
        max-width: 75rem;
    }
}

.MiAplicacion img {
    margin-right: 15px;
}

.NombreGrupo {
    color: #383838;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 600;
    width: 100%;
}


/*Fin PopUp nuevo grupo de aplicaciones*/


/*estilos módulo inventarios*/

.RightLinea table {
    width: 96%;
    margin: 0 auto;
    text-align: center;
}

.RightLinea table>thead>tr th {
    text-align: center;
}

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

.btnBlock{
    display: block;
    width: auto !important;
}

.adjProducto a, .btnAsignar {
    background: #4c4c4c;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    font-size: 0.9rem;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-top: 7px;
    text-align: center;
    width: 100%;
}

.adjProducto a {
    height: 36px;
}

.adjProducto a:hover, .adjProducto a:focus {
    background: #4693b2;
    color: #ffffff;
}

#sortable1-producto, #sortable2-producto {
    background: #F8F8F8 none repeat scroll 0 0;
    float: left;
    height: 200px;
    list-style-type: none;
    margin: 0 10px 10px 0;
    overflow-y: scroll;
    padding: 5px;
    width: 48%;
    border: 1px solid #C0C0C0;
    border-radius: 8px;
    margin-top: 18px;
    margin-bottom: 18px;
}

#sortable1-producto li, #sortable2-producto li {
    background: lightgrey none repeat scroll 0 0;
    border: 1px solid #c3c3c3;
    font-size: 1.2em;
    margin: 5px;
    padding: 5px;
    width: 98%;
}

.CampoCosto {
    padding-left: 0;
}

.SeccionInventarios .SubtituloInterno {
    text-align: left;
}

.contentSwitchInventarios .switch-paddle {
    width: 4.5rem;
    border-radius: 8px;
}

.contentSwitchInventarios .switch-paddle::after {
    border-radius: 30px;
}

.contentSwitchInventarios input:checked~.switch-paddle {
    background: #4693b2;
}

.contentSwitchInventarios .switch-inactive {
    font-size: 18px;
    font-weight: normal;
}

.contentSwitchInventarios .switch-active {
    margin-left: 7px;
    font-size: 18px;
    font-weight: normal;
}

.CampoProducto {
    width: 210px;
    float: left;
}

.ContentSwitchProdVenta {
    float: left;
}

.CampoConsecutivo {
    height: 25px;
    border-radius: 5px;
    padding: 2px 4px;
}

.ContentEntradaSalida .dx-toolbar .dx-toolbar-items-container {
    height: 43px;
}

.ContentEntradaSalida .tituloInterno {
    margin-bottom: 15px;
}

.dx-datagrid-total-footer {}

.TotalGrillaEntradaAlmacen {
    float: left;
    width: 50%;
    margin: 5px 0;
    font-weight: 700;
    color: #4693b2;
}

.CantidadGrillaEntradaAlmacen {
    float: left;
    margin: 5px 0;
    padding-right: 30px;
    text-align: right;
    width: 50%;
}

.ContentEntradaSalida .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
    border-bottom: 2px solid #E0E0E0;
}

.BtnCambiar {
    margin-bottom: 0;
    margin-top: 10px;
    border-radius: 8px;
}

.BtnCambiar .fi-shuffle {
    margin-right: 10px;
}

.SeccionInventarios .dx-state-hover {
    background: #4693b2!important;
    color: #ffffff!important;
}

.SeccionInventarios .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused>.dx-treeview-item {
    background-color: #4693b2!important;
}

.SeccionInventarios .btnInventariosConfirmacion button {
    width: 96px;
    font-size: .9rem;
}

.SeccionInventarios .tituloInterno {
    margin-bottom: 15px;
}

.BtnInventariosIzquierda {
    float: left;
}

.ContentAgregarLinea {
    margin-top: 10px;
    padding-top: 10px;
}

.RightLinea {
    padding-top: 10px;
}

.ContentGrupoBotones {
    text-align: center;
}

.ContentGrupoBotones .button-group {
    display: inline-flex;
}

.ContentGrupoBotones .button-group button {
    background: #fff;
    margin: 0 10px;
    font-size: 12px;
    color: #A8A8A8;
    font-weight: 700;
    border-bottom: 2px solid #e8e8e8;
}

.ContentGrupoBotones .button-group button:hover, .ContentGrupoBotones .button-group button.selected {
    border-bottom: 2px solid #4693b2!important;
    color: #4693b2!important;
}

.ContentEntrada {
    margin-top: 10px;
}


/* fin estilos inventarios*/


/*Inicio afectacion asientos*/

.ContentFranja {
    max-width: none;
}

.BtnCrearAsiento {
    margin-top: 15px;
    border-radius: 8px;
}

.step.fi-print.size-24 {
    margin-right: 10px;
}

.DocumentoAsiento {
    color: #000000;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
}

.contentGrillaAsientos {
    border-radius: 8px;
    border: 1px solid #d9dadb;
    height: auto;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-top: 21px;
    overflow: hidden;
    width: 98%;
}

@media screen and (max-width: 639px) {
    .contenidoGeneral {
        padding-top: 187px;
    }
    .contenidoGeneral.home-size {
        padding-top: 147px;
    }
}

@media screen and (max-width: 400px) {
    .contenidoGeneral {
        padding-top: 225px;
    }
}

@media screen and (min-width: 642px) {
    .contenidoGeneral.home-size {
        padding-top: 53px;
    }
}

@media screen and (min-width: 1012px) {
    .contenidoGeneral.home-size {
        padding-top: 45px;
    }
}

@media screen and (min-width: 1245px) {
    .contenidoGeneral.home-size {
        padding-top: 70px;
    }
}

@media screen and (min-width: 1540px) {
    .contenidoGeneral.home-size {
        padding-top: 75px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1440px) {
    .contenidoGeneral {
        padding-top: 94px;
    }
}

@media screen and (min-width: 1441px) {
    .contenidoGeneral {
        padding-top: 92px;
    }
}

.NotaFechaAsientos {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    margin-top: 15px;
    max-width: 300px;
}

.TotalGrillaAsiento {
    float: left;
    width: 40%;
    margin: 5px 0;
    font-weight: 700;
    color: #01213f;
}

.CantidadGrillaAsiento {
    float: left;
    margin: 5px 0;
    padding-right: 30px;
    text-align: right;
    width: 60%;
}

.CantidadDiferencia {
    color: #D70000;
}

.ModuloAsientos .btnGuardarCancelarPopup button {
    min-width: 70px;
}

.contenedorPopUpAsientos {
    margin-top: 35px;
    width: 100%;
}

#MensajeTransferenciaAsiento .btnGuardarCancelarPopup, #DefinicionEdadesFactura .btnGuardarCancelarPopup, #CancelarAbonarSaldos .btnGuardarCancelarPopup {
    text-align: right;
    margin-top: 15px;
}

@media screen and (min-width: 40em) {
    #DefinicionEdadesFactura {
        width: 740px;
        max-width: 75rem;
    }
    .OpcionCredito {
        width: 50%;
    }
}

.CampoDefinicionEdades {
    font-size: 0.8rem;
    color: #383838;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}

#DefinicionEdadesFactura .contentGrillaPopUp {
    margin-top: 25px;
    margin-bottom: 20px;
}

.CantidadEdadesFactura {
    margin: 5px 0;
    padding-right: 30px;
    text-align: right;
}

.TotalEdadesFactura {
    float: left;
    margin: 5px 0;
    font-weight: 700;
    color: #01213f;
}

.ChecksNuevoAsiento>div:nth-child(1), .ChecksNuevoAsiento>div:nth-child(2) {
    width: 45%;
    float: left;
    margin-top: -10px;
}

.ChecksNuevoAsiento>div:nth-child(1)>div {
    padding-right: 0px;
}

.ChecksNuevoAsiento>div:nth-child(2) {
    margin-left: 20px;
}

.ChecksEditarAsiento {
    width: 100%!important;
    margin-top: -10px!important;
}

.ChecksEditarAsiento>div>div>div {
    width: 40%;
    float: left;
    margin-right: 20px!important;
}

.CampoDocsAsiento select {
    margin-bottom: 0px;
}

.DatosForms label {
    font-size: 14px;
}

.in-cambiar-orden {
    display: inline;
    margin-bottom: 0;
    margin-right: 20px;
    width: 70px;
}


/*FIn afectacioni asientos*/


/*Inicio estilos módulo inventarios para presentación*/

.BtnAgregarLinea a, .btnAdministrativo a, .BtnCrearPais a {
    color: #ffffff;
}

.contenedorPopUp table {
    width: 97%;
}

.contenedorPopUp table>thead tr th, .contenedorPopUp table>tbody>tr>td {
    text-align: center;
}

.contenidoInformacion {
    min-height: 70vh;
    height: auto;
    overflow: hidden;
}

.BtnCrearMovimiento {
    background: #4693b2;
    border-radius: 8px;
    float: right;
    margin-right: 0;
    margin-top: 15px;
}

.TotalGrillaMovimiento {
    float: left;
    width: 50%;
    margin: 5px 0;
    font-weight: 700;
    color: #4693b2;
}

.CantidadGrillaMovimiento {
    float: left;
    margin: 5px 0;
    padding-right: 30px;
    text-align: right;
    width: 50%;
}

.contentGrillaMovimiento {
    border-radius: 8px;
    border: 1px solid #d9dadb;
    height: auto;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-top: 21px;
    overflow: hidden;
    width: 98%;
}

.contentGrillaMovimiento img {
    margin-left: 6px;
}

.TablaProducto {
    width: 80%;
    margin: auto;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.TablaProducto>thead>tr th {
    text-align: center;
}

.CampoTablaProducto {
    margin: 0 auto;
    text-align: center;
    width: 50%;
}

.contentBarra {
    text-align: center;
}

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

.EjemploTreewiew {
    list-style: none;
    margin-left: 10px;
}

.EjemploTreewiew>li {
    font-weight: bold;
}

.EjemploTreewiew>li>ul li {
    font-weight: normal;
}

.campoTRM {
    margin-top: 9px;
}

.contentSwitchTRM input:checked~.switch-paddle {
    background: #4693b2;
}

.contentSwitchTRM .switch-paddle {
    width: 4.5rem;
    border-radius: 8px;
}

.contentSwitchTRM .switch-paddle::after {
    border-radius: 30px;
}

.contentSwitchTRM .switch-active {
    margin-left: 7px;
    font-size: 18px;
    font-weight: normal;
}

.contentSwitchTRM .switch-inactive {
    font-size: 18px;
    font-weight: normal;
}

.contentUsuariosBodega ul {
    border: 1px solid #d9dadb;
    float: left;
    overflow-y: scroll;
    padding: 5px 0px;
    width: 97%;
}

.contentUsuariosBodega ul li a {
    color: #494949;
}

.contentUsuariosBodega ul li:nth-child(odd) {
    background: #F0F0F0;
}

.TextoLinea {
    color: #29A618;
    font-weight: 600;
    margin-right: 10px;
}

.TextoDesconectado {
    color: #FA0000;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    margin-top: 5px;
}

.TituloSegundoNivel {
    font-weight: bold!important;
}


/*Fin estilos módulo inventarios para presentación*/


/*fin tooltips menu rotativo */


/*.off-canvas-content{
  padding-bottom: 20px;
}*/


/* CALENDAR STYLES */

#example {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    max-width: 385px;
}

#calendar-container {
    margin: auto;
}

.options {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.options>div {
    display: block;
    margin-bottom: 5px;
}

.bottom-option {
    margin-top: 8px;
    margin-bottom: 8px;
}

.dx-calendar-cell:not(.dx-calendar-other-month) .weekend, .dx-calendar-cell:not(.dx-calendar-other-month) .holyday {
    text-shadow: none;
    font-weight: bold;
}

.dx-calendar-cell:not(.dx-calendar-other-month) .weekend {
    color: #3030FF;
}

.dx-state-disabled.dx-calendar .dx-calendar-cell:not(.dx-calendar-other-month) .weekend {
    color: #8080FF;
}

.dx-calendar-cell:not(.dx-calendar-other-month) .holyday {
    color: #FF3030;
}

.dx-state-disabled.dx-calendar .dx-calendar-cell:not(.dx-calendar-other-month) .holyday {
    color: #FF8080;
}


/* SOBREESCRIBIENDO ESTILOS DX CALENDAR */

.dx-calendar-navigator-previous-view.dx-button, .dx-calendar-navigator-previous-month.dx-button, .dx-calendar-navigator-next-view.dx-button, .dx-calendar-navigator-next-month.dx-button {
    background-color: #7e1745;
    margin: 0 !important;
    color: white !important;
}

.dx-calendar-navigator .dx-calendar-caption-button {
    margin: 0 !important;
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
    background-color: #7e1745;
    color: white !important;
    font-size: 14px;
    font-weight: normal !important;
}

.dx-calendar-body thead tr th {
    color: #7e1745 !important;
    font-size: 14px;
    font-family: 'Century Gothic';
    font-weight: normal;
}

.dx-calendar {
    width: 232px;
    min-width: 232px;
    height: 225.4px;
    min-height: 225.4px;
    background-color: #fff;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    border: 1px solid transparent;
    margin: auto;
}

.dx-calendar-body {
    top: 38px !important;
}

.dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
    background: #7e1745 !important;
    color: white !important;
}

.dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    -webkit-box-shadow: inset 0 0 0 1000px #7e1745 !important;
    -moz-box-shadow: inset 0 0 0 1000px #7e1745 !important;
    box-shadow: inset 0 0 0 1000px #7e1745 !important;
}

.dx-scheduler-dropdown-appointments.dx-button, .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover, .dx-scheduler-dropdown-appointments.dx-button.dx-state-active, .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused {
    background-color: #7e1745 !important;
}

.grupo-aplicacion .aplicacion:nth-child(2n+1) h3 {
    display: none;
}


/* ESTILOS GRUPOS DE APLICACIONES */


/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */

.typesDemo div[dnd-list], .typesDemo div[dnd-list]>div {
    position: relative;
}


/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */

.typesDemo div[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}


/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */

.typesDemo div[dnd-list] .dndDraggingSource {
    display: none;
}


/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */

.typesDemo div[dnd-list] .dndPlaceholder {
    display: block;
    background-color: #ddd;
    padding: 10px 15px;
    min-height: 42px;
}

.dndParentPlaceholder {
    display: block;
    background-color: #ddd;
    padding: 10px 15px;
    min-height: 42px;
}


/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */

.typesDemo div[dnd-list] div {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    margin-bottom: -1px;
    /* Disable text selection if item is not draggable */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.typesDemo div[dnd-list] div dnd-nodrag {
    display: block;
    padding: 10px 15px;
}


/**
 * Gender-specifc background
 */

.typesDemo div[dnd-list] div.background-man {
    background-color: #CAE0FC;
}

.typesDemo div[dnd-list] div.background-woman {
    background-color: #FFE2F5;
}

.typesDemo div[dnd-list] input.background-man {
    background-color: #D8E9FF;
    color: #2F4D99;
}

.typesDemo div[dnd-list] input.background-woman {
    background-color: #FFF0FA;
    color: #D84FA7;
}


/**
 * Handle positioning
 */

.typesDemo .handle {
    cursor: move;
    position: absolute;
    top: 14px;
}

.typesDemo .name {
    margin-left: 20px;
}


/***************************** Required styles *****************************/


/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */

.advancedDemo div[dnd-list], .advancedDemo div[dnd-list]>div {
    position: relative;
}


/***************************** Dropzone Styling *****************************/


/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */

.advancedDemo .dropzone div[dnd-list] {
    min-height: 42px;
    margin: 0px;
    padding-left: 0px;
}


/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */

.advancedDemo .dropzone div {
    display: block;
}


/**
 * Reduce opacity of elements during the drag operation. This allows the user
 * to see where he is dropping his element, even if the element is huge. The
 * .dndDragging class is automatically set during the drag operation.
 */

.advancedDemo .dropzone .dndDragging {
    opacity: 0.7;
}


/**
 * The dndDraggingSource class will be applied to the source element of a drag
 * operation. It makes sense to hide it to give the user the feeling that he's
 * actually moving it. Note that the source element has also .dndDragging class.
 */

.advancedDemo .dropzone .dndDraggingSource {
    display: none;
}


/**
 * An element with .dndPlaceholder class will be added as child of the dnd-list
 * while the user is dragging over it.
 */

.advancedDemo .dropzone .dndPlaceholder {
    background-color: #ddd !important;
    min-height: 42px;
    display: block;
    position: relative;
}


/***************************** Element type specific styles *****************************/

.advancedDemo .dropzone .itemlist {
    min-height: 120px !important;
}

.advancedDemo .dropzone .itemlist>div {
    background-color: #337ab7;
    border: none;
    border-radius: .25em;
    color: #fff;
    float: left;
    font-weight: 700;
    height: 50px;
    margin: 5px;
    padding: 3px;
    text-align: center;
    width: 50px;
}

.advancedDemo .dropzone .container-element {
    margin: 10px;
}

.IconoEditarGrupo, .OrdenGruposApp {
    color: gray;
}

.IconoEditarGrupo, .OrdenGruposApp:hover {
    color: black;
}

.IconoEditarGrupo.EditandoGrupo, .OrdenGruposApp.EditandoGrupo {
    color: green;
}

#FondoOscuro {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 900;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#FondoOscuro.EditandoGrupo {
    display: block;
}

.ContenidoApliaciones.EditandoGrupo {
    z-index: 950;
    position: relative;
    background-color: white;
}

#ContenedorMenuTooltip {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
}

#ContenedorMenuRotativo {
    height: 97%;
    overflow: hidden;
    position: fixed;
    top: 25%;
    left: -22px;
    bottom: 0;
    margin: auto;
    width: 25%;
}

#ContenedorMenuRotativo.MenuFullWidth {
    width: 100%;
}


/* Reescribiendo estilo cerrar de foundation */

.close-button:focus, .close-button:hover {
    color: white;
}

always-float-left, .columns.always-float-left {
    float: left !important;
    position: relative;
}

.ContenedorBuscar, .ContenedorIconoBuscar {
    float: left;
}

.ContenedorIconoBuscar {
    width: 10%;
    text-align: center;
}

.ContenedorIconoBuscar i.step.fi-magnifying-glass.size-36 {
    float: none;
}

.ContenedorBuscar {
    width: 90%;
}

.ContenedorBuscar input {
    width: 100%;
}

@media screen and (max-width:640px) {
    .ContenedorIconoBuscar {
        width: 10%;
    }
    .ContenedorBuscar {
        width: 90%;
        padding: 0 5px;
    }
}

.EliminarApp {
    position: absolute;
    right: 22px;
    top: -10px;
}

.EliminarGrupo, .EliminarApp {
    color: #7e1745;
    display: none;
}

.EliminarApp:hover, .EliminarGrupo:hover {
    cursor: pointer;
}

.ContenidoApliaciones.EditandoGrupo .EliminarApp, .ContenidoApliaciones.EditandoGrupo .EliminarGrupo {
    display: inline;
}

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

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

.select-corto {
    width: 90px;
}

.switch.disabled {
    opacity: 0.25;
    pointer-events: none;
    /* Prevents click events from working*/
}

.off-canvas.position-left.mostrando {
    overflow: hidden !important;
    left: 0 !important;
    z-index: 9999;
}

.off-canvas-wrapper {
    overflow: hidden;
}

.ContenidoSimple {
    padding-top: 25px;
    margin-left: 25px;
    max-width: 96%;
}

.MiAplicacion {
    text-align: left;
}

.top-15 {
    margin-top: 15px;
}


/*.row{
    max-width: inherit !important;
}*/


/*Sección terceros */

.ModuloTerceros .btnGuardarCancelarPopupRight button {
    border-radius: 8px;
}

.campoNitTerceros {
    width: 100%;
}

.campoNitTerceros>input:nth-child(1) {
    width: 77%;
    float: left;
    margin-right: 10px;
}

.campoNitTerceros>input:nth-child(2) {
    width: 20%;
}

.ModuloTerceros input, .ModuloTerceros select,
.ModuloParametros input, .ModuloParametros select
 {
    height: 1.4375rem;
    padding: 0 10px;
}

.ModuloTerceros select {
    padding: 0;
    padding-left: 5px;
}

.tabs-content {
    border: none;
}

.SubtituloTerceros {
    color: #2969b0;
    font-size: 1.2rem;
}

.ModuloTerceros .dx-field-label {
    padding: 0;
}

.contenidoInformacion>div:nth-child(2)>div:nth-child(1)>button {
    border-radius: 8px;
}

.SeccionTerceros .BtnAgregarLinea {
    float: left;
    margin-left: 10px;
    background: #2969b0;
}

.SeccionTerceros .BtnAgregarLinea i {
    margin-right: 5px;
}

.TextImportar {
    margin-left: 20px!important;
    font-size: 15px!important;
}

.SeleccionArchivoExcel input {
    width: 32%;
    margin-left: 20px;
    margin-right: 60px;
    border: 1px solid #C0C0C0;
}

.ImportarTerceros {
    margin-right: 10px;
}

.ErroresTerceros {
    list-style: none;
}

.ErroresTerceros li {
    margin-left: 20px;
    color: red;
    padding-left: 10px;
}

.ErroresTerceros {
    width: 95%;
}

.ErroresTerceros li:nth-child(even) {
    background: #F0F0F0;
    padding-left: 10px;
}

.ErroresTerceros li i {
    margin-right: 10px;
}

.ExitoTerceros {
    color: #27AE60;
    margin-left: 33px;
}

.ExitoTerceros i {
    margin-right: 10px;
}


/*Fin Sección terceros*/


/*Inicio Sección Proveedores*/

.CampoFull {
    width: 100%;
    height: 37px;
}

.contentGrisProveedores {
    border: 1px solid #d9dadb;
    border-radius: 8px;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.ModuloProveedores .tituloscontentGris {
    color: #1b989b;
}

.ModuloProveedores .TituloPopUp {
    border-bottom: 1px solid #1b989b;
    color: #1b989b;
}

.contentSwitchProveedor .switch-paddle {
    width: 4.5rem;
    border-radius: 8px;
}

.contentSwitchProveedor .switch-active {
    margin-left: 7px;
    font-size: 18px;
    font-weight: normal;
}

.contentSwitchProveedor .switch-inactive {
    font-size: 18px;
    font-weight: normal;
}

.contentSwitchProveedor input:checked~.switch-paddle {
    background: #1b989b;
}

.contentSwitchProveedor .switch-paddle::after {
    border-radius: 30px;
}

.CargarDocProveedores, .CargarDocProveedores:visited {
    background: #4c4c4c;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    font-size: 0.9rem;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-top: 7px;
    text-align: center;
    width: 190px;
    float: right;
}

.CargarDocProveedores:hover {
    background: #1b989b;
    color: #ffffff;
}

.DocProveedores {
    border: 1px solid #d9dadb;
    float: left;
    overflow-y: scroll;
    padding: 5px 0px;
    width: 100%;
}

.DocProveedores li:nth-child(odd) {
    background: #F0F0F0;
}

.DocProveedores li a {
    color: #494949;
    margin-left: 10px;
}

.CargarDocProveedores i {
    margin-right: 10px;
}

.ObservacionesProveedores {
    min-height: 130px;
}

.btnConfirmacionProveedores {
    text-align: center;
}

.btnConfirmacionProveedores button {
    width: 170px;
    border-radius: 8px;
}

.btnConfirmacionProveedores .secondary {
    background: #777;
    color: #fff;
}

.confiProveedores, .btnConfirmacionProveedores .secondary:hover {
    background: #1b989b;
}


/*Fin Sección Proveedores*/


/* inicio de Secciòn  centro de costos */

.ModuloCentroCostos .TituloPopUp {
    border-bottom: 1px solid #009f86;
    color: #009f86;
}

.BtnCrearCentroCostos {
    background: #009f86;
    border-radius: 8px;
}

.TituloCentroCostos {
    color: #009f86;
    margin-left: 0;
    margin-top: 15px;
}

.btnGuardarCentroCostos .guardarPopUP {
    background: #009f86;
}

.btnGuardarCentroCostos button {
    border-radius: 8px;
}

.btnGuardarCentroCostos {
    text-align: right;
    margin-top: 15px;
}


/* Fin sección centro de costos */


/* Inicio sección cuentas por cobrar */

.ModuloCuentasCobrar .TituloPopUp {
    border-bottom: 1px solid #3c90bb;
    color: #3c90bb;
}

.ModuloCuentasCobrar .tituloscontentGris {
    color: #3c90bb;
}

.contentSwitchCuentasCobrar .switch-paddle {
    width: 4.5rem;
    border-radius: 8px;
}

.contentSwitchCuentasCobrar .switch-paddle::after {
    border-radius: 30px;
}

.contentSwitchCuentasCobrar .switch-inactive {
    font-size: 18px;
    font-weight: normal;
}

.contentSwitchCuentasCobrar .switch-active {
    margin-left: 7px;
    font-size: 18px;
    font-weight: normal;
}

.contentSwitchCuentasCobrar input:checked~.switch-paddle {
    background: #3c90bb;
}

.CargarDocCuentasCobrar, .CargarDocCuentasCobrar:visited {
    background: #4c4c4c;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    font-size: 0.9rem;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-top: 7px;
    text-align: center;
    width: 190px;
    float: right;
}

.CargarDocCuentasCobrar:hover {
    background: #3c90bb;
    color: #ffffff;
}

.btnCuentasCobrar {
    text-align: center;
}

.btnCuentasCobrar button {
    width: 170px;
    border-radius: 8px;
}

.btnCuentasCobrar .secondary {
    background: #777;
    color: #fff;
}

.confiCuentasCobrar, .btnCuentasCobrar .secondary:hover {
    background: #3c90bb;
}

.CargarDocCuentasCobrar i {
    margin-right: 10px;
}


/* Fin sección cuentas por cobrar*/


/*inicio sección información bancaria*/

.ModuloInformacionBancaria .TituloPopUp {
    border-bottom: 1px solid #238941;
    color: #238941;
}

.btnGuardarInfoBancaria {
    text-align: right;
    margin-top: 15px;
}

.btnGuardarInfoBancaria button {
    border-radius: 8px;
}

.ModuloInformacionBancaria .guardarPopUP {
    background: #238941;
}


/* fin sección información bancaria*/

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

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

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


/*Inicio Seccion administracion*/

.AgregarModuloAdmin {
    border-radius: 8px;
    background: #031d30;
    width: 115px;
    height: 43px;
    color: #ffffff;
}

.AgregarModuloAdmin i {
    margin-right: 10px;
}

.btnConfirmacionAdministracion {
    margin-top: 15px;
}


/*Fin seccion administracion*/


/*Inicio seccion Parámetros*/

.TituloConfiRegional {
    margin-bottom: 15px;
}

.ContentbtnAdministrativo button {
    margin-left: 31px;
}


/*Fin seccion Parámetros*/


/*Seccion de tabs inventarios Crear Productos*/

.SeccionInventarios .tabsPopUP li>a:focus, .SeccionInventarios .tabsPopUP li>a:hover, .SeccionInventarios .tabsPopUP li>a[aria-selected=true], .confiIdentificacion, .btnInventariosConfirmacion button.secondary:hover {
    background: none;
}

.SeccionInventarios .ContentFlechasCarrusel a:hover {
    color: #4693b2;
}

.SeccionInventarios .tabs-content {
    border: none;
}

.btnInventariosConfirmacion button {
    width: 170px;
    border-radius: 8px;
}

.btnInventariosConfirmacion {
    text-align: center;
    margin-top: 20px;
}

.TituloImpuesto {
    width: 32%;
    display: inline-block;
    margin: 0 auto;
    text-align: center!important;
}

.SeccionInventarios .tabs-panel {
    padding-top: 0;
}

.SeccionInventarios .tabs-panel .contentGris {
    padding-top: 15px;
}

.VerCaracteristicas, .VerCaracteristicas:hover {
    color: #4693b2;
    margin-top: 22px;
    display: inline-block;
    text-decoration: underline;
}

.SeccionInventarios .tabsPopUP {
    border-bottom: 1px solid #ffffff;
}

.adjProducto a {
    padding: 7px 6px;
}

.SeccionInventarios .contentTabsEmpresa {
    height: 42px;
}

.SeccionInventarios .contenidoInformacion {
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
}

.ContentImagenProducto {
    border: 1px solid #bcc3c7;
    height: auto;
    margin-top: 24px!important;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
    min-height: 127px;
    /*background: #F0F0F0;*/
    margin-bottom: 8px;
    text-align: center;
}

.TituloProducto {
    margin-bottom: 0!important;
}

.SeccionProductoServicio .tabsPopUP li>a:focus, .SeccionProductoServicio .tabsPopUP li>a:hover, .SeccionProductoServicio .tabsPopUP li>a[aria-selected=true] {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    background: #aa0c46!important;
    /*border-radius: 8px;*/
}

.SeccionProductoServicio .tabsPopUP li>a, .ContentTabsCliente ul li>a {
    /*border-radius: 8px;*/
    padding: 13px 28px;
    /*margin-right: 16px;*/
}

.SeccionProductoServicio .contentTabsEmpresa {
    /*height: 50px;*/
}

.SeccionProductoServicio .btnConfirmacionInventario {
    margin-top: 15px;
}

.TituloGrillasProdServicio {
    background: #4693b2;
    color: #fff!important;
    display: inline-block;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
}

#gridPrecios {
    margin-bottom: 30px
}

#gridImpuestos {
    margin-bottom: 25px;
}


/*Seccion de Tabs inventarios Crear Productos*/


/*Estilos Modulo Produccion*/

.franjaProduccion {
    background: #c66505!important;
    z-index: 5000;
    width: 100%;
    height: auto;
    overflow: auto;
}

.franjaProduccion .IconoModulo {
    background-image: url("../images/iconSubAdministracion.png");
}

.SeccionProduccion .tituloInterno, .ModuloProduccion .tituloInterno, .SubtituloProduccion {
    color: #c66505;
}

.BtnNuevoTranformacion {
    border-radius: 8px;
    background: #c66505;
}

.SeccionProduccion .SubtituloInterno {
    color: #c66505;
}

.SeccionProduccion .ContentBtnLateral a {
    border: 1px solid #c66505;
    color: #c66505;
    border-radius: 6px;
    /* display: inline-block; */
    font-size: 14px;
    /* padding-top: 13px; */
    width: 265px;
    font-size: 11px;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
}

.SeccionProduccion .ContentBtnLateral a:hover {
    background: #c66505;
    color: #ffffff;
}

.SeccionProduccion .ContentBtnLateral .selected {
    background: #c66505;
    border: 1px solid #c66505;
    color: #ffffff;
}

.SeccionProduccion .breadcrumbs .linkActual a {
    color: #c66505;
}

@media screen and (min-width: 40em) {
    /* #FormularioTransformacion{
    width: 900px;
    max-width: 75rem;*/
}


}

.ModuloProduccion .tituloInterno, .SubtituloProduccion {
    color: #c66505;
}

.ObsTansformacion {
    min-height: 120px;
}

.ModuloProduccion .btnGuardarCancelarPopupRight button {
    border-radius: 8px;
}

.ModuloProduccion .guardarPopUP, .ModuloProduccion button:hover {
    background: #c66505!important;
}


/*Fin estilos Modulo Produccion */


/*Estilos home inventarios*/

.BtnHomeInventario {
    width: 100%;
    /*background: red;*/
    height: 190px;
    color: #ffffff;
    margin: 26px 0;
    border-radius: 19px;
}

.BtnHomeInventario span:nth-child(1) {
    font-size: 8rem;
}

.BtnHomeInventario span:nth-child(2) {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    margin-bottom: 30px;
}

.HomeInventarioAdministracion {
    background: #031d30;
}

.HomeInventarioParametros {
    background: #aa0c46;
}

.HomeInventarioTerceros {
    background: #2969b0;
}

.HomeInventarioInventarios {
    background: #4693b2;
}

.HomeInventarioInformesyconsultas {
    background: #008e39;
}

.HomeInventarioProduccion {
    background: #c66505;
}

.HomeInventarioHerramientas {
    background: #7e1745;
}

@media screen and (min-width: 1340px) {
    .BtnHomeInventario {
        height: 210px;
    }
}


/*Fin estilos home inventarios*/


/*Inicio Modulo Parametros - inventarios*/

.AgregarModuloParametros {
    border-radius: 8px;
    background: #aa0c46;
    width: 195px;
    height: 43px;
    color: #ffffff;
    margin-left: 25px;
}

.AgregarModuloParametros i {
    margin-right: 10px;
}

.SeccionParametros .BtnAgregarLinea, .SeccionParametros .BtnAgregarLinea:hover {
    background: #aa0c46;
    border-radius: 8px;
}

.ContentBotonLinea button {
    float: left;
}

.SeccionParametros .RightLinea .tituloscontentGris {
    color: #aa0c46;
}

.SeccionParametros .btnGuardarCancelarPopupRight button {
    border-radius: 8px;
}

.SeccionParametros .btnGuardarCancelarPopupRight .guardarPopUP {
    background: #aa0c46;
}

.FullHr {
    max-width: 100%;
}

.SeccionParametros .TituloGrillasProdServicio, .SeccionParametros .adjProducto a:hover, .ConfiParametros {
    background: #aa0c46;
}

.TituloRoles {
    color: #aa0c46;
    text-align: center;
}

.BtnAgregarUnidad {
    background: #aa0c46;
    border-radius: 8px;
}

.BtnAgregarUnidad i {
    margin-right: 10px;
}

.ModuloParametros .btnGuardarCancelarPopup {
    margin-top: 20px;
}

.CampoMasDescrip select, .CampoMasDescrip input {
    margin-bottom: 0;
}

.CampoMasDescrip span {
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    color: #181818;
}

#gridAsociar {
    height: auto;
    overflow: auto;
}

#asociar-productos .TituloProducto {
    margin-bottom: 15px!important;
}

.off-canvas-wrapper-inner {
    margin-bottom: 40px;
}

.nextTabParametros {
    float: right;
    background: transparent !important;
    color: #aa0c46 !important;
    font-weight: 700;
    text-decoration: underline;
}

.titulosLineas {
    font-family: 'Century Gothic';
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    color: #aa0c46;
}


/*Fin Modulo parametros - inventarios*/


/*Modulo informes y consultas */

.btnConsultarMovimientos {
    border-radius: 8px;
}

.BtnDefiLinea {
    float: left;
    background: #777!important;
    color: #ffffff !important;
    font-weight: 700;
    margin-bottom: 0px!important;
}
.BtnInfoConsultas{
    border-radius: 8px;
    background: #008e39;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding: .85em 1em;
    margin: 0 1rem 1rem 0;
    font-size: .9rem;
    color: #fff;
    margin-top: 13px;
    margin-bottom: 35px;
}
.SelectroFecha input{
    height: 25px;
}
.btnConsultarMovimientos{
    margin-bottom: 0;
    border-radius: 8px;
    background: #008e39;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding: .85em 1em;
    margin: 0 1rem 1rem 0;
    font-size: .9rem;
    color: #fff;
}
.SelectResumen{
    height: 25px;
    padding: 0 10px;
}


/*Fin modulo informes y consultas*/


/*Seccion Informes y consultas*/

.ModuloInformesConsultas input, .ModuloInformesConsultas select {
    height: 1.4375rem;
    padding: 0;
}

.ModuloInformesConsultas select {
    padding: 0;
    padding-left: 5px;
}

.HomeInventarioInformesyconsultas .icon-iconoinformesyconsultasinventario {
    font-size: 87px!important;
    margin-top: 30px;
    display: inline-block;
}

.IconoInternas, .IconoInternas:hover {
    color: #ffffff;
    padding-left: 27px;
}

.IconoInternas>span:nth-child(1) {
    font-size: 27px;
}

.IconoInternas>span:nth-child(2) {
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: -10px;
}


/* Fin Seccion Informes y consultas*/


/*Inicio estilos Replica de productos*/

.CamposBusqueda {
    width: 87%;
    margin-top: 13px;
    margin-bottom: 8px;
    margin-left: 26px;
    padding-left: 5px;
}

.ContentSelectProducto {
    margin: 10px 27px;
    list-style: none;
    min-height: 150px;
    max-height: 309px;
    overflow: scroll;
}

@media screen and (min-width: 640px) {
    .CampoAlmacenOrigen {
        padding-right: 0px;
    }
}

.btnReplicar {
    margin: 0 auto;
    display: block;
    width: 220px;
    border-radius: 8px;
    background: #7e1745;
    margin-top: 20px;
    margin-bottom: 10px;
}


/*Fin estilos Replica de productos*/


/* cambios editar equivalencia de unidades*/

.SubtituloEquivalencia {
    color: #aa0c46;
    border-top: 1px solid #E0E0E0;
    padding-top: 10px;
    text-align: left;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 22px;
    margin-top: 10px;
    font-family: 'Century Gothic';
}

.CampoUnidadInicial input {
    width: 10%;
    float: left;
    text-align: center;
}

.CampoUnidadInicial select {
    width: 52%;
    margin-left: 21px;
}


/*Fin cabmios editar equivalencia de unidades*/

input.ng-invalid.ng-touched {
    /*  border: 1px solid  #C0C0C0 !important;*/
}


/*input.ng-invalid.ng-touched {
    border: 2px solid #a94442 !important;
}*/

select.ng-invalid.ng-touched {
    border: 2px solid #a94442 !important;
}


/* inicio Resolucion 800 x 600*/

@media screen and (min-width: 790px) and (max-width: 810px) {
    .periodoAno {
        width: 92%;
    }
    .InfoUsuario, .btnsalir {
        width: 75%;
    }
    .btnsalir a {
        width: 82%;
        margin-bottom: 10px;
        margin-top: 8px;
        margin-left: 15px;
    }
    .nombreUsuario {
        font-size: 13px;
    }
    .BtnHomeInventario span:nth-child(1) {
        font-size: 5rem;
    }
    .HomeInventarioInformesyconsultas .icon-iconoinformesyconsultasinventario {
        font-size: 64px!important;
    }
    .ContentBtnInventario {
        width: 89%;
    }
    .MenuLateral>div:nth-child(1) {
        margin-top: 50px;
    }
    .ContentLogin {
        margin-top: 0px;
    }
    .logoInicio img {
        width: 50%;
    }
    .CampoSesion label {
        font-size: 0.9rem;
        margin-top: 15px;
    }
    .CampoBotonIngreso {
        text-align: center;
    }
    .IngresarLogin {
        margin-bottom: 5px;
        margin-top: 15px;
    }
    .ContentBotonLinea {
        width: 28%;
    }
}

.dx-field-value:not(.dx-widget)>.dx-checkbox {
    float: left!important;
    margin-top: 0px!important;
}


/* Fin Resolucion 800 x 600*/

#metodosCosteo {
    height: 200px;
    top: 30% !important;
    margin: 0px;
}

.saveOn {
    background-image: url("../images/imgSaveOn.png");
    background-repeat: no-repeat;
}

.saveOff {
    background-image: url("../images/imgSaveOff.png");
    background-repeat: no-repeat;
}

.estadoVerde {
    width: 16px;
    height: 16px;
    color: #13D641;
    font-weight: bold;
}

.estadoNegro {
    width: 16px;
    height: 16px;
    color: black;
    font-weight: bold;
}

.estadoRojo {
    width: 16px;
    height: 16px;
    color: #F62205;
    font-weight: bold;
}

#modalTrvLineas {
    height: 40%;
}

.QuitarPadding {
    padding-left: 0;
    padding-right: 0;
}

.SelectTodos {
    margin-right: 33px;
}

.TextEmpresa {
    color: #ffffff;
    font-size: 12px;
}

.gridOrden {
    height: 500px;
    display: inline-block;
    width: 100%
}

.ordenButton {
    border-radius: 20px;
    padding: 4px 10px;
}


/*estilos 18-01-17*/

.FormularioNuevoUsuario select {
    margin-bottom: 0;
}

.FormularioNuevoUsuario .SubtituloInterno {
    margin-left: 15px;
}

.FormularioNuevoUsuario .SubInformacion {
    margin-top: 20px;
}

.btnRolesAsignados {
    background: #4c4c4c;
    border-radius: 8px;
}

.btnRolesAsignados:hover {
    background: #4693b2;
}

@media screen and (min-width: 40em) {
    .reveal {
        width: 400px;
        max-width: 75rem;
        top: -80px !important;
        max-height: 35rem !important;
        overflow-y: auto;
    }
}

#PopupOlvidoContrasena .TituloPopUp {
    font-size: 1.0rem;
}


/*Fin estilos 18-01-17*/


/*inicio estilos 18-01-17*/

.BtnAgregarModificador {
    float: left;
    font-size: 12px;
    background: #7e1745;
    border-radius: 8px;
}

.BtnAgregarModificador i {
    margin-right: 10px;
}

@media screen and (min-width: 40em) {
    #PopUpNuevoModificador {
        width: 100%;
    }
}

.CantidadCampoModificador input:nth-child(1) {
    width: 50%;
    float: left;
}

.CantidadCampoModificador input:nth-child(2) {
    width: 43%;
    display: inline-block;
    margin-left: 22px;
}

.ContentProductosVenta ul {
    border: 1px solid #d9dadb;
    float: left;
    overflow-y: scroll;
    padding: 5px 0px;
    width: 100%;
    max-height: 200px;
}

.ContentProductosVenta ul li {
    list-style: none;
    padding-left: 13px;
}

.ContentProductosVenta ul li:nth-child(odd) {
    background: #F0F0F0;
}

.ContentProductosVenta ul li a {
    margin-left: 10px;
    color: #303030;
}


/*fin estilos 18-01-17*/


/*Inicio estilos 24-01-17*/

.TablaRecetas {
    width: 100%;
}

.TablaRecetas thead {
    border: 1px solid #ddd;
}

.TablaRecetas thead tr {
    color: #959595;
    background: #fff;
    border-bottom: 1px solid #686868;
}

.TablaRecetas thead tr th {
    border-right: 1px solid #ddd;
    text-align: center;
}

.TablaRecetas .DetalleProducto {
    background: #fff;
}

.TablaRecetas .Producto {
    background: #f1f1f1;
    font-weight: 600;
    color: #008e39;
}

.TablaRecetas .Producto td {
    text-align: center;
}

.TablaRecetas .DetalleProducto td {
    text-align: center;
}

.TablaRecetas .Producto, .TablaRecetas .DetalleProducto {
    border-bottom: 1px solid #ddd;
}

.TablaRecetas .Producto td:nth-child(1), .TablaRecetas .Producto td:nth-child(2), .TablaRecetas .DetalleProducto td:nth-child(1), .TablaRecetas .DetalleProducto td:nth-child(2) {
    border-right: 1px solid #ddd;
}

.BuscardorReceta {
    width: 241px;
    float: right;
}

.ExpoExcel {
    margin-bottom: 0;
    border-radius: 8px;
    background: #008e39;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding: .85em 1em;
    margin: 0 1rem 1rem 0;
    font-size: .9rem;
    color: #fff;
    margin-top: 13px;
}


/*Fin estilos 24-01-17*/


/*Inicio Suscripcion Pago*/

.HeaderSuscripcion {
    background: #13588d!important;
    max-width: 100%;
}

.ContentLogoSuscrip span {
    color: #ffffff;
    margin-top: 21px;
    display: inline-block;
    margin-left: 10px;
}

.FullColumn {
    max-width: 100%;
}

.SeccionFiltrosEsc {
    background: #fafafa;
    width: 100%;
    border-radius: 10px;
    padding: 24px 20px;
    min-height: 80px;
    height: auto;
    overflow: auto;
    margin-top: 20px;
}

.SeccionFiltrosEsc>h1 {
    color: #00425f;
    font-size: 19px;
    margin-bottom: 20px;
    display: inline-block;
    text-decoration: underline;
    font-weight: 600;
}

.TablaCobros {
    width: 100%;
}

.TablaCobros tbody, .TablaCobros tbody tr {
    background: transparent;
    border: none;
}

.TablaCobros .TotalValores {
    color: #00425f;
    font-weight: 600;
}

.TablaCobros p {
    margin: 0;
}

.TablaCobros .DatosValores {
    font-weight: bold;
}

.ContentPago input {
    float: left;
    margin-top: 10px;
}

.ContentPago img {
    float: left;
    width: 68%;
    margin-left: 10px;
}

.TituloSeleccione {
    margin-bottom: 20px;
    font-weight: bold;
}

.TituloFomulario {
    font-weight: bold;
}

.FormularioSuscripcion {
    margin-top: 20px;
    float: left;
}

.SelectFecha select {
    width: 45%;
}

.SelectFecha span {
    margin: 0 13px;
}

.BtnPagar {
    background: #7e1745;
    border-radius: 8px;
    margin: 0 auto;
    display: block;
    width: 40%;
    margin-top: 10px;
}

.BtnPagar:hover {
    background: #6b103c;
}

@media screen and (max-width: 640px) {
    .ContentPago img {
        margin-bottom: 15px;
    }
}


/*Fin Suscripcion Pago */


/*Breadcumbs faltante por linea*/

.BreadcumbsFaltanteLinea .breadcrumbs {
    margin-bottom: 0;
}

.BreadcumbsFaltanteLinea .breadcrumbs li a {
    color: #008e39;
    font-weight: 600;
    display: inline-block;
    padding: 2px 13px;
}

.BreadcumbsFaltanteLinea .breadcrumbs li a.ultima {
    background: #008e39;
    color: #fff;
    border-radius: 7px;
    text-decoration: none;
}

.BreadcumbsFaltanteLinea .breadcrumbs li:not(:last-child)::after {
    color: #008e39;
}
/* Fin - Breadcumbs faltante por linea */


/* Inicio - Miga de pan (proyección). */

.BreadcumbsCustom .breadcrumbs {
    margin-bottom: 0;
}

.BreadcumbsCustom .breadcrumbs li a {
    color: #4693b2;
    font-weight: 600;
    display: inline-block;
    padding: 2px 13px;
}

.BreadcumbsCustom .breadcrumbs li a.ultima {
    background: #4693b2;
    color: #fff;
    border-radius: 7px;
    text-decoration: none;
}

.BreadcumbsCustom .breadcrumbs li:not(:last-child)::after {
    color: #4693b2;
}
/* Fin - Miga de pan (proyección). */


/* Febrero 6*/

.reveal {
    box-shadow: #7e1745 0px 0px 1px 1px;
}

.TituloModificadores {
    color: #7e1745;
}
#backTop {
    position: fixed;
    bottom : 2.5em;
    right: 1.2em;
    width: 40px;
    height: 40px;
    z-index: 999;
}
#backTop img {
    cursor: pointer;
    width:  100%;
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #c1c1c1;
}

.BtnAgregarModificadores {
    background: #7e1745;
    float: left;
    border-radius: 8px;
}
.ModuloParametros button {
    border-radius: 8px;
}

.BtnAgregarModificadores i {
    margin-right: 5px;
}


/* Modificacion login */

@media screen and (max-width: 500px) {
    .off-canvas-wrapper-inner {
        margin-bottom: 0px;
    }
    .WrapperLogin {
        position: relative;
        min-height: 800px;
    }
}


/*Actualizacion 24-02-17*/

#modalImpuestos .contenedorPopUpAsientos {
    margin-top: 0;
    border: 1px solid #d9dadb;
    margin-left: -1px;
    padding: 20px 16px;
    border-radius: 8px;
}

#modalImpuestos .contenedorPopUpAsientos>div:nth-child(1) {
    padding: 0;
}

#modalImpuestos .contenedorPopUpAsientos>div:nth-child(1) h3 {
    color: #4693b2;
    border-bottom: 1px solid;
    font-size: 21px;
    margin-bottom: 30px;
}

#modalImpuestos .contenedorPopUpAsientos>div:nth-child(1) ul {
    list-style: none;
}

#modalImpuestos .contenedorPopUpAsientos>div:nth-child(1) ul li {
    width: 100%;
    height: auto;
    overflow: auto;
    margin-bottom: 10px;
}

#modalImpuestos .contenedorPopUpAsientos>div:nth-child(1) ul li span {
    display: inline-block;
    width: 50%;
    float: left;
}

#modalImpuestos .contenedorPopUpAsientos>div:nth-child(1) ul li span:nth-child(1) {
    font-weight: 600;
}

#modalImpuestos .contenedorPopUpAsientos>div:nth-child(1) ul li span:nth-child(2) {
    text-align: right;
}

#modalImpuestos .contenedorPopUpAsientos>div:nth-child(1) ul li input {
    float: right;
}

#modalImpuestos .ContentTotal {
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 20px;
    border-top: 1px dotted gray;
    padding-top: 10px;
}

#modalImpuestos .ContentTotal span {
    color: #4693b2;
    padding: 4px 10px;
    font-weight: bold;
}

#modalImpuestos .BtnAceptar {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

#modalImpuestos .BtnAceptar button {
    background: #4693b2;
    color: #fff;
    border-radius: 8px;
    padding: 10px 21px;
}


/* Actualizacion 08-03-2017*/

.btnInventariosImprimir {
    margin-bottom: 10px;
}

.btnInventariosImprimir button {
    margin-top: 0px;
}

.threcetas:hover {
    cursor: pointer;
}


/*MULTISELECT COSTOS*/

.multiselectCostos .dropdown {
    /*position: absolute;
  top:50%;
  transform: translateY(-50%);*/
}

.multiselectCostos a {
    color: #fff;
}

.multiselectCostos .dropdown dd, .multiselectCostos .dropdown dt {
    margin: 0px;
    padding: 0px;
}

.multiselectCostos .dropdown ul {
    margin: -1px 0 0 0;
}

.multiselectCostos .dropdown dd {
    position: relative;
}

.multiselectCostos .dropdown a, .multiselectCostos .dropdown a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

.multiselectCostos .dropdown dt a {
    border: 1px solid #cacaca;
    background-color: #fafafa;
    color: #8f8f8f;
    font-weight: 100;
    display: block;
    padding: 0px 12px 0px 12px;
    min-height: 25px;
    line-height: 24px;
    overflow: hidden;
    /* width: 272px; */
    width: 100%;
    height: 25px;
    font-size: 17px;
}

.multiselectCostos .dropdown dt a span, .multiselectCostos .multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
}

.multiselectCostos .dropdown dd ul {
    border: 1px solid #000;
    background-color: #fafafa;
    color: #000;
    font-weight: 100;
    display: none;
    left: 0px;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 2px;
    /*width: 280px;*/
    width: 100%;
    list-style: none;
    height: 192px;
    overflow: auto;
    z-index: 9999;
}

.multiselectCostos .dropdown span.value {
    display: none;
}

.multiselectCostos .dropdown dd ul li a {
    padding: 5px;
    display: block;
}

.multiselectCostos .dropdown dd ul li a:hover {
    background-color: #fff;
}

.multiselectCostos button {
    background-color: #6BBE92;
    width: 302px;
    border: 0;
    padding: 10px 0;
    margin: 5px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.ModuloInformesConsultas .mutliSelect li {
    color: #8f8f8f;
    font-size: 17px;
}

.ModuloInformesConsultas .mutliSelect li input {
    position: relative;
    top: 6px;
    margin-right: 5px;
}

.SeccionParametros .mutliSelect li {
    color: #8f8f8f;
    font-size: 17px;
}

.SeccionParametros .mutliSelect li input {
    position: relative;
    top: 6px;
    margin-right: 5px;
}


/*Agregados Front*/

.grillasOrden .dx-widget {
    width: 100%;
}

.centerButtonOrden {
    margin: 10px 35%;
}


/*FIN Agregados Front*/

.fixedResponsive, .campoBusquedaResponsive {
    display: none;
}


/*Conflictos -maestro productos*/

.tabsConflictos {
    margin: 25px auto;
    width: 94%;
}

.tabsConflictos input {
    height: 2.5em;
    visibility: hidden;
}

.tabsConflictos label {
    background: #f9f9f9;
    /* Fondo de las pestañas */
    border-radius: .25em .25em 0 0;
    color: #888;
    /* Color del texto de las pestañas */
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1em;
    /* Tamaño del texto de las pestañas */
    height: 2.5em;
    line-height: 2.5em;
    margin-right: .25em;
    padding: 0 1.5em;
    text-align: center;
}

.tabsConflictos input:hover+label {
    background: #ddd;
    /* Fondo de las pestañas al pasar el cursor por encima */
    color: #666;
    /* Color del texto de las pestañas al pasar el cursor por encima */
}

.tabsConflictos input:checked+label {
    /*background: #f1f1f1; */
    /* Fondo de las pestañas al presionar */
    /*color: #444; */
    /* Color de las pestañas al presionar */
    /*position: relative;
*/
    /*z-index: 6;*/
    position: relative;
    z-index: 6;
    background: #aa0c46;
    color: white;
    border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -o-transition: .1s;
    -ms-transition: .1s;
}

.tabsConflictos .guionColor {
    font-size: 26px;
    color: #aa0c46;
}

.tabsConflictos p {
    margin-left: 15px
}

.tabsConflictos input.visible {
    visibility: visible !important;
}
/*Conflictos -maestro productos Fin*/

.btnVerificarCierre {
    position: fixed;
    z-index: 99999;
    bottom: 1px;
    right: 1px;
}