:root {
    --white: #FFFFFF;
    --white-hover: #f2f2f2;
    --black: #000000;
    --black-hover: #333333;
    --rojo-stratos: #BE1F24;
    --rojo-stratos-claro: #EB1E23;
    --inactivo: #A2A9AE;
    --asfalto: #414042;
}

.btn-deshabilitado {
    pointer-events: none;
    background: #D9DBDD !important;
    border: 1px solid #D9DBDD !important;
}

body {
    font-family: Montserrat !important;
}

.pace .pace-progress {
    background-color: var(--rojo-stratos) !important;
}

dropdown dropdown-user {
    cursor: pointer;
}


.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(190,31,36,.075), 0 0 8px rgba(221, 221, 221, 0.6) !important;
    border: 1px solid var(--rojo-stratos) !important;
}

.login-form .form-control:focus {
    box-shadow: none !important;
    border: none !important
}

.ui-jqgrid {
    margin-bottom: 40px;
}

    .ui-jqgrid .ui-jqgrid-htable .ui-th-div {
        height: 17px;
        margin-top: 5px;
        color: white;
        align-content: center;
        margin-left: auto;
        margin-right: auto;
        width: max-content;
    }

        .ui-jqgrid .ui-jqgrid-htable .ui-th-div:after {
            font-family: 'Glyphicons Halflings';
            content: "\e155" !important;
            margin-left: 2px;
            font-size: 10px;
        }

        .ui-jqgrid .ui-jqgrid-htable .ui-th-div.asc:after {
            color: var(--rojo-stratos);
            font-family: 'Glyphicons Halflings';
            content: "\e155" !important;
        }

        .ui-jqgrid .ui-jqgrid-htable .ui-th-div.desc:after {
            color: var(--rojo-stratos);
            font-family: 'Glyphicons Halflings';
            content: "\e156" !important;
        }

.crear-movimiento-cliente-inactivo {
    pointer-events: none;
    cursor: default;
    color: var(--inactivo) !important;
}

.ui-jqgrid .loading {
    border: none !important;
    font-size: 15px !important;
    background: var(--white) !important;
    font-family: Montserrat !important;
    color: var(--rojo-stratos) !important;
    left: 40.5% !important;
}
/*.ui-jqgrid .ui-jqgrid-bdiv, .ui-jqgrid-hdiv {
    background: linear-gradient(to right, white 20%, rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(0, 0, 0, 0), white 80%) 0 100%, linear-gradient(to right, black, rgba(0, 0, 0, 0) 20%), linear-gradient(to left, black, rgba(0, 0, 0, 0) 20%);
    background-attachment: local, local, scroll, scroll;
}*/
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background: var(--black);
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    border-color: var(--black);
}

.footer.text-muted a {
    color: var(--rojo-stratos);
}

.sm-hide {
    display: block !important;
}

.sm-show {
    display: none !important;
}

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

    .error-jqgrid .error-label {
        font-weight: 700;
        color: var(--rojo-stratos);
    }

#clientes-tab, #balanceGeneral-tab, #aprobacion-tab {
    padding-top: 23px;
}

.saldos-container {
    /*max-width: 600px;*/
    margin-right: auto;
    margin-left: 245px;
}

.dropdown-menu > li > a > i, .dropdown-menu > .dropdown-header > i, .dropdown-menu > li > a > img, .dropdown-menu > .dropdown-header > img {
    margin-right: 16px;
    float: right;
    margin-top: 2px;
    top: 0;
    font-size: 16px;
}

.dropdown-menu {
    min-width: 225px;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color: var(--white);
}

.cambio-contrasenna-ul {
    margin-left: -20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18.29px;
    font-family: Montserrat;
    margin-bottom: 25px;
}

    .cambio-contrasenna-ul li {
        margin-bottom: 10px;
    }

#noty_layout__center {
    width: auto;
}

    #noty_layout__center .noty_bar {
        background: none !important;
        border: none !important;
    }

.modal.show {
    display: block;
    overflow: unset;
    position: unset;
}

.modal-content {
    border-radius: 20px;
    min-height: 486px;
    box-shadow: none;
}

.modal-backdrop.active {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100vh;
    display: block;
}

.modal-mensaje {
    font-size: 18px;
    color: var(--black);
    line-height: 21.94px;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: 700;
    margin-top: 103px;
}

    .modal-mensaje.error {
        max-width: 375px;
    }

    .modal-mensaje.reinicio-contrasenna {
        max-width: 480px;
    }

.noty_close_button {
    display: none;
}

.modal-img-container {
    text-align: center;
    margin-top: 13px;
    margin-bottom: 24px;
}

.img-modal {
    width: 48px;
    height: 48px;
}

    .img-modal.success {
        content: url(../Images/exito.png);
    }

    .img-modal.error {
        content: url(../Images/error.png);
    }

    .img-modal.warning {
        width: 57px;
        content: url(../Images/alerta.png);
    }

.btn-outline {
    text-transform: none;
    color: var(--black);
    font-size: 15px;
    font-weight: 400;
    max-height: 18px;
    padding: 0;
}

    .btn-outline:hover, .btn-outline:focus {
        background-color: var(--white);
        box-shadow: none;
    }

.btn.btn-outline.error, .btn-secundario.error {
    display: none
}

.alert[class*=alert-styled-].alert-danger:after, .alert[class*=alert-styled-][class*=bg-danger]:after, .alert[class*=alert-styled-].alert-success:after, .alert[class*=alert-styled-][class*=bg-success]:after {
    content: none;
}

.sm-d-node {
    display: none;
}
/*Checkboxes custom*/
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .container-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -2px;
    left: 40%;
    height: 17px;
    width: 17px;
    background-color: var(--white);
    border: 1px solid var(--black);
    border-radius: 1px
}

    .checkmark:focus {
        outline: none;
    }
/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: var(--white);
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: var(--white);
    border: 2px solid var(--rojo-stratos)
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 4.5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid var(--rojo-stratos);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*fin checkboxescustom*/


.info-saldo-balanceGeneral {
    font-size: 15px;
    font-weight: 400;
    font-family: Montserrat;
}

    .info-saldo-balanceGeneral label {
        margin-bottom: 0;
        font-weight: unset;
        min-width: 75px;
    }

    .info-saldo-balanceGeneral .info-saldo-moneda {
        font-weight: 700;
    }

    .info-saldo-balanceGeneral .info-saldo-valor {
        font-weight: 400;
        font-size: 18px;
        color: var(--rojo-stratos);
    }

.navbar-inverse .navbar-nav > li > a {
    font-size: 15px;
    font-weight: 500;
    line-height: 18,29px;
}

    .navbar-inverse .navbar-nav > li > a:focus {
        color: var(--rojo-stratos);
        background-color: var(--asfalto) !important;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        background-color: unset;
    }

.page-container {
    background: linear-gradient(359.07deg, var(--black) 3.78%, var(--black) 50.42%, var(--rojo-stratos) 99.11%);
}

.panel-heading {
    border-radius: 0 !important;
}

.login-container .page-container {
    background-color: unset;
}

    .login-container .page-container .login-form {
        width: 404px;
        height: 581px;
        background: linear-gradient(180deg, var(--white) 60.59%, var(--black) 104.13%);
        border-radius: 10px;
        padding-left: 0;
        padding-right: 0;
    }

.navbar-inverse {
    background-color: var(--asfalto) !important;
    color: var(--white);
    height: 84px;
    padding-top: 24px;
    padding-left: 45px;
}

    .navbar-inverse .navbar-nav > li > a {
        color: var(--white);
        font-size: 15px;
        font-weight: 500;
    }

.navbar-header {
    max-height: 60px;
    width: 100%;
}

    .navbar-header .navbar-nav {
        float: left;
    }

.panel {
    box-shadow: none;
    margin-top: -20px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.tab-pane .panel {
    max-width: 100%;
}

.ui-jqgrid {
    border: none !important;
}

    .ui-jqgrid a {
        font-weight: 600;
        color: var(--black);
    }

        .ui-jqgrid a:hover {
            text-decoration: underline;
            color: var(--black);
        }

    .ui-jqgrid .ui-jqgrid-btable {
        border: none !important;
    }

    .ui-jqgrid .ui-jqgrid-caption, .ui-jqgrid .ui-jqgrid-pager, .ui-jqgrid .ui-jqgrid-toppager, .ui-jqgrid .ui-jqgrid-htable thead th, .ui-jqgrid .ui-userdata-top, .ui-jqgrid .ui-userdata-bottom, .ui-jqgrid .ui-jqgrid-hdiv, .ui-jqdialog .ui-jqdialog-titlebar {
        background-image: none, linear-gradient(to bottom, var(--white) 0px, var(--white) 100%) !important;
        border: none;
    }

    .ui-jqgrid .table-bordered, .ui-jqgrid .table-bordered td, .ui-jqgrid .table-bordered th.ui-th-ltr {
        border: none !important;
    }

    .ui-jqgrid .ui-jqgrid-htable .ui-th-div {
        color: var(--black) !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 18.29px !important;
        text-align: center !important;
        text-align-last: left !important;
    }

    .ui-jqgrid .ui-jqgrid-pager, .ui-jqgrid .ui-jqgrid-toppager {
        border-top: 1px solid var(--rojo-stratos) !important;
    }

    .ui-jqgrid .ui-pager-control .ui-pager-table td {
        color: var(--black) !important;
    }

    .ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-input {
        color: var(--black) !important;
    }

    .ui-jqgrid .ui-jqgrid-pager .ui-paging-info, .ui-jqgrid .ui-jqgrid-toppager .ui-paging-info {
        color: var(--black) !important;
    }

.ui-pg-button.ui-disabled {
    color: var(--white) !important;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 20.29px !important;
    text-align: left;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


[aria-describedby="jqGridBalanceCuenta_Saldo"] {
    padding-right: 20px !important;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow:nth-child(odd) {
    background: rgba(196, 196, 196, 0.1);
}

.ui-jqgrid tr.ui-search-toolbar td > input {
    border-radius: 20px !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--black) !important;
    box-shadow: none;
    height: 30px !important;
}

    .ui-jqgrid tr.ui-search-toolbar td > input:hover, .ui-jqgrid tr.ui-search-toolbar td > input:focus {
        box-shadow: none !important;
    }

    .ui-jqgrid tr.ui-search-toolbar td > input::placeholder {
        color: var(--black);
        font-size: 13px;
    }

.ui-search-table tbody {
    box-shadow: inset 0 0 0 1px var(--inactivo);
    border-radius: 5px;
}

a.g-menu-item, a.soptclass, a.clearsearchclass {
    color: var(--white) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-right: 7px;
    margin-left: 5px;
    background-color: var(--white);
    border-radius: 20px;
    padding-top: 0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 2px !important;
}

.bootstrap-select .btn-default {
    padding: 9px 24px 9px 17px;
}


.ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button span {
    color: var(--black) !important;
}

.caret:after {
    font-family: 'Glyphicons Halflings';
    content: "\e259";
}

.ui-jqgrid .ui-search-table {
    height: 35px !important;
    min-height: 35px !important;
}

    .ui-jqgrid .ui-search-table td.ui-search-clear {
        outline: none;
    }

.ui-search-input select option:first-of-type {
    display: none;
}


.ui-search-input select {
    border: none;
    box-shadow: none;
}

    .ui-search-input select:hover, .ui-search-input select:focus {
        border: none !important;
        box-shadow: none !important;
    }

.ui-search-input + .ui-search-clear a:hover {
    background-color: var(--white) !important;
    cursor: default;
}

.ui-search-input.fill + .ui-search-clear a {
    background-color: var(--inactivo);
}

    .ui-search-input.fill + .ui-search-clear a:hover {
        background-color: var(--inactivo) !important;
        cursor: pointer;
    }

.ui-search-input.fill-Dropdown + .ui-search-clear a {
    background-color: var(--inactivo);
}

    .ui-search-input.fill-Dropdown + .ui-search-clear a:hover {
        background-color: var(--inactivo) !important;
        cursor: pointer;
    }

#jqGrid tbody {
    border: none;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
    border: none;
    /*    border-right: 1px solid var(--inactivo) !important;
    border-left: 1px solid var(--inactivo) !important;*/
}

.s-ico {
    display: none !important;
}

.ui-jqgrid .ui-icon-asc {
    margin-top: 5px !important;
}

.s-ico .ui-disabled {
    opacity: 1 !important;
}

.glyphicon-triangle-top:before {
    content: "\e155" !important;
    margin-top: 8px !important;
    color: var(--rojo-stratos) !important;
}

.ui-disabled.glyphicon-triangle-top:before {
    color: var(--black) !important;
}

#jqGrid_Detalles::after, #jqgh_jqGridCuentaEscrow_Detalles::after, #jqGridMovimientosCuentaEscrow_Detalles::after, #jqgh_jqGrid_CrearMovimiento::after, #jqgh_jqGrid_CrearCuenta::after, #jqgh_jqGridCuentaEscrow_CrearMovimiento::after, #jqgh_jqGridListaClientes_CrearMovimiento::after, #jqgh_jqGridListaClientes_CrearCuenta::after, #jqgh_jqGridListaClientes_Detalles::after, #jqGridBalanceCuenta_cb::after, #jqGridBalanceCuenta_EstadoDeCuenta::after, #jqgh_jqGridAprobacion_::after, #jqgh_jqGridBalanceCuenta_EstadoDeCuenta::after, #jqgh_jqGridAprobacion_Seleccionado::after, #jqgh_jqGridBalanceCuenta_Seleccionado::after, #jqgh_jqGrid_Detalles::after, #jqgh_jqGridMovimientosCuentaEscrow_Detalles::after {
    content: none !important;
    cursor: default;
}

.jqgrow.ui-row-ltr.success td, .jqgrow.ui-row-ltr.active td {
    background-color: #E2E2E2 !important;
}

.glyphicon-triangle-bottom:before {
    content: none !important;
}

.ui-jqgrid, .ui-jqgrid-view.table-responsive, .ui-jqgrid-bdiv, .ui-jqgrid-pager, .ui-jqgrid-hdiv {
    width: auto !important;
}

.ui-jqgrid-htable.ui-common-table.table.table-bordered, .ui-jqgrid-btable.ui-common-table.table.table-bordered {
    width: 100% !important;
}

.d-none {
    display: none;
}

.panel-body {
    color: var(--asfalto);
}

.form-horizontal .inputs-container, .detail-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 520px;
}

#form-container .detail-container .detail {
    margin-left: -10px
}

.form-horizontal .control-label, .form-check-label {
    font-size: 15px;
    font-weight: 600;
    line-height: 18.29px;
    color: var(--black);
    width: 100%;
}

.form-check {
    margin-bottom: 10px;
}

    .form-check.row {
        margin-left: 0;
        margin-bottom: 0;
    }

.form-check-label {
    margin-right: 20px;
    margin-left: -10px;
    min-width: 100px;
}

.radio-inline {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 0 !important;
    color: var(--black);
}

    .radio-inline.disabled {
        cursor: default;
    }

    .radio-inline input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .radio-inline.disabled input {
        cursor: default;
    }

.customRadio {
    margin-top: 3px;
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: var(--white);
    border-radius: 50%;
    border: 1.5px solid var(--black);
}

    .customRadio.disabled {
        cursor: default;
        border: 1.5px solid var(--inactivo);
    }


        .customRadio.disabled + span {
            cursor: default;
        }

.radio-inline input:checked ~ .customRadio {
    background-color: var(--white);
}

.customRadio:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-inline input:checked ~ .customRadio:after {
    display: block;
}

.radio-inline .customRadio:after {
    top: 3.5px;
    left: 3.5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--black);
}

.filtro-container {
    margin-left: 20px;
    margin-top: 15px;
}

    .filtro-container.ver-movimientos {
        margin-left: -15px;
        margin-right: auto;
        max-width: 520px;
    }

    .filtro-container .container-checkbox {
        display: inline-block;
    }

.configuracion-check-container .container-checkbox {
    display: inline-block;
}

.inputs-container.text-center.configuracion {
    text-align-last: left;
}

.filtro-container label {
    font-size: 13px;
}

.filtro-container .input-filtro-rango {
    border: 1px solid var(--black);
    border-radius: 5px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18.29px;
    height: 22px;
    max-width: 118px;
    padding: 8px 16px;
    color: var(--asfalto);
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-left: 10px;
    margin-right: 10px;
}

    .filtro-container .input-filtro-rango.fecha {
        max-width: 185px
    }

    .filtro-container .input-filtro-rango:focus {
        box-shadow: inset 0 1px 1px rgba(190,31,36,.075), 0 0 8px rgba(221, 221, 221, 0.6) !important;
        border: 1px solid var(--rojo-stratos) !important;
    }


.filtro-container .select-filtro {
    height: 22px;
    border: none;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    text-align-last: center;
}

    .filtro-container .select-filtro:focus, .filtro-container .select-filtro:hover {
        border: none !important;
        outline: none;
        color: var(--black);
    }

.filtro-container .btn-filtro {
    height: 22px;
    border-radius: 13px;
    background-color: var(--black);
    border: 1px solid var(--black);
    min-width: 120px;
    color: var(--white);
    text-transform: uppercase;
    font-size: 10px;
    line-height: 18.29px;
    top: -2px;
    position: relative;
}

    .filtro-container .btn-filtro:hover {
        font-weight: bold;
        /*background-color:var(--black-hover);*/
    }


    .filtro-container .btn-filtro.link {
        padding: 2px 20px 5px 20px;
    }

    .filtro-container .btn-filtro.nuevo {
        background: var(--white);
        color: var(--black);
    }

        .filtro-container .btn-filtro.nuevo:hover {
            font-weight: bold;
            background: var(--white-hover);
        }

    .filtro-container .btn-filtro.ver-saldos {
        width: 185px;
        margin-right: 150px;
        margin-left: 20px;
    }

.form-horizontal .form-control {
    border: 1px solid var(--black);
    border-radius: 5px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18.29px;
    max-width: 100%;
}

.form-control.dropdown-fecha-pdf {
    width: 170px;
    height: 22px;
    border: 1px solid var(--black);
    font-size: 12px;
    text-transform: none;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    display: unset;
    padding: 0;
}

.form-horizontal textarea.form-control {
    resize: none;
}

.form-horizontal .form-control::placeholder {
    font-weight: 400;
    font-size: 15px;
    line-height: 18.29px;
    color: var(--inactivo);
    font-style: italic;
    font-family: Montserrat !important;
}


.field-validation-error {
    color: var(--rojo-stratos);
}

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

input.input-validation-error {
    border: 1px solid var(--rojo-stratos-claro);
}

.validation-summary-errors {
    color: var(--rojo-stratos-claro);
    font-weight: bold;
    font-size: 1.1em;
}

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

a:hover, a:focus {
    color: var(--rojo-stratos);
}

.volver-listado i {
    margin-left: 5px;
    font-size: 18px;
    position: relative;
    top: 2px;
    color: var(--asfalto);
}

.volver-listado a {
    font-size: 15px;
    line-height: 18.29px;
    font-weight: 400;
    font-family: Montserrat;
    margin-left: 4px;
    padding-top: 3px;
    color: var(--black);
}

.panel {
    border-radius: 0;
}

.panel-body .titulo-detail {
    font-size: 36px;
    font-weight: 500;
    line-height: 43.88px;
    min-height: 44px;
    font-family: Montserrat;
    margin-left: 20px;
    margin-bottom: 0;
    text-transform: uppercase;
}

    .panel-body .titulo-detail.saldo {
        margin-bottom: 20px;
    }

.panel-body .subtitulo-detail {
    margin-left: 23px;
    margin-bottom: 25px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18.29px;
    font-family: Montserrat;
}

.panel-body .nav.nav-tabs {
    margin-left: auto;
    margin-right: auto;
    border: none;
    inline-size: max-content;
}

.lista-pasos-password li p {
    font-size: 15px;
    line-height: 18.29px;
    font-family: Montserrat;
    margin-bottom: 15px;
    font-weight: 700;
}

.lista-pasos-password li::marker {
    font-weight: 700;
    line-height: 18.29px;
    font-family: Montserrat;
}

.lista-pasos-password .form-group {
    margin-bottom: 28px;
}

.nav-tabs > li > a.legitRipple {
    border: none;
    font-weight: 700;
    font-size: 15px;
    font-family: Montserrat;
    text-transform: none;
    margin-bottom: unset;
    padding-bottom: 0;
    min-width: 144px;
    max-width: 144px;
    margin-right: 54.5px;
    border-bottom: 3px solid var(--inactivo);
    text-align: center;
    color: var(--inactivo);
}

.nav-tabs.dashboard > li > a.legitRipple {
    margin-right: 21.5px;
    max-width: 190px;
}

.nav.nav-tabs.dashboard {
    max-width: max-content;
    text-align: center;
    margin-bottom: 60px;
}

.titulo-dashboard {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 44px;
    max-width: 435px;
    min-height: 88px;
}

.nav-tabs > li > a.legitRipple:hover {
    color: var(--black) !important;
    border-bottom: 3px solid var(--rojo-stratos);
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: var(--black) !important;
    border: none;
    border-bottom: 3px solid var(--rojo-stratos);
}

.detail-container .detail p strong label {
    font-weight: 600;
}

.login-container {
    background: var(--black);
}

    .login-container .form-control {
        box-shadow: none;
        border: none;
        border-bottom: 1px solid var(--inactivo);
        border-radius: unset;
    }

        .login-container .form-control::placeholder {
            font-style: italic;
        }

    .login-container .form-control-feedback {
        font-size: 20.8333px;
        color: var(--inactivo);
    }

    .login-container h5 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 20.8333px;
        line-height: 25px;
        text-align: center;
        color: var(--rojo-stratos);
        text-transform: uppercase;
    }

    .login-container #btnlogin {
        align-items: flex-end;
        align-self: flex-end;
        background-color: var(--black);
        border-radius: 5px;
        height: 48px;
        margin-top: 30px;
        text-align: center;
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
        font-family: museosans;
        border-radius: 22px;
        text-transform: unset;
    }

    .login-container .option-bottom {
        font-size: 14px;
    }

    .login-container img {
        display: unset;
        margin-bottom: 40px;
    }

    .login-container a {
        font-family: museosans;
        font-size: 11px;
        color: var(--black);
        line-height: 13px;
    }

        .login-container a:hover {
            color: var(--white);
        }

#Aolvide:hover {
    color: var(--rojo-stratos);
}

.btn.btn-primary {
    background: var(--black);
    color: var(--white);
    border-radius: 20px !important;
    width: 303px;
    height: 35px;
    margin-bottom: 11px;
    border: 1px solid var(--black);
    font-size: 15px;
    line-height: 18px;
    text-transform: none;
}

.listado-button .btn.btn-primary {
    border-radius: 20px;
    width: 442px;
}

.btn.btn-primary:hover {
    font-weight: bold;
    background: var(--black);
}

.btn.btn-primary.nuevo {
    background: var(--white);
    color: var(--black);
}

    .btn.btn-primary.nuevo:hover {
        font-weight: bold;
        background: var(--white);
    }

.btn.btn-primary.small {
    max-width: unset;
    width: auto;
    border-radius: 10px !important;
    margin-bottom: 0;
}

.Imginicio {
    cursor: pointer;
    padding: 25% 25% 0% 25%;
}

.treeview, .treeview ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .treeview ul {
        margin-left: 1em;
        position: relative
    }

/*Ajuste para movil*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 1px;
    padding-right: 1px;
}

.Visortextarea {
    background-color: #f5f5f5;
    border-color: transparent;
    color: #333;
    border-radius: 3px;
    resize: none;
    margin: 1% 1% 1% 1%;
}


/*ordenar lista*/
#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 30%;
}

    #sortable li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1em;
    }

.ui-state-default {
    border: 1px solid #c5c5c5 !important;
    background: #f6f6f6 !important;
    font-weight: normal !important;
    color: #454545 !important;
}

#sortable li span {
    position: absolute;
    margin-left: -1.3em;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../Images/ui-icons_444444_256x240.png);
}

.ui-icon {
    width: 12px;
    height: 12px;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form, .navbar-inverse {
    background-color: var(--asfalto) !important;
}

#btnsetup {
    align-items: flex-end;
    align-self: flex-end;
    background-color: var(--black);
    border-radius: 5px;
    height: 48px;
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    font-family: museosans;
    border-radius: 22px;
    text-transform: unset;
}

/* The container */
.containerCheckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .containerCheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerCheckbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerCheckbox input:checked ~ .checkmark {
    background-color: var(--rojo-stratos);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containerCheckbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.containerCheckbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
    #jqGridPagerListaClientes_left, #jqGridPagerBalanceCuenta_left, #jqGridPagerBalanceGeneral_left, #jqGridPagerAprobacion_left, #jqGridPager_left, #jqGridPagerCuentaEscrow_left, #jqGridPagerMovimientosCuentaEscrow_left {
        display: none;
    }
}

@media (max-width: 992px) {
    .form-horizontal .form-group {
        margin-right: 20px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 14px;
    }

    .form-horizontal .inputs-container, .detail-container {
        margin-left: 10px !important;
    }

    .panel-body .titulo-detail, .subtitulo-detail {
        margin-left: 10px !important;
    }

    .form-horizontal .inputs-container, .detail-container {
        max-width: unset;
        width: 100%;
        margin-left: 20px;
    }

    .panel-body .nav.nav-tabs {
        max-width: unset;
        width: 100%;
        margin-left: 20px;
    }
}

@media (max-width: 768px) {

    .filtro-container {
        margin-left: 20px;
        margin-right: 20px;
    }

    .font-sm-24 {
        font-size: 24px;
        margin-top: 6px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu {
        background-color: var(--asfalto) !important;
        position: absolute;
    }

    .nav.navbar-nav.navbar-right {
        float: right;
    }

    .sm-hide {
        display: none !important;
    }

    .sm-show {
        display: block !important;
    }

    .nav.nav-tabs.dashboard {
        max-width: 100% !important;
        overflow: scroll;
    }

        .nav.nav-tabs.dashboard li a {
            max-width: 335px;
            width: 195px;
            max-height: 65px;
            height: 65px;
        }

    .volver-listado {
        clear: left;
    }

    .nav-tabs:before {
        content: none;
        color: unset;
        margin-top: unset;
        margin-left: unset;
        margin-bottom: unset;
        opacity: unset;
    }

    .panel-body .nav.nav-tabs {
        box-shadow: none;
        display: inline-flex;
        max-width: max-content;
    }

    .nav-tabs > li > a.legitRipple {
        margin-right: 10px;
    }

    .ui-jqgrid .ui-jqgrid-view {
        border: none;
    }

    .listado-button .btn.btn-primary {
        width: 100%;
        max-width: 442px;
    }

    .panel-body .titulo-detail {
        min-height: 44px;
        height: auto;
    }
}

@media (max-width: 576px) {
    #jqGridPagerListaClientes_right, #jqGridPagerBalanceCuenta_right, #jqGridPagerBalanceGeneral_right, #jqGridPagerAprobacion_right, #jqGridPager_right, #jqGridPagerCuentaEscrow_right, #jqGridPagerMovimientosCuentaEscrow_right {
        display: none;
    }

    .dropdown.dropdown-user.open {
        z-index: 10;
    }

    #filtradoTabla {
        margin-bottom: 10px;
    }

    .login-container .page-container .login-form {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .modal-body .btn.btn-primary {
        width: 100%;
    }

    #noty_layout__center {
        width: 100%;
    }

    .sm-d-node {
        display: block;
    }

    .navbar-inverse {
        padding-left: 10px;
    }

    .form-group {
        margin-bottom: 30px;
    }

    .texto-pre-input {
        min-width: 50px;
    }

    .filtro-container .input-filtro-rango {
        max-width: unset;
    }

    .filtro-container .btn-filtro {
        width: 100%;
        top: 0;
    }

    .filtro-container.ver-movimientos {
        display: inline;
    }

    .panel-body .titulo-detail {
        font-size: 24px;
        margin-left: 0 !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    .panel-body .subtitulo-detail {
        margin-left: 0 !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    #form-container .detail-container .detail {
        margin-left: 0;
    }

    .panel {
        max-width: unset;
    }

    .volver-listado i {
        margin-left: 20px;
    }

    .form-horizontal .form-group {
        margin-left: 0;
        margin-right: 0;
    }

    .inputs-container.configuracion .form-group.detail.row {
        margin-left: 0;
    }

    .radio-inline {
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 15px !important;
    }

    .titulo-dashboard {
        font-size: 22px;
        width: 100%;
    }

        .titulo-dashboard.saldos {
            min-height: auto;
        }

    .saldos-container.detalleCuenta {
        margin-left: 20px;
    }


    .panel-body.lista-container {
        padding-left: 20px;
        padding-right: 20px;
    }


    .saldos-container {
        margin-left: 0;
    }

    .form-horizontal .inputs-container, .detail-container {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 0 !important;
    }

    .filtro-container label {
        margin-bottom: 5px;
    }

    .filtro-container .input-filtro-rango.fecha {
        max-width: unset;
    }

    .filtro-container .select-filtro {
        width: 100%;
        border: 1px solid;
        border-radius: 5px;
        margin-bottom: 5px;
    }

    .filtro-container .input-filtro-rango {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 5px;
        width: 100%;
    }

    .filtro-container {
        margin-bottom: 40px;
    }

    #filtradoTablaFechaCliente {
        margin-bottom: 10px;
    }

    #resetFiltro {
        margin-bottom: 10px;
    }

    #DescargarPDFMovimientos {
        max-width: unset;
        width: 100%;
    }

    .filtro-container label {
        font-size: 12.9px;
    }

    .form-control.dropdown-fecha-pdf {
        margin-bottom: 5px;
        margin-left: 0;
        width: 100%;
    }