*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: #fff;
}
*::-webkit-scrollbar {
    height: 20px;
    width: 20px;
}
*::-webkit-scrollbar-thumb {
    background: #dee2e6;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
    transition: all 2s ease;
}
*::-webkit-scrollbar-thumb:hover {
    background-color: #0032B9 ;
}

html, body, .wrapperP{
    width: 100%;
    height: 100%;
}

body{
    font-family: 'Poppins', sans-serif !important;
    color: #000;
    font-weight: 400;
    font-size: 14px;
}

a, .btn {
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

a:hover, a:active, a:focus{
    text-decoration: none;
    cursor:pointer;
}

.pointer{
    cursor: pointer;
}

.noPointer{
    cursor: default;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: -2px;
}

/* Position */
.posRel{
    position: relative;
}

.posAbs{
    position: absolute;
}

.dispNone{
    display: none;
}

.card .overlay.table{
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.b-yellow{
    background: #FFA000;
}

.b-green{
    background: #2AC156;
}

.b-red{
    background: #FF5C5B;
}

.b-grey{
    background: #4A4A4A;
}
.b-light-grey{
    background: #C1C1C1;
}

.b-blue{
    background: #013AE6;
}

.b-cyan{
    background: #058495;
}

.b-purple{
    background: #762AC1;
}

.td-yellow{
    color: #FFA000;
    font-weight: 600;
}

.td-yellow span{
    background: #FFFAF2;
    padding: 6px 8px;
    border-radius: 8px;
}

.td-green{
    color: #2AC156;
    font-weight: 600;
}

.td-green span{
    background: #F4FCF6;
    padding: 6px 8px;
    border-radius: 8px;
}

.td-red{
    color: #FF5C5B;
    font-weight: 600;
}

.td-red span{
    background: #FFF7F6;
    padding: 6px 8px;
    border-radius: 8px;
}

.td-grey{
    color: #4A4A4A;
    font-weight: 600;
}

.td-grey span{
    background: #F6F6F6;
    padding: 6px 8px;
    border-radius: 8px;
}

.td-light-grey{
    color: #C1C1C1;
    font-weight: 600;
}

.td-light-grey span{
    background: #F6F6F6;
    padding: 6px 8px;
    border-radius: 8px;
}

.td-blue span{
    color: #013AE6;
    font-weight: 600;
}

.td-blue span{
    background: #F2F5FE;
    padding: 6px 8px;
    border-radius: 8px;
}

.td-cyan span{
    color: #058495;
    font-weight: 600;
}

.td-cyan span{
    background: #F2F9FA;
    padding: 6px 8px;
    border-radius: 8px;
}

.td-purple span{
    color: #0032B9;
    font-weight: 600;
}

.td-purple span{
    background: #5A35F433;
    padding: 6px 8px;
    border-radius: 8px;
}

.td-light-blue span{
    color: #1BE0E0;
    font-weight: 600;
}

.td-light-blue span{
    background: #F3FEFE;
    padding: 6px 8px;
    border-radius: 8px;
}

.td-brown span{
    color: #C19E2A;
    font-weight: 600;
}

.td-brown span{
    background: #FCFAF4;
    padding: 6px 8px;
    border-radius: 8px;
}

td .badge{
    display: inline-flex;
    min-width: 1.4rem;
    height: 1.4rem;
    align-items: center;
    justify-content: center;
}

/* Loader */
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.loader, .ajaxLoader{
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999999;
}

.ajaxLoader{
    display: none;
}

.loader .lds-ripple, .ajaxLoader .lds-ripple{
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.login-box, .register-box {
    width: 360px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-group label{
    color: #4A4A4A !important;
    font-weight: 500 !important;
}

.jErr, .jErr label{
    font-weight: 500 !important;
    color: red !important;
    font-size: 0.8rem;
    margin: 0;
}

.jErr{
    height: auto;
    height: 18px;
}

.form-group {
    margin-bottom: 0.4rem;
}

.form-control {
    font-size: 0.9rem;
}

.alert{
    padding: 5px 5px 5px 15px;
    margin-bottom: 1rem;
    border: none;
    font-size: .8rem;
    border-radius: 50px;
    box-shadow: none;
}

.log-box{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.log-box-l{
    background-image: url('../img/bg-admin-login.png');
    background-color: #0032B9;
    width: 50%;
    height: 100%;
    background-position: center;
    background-size: cover;
    float: left;
    box-shadow: 12px 5px 16px #cacaca;
    border-radius: 0 50px 50px 0;
}

.log-box-r{
    width: 50%;
    height: 100%;
    float: left;
    overflow-x: hidden;
}

.log-box-logo{
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 350px;
}

.log-box-logo img{
    width: 100%;
}

.login-card-body{
    max-width: 560px;
    margin: 10% auto 0 auto;
    background: transparent;
    /*left: 50%;*/
    /*-ms-transform: translate(-50%, -30%);*/
    /*transform: translate(-50%, -30%);*/
}

.title-1{
    color: #000059;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 30px 0;
}

.login-card-body .input-group.ig-1 .input-group-text,
.register-card-body .input-group.ig-1 .input-group-text {
    border-bottom-left-radius: .25rem;
    border: 1px solid #F0F1F5;
    border-right: 0;
    border-top-left-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.login-card-body .input-group.ig-1 .form-control,
.register-card-body .input-group.ig-1 .form-control {
    border-right: 1px solid #F0F1F5;
    border-left: 1px solid #fff !important;
}

.fc-1 {
    height: calc(2.25rem + 19px);
}

.card-body .dd-1 .select2-container{
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
    width: 100% !important;
    height: calc(2.25rem + 2px);
}

.card-body .dd-1 .select2-container .select2-selection--single {
    height: calc(2.25rem + 2px);
    border: 1px solid #F0F1F5;
    outline: 0;
    outline-offset: -2px;
    padding-left: 5px;
}

.card-body .dd-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #4A4A4A;
    line-height: 28px;
}

.card-body .dd-1 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(2.25rem + 2px);
}

.log-box-r .dd-1 .select2-container{
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
    height: 55px;
}

.log-box-r .dd-1 .select2-container .select2-selection--single {
    height: 55px;
    border: 1px solid #F0F1F5;
    outline: 0;
    outline-offset: -2px;
    padding-left: 5px;
}

.log-box-r .dd-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #495057;
    line-height: 44px;
}

.log-box-r .dd-1 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
}

.modal-body .dd-1 .select2-container{
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
    height: 55px;
    width: 100% !important;
}

.modal-body .dd-1 .select2-container .select2-selection--single {
    height: 55px;
    border: 1px solid #F0F1F5;
    outline: 0;
    outline-offset: -2px;
    padding-left: 5px;
}

.modal-body .dd-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #495057;
    line-height: 44px;
}

.modal-body .dd-1 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
}

.formModal .dd-1 .select2-container .select2-selection--single {
    height: calc(2.25rem + 2px);
    border: 1px solid #F0F1F5;
    outline: 0;
    outline-offset: -2px;
    padding-left: 5px;
}

.formModal .dd-1 .select2-container{
    height: 38px;
}

.formModal .dd-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #4A4A4A;
    line-height: 28px;
}

.formModal .dd-1 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.show.modal{
    padding-right: 0 !important;
}

.btn,
.btn:focus,
.btn:active,
.btn:hover{
    height: 60px;
    font-size: 18px;
    font-weight: 600;
    padding-top: 16px;
}

.btn:hover{
    opacity: 0.9;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover{
    color: #fff;
    background: linear-gradient(to bottom, #00C0FF, #0032B9);
    background-color: transparent;
    border-color: transparent;
    box-shadow: 0px 25px 20px -15px #5A35F434;
}

.btn-primary:hover{
    background-color: white ;
    border-color: transparent ;
    box-shadow: 0px 0px 0px 0px rgba(53, 124, 217, 0.7);
}

.btn i{
    font-size: 0;
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    position: relative;
    top: -1px;
    right: -2px;
}

.btn-primary:hover i{
    font-size: 80%;
}

.btn-green-line,
.btn-green-line:focus,
.btn-green-line:active,
.btn-green-line:hover{
    color: #2AC156;
    background-color: #fff;
    border-color: #2AC156;
    box-shadow: 0px 25px 20px -15px rgba(184, 236, 199, 0.7);
}

.btn-green-line:hover{
    background-color: #2AC156;
    border-color: #2AC156;
    color: #fff;
    box-shadow: 0px 0px 0px 0px rgba(53, 124, 217, 0.7);
}

.btn-green-line i{
    font-size: 0;
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    position: relative;
    top: -1px;
    right: -2px;
}

.btn-green-line:hover i{
    font-size: 80%;
}

.btn-green,
.btn-green:focus,
.btn-green:active,
.btn-green:hover{
    color: #fff;
    background-color: #2AC156;
    border-color: #2AC156;
    box-shadow: 0px 25px 20px -15px rgba(6, 212, 66, 0.85);
}

.btn-green:hover{
    background-color: #1BA343;
    border-color: #1BA343;
    box-shadow: 0px 0px 0px 0px rgba(6, 212, 66, 0.85);
}

.btn-green:hover i{
    font-size: 80%;
}

.max-w-210{
    max-width: 210px;
    width: 100%;
}

.min-w-120{
    min-width: 120px;
}

.min-w-150{
    min-width: 150px;
}

.captchaNum{
    background: #4A4A4A;
    background-color: #4A4A4A !important;
    color: #fff !important;
    font-size: 1.2rem;
    padding: 0 30px;
    font-family: sans-serif;
}

.title-2{
    color: #000059;
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 5px 0;
    text-align: center;
}

.title-2-sub{
    font-size: 16px;
    color: #4A4A4A;
}

.modal-header{
    border-bottom: none;
    padding-bottom: 0;
}

.modal-body {
    padding: 1rem 2rem;
}

.modal-footer{
    text-align: center;
    border: none;
    margin-bottom: 30px;
    padding-top: 0;
}

.m-auto{
    margin-left: auto;
    margin-right: auto;
}

.tacCounterPanel span{
    color: #FF3636;
}

.brand-link {
    padding: .8125rem .5rem .8125rem 1.2rem;
    border-bottom-color: transparent !important;
}

[class*=sidebar-dark-] {
    background-color: #1C1C24;
}

.sidebar{
    padding-left: 0;
    padding-right: 0;
}

.nav-sidebar>.nav-item {
    margin-bottom: 0;
}

.nav-sidebar .nav-item>.nav-link{
    padding-left: 1.5rem;
    padding-right: .5rem;
    padding-top: 1.05rem;
    padding-bottom: 1.3rem;
    height: 50px;
    margin-bottom: 0;
    border-radius: 0;
    font-weight: 600;
}

.nav-sidebar .nav-link img{
    position: relative;
    top: -1px;
    margin-right: 5px;
}
.nav-sidebar>.nav-item .nav-icon.fa, .nav-sidebar>.nav-item .nav-icon.fab, .nav-sidebar>.nav-item .nav-icon.far, .nav-sidebar>.nav-item .nav-icon.fas, .nav-sidebar>.nav-item .nav-icon.glyphicon, .nav-sidebar>.nav-item .nav-icon.ion {
    font-size: 12px;
}

[class*=sidebar-dark-]{
    background: #0058FF !important;
    background-color: #0058FF;
}
.brand-link{
    background: transparent !important;
    background-color: transparent;
}

.layout-fixed .main-sidebar{
    border-radius: 0 20px 20px 0;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #0032B9;
    color: white;
    border-radius: 0;
    position: relative;
}

.image-collapse{
    display: none;
}

.sidebar-collapse .image-collapse{
    display: block;
}

.sidebar-collapse .image-not-collapse{
    display: none;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active:after{
    content: " ";
    position: absolute;
    width: 5px;
    height: 100%;
    background: white;
    left: 0;
    top: 0;
    border-radius: 0 5px 5px 0;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: white;
    color: #0032B9;
    height: 45px;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    color: #F9F9F9;
    height: 45px;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    border-radius: 0;
}

.card {
    box-shadow: 0 10px 20px rgb(62 73 84 / 4%);
    margin-bottom: 1rem;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.02);
}

.modal-body{
    border-bottom: 1px solid #EEEEEE;
}

.dropdown-menu{
    border: none;
}

.card-title {
    font-size: 1rem;
    font-weight: 600;
}

.card-footer{
    padding: 0 1.25rem .75rem 1.25rem;
    background-color: #fff;
    margin-bottom: 20px;
}

.card-primary:not(.card-outline)>.card-header, .card-primary:not(.card-outline)>.card-header a {
    color: #000059;
}

.card-primary:not(.card-outline)>.card-header {
    background-color: #E5EBFD;
}

.btn-tool,
.btn-tool:hover,
.btn-tool:focus,
.btn-tool:active{
    border: none;
    color: #000059 !important;
    outline: none;
}

.content-header h1 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1C1C24;
    margin: 10px 0 5px 0px;
}

.btn-2, .btn-2:focus, .btn-2:active, .btn-2:hover {
    height: 40px;
    font-size: 14px;
    padding-top: 9px;
}

.btn-mw, .btn-mw:focus, .btn-mw:active, .btn-mw:hover {
    min-width: 120px;
}

.select2-container--default .select2-dropdown.select2-dropdown--below{
    background: #f5f5f5;
}
.nav-sidebar .nav-link>.right, .nav-sidebar .nav-link>p>.right {
    top: 1.5rem;
}

.tipso_style {
    cursor: help;
    border-bottom: none;
}

.bg-grey, .bg-grey>a,
.bg-cyan, .bg-cyan>a,
.bg-red, .bg-red>a,
.bg-green, .bg-green>a,
.bg-purple, .bg-purple>a,
.bg-blue, .bg-blue>a {
    color: #fff!important;
}

.bg-grey:hover,
.bg-cyan:hover,
.bg-red:hover,
.bg-green:hover,
.bg-purple:hover,
.bg-blue:hover{
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.bg-cyan {
    background-color: #058495 !important;
    box-shadow: 0 0 5px #058495
}

.bg-grey {
    background-color: #4A4A4A !important;
    box-shadow: 0 0 5px #4a4a4a
}

.bg-green {
    background-color: #2AC156 !important;
    box-shadow: 0 0 5px #2AC156
}

.bg-purple {
    background-color: #0032B9!important;
    box-shadow: 0 0 5px #00C0FF;
}

.bg-blue {
    background-color: #013AE6 !important;
    box-shadow: 0 0 5px #013AE6
}

.bg-red {
    background-color: #FF5C5B !important;
    box-shadow: 0 0 5px #FF5C5B
}

.bg-grey:hover,
.bg-purple:hover,
.bg-red:hover,
.bg-green:hover,
.bg-blue:hover{
    box-shadow: 0 0 0 #FF5C5B
}

.navbar-light .navbar-nav .nav-link.tm-green {
    color: #1BA343;
}

.nav-s1.tm-green {
    border: 2px solid #89DDA1;
    border-radius: 10px;
    background: #E9F9EE;
}

.quick-search .input-group{
    border: 2px solid #89DDA1;
    background: #E9F9EE;
    color: #1BA343;
    border-radius: 10px;
    max-width: 172px;
    font-size: .8rem;
}

.quick-search .form-control,
.quick-search .form-control:hover,
.quick-search .form-control:focus,
.quick-search .form-control:active{
    background: none;
    height: 36px;
    padding-left: 0;
    padding-right: 10px;
    font-size: .8rem;
}

.quick-search .input-group-prepend{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
}

.card-body ::-webkit-input-placeholder {
    font-weight: 300;
    color: #C1C1C1;
}

.card-body :-moz-placeholder { /* Firefox 18- */
    font-weight: 300;
    color: #C1C1C1;
}

.card-body ::-moz-placeholder {  /* Firefox 19+ */
    font-weight: 300;
    color: #C1C1C1;
}

.card-body :-ms-input-placeholder {
    font-weight: 300;
    color: #C1C1C1;
}

.quick-search .form-control::placeholder {
    color: #1BA343;
    opacity: 1;
}

.quick-search .form-control:-ms-input-placeholder {
    color: #1BA343;
}

.quick-search .form-control::-ms-input-placeholder {
    color: #1BA343;
}

.dropdown-item {
    font-size: 0.86rem;
}

.navbar-light .navbar-nav .nav-link {
    color: #4A4A4A;
}

.nav-s1{
    border: 1px solid #E9ECEF;
    border-radius: 10px;
}

.ddl-15.dropdown-menu.show{
    left: -10px !important;
    top: -12px !important;
}

.dd-date-filter{
    background: #ECEFF8;
    padding: 10px 10px;
    border-radius: 10px;
    color: #013AE6;
}
.dd-date-filter:hover{
    background: #013AE6;
}

.dd-date-filter .dropdown-toggle,
.dd-date-filter .dropdown-toggle:active,
.dd-date-filter .dropdown-toggle:focus,
.dd-date-filter .dropdown-toggle:hover{
    color: #013AE6;
}

.dd-date-filter:hover .dropdown-toggle,
.dd-date-filter:hover .dropdown-toggle:active,
.dd-date-filter:hover .dropdown-toggle:focus,
.dd-date-filter:hover .dropdown-toggle:hover{
    color: #fff;
}

.dd-date-filter{
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    transition: ease 0.5s;
}

.dd-date-filter .dropdown-toggle img{
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.dd-date-filter:hover .dropdown-toggle img{
    filter:  brightness(0) invert(1);
}

.txt-filter{
    font-weight: 700;
}

.txt-filter-sub{
    font-weight: 500;
    font-size: 0.8rem;
}

.dd-date-filter img{
    margin: 8px 10px 0 5px;
}

.dd-date-filter .dropdown-toggle::before {
    display: inline-block;
    margin-left: 1em;
    vertical-align: -0.745em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    top: 14px;
    border-left: .3em solid transparent;
}

.dd-date-filter .dropdown-toggle::after {
    display: none;
}

.type-check{
    min-width: 20px;
    display: inline-block;
}

.type-check img{
    margin: -4px 0 0 0;
    display: inline-block;
}

.fc-dateFilter .input-group{
    border: 1px solid #FF5C5B;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.fc-dateFilter .form-control, .fc-dateFilter .input-group-text{
    background: none;
    padding: 1.1rem .75rem;
    border: none;
    height: auto;
}

.fc-dateFilter {
    width: 100%;
    max-width: 150px;
    height: 60px;
}

.fc-dateFilter-to{
    height: 60px;
}

.customDatePanel{
    width: 0;
    height: 60px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    overflow: hidden;
}

.customDatePanel.active{
    width: 350px;
}

.t-green{
    color: #2AC156;
}

.t-red{
    color: #FF5C5B;
}

.t-blue{
    color: #013AE6;
}

.dash{
    box-shadow: 0 0 10px rgba(238, 238, 238, 0.55);
    border-radius: 10px;
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.hov .dash:hover{
    background: #f6fff6;
}

.dash-2{
    font-weight: 700;
    font-size: 18px;
}

.dash-2 .curr{
    font-size: 12px;
    vertical-align: top;
}

.dash-3{
    font-weight: 500;
    color: #7E7E7E;
    font-size: 15px;
}

.dash-3 span{
    font-size: 12px;
}

.dash-4 {
    margin-top: 1rem;
}

.dash-4 span{
    font-weight: 600;
}

.ch-title{
    color: #000059;
    font-weight: 600;
    font-size: 1rem;
    border-bottom: 1px solid #EEEEEE;
}

.myChart{
    height: 300px;
}

.chart-1{
    width: 70%;
    padding-right: 15px;
}

.chart-2{
    width: 30%;
}

.card-prog .progress-text{
    color: #4A4A4A;
    font-weight: 500;
}

.card-prog .progress {
    margin: 0.4rem 0 0 0;
}

.card-prog .progress-group{
    margin-bottom: 1.6rem;
}

.card-prog .progress-bar, .card-prog .progress{
    border-radius: 50px;
}

.logo-login-2{
    display: none;
}

.r-box{
    border: 1px solid #EEEEEE;
    padding: 15px;
    border-radius: 10px;
    min-width: 220px;
}

.r-box .r-box-1{
    font-weight: 500;
}

.r-box .r-box-2{
    font-size: 20px;
    font-weight: 700;
}

.r-box .r-box-3{
    font-weight: 600;
}

.r-box.active{
    border: 1px solid #013AE6;
    background: #013AE6;
    color: #fff;
    box-shadow: 0px 25px 20px -15px rgba(53, 124, 217, 0.7);
}

.r-chart{
    max-width: 220px;
    padding: 30px 50px 15px 50px;
    margin-right: 15px;
}

.r-progress{
    width: 100%;
    max-width: 455px;
    margin-top: 2rem;
}

.r-progress .progress {
    margin: 0.4rem 0 0 0;
}

.r-progress .progress-group{
    margin-bottom: 1.6rem;
}

.r-progress .progress-bar, .r-progress .progress{
    border-radius: 50px;
}

.rp-1{
    width: 90px;
    color: #7E7E7E;
    font-weight: 500;
}

.rp-2{
    width: calc(100% - 200px);
    margin-right: 20px;
}

.rp-3{
    width: 110px;
    text-align: right;
    color: #7E7E7E;
    font-weight: 500;
}

.p-chart{
    width: 250px;
    margin: auto;
}

#p-chart{
    width: 100%;
    max-width: 200px;

}

.chart-legend{
    color: #7E7E7E;
    font-weight: 500;
}

.chart-legend ul{
    list-style: none;
}

.chart-legend span{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 10px;
}

th, td{
    color: #4A4A4A;
}

tfoot tr{
    background: #F9F9F9;
}

.td-bullet span{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    margin: 0 5px 0 0;
}

table{
    border-bottom: 1px solid #f2f2f2;
}

.table-legend{
    color: #4A4A4A;
    font-weight: 500;
}

.table-legend span{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    margin-left: 15px;
    margin-right: 3px;
}

.table-legend span:first-child{
    margin-left: 0;
}

.modal-header .close, .modal-header .mailbox-attachment-close {
    padding: 5px;
    margin: -1.1rem -0.7rem 0rem auto;
}

.box-check-id{
    background: #F9F9F9;
    border: 1px solid #F0F1F5;
    border-radius: 10px;
    text-align: center;
    margin: 2rem 0 0 0;
    color: #4A4A4A;
    font-size: 16px;
}

.cb-1{
    font-size: 1.2rem;
    font-weight: 700;
}

.col-sm-3-vv {
    -ms-flex: 0 0 205px;
    flex: 0 0 205px;
    max-width: 205px;
    text-align: right;
}

.col-sm-9-vv {
    -ms-flex: 0 0 calc(100% - 205px);
    flex: 0 0 calc(100% - 205px);
    max-width: calc(100% - 205px);
}

.text-muted{
    color: #4A4A4A;
    font-weight: 500;
}

.text-muted img{
    position: relative;
    top: -2px;
    width: 18px;
}

.btn-add-on:focus,
.btn-add-on:hover,
.btn-add-on:active,
.btn-add-on{
    height: 38px;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 12px;
}

.dd-1.dd-mobile .select2-container .select2-selection--single{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dd-1.dd-mobile input{
    border-left: none;
}

.dd-1.dd-mobile .select2-container--open .select2-dropdown{
    width: 210px;
}

.upload-image{
    border: 1px solid #F0F1F5;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    min-width: 210px;
    overflow: hidden;
    cursor: pointer;
}

.upload-image-head{
    padding: 20px 0 0px 0;
    font-size: 0.8rem;
}

.upload-image-head img{
    width: 36px;
    margin: 0 0 10px 0;
}

.upload-image-head p{
    margin: 0;
    padding-bottom: 1rem;
}

.upload-image-body{
    border-top: 1px solid #F0F1F5;
    background: #F2F7FF;
    color: #4A4A4A;
    font-weight: 600;
    padding: 5px 0;
}

.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before {
    background-color: #013AE6;
    border-color: #013AE6;
}

.icheck-primary>input:first-child+input[type=hidden]+label::before, .icheck-primary>input:first-child+label::before ,
.icheck-primary>input:first-child+input[type=hidden]+label::after, .icheck-primary>input:first-child+label::after {
    transition: 0.2s;
}

.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before, .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
    border: 1px solid #013AE6;
}

[class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after, [class*=icheck-]>input:first-child:checked+label::after {
    left: 6px;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50px;
    background: #fff;
    bottom: 0;
    right: 0;
    margin: auto 0;
    transform: none;
}

[class*=icheck-]>input:first-child+input[type=hidden]+label::before, [class*=icheck-]>input:first-child+label::before {
    width: 20px;
    height: 20px;
}

[class*=icheck-]>label {
    min-height: 20px;
    line-height: 20px;
}

.form-group [class*=icheck-]>label {
    font-weight: 400 !important;
}

.flex2{
    width: 100%;
    max-width: 400px;
}

.box-amount-green{
    border: 2px solid #CBF1D6;
    background: #F4FCF6;
    width: 300px;
    text-align: center;
    border-radius: 8px;
    padding: 15px 0 25px 0;
}

.box-amount-head{
    color: #353548;
    font-weight: 500;
    font-size: 16px;
    padding: 15px 0 0px 0;
}

.box-amount-body{
    color: #2AC156;
    font-weight: 600;
    font-size: 26px;
}

.mw-d300{
    width: calc(100% - 300px);
}

.mwa-50{
    min-width: 50px;
    text-align: center;
    display: inline-block;
}

.fc-dateFilter2 .form-control:disabled, .fc-dateFilter2 .form-control[readonly], .fc-dateFilter2 .input-group-text,
.fc-addon .form-control:disabled, .fc-addon .form-control, .fc-addon .input-group-text{
    background: none;
}

.fc-dateFilter2 .form-control:disabled, .fc-dateFilter2 .form-control[readonly],
.fc-addon .form-control:disabled, .fc-addon .form-control{
    border: 1px solid #F0F1F5;
    border-right: none;
}

.fc-dateFilter2 .input-group-text,
.fc-addon .input-group-text {
    border-left: none;
}

.fc-curAddon .input-group-text {
    color: #4A4A4A;
    background-color: #F0F1F5;
    border: 1px solid #F0F1F5;
    font-weight: 500;
    font-size: 14px;
}

.posAbs0{
    position: absolute;
    width: 0;
    height: 0;
}

.preview-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: cover;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
}

.image-add-box{
    height: 50px;
    cursor: pointer;

}

.image-add-box .t-blue{
    color: #4A4A4A;
}

.image-add-box:hover .t-blue{
    color: #013AE6;
}

.image-add-box .upload-image{
    min-width: 90px;
    border-radius: 8px;
    background: #f2f7ff;
    border: 1px solid #f2f7ff;
}

.image-add-box .upload-image-head{
    padding: 5px 0 5px 0;
}

.closeImageAddOn{
    position: absolute;
    right: 7px;
    z-index: 1;
}

.generalIcon{
    width: 100%;
    max-width: 97px;
    margin: -20px auto 15px auto;
}

.btnGeneralModal:hover,
.btnGeneralModal:focus,
.btnGeneralModal:active,
.btnGeneralModal{
    padding: 6px 0 0 0;
    height: 36px;
    max-width: 120px;
    border-radius: 50px;
    font-size: 14px;
    margin: 5px auto 0 auto;
    background-color: #517aff;
    border-color: #517aff;
    font-weight: 500;
}

.backMainSH{
    text-decoration: underline;
    color: #1C1C24;
}

.backMainSH.btn{
    text-decoration: none;
    color: #444;
}

.card-body .dd-1 .select2-container .select2-selection--single[aria-disabled="true"],
.select2-container--default.select2-container--disabled .select2-selection--single[aria-disabled="true"],
.form-control:disabled, .form-control[readonly] {
    background-color: #f4f6f9;
    border-color: #f4f6f9;
    opacity: 1;
}

.td-link:hover,
.td-link:focus,
.td-link:active,
.td-link {
    border-radius: 4px;
    font-weight: 500;
    padding: 2px 8px;
    border: 2px solid transparent;
    background: #fff;
    font-size: 12px;
}

.td-link:hover{
    opacity: 0.9;
}

.link-red:hover,
.link-red:focus,
.link-red:active,
.link-red{
    border-color: #FF5C5B;
    color: #FF5C5B;
}

.link-blue:hover,
.link-blue:focus,
.link-blue:active,
.link-blue{
    border-color: #013AE6;
    color: #013AE6;
}

.link-green:hover,
.link-green:focus,
.link-green:active,
.link-green{
    border-color: #2AC156;
    color: #2AC156;
}

.content-wrapper .content {
    padding: 0 .5rem;
}

.t-grey-st2{
    color: #C1C1C1;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 15px;
}

.t-grey-st3{
    color: #C1C1C1;
    font-style: italic;
}

.card-body-curve{
    border-radius: 20px;
}

.tab-st1 .nav{
    border: none;
}

.tab-st1 .nav-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    color: #4A4A4A;
    font-weight: 500;
    margin-right: 2rem;
    padding: 1.6rem 0;
}

.tab-st1 .nav-tabs .nav-item:last-child .nav-link {
    margin-right: 0;
}

.tab-st1 .nav-tabs .nav-item.show .nav-link,
.tab-st1 .nav-tabs .nav-link.active {
    color: #013AE6;
    background-color: #fff;
    border-bottom: 3px solid #013AE6;
}

.card-body-80{
    padding: 1rem 1.25rem;
}

.total-count{
    font-weight: 600;
    color: #4a4a4a;
    margin: 12px 0 0 0;
}

.hr-2{
    margin-left: -1.7rem;
    margin-right: -1.7rem;
    margin-top: .8rem;
}

.dataTables_filter{
    display: none;
}

.dataTable tfoot{
    display: none !important;
}

table.dataTable thead th, table.dataTable thead td{
    border-bottom: 1px solid #EEEEEE !important;
}

.dataTables_wrapper {
    margin: 0 -1.7rem !important;
}

.dataTables_wrapper .dataTables_length{
    padding: 15px 0 0 8px;
}

.dataTables_wrapper .dataTables_length label{
    font-weight: 500;
    color: #4a4a4a;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #4a4a4a;
}

.content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #013ae6 !important;
    background: #013ae6 !important;
}

.content .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
    border: 1px solid #013ae6 !important;
    background: #013ae6 !important;
}

.content table.dataTable {
    margin: -12px 0 0 0;
}

.table td, .table th{
    border-top: none;
}

.contact-img{
    width: 10rem;
    height: 10rem;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    background-color: #f4f6f9;
    float: left;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    margin: 1px !important;
}

.customer-location{
    border-radius: 10px;
    overflow: hidden;
}

.customer-location iframe{
    border: none;
    width: 100%;
    min-height: 600px;
}

.hide{
    display: none !important;
}

.export-action .dropdown-menu{
    padding: 0;
}

.export-action .dropdown-item {
    font-size: 0.9rem;
    padding: .5rem 1rem;
    border-bottom: 1px solid #E9ECEF;
}

.export-action .dropdown-item:last-child {
    border: none;
}

.export-action .nav-s1 {
    border: 1px solid #007bff;
}

.pagination li .current.prev,
.pagination li .current.next,
.pagination .ellipse.clickable,
.pagination li.active .current{
    position: relative;
    display: block;
    margin-left: -1px;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
}

.pagination li.active .current {
    background-color: #013ae6;
    color: #fff;
    border: 1px solid #013ae6;
}

.pagination li.disabled .current,
.pagination li.disabled .prev,
.pagination li.disabled .next{
    color: #333;
    background: #f1f1f1;
}

.pagination .ellipse.clickable input{
    border: none;
    outline: none;
    padding: 0;
}

.td-image{
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #F0F1F5;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 0 -8px 0;
}

.td-image img{
    width: 22px;
    height: 22px;
}

.formModal .modal-header{
    background: #F2F5FE;
    color: #000059;
    padding-top: 1rem;
    padding-bottom: .7rem;
}

.formModal .modal-header span{
    font-size: 16px;
    font-weight: 500;
}

.formModal .modal-body {
    padding: 1rem 1rem;
}

.formModal .modal-footer {
    display: block;
    margin-bottom: 15px;
}

.modal-body textArea{
    resize: none;
}

.btn-modal-back:active,
.btn-modal-back:focus,
.btn-modal-back:hover,
.btn-modal-back{
    color: #4A4A4A;
    margin: 12px 5px 0 0px;
}

.btn-modal-back i:active,
.btn-modal-back i:focus,
.btn-modal-back i:hover,
.btn-modal-back i{
    font-size: 0.6rem;
    position: relative;
    top: -1px;
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.btn-modal-back:hover i{
    margin-right: 5px;
}

.pillBlue{
    background: #ECEFF8;
    padding: 5px;
    border-radius: 6px;
}

.pillBlue.nav-pills .nav-link {
    color: #013AE6;
    background: #ECEFF8;
    font-weight: 600;
    min-width: 120px;
    text-align: center;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #013AE6;
}

.tableEntries{
    position: absolute;
    left: 10px;
    width: 130px;
    height: 30px;
}

.tableEntries .custom-select{
    height: 1.8rem;
    line-height: 1.1;
    width: 62px;
    font-size: 0.8rem;
}

.tableEntries_2{
    color: #4a4a4a;
    margin: 5px 0 0 5px;
}

.paginationPanel{
    min-height: 48px;
}

.grey-box-info{
    display: block;
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #f4f6f9;
    border: 1px solid #f4f6f9;
}



/* Works on Firefox */
.layout-fixed .wrapper .sidebar {
    scrollbar-width: thin;
    scrollbar-color: blue orange;
}

/* Works on Chrome, Edge, and Safari */
.layout-fixed .wrapper .sidebar::-webkit-scrollbar {
    width: 6px;
}

.layout-fixed .wrapper .sidebar::-webkit-scrollbar-track {
    background: #1c1c24;
}

.layout-fixed .wrapper .sidebar::-webkit-scrollbar-thumb {
    background-color: #808080;
    border-radius: 20px;
}

.d-inline-flex-img{
    display: inline-grid;
}

.form-group textarea{
    resize: none;
}

.hide2, .hide3, .hide4{
    display: none;
}

.fc-dateFilter2 .form-control:disabled{
    background-color: #f4f6f9;
    border-color: #f4f6f9;
}

.fc-dateFilter2 .form-control:disabled + .input-group-append .input-group-text{
    background-color: #f4f6f9;
    border-color: #f4f6f9;
}

.ui-widget.ui-widget-content {
    z-index: 9999 !important;
}

.dt-DocList .nav-link,
.dtm-DocList .nav-link{
    display: inline-block;
    min-width: 200px;
    margin: 5px;
}

.customer-user-detail-st label{
    font-weight: 300 !important;
    font-size: 14px;
}

.customer-user-detail-st span{
    font-weight: 500 !important;
    margin-left: 10px;
}

.customer-user-detail-st div{
    margin-bottom: 15px;
}

.max-w-400{
    max-width: 400px;
}

.yearpicker-container {
    width: 230px;
    margin-top: -0.5rem;
}

.yearpicker-items {
    font-size: 14px;
    padding: 0.5rem .1rem;
}

.yearpicker-items.selected {
    font-weight: 500;
}

.max-w-500{
    max-width: 500px;
}

.form-text-2{
    font-size: 13px;
    width: 100%;
    display: block;
}

.box-amount-white{
    border: 2px solid #ededed;
    width: 300px;
    border-radius: 8px;
    background: #f5f5f5;
    padding: 15px;
}

.delete-image-icon:hover,
.delete-image-icon:focus,
.delete-image-icon:active,
.delete-image-icon{
    position: absolute;
    top: 1px;
    right: 5px;
    font-size: 18px;
    color: #f53333;
    z-index: 1;
}

.acl-borrower{
    line-height: 2;
}

.rFundBox{
    background: #E9F9EE;
    border-radius: 8px;
    padding: 10px 10px;
    margin-right: 15px;
}

.rFundBox label{
    margin: 0;
    color: #4A4A4A;
    font-weight: 600 !important;
}

.rFundBox span{
    color: #4A4A4A;
}

.fc-curAddon2 a:hover,
.fc-curAddon2 a:active,
.fc-curAddon2 a:focus,
.fc-curAddon2 a{
    padding: 4px 8px 0 4px;
    height: auto;
    background: none;
    min-width: 35px;
}

.fc-curAddon2 i{
    font-size: 14px;
}

/* Animations  SET DOWN */
@-webkit-keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}
@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}

/********* Responsive ***********/

@media (min-width: 992px){
    .modal-vv, .modal-vv {
        max-width: 640px;
    }
}

@media (max-width:1120px){
    .menuTopTextSH{
        display: none;
    }
}

@media (max-width:1110px){
    .col-sm-3-vv-m{
        flex: 0 0 205px;
        max-width: 205px;
    }
}

@media (max-width:900px){
    .log-box-l{
        width: 40%;
    }
    .log-box-r{
        width: 60%;
    }
}

@media (max-width:861px){
    .col-sm-3-vv-m{
        -ms-flex: 0 0 205px;
        flex: 0 0 205px;
        max-width: 205px;
        text-align: right !important;
    }
}

@media (max-width:730px){
    .log-box-l{
        width: 40%;
    }
    .log-box-r{
        width: 60%;
    }
}

@media (max-width: 630px){
    .log-box-l{
        display: none;
    }
    .log-box-r{
        width: 100%;
    }
    .logo-login-2{
        display: block;
    }
    .logo-login-2 img{
        max-width: 9em;
        margin-top: 1rem;
    }
    .login-card-body {
        margin: 1rem auto 0 auto;
    }
    .m-text-center{
        text-align: center;
    }
    .title-1 {
        font-size: 1.4rem;
    }

}

@media (max-width: 576px){
    .col-sm-3-vv {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }

    .col-sm-9-vv {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-sm-3-vv-m{
        text-align: left !important;
    }

}

@media (max-width: 480px){
    .navbar-expand .navbar-nav .nav-link{
        padding-right: 1rem;
        padding-left: 1rem;
        padding: 9px 0 0 0;
        text-align: center;
        width: 35px;
    }

    .navbar-light .navbar-nav .nav-link img{
        width: 15px;
    }

    .nav-item.dropdown.mr-2 .dropdown-toggle::after{
        display: none;
    }

}



/*Nicholas*/
.input-group-text{
    border: 1px solid #F0F1F5;
    border-left: 1px solid #fff;
}

.interestAppend{
    margin-top: 3px;
    color: #a5a5a5;
    font-size: 13px;
}

.success{
    animation: float 2s ease-in-out infinite;
}

.fail{
    animation: shake-animation 2s ease-in-out infinite;
}

#packageTable tbody tr td input{
    min-width: 150px;
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}

@keyframes shake-animation {
   0% { transform:translate(0,0) }
   1.78571% { transform:translate(5px,0) }
   3.57143% { transform:translate(0,0) }
   5.35714% { transform:translate(5px,0) }
   7.14286% { transform:translate(0,0) }
   8.92857% { transform:translate(5px,0) }
   10.71429% { transform:translate(0,0) }
   100% { transform:translate(0,0) }
}

.btn-modal{

}

.btnSuccess{
    background-color: #fff;
    border: 2px solid #2AC156;
    color: #2AC156;
    width: 121px;
    height: 60px;
    padding: 18px 0px;
    border-radius: 5px;
    font-weight: bold;
    transition: 0.3s;
}

.btnFailed{
    background-color: #fff;
    border: 2px solid #C1C1C1;
    color: #4A4A4A;
    width: 121px;
    height: 60px;
    padding: 18px 0px;
    border-radius: 5px;
    font-weight: bold;
    transition: 0.3s;
}

.btnSuccess:hover{
    background-color: #fff;
    border: 2px solid #2AC156;
    color: #2AC156;
    width: 121px;
    height: 60px;
    padding: 18px 0px;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
    transform: scale(1.1);
}

.btnFailed:hover{
    margin-top: .5rem;
    background-color: #fff;
    border: 2px solid #C1C1C1;
    color: #4A4A4A;
    width: 121px;
    height: 60px;
    padding: 18px 0px;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
    transform: scale(1.1);
}


#generalModal .modal-body{
    border-bottom: none !important;
}

.btnFloat{
    position: fixed;
    background-color: #fff;
    bottom: 0;
    right: 0;
    z-index: 100;
    box-shadow: 0 0 10px #afafaf;
    width: calc(100% - 250px);
    height: 75px;
    padding: 15px;
    transition: 0.4s;
}

.loginFooter .main-footer{
    background-color: transparent;
    position: absolute;
    bottom: 0;
    margin: 0 !important;
    width: 100%;
    text-align: center;
    left: 0;
}

.errorPage{
    text-align: center;
    padding: 20px;
}

.errorImage{
    width: 100%;
    max-width: 500px;
    margin-top: 50px;
}

.card-header{
    border-bottom: 0;
}

.main-footer{
    border-top: 0;
}

.card-title img{
    transform: scale(0.9);
    padding-right: 5px;
}

.main-header {
    border-bottom: 0px solid #dee2e6;
    box-shadow: 0 10px 20px rgb(62 73 84 / 4%);
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
    background-color: #1c1d23;
}

[class*=sidebar-dark-] .sidebar a {
    color: #F9F9F9;
}

.detailsItem{
    margin-top: 15px;
    line-height: 1.5;
}

.detailsItem label, h5{
    font-size: 13px;
    text-transform: uppercase;
}

.repaymentBox label{
    font-size: 13px;
    color: #C1C1C1;
    text-transform: uppercase;
}

.repaymentBox h5{
    font-size: 20px;
    color: #000059;
    font-weight: 600;
}

.repaymentBox h4{
    font-size: 26px;
    color: #FF5C5B;
    font-weight: 600;
}

.detailsItem label{
    color: #C1C1C1;
}

.detailsItem h5{
    color: #000059;
    font-weight: 600;
}

#repaymentTable thead tr th{
    box-shadow: none !important;
    border-bottom: 1px solid grey;
}

#packageTable thead tr th{
    box-shadow: none !important;
}

.form-control:focus{
    border-color: #F0F1F5 !important;
}

.repaymentBox{
    width: 100%;
    text-align: center;
    height: auto;
    border: 1px solid #EEEEEE;
    background-color: #fff;
    padding: 30px 15px;
    margin-top: 15px;
    height: 110px;
    border-radius: 15px;
}

.b-left-none{
    border-left: 1px solid #fff !important;
}

.box-shadow{
    box-shadow: 0px 0px 5px #e6e6e6;
}

.currency{
    font-size: 14px;
}

.editBtn{
    padding: 10px 20px;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid grey;
    text-decoration-style: none;
    color: #000;
    background-color: #fff;
}

.folderBox{
    background-color: #fff;
    border: 1px solid #E9ECEF;
    height: 175px;
    width: 100%;
    min-width: 210px;
    padding: 20px;
    border-radius: 15px;
    font-weight: 600;
}

.text-grey{
    color: #C1C1C1;
    font-size: 13px;
}

.text-black{
    color: #4A4A4A;
    font-size: 15px;
}

.addIcon{
    position: absolute;
    right: 15px;
    top: 15px;
    transform: scale(1);
    cursor: pointer;
    transition: 0.3s ease;
}

.addIcon:hover{
    transform: scale(1.1);
}

.thumbNail{
    width: 72px;
}

.thumbNailFolderImg{
    border: 1px solid #E9ECEF;
    padding: 0px;
    border-radius: 2px;
    overflow: hidden;
}

.thumbNailFolder{
    width: 72px;
    height: 62px;
    object-fit: cover;
}

.widthCustom{
    width: calc(100% - 74px) !important;
}

.acl-borrower span{
    color:grey;
    font-size: 11px;
    margin-left: 5px;
}

.acl-borrower .pl-5 label{
    font-size: 13px;
}

.acl-borrower label{
    cursor: pointer;
}

.pl-custom{
    padding-left: 2rem !important;
}

.acl-borrower ul{
    padding-left: 0;
}

.acl-borrower li{
    padding-left: 0;
}

.acl-borrower li{
    list-style: none;
}

.documentBox{
    display: inline-grid;
    width: 160px;
    margin: 5px;
}

.documentText{
    height: 55px;
    width: 100%;
    background-color: #F2F7FF;
    text-align: center;
    padding: 8px;
    color: #000;
    font-size: 13px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.bbNone{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.documentBG{
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 10rem;
    height: 10rem;
    border: 1px solid #eeeeee;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #f4f6f9;
    float: left;
    cursor: pointer;
    margin: 1px !important;
}

.text-upper{
    text-transform: uppercase;
}

.image-browser-box{
    cursor: pointer;
    transition: 0.3s ease;
}

.image-browser-box:hover{
    opacity: 0.7;
}

.image-browser-box .upload-image {
    min-width: 130px;
}

.image-browser-box .upload-image-head {
    padding: 10px 0 0px 0;
}

.image-browser-box .upload-image-head p {
    margin: 0;
    padding-bottom: 0.7rem;
}

.delete-border{
    box-shadow: 0 0 10px #dd8888;
}

.form-control{
    border: 1px solid #F0F1F5;
}

.select2-selection__arrow{
    margin-right: 5px !important;
}

.modal-content{
    border: none !important;
}

.cursor-default{
    cursor: default !important;
}

.b-tfoot{
    border-top: 1px solid #e9e9e9;
}

.form-mx-width{
    max-width: 790px;
}
.for-desktop {
    display: block !important;
}
.for-mobile {
    display: none;
}

@media (min-width: 1098px) and (max-width: 1280px ){
    .box-amount-green {
        max-width: 280px !important;
    }

    .widCustom{
        max-width: 110px !important;
    }
}

@media (max-width: 1023px){
    .btnFloat, .widthCustom{
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1300px){
    .width50perc{
        width: 50%;
    }

    .dispBlockCustom{
        display: block !important;
    }

    .r-chart{
        margin-top: 16%;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        height: 164px !important;
        width: 164px !important;
    }

    .p-chart{
        margin-top: 9rem;
    }
}

@media (max-width: 767px){
    .for-desktop {
        display: none !important;
    }
    .for-mobile {
        display: block;
    }
    .mobile-d-flex{
        display: block !important;
    }

    .chart-1{
        width: 100%;
    }

    .chart-2{
        width: 100%;
    }

    .float-unset-mobile{
        float: unset !important;
    }

    .m-auto-mobile{
        margin: 0 auto;
    }

    .p-chart {
        width: 100%;
        margin: auto;
        display: inline-flex;
        margin-top: 50px;
    }

    #p-chart{
        width: 180px !important;
        height: 180px !important;
    }

    .chart-legend ul{
        padding-left: 20px;
        margin-top: 40px;
    }

    .chart-1{
        padding-right: 0;
    }

    .r-box{
        margin-bottom: 20px;
        margin-right: 0 !important;
    }

    .loginFooter .main-footer{
        margin-left: -10px !important;
        margin-top: 30px;
        position: relative !important;
    }
}

@media (max-width: 400px){
    .p-chart {
        display: block;
    }

    #p-chart{
        margin: auto;
    }

    .chart-legend ul{
        padding-left: 30%;
    }
}

.w-2rem {
    width: 4rem;
}
.passwordSH {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.order-details-popup .modal-dialog{
    min-width: 770px;
}
.order-details-popup .modal-dialog .modal-content{
    padding: 20px 60px;
    border-radius: 20px;
    font-size: 18px;
}
.order-details-popup .modal-dialog .modal-content .title{
    color: #0032B9;
    border-bottom: 2px solid #0032B9;
    font-size: 18px;
}
.order-details-popup .modal-dialog .modal-content .label{
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 10px;
}
.order-details-popup .modal-dialog .modal-content .value{
    font-size: 14px;
    color: #000000;
}
.order-details-popup .modal-dialog .modal-content .image-dropzone{
    height: 150px;
    border-radius: 16px;
    background: #F5F2F7;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #808080;
}
.order-details-popup .modal-dialog .modal-content textarea{
    height: 107px;
    resize: unset;
    border: 1px solid #E2DEF7;
    background: white;
    border-radius: 10px;
    width: 100%;
    padding: 18px 20px;
}
.order-details-popup .modal-dialog .modal-content .btn{
    border-radius: 10px;
    height: 52px;
    width: 130px;
    color : #ACACAC;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    padding: 0;
}
.order-details-popup .modal-dialog .modal-content .fas{
    font-size: inherit;
    margin-right: 10px
}
.order-details-popup .modal-dialog .modal-content .btn.btn-back{
    border:1px solid;
}
.order-details-popup .modal-dialog .modal-content .btn.btn-reject{
    background: #BE2222;
    color: white;
    box-shadow: 0 6px 20px #BE222234;
}
.order-details-popup .modal-dialog .modal-content .btn.btn-approve{
    background: #24BF7D;
    color: white;
    box-shadow: 0 6px 20px #24BF7D34;
}
.order-details-popup .modal-dialog .modal-content .btn.btn-update{
    background: linear-gradient(to bottom, #00C0FF, #0032B9);
    color: white;
    box-shadow: 0 6px 20px #5A35F433;
}
.order-details-popup .modal-dialog .modal-content .btn.btn-completed{
    background: #24BF7D;
    color: white;
    box-shadow: 0 6px 20px #24BF7D34;
}

.order-details-popup .order-status{
    display: inline-block;
    font-size: 22px;
    font-weight: normal;
}

.order-details-popup .heading-title{
    margin-bottom: 2px;
    font-size: 26px;
    font-weight: bold;
}
body .image-dropzone .image-display .fa-times {
    position: absolute;
    width: 30px;
    top: 5px;
    right: 5px;
    border-radius: 99px;
    height: 30px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #C30000;
}
th.sortable {
    cursor: pointer;
}
th.asc,
th.desc {
    color: #0032B9;
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}