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;
}



/*---- 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: var(--primary);
    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: #dedede;
}
.nav .nav-item a{
    color: #1e3f57;
    font-weight: bold;
}

.nav .nav-item.active a{

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

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


.main-sidebar .brand-link {
    text-align: center;
    border: none !important;
}
body.sidebar-mini .main-sidebar .brand-link img{
    width: 132px;
}
body.sidebar-mini.sidebar-collapse .main-sidebar .brand-link img{
    width: 60px;
}


.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;
}

/* -----------------------------------   */
.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;
}
.main-header .navbar-title{
    position: absolute;
    margin-left: 48px;
    margin-top: 10px;
}

.main-header .navbar-subtitle{
    margin-top: 61px;
    margin-left: 48px;
    position: absolute;
    color: #cbcdd0;
    font-size: 20px;
}

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

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

    .main-header .user-name{
        display: none;
    }
}
@media screen and (max-width: 400px) {
    .main-header .navbar-title{
        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;
}
.wrapper{
    background-color:#F1F5F9!important;
}
.content-wrapper {
    background-color:#F1F5F9!important;
    margin-top: 20px;
}

/**--- login v2 form ----*/
#login .card-login{
    width: 300px;
}
#login .logo{
    position: absolute;
    top: 101px;
    left: -160px;
    width: 200px;
    height: 184px;
    border-radius: 30px 0px 0px 30px;
    background-color: var(--primary);
    /*background: linear-gradient(142deg, rgb(61, 119, 180) 0%, rgb(3, 64, 132) 100%);*/
}
#login .logo img{
    margin: 17px 0 0 23px;
    width: 137px;
}

#apps-buttons{
    position: absolute;
    width: 100%;
    padding-left: 79px;

}
#apps-buttons img {
    width: 150px;
}
#login .phone{
    position: fixed;
    bottom: 202px;
    left: 170px;
}
#login .phone img{
    width: 250px;
}
@media screen and (max-width: 575px) {
    #login .card-login{
        width: 100%;
    }
    #login .logo{
        display: none;
    }
    #apps-buttons{
        padding-left: 0px;

    }

}
@media screen and (max-width: 992px) {
    #login .phone img{
        display: none;
    }
    #apps-buttons{
        padding-left: 40px;
        text-align: center;
    }
}
@media screen and (min-height: 815px) {

    #apps-buttons{
        bottom: -180px;
    }
}



/* Menu icons */
.mdi.mdi-aportes{
    filter: hue-rotate(14deg);
}
.mdi.mdi-aportes::before {
    content:url("../images/menu/aports.png");
}

.mdi.mdi-prevision::before {
    content:url("../images/menu/prevision.svg");
}


.mdi.mdi-accounts::before {
    /*content:url("../images/menu/accounts.png");*/
    content:"\F0BDD"; /*mdi-wallet-outline*/
}
.mdi.mdi-transfers::before {
    /*content:url("../images/menu/transfers.png");*/
    content:"\F0BCD";/*mdi-swap-horizontal-bold*/
}

.mdi.mdi-credits::before {
    content:url("../images/menu/credits.png");
}

.mdi.mdi-contacts::before {
    /*content:url("../images/menu/contacts.png");*/
    content:"\F0ED8"; /*mdi-calendar-account-outline*/
}

.mdi.mdi-cards::before {
    content:"\F019B"; /*mdi-credit-card-outline*/
}

.mdi.mdi-panel::before {
    /*content:url("../images/menu/panel.png");*/
    content:"\F0A1D"; /*mdi-view-dashboard-outline*/
}

.mdi.mdi-logout::before {
    /*content:url("../images/menu/logout.png");*/
    content:"\F0343"; /*mdi-logout*/
}

/******  menu item  disabled *******/
.nav-item.disabled-out a {
    color: #a9a9a9;
    font-weight: bold;
}
.nav-item.disabled-out a:hover {
    background-color: #fff;
    color: #a9a9a9 !important;
}
.nav-item.disabled-out.active a {
    color: #a9a9a9 !important;
    background-color: white !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;
}



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

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

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

.btn-default {
    background-color: #FAFBFF !important;
    border-color: #ddd !important;
    color: #7a8d9b !important;
}