.overlay {
    height: auto;
    padding-bottom: 30px;
    width: 0px;
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    background-color:transparent;
    /*background-color: rgba(0,0,0, 0.9);*/
    overflow-x: hidden;
    transition: 1s;
}

.overlay-content {
    position: relative;
    top: 0%;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 15px;
    /*border-top:1px solid yellow;*/
}

.nicknet{
    overflow: auto !important;
    text-align: center !important;
    margin-top:0 !important;
}

.lion{
    background: #2e3092;
    padding: 6px !important;
    color: white;
    font-weight: bold;
}

.nav_heading{
    text-align: left;
    padding-top: 0;
    padding-bottom: 2px;
    color: white;
    font-size: 1em;

}

.nav_contents{
    padding: 15px;
    background-color:#ddede0; /*#ddede0;#dbdbdb */
    text-align: left !important;
}

.contentTitle{
    font-weight: bold;
}

#nav_footer{
    text-align: right;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: white;
    border-top: 2px solid #4791f4;
    cursor: pointer;

}
#close{
    color: red;
    float: right;
    cursor: pointer;
}

.nairobi{
    text-align: left !important;
}

.caps{
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
}
.btn-primary{
    background: #2e3092 !important;
    border:none !important;
}
#footerApp{
    background: #05101e;
    border-top:1px solid white !important;
    position: fixed;bottom: 0;
    width: 100%;
    padding: 10px 15px;
    z-index: 999999;
}
.main-menu{
    background: #2e3092;
    border:none !important;
}
.modal-footer{border-top: 1px solid #693603 !important;}

.capt{
    padding-right: 8px;
}
.details{
    margin-top: 10px;
}

.tbl_loans{
    width: 100%;
}
.tbl_loans tr{
    border-bottom: 1px solid #693603;
}
span{cursor: pointer;}

.sidebar > .nav > .nav-item:not(.nav-profile) > .nav-link:before{
    content: "";
    position: absolute;
    left: 0;
    right: 20%;
    width: 0;
    height: 0;
    border: none;
    display: block;
}
.digits{font-weight: bolder;}
.control-label{
    text-align: right;
    padding-top: 10px;
    margin-left: 6px;
    font-size: 0.9em;
}
@media (max-width: 768px) {
    .control-label {
        text-align: left;
    }
}
.form-row{margin-top: 6px;}
.defaultControls{
    border-radius: 0 0 !important;
    background-color: white !important;
    color: #05101e !important;
    height: 38px !important;
}
.defaultLabels{
    float: left !important;
}
.frmBody{
    padding: 15px;
    background-color:#ddede0; /*#ddede0;#dbdbdb */
    text-align: left !important;
}