::-webkit-scrollbar { width: 5px; }
/*::-webkit-scrollbar-button { background: #ccc }*/
::-webkit-scrollbar-track-piece { background: #eee }
::-webkit-scrollbar-thumb { background: #888 }

/*COVER-SPIN ----- START ----*/
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    /*background-color: rgba(9,30,66,0.4);*/
    background-color: rgba(255,255,255,0.3);
    z-index:99999999999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
/*COVER-SPIN ----- END ----*/

.p0 {
    padding: 0 !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.m0 {
    margin: 0 !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}


/* Margin Common */

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mr0 {
    margin-right: 0px !important;
}

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

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}


/* Padding Common */

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.ptb5 {
    padding: 5px 0px !important;
}

.plr5 {
    padding: 0px 5px !important;
}

.mtb5 {
    margin: 5px 0px !important;
}

.mlr5 {
    margin: 0px 5px !important;
}

.ptb0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.plr0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.mtb0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.mlr0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.ptb10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.plr10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.mtb10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mlr10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.center {
    text-align: center !important;
}

.right {
    text-align: right !important;
}

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

.bold {
    font-weight: bold !important;
}

.fl-left {
    float: left !important;
}

.fl-right {
    float: right !important;
}

.f-dark {
    color: black !important;
}

.f-white {
    color: white !important;
}

.b-dark {
    background-color: black !important;
}

.b-white {
    background-color: white !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

.f5 {
    font-size: 5px !important;
}

.f10 {
    font-size: 10px !important;
}

.f15 {
    font-size: 15px !important;
}

.f20 {
    font-size: 20px !important;
}

.f25 {
    font-size: 25px !important;
}

.f12 {
    font-size: 12px !important;
}

.f16 {
    font-size: 16px !important;
}

.pointer {
    cursor: pointer !important;
}

.no-drop {
    cursor: no-drop !important;
}

.not-allowed {
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

.disabled {
    pointer-events: none;
}

.hide {
    display: none !important;
}

.current {
    background-color: green;
    color: white;
}

/*--- list page pagination template design change ---*/
.custom_pagination_button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

/*--- select2 matching design with admin LTE template ---*/

select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: -5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 68% !important;
}

/*--- select2 matching design with admin LTE template ---*/
.select2-container--default .select2-selection--single{
    font-size: .875rem;
    line-height: 1.5 !important;
    border-radius: .2rem !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
}

li.select2-selection__choice {
    background-color: forestgreen !important;
    color: #fff !important;
}

/*--- for field label font size ---*/
body {
    font-size: 14px !important;
}

/*--- form section header ---*/
.section-h4 {
    /* #007bff */
    border-bottom: 3px solid /* #03C04A */ #08685E;
    margin-bottom: 15px;
}

.sidebar a.nav-link.active {
    background-color: #08685E !important;
    color: white !important;
}
.nav-treeview a.nav-link {
    width: 94% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 32px;
    right: 7px;
}

.select2-container--disabled .select2-selection.select2-selection--single{
    cursor: not-allowed !important;
}

.list_image{
    border-radius: 15px !important;
    height: 70px !important;
    max-width: 150px !important;
}

input[type=file] {
    height: 37px !important;
}

.login-box .card{
    border-radius: 46px !important;
    padding: 40px 25px !important;
    background: #ffffff9e !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 6px 7px 19px -9px #000000 !important;
}
.round-logo img{
    width: 90%;
}
.round-logo{
    background-color: #19243d;
    border-radius: 100px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin: 0px auto;
    margin-bottom: 15px;
}