@import url("../../../custom-dash-icons/flaticon.css"); /*custom icons for dashboard*/

.m-login.m-login--1 .m-login__wrapper {
    overflow: hidden;
    padding: 0% 5rem 2rem 5rem;
}
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control {
	padding: 1rem;
}

.m-login.m-login--1 .m-login__aside {
    padding: 2rem 7rem;
}

.m-login.m-login--1 .m-login__wrapper .m-login__logo {
    margin: 2rem auto 2rem auto;
}

.m-login.m-login--1 .m-login__wrapper .m-login__form {
    margin-top: 2rem;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #eee!important;
    border-radius: 2px!important;
}
/*.m-login.m-login--1 .m-login__wrapper {
    padding: 0% 1.5rem 0rem 1.5rem!important;
}*/
.m-login__signin, .m-login__signup, .m-login__forget-password, .m-login__confirm_otp_code, .m-login__security_question, .m-login__set_pin {
    padding-top: 0%!important;
}

/*works well with the authentication page*/
.m-link{
    color:#333!important;
    font-size:14px!important;
}
.m-link:hover{
    color:#000!important;
}
.m-link:after{
    border-bottom:1px solid #000!important;
    opacity:.3!important;
}
.m-link:hover:after{
    border-bottom:1px solid #000!important;
    opacity:.3!important;
}
/*.m-btn--custom{
    background:#FCE013!important;
    border:1px solid #000!important;
    color:#000!important;
    box-shadow:none!important;
    overflow:hidden!important;
    position:relative!important;
}*/
.m-btn--custom:focus{
    color: #000!important;
    /*border:2px solid #000!important;*/
}
/*.m-btn--custom:hover, .m-btn--custom:focus:hover{
    color: #EBCC00!important;
    border:2px solid #333!important;
    background:#595A5C!important;
}*/

.m-login__welcome{
    color:#333!important;
}
.disp-prod-shell{
    margin:20px;
}
.disp-prod-shell .disp-prod{
    background:rgba(238,238,238,0.6)!important;
    margin-top:10px!important;
    border-bottom:2px solid #EBCC00;
    cursor:default;
    border-right:1px solid #fff!important;
    transition: all .2s ease-in-out;
}
.disp-prod-shell .disp-prod:hover{
    background:rgba(238,238,238,0.8)!important;
}
.disp-prod-shell .disp-prod h5{
    color:#333;
    font-size:18px;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom:1px solid #333;
}
.disp-prod-shell .disp-prod p{
    color:#000!important;
}
.disp-prod-shell .disp-prod-header h2{
    font-size:40px;
    font-weight:900;
    color:#EBCC00;
    text-shadow:0px 0px 4px #000;
    margin-left:-10px!important;
}
.disp-prod-shell .disp-prod-header h2 span{
    color:#EBCC00;
    text-shadow:0px 0px 2px #000;
}
.disp-prod-t-shell{
    margin-top:20px;
    background:rgba(238,238,238,0.6)!important;
    margin-left:0px;
    padding:20px;
    width:100%;
}
.disp-prod-t-shell .disp-prod-header p{
    font-size:18px;
    font-weight:none;
    color:#333;
    text-shadow:0px 0px 0px #000;
    margin-left:-10px!important;
}
.disp-prod-t-shell .intro-cont{
    color:#333;
    font-size:16px;
    text-shadow:0px 0px 0px #000;
    margin-left:-10px!important;
}
.disp-ftr-lnks{
    margin-left:35px;
}
.disp-ftr-lnks img{
    transition: all .2s ease-in-out;
}
.disp-ftr-lnks img:hover{
    transform: scale(1.1);
}
/*
select,input[type]:focus::placeholder {
    color:#000!important;
}*/
.m-checkbox.m-checkbox--focus>input:checked~span {
    border: 1px solid #000;
}
.m-checkbox.m-checkbox--focus>span:after {
    border: solid #000;
}
.m-checkbox>span:after {
    border: solid #7281a4;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top:26% ! important;
}
.m-login__confirm_otp_code,.m-login__security_question,.m-login__set_pin{
    display:none;
}
.m-login.m-login--1.m-login--confirm_otp_code .m-login__signup,.m-login.m-login--1.m-login--security_question .m-login__signup{display:none}

.m-login.m-login--1.m-login--set_pin .m-login__signup,.m-login.m-login--1.m-login--set_pin .m-login__signup{display:none}

.m-login.m-login--1.m-login--confirm_otp_code .m-login__signin,.m-login.m-login--1.m-login--security_question .m-login__signin{display:none}

.m-login.m-login--1.m-login--set_pin .m-login__signin,.m-login.m-login--1.m-login--set_pin .m-login__signin{display:none}

.m-login.m-login--1.m-login--confirm_otp_code .m-login__forget-password,.m-login.m-login--1.m-login--security_question .m-login__forget-password{display:none}

.m-login.m-login--1.m-login--set_pin .m-login__forget-password,.m-login.m-login--1.m-login--set_pin .m-login__forget-password{display:none}

.m-login.m-login--1.m-login--confirm_otp_code .m-login__confirm_otp_code {display:block}

.m-login.m-login--1.m-login--security_question .m-login__security_question {display:block}

.m-login.m-login--1.m-login--set_pin .m-login__set_pin {display:block}

/*
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-icon {
    color: #000!important;
}
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link {
    background-color: rgba(235,204,0,0.2)!important;
}
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading .m-menu__link-icon:hover, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-icon:hover {
    color: #000!important;
}
.m-menu__link .m-toggle:hover{
    color: #000!important;
}
*/
.m-grid .m-grid--center{
    background-image: url(./assets/app/media/img/bg/bg-4.jpg);
}

.m-login__title{
    font-size: 1.5em;
    color: #fff;
    word-spacing: 2px;
}
.m-login__info a{
    color: #fff !important;
}

.m-login__info a:hover{
    color: #fff !important;
}

.m-login__head h3{
    color: #000;
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label {
    font-size: 1.0rem;
}

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label {
    top: -2.25rem;
}

.m-portlet.m-portlet--creative {
    padding-top: 0.5rem;
}

.m-widget1 {
    padding: 0 2.2rem 2.2rem 2.2rem;
}
.cust-loans-history .progress{
    display:flex!important;
}

.cumulative_loan_balance_loader{
    width: 100px; display: inline-block;
}

.m-widget4.m-widget4--progress .m-widget4__progress {
    width: 35%;
}
.m-widget4.m-widget4--progress .m-widget4__info {
    width: 65%;
}
.m-login__signin {
    padding-top:15%;
}
.m-login__signup,.m-login__forget-password,.m-login__confirm_otp_code,.m-login__security_question,.m-login__set_pin{
    padding-top:15%;
}
.ngx-pagination {
    padding-left: 0;
}
.pagination{
    margin-top:20px;
}
.form-control-feedback{
    margin-top:5px;
}

/*page width fix*/
@media screen and (min-width: 1024px) {
    #m-cont-hldr{
        margin-left:50px!important;
        margin-right:50px!important;
    }
}

a:hover > *{
    color: #36a3f7 !important;
}

a.active > *{
    color: #36a3f7 !important;
}

/*==== begin header nav custom formatting ====*/
@media (max-width: 1024px){
    .m-aside-header-menu-mobile-close.m-aside-header-menu-mobile-close--skin-dark>i {
        color: #666!important;
    }
}
@media (max-width: 1024px){
    .m-aside-header-menu-mobile-close.m-aside-header-menu-mobile-close--skin-dark {
        background-color: #333!important;
        color: #00abf2!important;
    }
    .m-aside-header-menu-mobile-close.m-aside-header-menu-mobile-close--skin-dark:hover > * {
        background-color: #ccc!important;
        color: #00abf2!important;
    }
}
.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper>i {
    color: #00abf2!important;
}
.m-aside-left-close.m-aside-left-close--skin-dark>i {
    color: #00abf2;
}
.m-aside-left-close.m-aside-left-close--skin-dark>i:hover {
    color: #fff;
}
.m-aside-left-close.m-aside-left-close--skin-dark:hover {
    background-color: #00abf2!important;
}
@media (max-width: 1024px){
    .m-brand .m-brand__tools .m-brand__toggler span::after, .m-brand .m-brand__tools .m-brand__toggler span::before {
        background: #00abf2!important;
    }
}
@media (max-width: 1024px){
    .m-brand .m-brand__tools .m-brand__toggler span {
        background: #00abf2!important;
    }
}
.m-aside-left-toggler > span::before, .m-aside-left-toggler > span::after {
    color:#00abf2!important;
}
#m_header_topbar > div > ul > li.m-nav__item.m-dropdown.m-dropdown--medium.m-dropdown--arrow.m-dropdown--align-right.m-dropdown--mobile-full-width.m-dropdown--skin-light a > *{
    color:#7f7f7f!important;
}
#m_header_topbar > div > ul > li.m-nav__item.m-dropdown.m-dropdown--medium.m-dropdown--arrow.m-dropdown--align-right.m-dropdown--mobile-full-width.m-dropdown--skin-light a:hover > *{
    color:#00abf2!important;
}

@media (min-width: 1025px){
    .m-aside-left-toggler.m-aside-left-toggler--active span,
    .m-aside-left-toggler.m-aside-left-toggler--active span::after, .m-aside-left-toggler.m-aside-left-toggler--active span::before,
    .m-aside-left-toggler span::after, .m-aside-left-toggler span::before,
    .m-aside-left-toggler span {
        background:#00abf2!important;
    }
}

#m_aside_left_toggle > *::before, #m_aside_left_toggle > *::after{
    color:#00abf2!important;
}
#m-cont-hldr > div.m-subheader > div > div:nth-child(2) > div > a:hover{
    background:#00abf2!important;
    border-color: #00abf2!important;
}
.m-nav .m-nav__item>.m-nav__link > * {
    color:#7f7f7f!important;
}
.m-nav .m-nav__item>.m-nav__link:hover > * {
    color:#00abf2!important;
}

/*============================================*/

.blur-cont{
    position:absolute;
    right:0;
    top:0;
    width: inherit;
    height:30px;
    background-color: #00abf2;
    opacity: 0.1;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    margin-top:-15px;
    transition: 0.5s;
}
.hidden-cont-disp{
    position:absolute;
    right:0;
    top:0;
    width: inherit;
    height:30px; 
    color:#00abf2!important;
    font-size:9px!important;
    text-shadow: 1px 1px 2px #fff;
    opacity: 0.4;
    transition: 0.5s;
    margin-top:-10px;
}
.hidden-cont-shell{
    cursor:pointer;
}
.hidden-cont-shell:hover > .hidden-cont-disp{
    opacity: 0.9;
    transition: 0.5s;
}
.hidden-cont-shell:hover > .blur-loan-limit{
    opacity: 0.3;
    transition: 0.5s;
}
.hidden-cont-disp-amnt{
    display:none;
}

.cicn {
    font-size: 1.8rem!important;
    font-weight:normal!important;
}

input[type='text']:focus, input[type='password']:focus,
input[type='email']:focus, input[type='number']:focus,
input[type='file']:focus, textarea:focus, select:focus{
    border:1px solid #00abf2!important;
}