html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.text-modal-header-lg{
    font-size: 24px;
    font-weight: 600;
    color: #050D2E !important;
    line-height: 29px;
}

.text-modal-header-lg-sm{
    font-size: 20px;
    font-weight: 600;
    color: #050D2E !important;
    line-height: 24px;
}

.card-background-grey{
    background-color: #FAFBFF !important;
    box-shadow: none !important;
    border-radius: 6px;
}

.card-margin{
    margin: 16px;
}

.text-title-th-grey-bold{
    font-size: 16px;
    font-weight: 500 !important;
    color: #A5ABC6 !important;
    line-height: 20px;
}

.text-title-th{
    font-size: 16px;
    font-weight: 500 !important;
    color: #050D2E !important;
    line-height: 20px;
}

.image-style{
    width: 164px;
    height: 132px;
    margin-bottom: 8px;
}

.text-title-black{
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 24px;
    color: #050D2E !important;
}

.text-subtitle{
    font-size: 18px;
    font-weight: 600 !important;
    color: #050D2E !important;
    line-height: 22px;
}

.padding-button-upload{
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 32px;
    padding-right: 32px;
}


/* align the logout "link" (button in form) of the navbar */
/*
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}*/

/*---- tamaño de iconos ----*/
.mdi-30px.mdi:before {
    font-size: 30px;
}
.mdi-20px.mdi:before {
    font-size: 20px;
}



/*-- --- --  menu bar left -- */
ul .nav-item .nav-icon::before{
    color: black;
    font-size: 22px;
    vertical-align: middle;
}

body:not(.layout-fixed) .main-sidebar .sidebar {
    overflow-y: initial !important;
}
.mdi:before, .mdi-set {
    line-height: normal;
}
.nav .nav-item a:hover{
    background-color: #fff0dc;
    color:var(--primary);
}
.nav .nav-item a:hover .nav-icon::before{
    color:var(--primary);
}
.nav .nav-item a{
    color: #1e3f57;
    font-weight: bold;
}

.nav .nav-item.active>a{
    color: var(--primary) !important;
    background-color: #fff0dc !important;
}
.nav .nav-item.active>a .nav-icon::before{
    color:var(--primary);
}

.nav-sidebar>.nav-item .nav-icon {
    margin-left: -0.2rem !important;
}


/* para mostrar un item de menu como desactivado*/
.nav-item.disabled-out a{
    color:#a9a9a9;

}
.nav-item.disabled-out a:hover{
    background-color: #fff;
    color:#a9a9a9 !important;
}

/** menu con submenu ****/

.nav-item.has-treeview>a::before {
    font: normal normal normal 20px/1 "Material Design Icons";
    content: '\F0142';
    float: right;
    /*font-size: 24px;*/
    color: var(--primary);
    margin-top: 5px;
}
.nav-item.has-treeview a p{
    display: inline-block;
}
.nav-item .nav-treeview .nav-icon::before{
    font-size: 14px;
}

    /* submenu*/
.nav.nav-treeview{
    margin-left: 20px;
}


.main-sidebar .brand-link {
    text-align: center;
    border: none !important;
}

body.sidebar-mini.sidebar-collapse .main-sidebar .brand-link img{
    width: 60px;
}
body.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link img{
    width: 135px;
}

.sidebar-mini .main-sidebar .nav-link {
    width: calc(240px - .5rem * 2) !important;
    margin-left: 5px;
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-link.active {
    width: 3.6rem !important;
    margin-left: 0px;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p{
    display: contents !important;
}
.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link{
    width: 230px !important;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-item.active .nav-link.active{
    width: 230px !important;
}
.profile-user-icon{
    background: var(--dark);
    color: white;
    font-size: 28px;
    border-radius: 22px;
    margin-top: 5px;
    margin-left: 0px!important;
    margin-right: 0px!important;
}


/* -----------------------------------   */
.show-ps{
    margin-top: -31px;
    right: 25px;
    position: absolute;
    cursor: pointer;
}
input.show-ps-input{
    background-position : right calc(1.375em + .385rem) center !important;
}

/*-- --- --  menu bar  top  -- */
.main-header{
    border: none!important;
    background-color: rgba(250.00000029802322, 251.00000023841858, 255, 1)!important;;
}
.main-header .navbar-title{
    color: #1E3F57;
    font-size: 24px;
    font-weight: 700 !important;
    line-height: 29px;
}

.main-header .navbar-subtitle{
    color: #BCC3D1;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 19px;
}

.main-header .mdi:before {
    color:#D3D7DD;
}

@media screen and (max-width: 800px) {
    .main-header .navbar-title{
        font-size: 18px!important;
    }

    .main-header .navbar-subtitle{
        font-size: 10px!important;
    }

    .main-header .user-name{
        display: none;
    }
}
@media screen and (max-width: 400px) {
    .main-header .navbar-title{
        font-size: 10px!important;
    }

    .main-header .navbar-subtitle{
        font-size: 10px!important;
    }
}

.expiration{
    margin-top: 5px;
    display: block;
    color: #aaa;
}
.expiration .countdown{
    font-weight: bold;
}

#session-continue{
    position: absolute;
    margin-top: -1px;
}


/* ----- body ----*/
.hide{
    display: none !important;
}
.wrapper{
    background-color: rgba(250.00000029802322, 251.00000023841858, 255, 1)!important;
}
.content-wrapper {
    background-color: rgba(250.00000029802322, 251.00000023841858, 255, 1)!important;
    margin-top: 20px;
}

/**--- login v2 form ----*/
#login .logo{
    position: absolute;
    top: 58px;
    left: -195px;
    height: 264px;
    width: 210px;
    border-radius: 30px 0px 0px 30px;
    background: rgb(226,68,81);
    background: linear-gradient( 142deg, rgba(226,68,81,1) 0%, rgba(153,53,58,1) 100%);
}
#login .logo img{
    width: 164px;
    margin: 58px 0 0 28px;
}

@media screen and (min-width:1500px){
    .image-size{
        width: 20%;
        position: fixed;
        left: 15%;
        bottom: 10%;
    }
    .download-txt{
        position: fixed;
        right: 19%;
        bottom: 3%;
        font-size: 24px !important;
        display: inline-flex;
    }
}

@media screen and (max-width:1500px){
    .image-size{
        width: 367.7px;
        position: fixed;
        left: 10%;
        bottom: 2%;
    }
    .download-txt{
        position: fixed;
        right: 5%;
        bottom: 3%;
        font-size: 24px !important;
        display: inline-flex;
    }
}

@media screen and (max-width:1000px){
    .image-size{
        width: 200px;
        position: fixed;
        left: 8%;
        bottom: 2%;
    }
    .download-txt{
        position: fixed;
        right: 5%;
        bottom: 3%;
        font-size: 20px !important;
        display: inline-flex;
    }
}

@media screen and (max-width:500px){
    .image-size{
        width: 100px;
        position: fixed;
        left: 10%;
        bottom: 1%;
    }
    .download-txt{
        position: fixed;
        right: 5%;
        bottom: 3%;
        font-size: 14px !important;
    }
}

.form-control-forgot-password {
    -webkit-transition: none;
    transition: none;
    width: 52px;
    height: 54px;
    text-align: center;
    background-color: #FFFFFF;
    border: #FAFBFF;
    border-style: solid;
    border-width: 4px;
    border-radius: 4px;
    color: rgba(5,13,46,0.5);

}

.form-control-forgot {
    -webkit-transition: none;
    transition: none;
    width: 52px;
    height: 54px;
    text-align: center;
    background-color: #FAFBFF;
    border-color: #EBECF3;
    color: #050D2E05;
}

.form-control-forgot:focus {
    color: #FAFBFF;
    background-color: #FAFBFF;
    border-color: #884377;
    outline: 0;
}

.form-control-forgot.form-control-solid {
    background-color: #F3F6F9;
    border-color: #F3F6F9;
    color: #FAFBFF;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-control-forgot.form-control-solid:active,
.form-control-forgot.form-control-solid.active{
    border-color: #FAFBFF;
}
.form-control-forgot.form-control-solid:focus,
.form-control-forgot.form-control-solid.focus {
    background-color: #EBEDF3;
    border-color: #EBEDF3;
    color: #FAFBFF;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}


/**************** menu active ******************/
/*
ul .nav-item .nav-icon::before{
    color: var(--primary);
    font-size: 22px;
    vertical-align: middle;
}

.nav-item.active .mdi.mdi-aportes::before{
    filter: hue-rotate(145deg);
    -webkit-filter: hue-rotate(145deg);
    -moz-filter: hue-rotate(145deg);
}

.nav-item.active .mdi.mdi-accounts::before{
    filter: hue-rotate(145deg);
    -webkit-filter: hue-rotate(145deg);
    -moz-filter: hue-rotate(145deg);
}

.nav-item.active .mdi.mdi-credits::before{
    filter: hue-rotate(145deg);
    -webkit-filter: hue-rotate(145deg);
    -moz-filter: hue-rotate(145deg);
}

.nav-item.active .mdi.mdi-contacts::before{
    filter: hue-rotate(145deg);
    -webkit-filter: hue-rotate(145deg);
    -moz-filter: hue-rotate(145deg);
}

.nav-item.active .mdi.mdi-cards::before{
    filter: hue-rotate(145deg);
    -webkit-filter: hue-rotate(145deg);
    -moz-filter: hue-rotate(145deg);
}

.nav-item.active .mdi.mdi-panel::before{
    filter: hue-rotate(145deg);
    -webkit-filter: hue-rotate(145deg);
    -moz-filter: hue-rotate(145deg);
}

.nav-item.active .mdi.mdi-logout::before{
    filter: hue-rotate(145deg);
    -webkit-filter: hue-rotate(145deg);
    -moz-filter: hue-rotate(145deg);
}
*/





.paymentTypeToggle>label:not(.active){
    border-color: #ddd !important;
    color: #222 !important;
}

.paymentTypeToggle>label:not(.active):hover{
    color: #fff !important;
    border-color: var(--primary) !important;
}

/* style de icono para select en los formularios */
.icon-arrow-down-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../images/business/ArrowDown.svg") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
    background: url("../images/business/ArrowDown.svg") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

/* para contenedor con fondo plomo */
.content-bg{
    background-color: #EBECF3 !important    ;
}
.content-border{
    background-color: #EBECF3; padding: 17px;
    border-radius: 5px;
}

.bg-danger-light{
 background-color: #f6d0d1;
}
/*  Nuevo tamanio de modal*/
.modal-extra-large {
    max-width: 90% !important;
}






#partitioned {
    padding-left: 15px !important;
    letter-spacing: 42px !important;
    border: 0 !important;
    background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%) !important;
    background-position: bottom !important;
    background-size: 50px 1px !important;
    background-repeat: repeat-x !important;
    background-position-x: 35px !important;
    width: 400px !important;
    min-width: 350px !important;
}

#divInner{
    left: 0 !important;
    position: sticky !important;
}

#divOuter{
    width: 300px !important;
    overflow: hidden !important;
}




.responsive {
    width: 100%;
    height: auto;
}

.title-text{
    font-size: 24px;
    font-weight: 600 !important;
    line-height: 29px;
    color: #050D2E !important;
}

.text-title-detail{
    font-size: 14px;
    font-weight: 500 !important;
    line-height: 18px;
    color: #A5ABC6 !important;
}

.title-text-amount{
    font-size: 24px;
    font-weight: 700 !important;
    line-height: 30px;
    color: #0AD669 !important;
}

.margin-title-site{
    margin-bottom: 16px !important;
}

/* sweetAlert2 */
.swal2-styled.swal2-confirm {
    background-color: var(--primary);
}

/* --  estados de para montos maximos, cuentas de users*/
.state-created{
    color:var(--danger)!important;
}
.state-solicited{
    color:var(--warning)!important;
}
.state-approved{
    color:var(--success)!important;
}
.state-reject{
    color:black!important;
}

/* sweetAlert2 */
.swal2-styled.swal2-confirm {
    background-color: var(--primary);
}