.login-css button{background: transparent!important;padding: 0px!important;margin-left: 10px;
	border: none;color: #fff;outline: none!important;box-shadow: none!important;position: relative;top: -2px;}
.login-css .dropdown-toggle::after{color: #fff;}
.login-css button:hover,.login-css .show button{color: var(--color-r)!important;}
.login-css .dropdown-toggle:hover::after,
.login-css .show .dropdown-toggle::after{color: var(--color-r)!important;}

.login-css .dropdown-menu{padding: 0px;}
.login-css .dropdown-divider{margin: 0px;}
.login-css .dropdown-item{padding:0.5rem 1.5rem;font-size: 15px;}
.login-css .dropdown-item:focus,.login-css .dropdown-item:hover{background: var(--color-r)!important;color: #fff!important;}

a,a:hover,a:focus{color: var(--color-r);}
.wrap-user{width:100%;max-width:550px;margin:auto;border:1px solid #bce8f1;
    border-radius:5px;}
.title-user{background-color:var(--color-r);padding:12px 15px;border-radius:5px 5px 0px 0px;}
.title-user span{color:#fff;font-weight:700;text-transform: uppercase;}
.title-user a{color:#0056b3;font-size:12px;}
.form-user{padding:20px 15px;}
.input-user{margin-bottom:0.75rem;}
.input-user input{font-size:14px;}
.button-user{margin-bottom:1rem;}
.button-user input{font-size:14px;}
.checkbox-user,.radio-user{cursor:pointer;}
.checkbox-user input{top:calc(50% - 1.25rem/2);height:auto;}
.checkbox-user label{font-size:14px;cursor:pointer;}
.checkbox-user label::before,.checkbox-user label::after{top:calc(50% - 1rem/2);}
.radio-user{margin-right:1rem;}
.radio-user:last-child{margin-right:0px;}
.radio-user label::before,.radio-user label::after{top:calc(50% - 1rem/2);}
.note-user{font-size:14px;border-top:1px solid #ddd;padding-top:0.5rem;}
.btn-primary-cs{
    border-color: var(--color-r)!important;
    background-color: var(--color-r);
}
.btn-primary-cs:hover,.btn-primary-cs:focus{
    border-color: var(--color-r)!important;
    background-color: var(--color-r)!important;
}
/*====*/
.modal-auth-custom .modal-body {
    padding-top: 0;
    padding-bottom: 0;
}
.modal-auth-custom{}
.modal-auth-custom .modal-header .close {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #fff;
}
.modal-auth-custom .modal-content {
    background-color: #000;
    color: #7a7a7a;
}
.modal-auth-custom .modal-header {
    padding-top: 1.8rem;
    border-bottom: none;
}
.modal-auth-custom .modal-header .modal-title {
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 0;
    color: #fff;
    text-align: center;
    width: 100%
}
.modal-auth-custom .btn:not(.btn-link) {
    display: block;
    width: 100%
}
.modal-auth-custom .btn-link {
    display: inline;
    padding: 0;
    text-transform: inherit;
    font-size: .8rem;
    color: inherit;
    vertical-align: inherit;
    line-height: inherit
}
.modal-auth-custom .btn-link:hover {
    color: #fff!important
}
.modal-auth-custom .separator {
    color: #4d4d4d;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    margin-bottom: 15px
}
.modal-auth-custom .separator span {
    display: inline-block;
    padding: 0 10px;
    background: #000;
    font-size: .75rem;
    position: relative;
    z-index: 1;
    color: #eee
}
.modal-auth-custom .separator::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #4d4d4d;
    top: 50%;
    position: absolute;
    left: 0
}
.modal-auth-custom p {
    text-align: center
}
.modal-auth-custom p a {
    color: inherit;
    text-decoration: underline
}
.modal-auth-custom .forget-password,
.modal-auth-custom .toc {
    font-size: .75rem
}
.modal-auth-custom .modal-title {
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-left: 30px
}
.modal-auth-custom .register-hint {
    font-size: .9rem;
    color: #fff
}
.modal-auth-custom .register-hint .btn-link {
    font-size: 1em
}
.modal-auth-custom label {
    font-weight: 700;
    font-size: .75rem;
    margin-bottom: 0
}
.form-control-container {
    position: relative;
}
.form-control-container .reveal {
    position: absolute;
    cursor: pointer;
    top: 11px;
    right: 8px;
    color: var(--color-r)
}
.btn-outline-primary {
    color: var(--color-r)!important;
    border-color: var(--color-r)!important;
}
.btn-outline-primary:hover{color: #fff!important}
.btn-login-facebook {
    background-color: #4568b1!important;
    border-color: #4568b1!important;
    color: #fff!important;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, 
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active{
    color: #fff!important;
    background-color: #111316!important;
    border-color: #0b0d0f!important;
}
.tit-tt{font-weight:700;margin-bottom: 15px;font-size:18px;}
.modal input{background: #fff!important;}
.modal .btn-primary{
    border-color: var(--color-r)!important;
    background-color: var(--color-r);
}
.btn-outline-primary:hover,.btn-outline-primary:focus{
    border-color: var(--color-r)!important;
    background-color: var(--color-r);
}

@media (min-width: 576px){
	.modal-auth-custom .modal-dialog {
	    max-width: 400px;
	    margin: 1.75rem auto;
        
	}
}


/*=====*/
/*====*/
.learner-profile {
    margin-top: 42px;
   
}
.learner-profile .image-box {
    background-color: rgba(33, 33, 33, .42)
}
.learner-profile .image-box h4{font-weight:700;font-size: 20px;color: var(--color-r);}
.learner-profile .quick-stats-number {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 5px
}
.learner-profile .quick-stats-desc {
    text-transform: uppercase;
    color: #6c757d;
    font-size: 12px
}
.learner-profile .connections .btn {
    -webkit-box-flex: 1;
    flex: 1 0
}
.learner-profile .connections .btn + .btn {
    margin-left: 32px
}
.learner-profile .connections .btn-google {
    background-color: #f14336
}
.learner-profile .connections .btn-facebook {
    background-color: #385c8e
}
.learner-profile .actions button {
    color: #CCB456;
    border: none;
    background: 0 0
}
.learner-profile .actions button:hover {
    text-decoration: underline
}
.learner-profile .tab-content {
    margin-top: 32px
}

.box-edit{width: 35px;height: 35px;border-radius: 50%;border:2px solid var(--color-r);background: #fff;color:var(--color-r);position: absolute;bottom: 10px;right: 10px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.box-edit i{position: absolute;top: 50%;left: 50%;transform: translate(-35%,-50%);cursor: pointer;}
#file{position:relative;z-index: 1;text-indent: -99999px;width: 30px;height: 30px;outline: none;cursor: pointer;}
#readURL{border:3px solid var(--color-r)}
.profile-image {
    position: relative;
    border: 1px solid #0003;
}
.nav-tabs-line {
    border-bottom: 1px solid #fff2;
    flex-wrap: nowrap
}
.nav-tabs-line .nav-item {
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-align: center
}
.nav-tabs-line .nav-link {
    padding: 16px;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    background-color: transparent;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}
@media (min-width:992px) {
    .nav-tabs-line .nav-item + .nav-item {
        margin-left: 5px
    }
    .nav-tabs-line .nav-item {
        -webkit-box-flex: 0;
        flex-grow: 0
    }
    .nav-tabs-line .nav-link {
        padding: 16px 30px
    }
}
@media (max-width: 850px){
    .d-sm-none-custom {
        display: none;
    }
}
.nav-tabs-line .nav-link::before {
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}
.nav-tabs-line .nav-link:focus,
.nav-tabs-line .nav-link:hover {
    border-color: transparent
}
.nav-tabs-line .nav-link:hover::before {
    background-color: var(--color-r)
}
.nav-tabs-line .nav-link.active {
    border-color: transparent;
    background-color: transparent;
    color: var(--color-r)
}
.nav-tabs-line .nav-link.active::before {
    background-color: var(--color-r)
}

.transaction-list table.table-dark tbody td, .transaction-list table.table-dark tbody th {
    background-color: #000;
}

/*===*/
.box__fillter{
    border:1px solid #e2e2e2;
    margin-bottom: 30px;
    padding: 5px;
}
.tit__fillter{
    padding: 10px 15px;
    background-color: #f5f5f5;
    font-size: 17px;
    font-weight: 600;
    color: #222;
}
.collapse__fillter{padding: 0px 15px;}
.checkbox__fillter{padding: 7px 0px;border-bottom: 1px solid #eee;color: #222;
    font-size: 16px;font-weight: 400;display: flex;align-items: center;
    justify-content: space-between;}
.checkbox__fillter label{width: 100%;margin-bottom: 0px;margin-right: 10px;cursor: pointer;}
.checkbox__fillter label:hover{color: var(--color-r);}
.checkbox__fillter span{font-size: 13px;color: #888;}
.checkbox__fillter:last-child{border: none;padding-bottom: 0px;}
.checkbox__fillter input[type="radio"]{display: none;}
.checkbox__fillter label {
    position: relative;
    padding-left: 25px;
}
.checkbox__fillter label:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid var(--color-r);
    position: absolute;
    left: 0;
    top: 5px;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
} 
.checkbox__fillter.active label:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    left: 0px;
    top: 0px;
    position: absolute;
    transform: scale(0.7);
    color: var(--color-r);
}
/*===*/
.scroll-y{max-height: 255px;overflow-y: auto;}  
.scroll-y::-webkit-scrollbar {
    width: 3px;
}
.scroll-y::-webkit-scrollbar-track {
    background: auto;
}
.scroll-y::-webkit-scrollbar-thumb {
    background: var(--color-r);
    border-radius: 15px;
}