/*padding*/
.top5{padding-top:5px;}
.top10{padding-top:10px;}
.top15{padding-top:15px;}
.top20{padding-top:20px;}
.top25{padding-top:25px;}
.top30{padding-top:30px;}
.top35{padding-top:35px;}
.top40{padding-top:40px;}
.top45{padding-top:45px;}
.top50{padding-top:50px;}
.top55{padding-top:55px;}
.top60{padding-top:60px !important;}
.top70{padding-top:70px !important;}
.top80{padding-top:80px !important;}
.bottom5{padding-bottom:5px;}
.bottom10{padding-bottom:10px;}
.bottom15{padding-bottom:15px;}
.bottom20{padding-bottom:20px;}
.bottom25{padding-bottom:25px;}
.bottom30{padding-bottom:30px;}
.bottom35{padding-bottom:35px;}
.bottom40{padding-bottom:40px;}
.bottom45{padding-bottom:45px;}
.bottom50{padding-bottom:50px;}
.bottom55{padding-bottom:55px;}
.bottom60{padding-bottom:60px;}

.left5 {
    padding-left: 5px;
}

.left10 {
    padding-left: 10px;
}

.left15 {
    padding-left: 15px;
}

.left20 {
    padding-left: 20px;
}
.right5 {
    padding-right: 5px;
}

.right10 {
    padding-right: 10px;
}

.right15 {
    padding-right: 15px;
}

.right20 {
    padding-right: 20px;
}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font45{font-size:45px;}
.bold{font-weight:700;}
a{
    font-weight:400;
}
/*colorfondo*/
.app-body {
    background: #e8eef7;
}
body {
    font-family: 'Roboto', sans-serif !important;
    padding-bottom:0px;
}
/*botones*/
.btn-link{color:#fff;}
.btn {
    border: 0 !important;
}
.btn-flat {
    border: 0 !important;
    border-radius: 0px;
}

.ab-green {
    background: #1f2940 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 25px;
    transition-duration: 0.4s;
}

    .ab-green:hover {
        background-color: #fff;
        color: #000;
    }
.ab-button {
    background: #1f2940 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 25px;
    transition-duration: 0.4s;
}

    .ab-button:hover {
        background-color: #fff;
        color: #000;
    }

.btn-ab {
    background: #1f2940 !important;
    color: #fff !important;
    border: 0 !important;
    transition-duration: 0.4s;
}
    .btn-ab:hover{
        background-color: #fff;
        color: #000;
    }
/*STR BUTTONS*/
.btn-abw {
    background: #fff !important;
    color: #1f2940 !important;
    border: 0 !important;
    border-radius: 25px;
}
.btn-alert-str {
    background: #ffc107 !important;
    color: inherit !important;
    border: 0 !important;
    border-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    transition-duration: .4s;
}
.btn-ab-str {
    background: #1f2940 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    transition-duration: .4s;
}
.btn-cancel-str {
    background: #f86c6b !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    transition-duration: .4s;
}
.btn-lightblue-str {
    background: #63c2de !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    transition-duration: .4s;
}
.btn-cancel-modgrp {
    width: 113.8px;
    height: 33px;
}
.btn-green-str {
    background: #4dbd74 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    transition-duration: .4s;
    width: 113.8px;
    height: 33px;
}
.btn-green {
    background-color: #33821D;
    color: #fff;
    border: 0 !important;
    border-radius: 25px;
}
/*MODALES*/
.modal-primary .modal-header {
    background: #1f2940 !important;
    color: #fff !important;
}
.modal-primary .modal-content{
    border-color:#fff;
}
/*menu lateral*/
.app-header, .app-footer {
    background-color: #e8eef7 !important;
    color: #939393;
    border-top: 0px !important;
    border-bottom: 0px !important;
}
.sidecollapse {
    background-color: #141b2d;
    color:#fff;
    height:100%;
}
/*.app-footer {
    text-align: right !important;
}*/
footer{text-align:right !important;}
.app-header a {
    color: #939393 !important;
}
.app-header a i{
    font-size:25px;
}

.navbar-nav .nav-link {
    color: #939393;
}

.sidebarlogo {
    margin-top: 10px;
    margin-bottom: 10px;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    background-attachment:inherit;
    background-color:white;
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 100px;
    box-sizing: border-box;
    box-shadow: 0px 9px 11px rgba(0, 0, 0, 0.25);
    margin: 10px auto 20px;
    display: block;
}
.nav-title {
    background: #4769A5;
}

.breadcrumb{background:rgba(0, 0, 0, 0.00) !important;}
.sidebar-nav {
    background: #2f353d !important;
}

.sidebar .nav-link {
    color: white !important;
}
.sidebar .nav-link {
    background: #eaedf126 !important;
    padding: 5px 10px !important;
}
.sidebar .nav-item .nav-link:hover {
    background: #eaedf126 !important;
}

.sidebar .nav-dropdown.open .nav-link {
    background: #2f353d !important;
    color: #fff;
}
.sidebar .nav-dropdown.open a.nav-link.nav-dropdown-toggle {
    background: #eaedf126 !important;
}
    .sidebar .nav-dropdown.open .nav-link:hover {
        background: #666666;
        color: #E9E9E9;
    }

a.nav-link.nav-dropdown-toggle {
    background: #eaedf126 !important;
}

.sidebar-minimized .sidebar .nav-item .nav-link:hover {
    background: #666666;
}
.sidebar .nav-link.active {
    background: #eaedf161 !important;
}
.sidebar .nav-dropdown.open .nav-link.active {
    background: #eaedf117 !important;
    color: #fff;
}

.sidebar li {
    /*border-bottom: 0.1em solid #BDBDBD;*/
    border-top: 0 !important;
    padding-bottom: 5px !important;
}

.sidebar .nav-dropdown.open {
    background: #2f353d !important;
}
@media only screen and (min-width: 992px) {
    .app-header .sidecollapse {
        width: 200px;
    }

    .app-header .navbar-toggler {
        float: right;
        padding-top: 15px;
    }
}
/*boton menu*/
.navbar button {
    color: white;
}

/*menu usuario*/
.app-header .dropdown-menu a {
    color: #666666;
}
.dropdown-item:active{
    background:rgba(102, 102, 102, 0.69) !important;
}
.dropdown-item:active {
    background: rgba(102, 102, 102, 0.70) !important;
}
    /*CAJAS CONTENIDO ROW 1*/
    .info-box-2 {
        box-shadow: 8px 10px 28px rgba(0, 0, 0, 0.50);
        color: #353535;
        height: 90px;
        display: flex;
        cursor: default;
        background-color: #eaedf1;
        position: relative;
        overflow: hidden;
        margin-bottom: 15px;
        transition: .5s;
        border-radius: 3px;
    }
.col-info-box{
    padding-left:10px;
    padding-right:5px;
}
.col-info-box .text{
    font-weight:500;
}
.info-box-2 .icon {
    display: inline-block;
    text-align: left;
    width: 40px;
}

    .info-box-2 .icon i {
        color: #134486;
        font-size: 35px;
        line-height: 50px;
    }

.info-box-2 .content {
    display: inline-block;
    padding: 7px 0px;
    margin-left: 0;
}
.info-box-2 .content-number {
    display: inline-block;
    padding: 0px 0px;
    margin-left: 0;
}

    .info-box-2 .content .text {
        font-size: 12px;
        margin: 0px 0;
        padding:0;
        color: white;
    }

.info-box-2 .content .number input {
    font-weight: lighter;
    font-size: 20px;
    margin-top: 0px;
    color: #939393;
    background-color: transparent;
    border: none !important;
    background-repeat: no-repeat;
}
.info-box-2 .content .number small {
    padding: 0px;
    margin-top: 0px;
    color: #939393;
    font-size: 12px;
}
.GreenColor {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #169707;
}

.YellowColor {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ff6a00;
}

.RedColor {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #dd0000;
}

@media only screen and (max-width: 992px){
    .info-box-2 {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
        color: #353535;
        height: 100% ;
        display: flex;
        cursor: default;
        background-color: rgba(255, 255, 255, 0.00);
        position: relative;
        overflow: hidden;
        margin-bottom: 15px;
        border-radius: 0px;
    }
    .simplebox {
        box-shadow: 30px 6px 20px rgba(0, 0, 0, 0.20);
        color: #353535;
        display: flex;
        cursor: default;
        background-color: #eaedf1;
        position: relative;
        overflow: visible;
        margin-bottom: 15px;
        transition: .5s;
        height:85px;
    }
}
@media only screen and (max-width: 768px) {
    #portalTitle {
        display: block;
    }
    #portalAddress{
        display: none;
    }
} 
@media only screen and (max-width: 1500px) and (min-width:1000px) {
    .info-box-2 {
         height: 110px;
    }
        .info-box-2 .icon i {
            line-height: 90px;
        }
        .info-box-2 .cash i{
            line-height: 50px;
        }
}
/*CAJAS CONTENIDO ROW 2*/
.brand-card {
    background-color: #eaedf1;
    color: #353535;
    border: 0px;
    box-shadow: 8px 10px 28px rgba(0, 0, 0, 0.50);
}
.brand-card-header {
    height: 4rem;
    
}
.brand-card-header i{
    color:#131486;
    font-size:1rem;
}
.brand-card-header  {
    color: #353535 !important;
    font-weight:500;
}
.brand-card-header .col {
    text-align:left;
}
.brand-card-body {
    height: 6rem; 
    color:#939393;
    font-weight:lighter;
}
    .brand-card-body input {
        color: #939393;
        font-weight: lighter;
        background-color: transparent;
        border: none !important;
        background-repeat: no-repeat;
    }

.card {
    background-color: #eaedf1;
    color: #353535;
    border: 0px;
    box-shadow: 8px 10px 28px rgba(0, 0, 0, 0.50);
}
.card-header, .card-header input {
    background-color: #1F2940 !important;
    color: #fff;
    font-weight: 500;
    border-bottom: 0px !important;
}

/*STYLE FOR GRIDS*/
.e-grid .e-headercell.customcss, e-input-focus, .e-grid .e-headercell {
    background-color: #1F2940 !important;
    color: white;
}
.e-grid .e-icons {
    background-color: rgb(0 0 0 / 0%);
    color: white !important;
}
input.e-input::placeholder {
    color: rgba(255,255,255,0.7) !important;
}
.e-toolbar {
    background-color: #1F2940 !important;
}
/*Para quitar borde a # de paginacion*/
.e-pager .e-currentitem.e-active{
border-width:0px;
}
/*Para poner color al hover de boton de exportar*/
.e-lib.e-toolbar .e-tbar-btn:hover {
    background: #c8c8c8;
}
/*Para poner borde al boton de exportar*/
.e-lib.e-toolbar .e-tbar-btn{
    border-radius:20px;
}
/*Para poner color al icono de buscar*/
.e-lib.e-toolbar .e-search-icon {
    color: #fff;
}
/*Para quitar fondo a # que no es active en paginador*/
.e-lib.e-pager .e-numericitem {
    background: rgb(0 0 0 / 0%);
    color:#fff !important;
}
.e-grid .e-gridheader {
    border-top-color: #1F2940 !important;
}

.e-gridpager, .e-pager .e-pagercontainer, .e-pager .e-currentitem,
.e-pager .e-currentitem:hover, .e-pager .e-firstpagedisabled, .e-pager .e-prevpagedisabled,
.e-pager .e-prevpage, .e-pager .e-nextpage, .e-pager .e-nextpagedisabled, .e-pager .e-lastpagedisabled,
.e-pager .e-lastpage, .e-pager .e-firstpage, .e-toolbar .e-toolbar-items, .e-input-group {
    background-color: #1F2940 !important;
    color: white !important;
}

    .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before {
        background-color: #fff !important;
    }

    .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
    .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
    .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before {
        border-color: #fff !important;
    }
/*para icono de filtro*/
.e-lib.e-grid .e-filtered::before{
    color:#fff;
}
/*Checkbox de menu filtro*/
.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: #1F2940;
}
.e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
    background-color: #1F2940;
}
/*letra filter en chackbox menu filtro*/
.e-lib.e-btn.e-flat.e-primary {
    color: #1f2940;
}

/*PARTNER*/

/*Cajas de dashboard*/
.data-card {
    background-color: #eaedf1 !important;
    color: #353535;
    border: 0px;
    box-shadow: 6px 4px 15px rgba(0, 0, 0, 0.20);
    width:100%;
    height:100%;
}

.nav .modify {
    color: #000000 !important;
    padding: 0;
    padding-left: 0.15rem;
}
.nav .modify:hover {
    color: #939393 !important;
}