.d-nope { display: none;}
.cur-ptr {cursor: pointer;}

/* selectable with shadow and clickable style */
.pointer-selectable-bg-light:hover
{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    background-color: #f8f9fa !important;
    cursor: pointer;
    z-index: 1;
}

.pointer-selectable-bg-light:active {background-color: #e7e8e9 !important;}

.fs-7 { font-size: 0.75rem !important; }
.fs-8 { font-size: 0.5rem !important; }
.fs-9 { font-size: 0.25rem !important; }

.w-5 {width: 5% !important;}
.w-10 {width: 10% !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-30 {width: 30% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-60 {width: 60% !important;}
.w-70 {width: 70% !important;}
.w-90 {width: 90% !important;}

.vw-5 {width: 5vw !important;}
.vw-7 {width: 7vw !important;}
.vw-10 {width: 10vw !important;}
.vw-20 {width: 20vw !important;}
.vw-30 {width: 30vw !important;}

/*jumio modal*/
.vh-55 {height: 55vh !important;}

.h-40 {height: 40% !important;}
.h-80 {height: 80% !important;}
.h-90 {height: 90% !important;}
.h-95 {height: 95% !important;}

.dropdown-menu {
    min-width:inherit;
}

.f-search-icon-w{
    width: 60px !important;
}

.f-date-w{
    width: 190px !important;
}

.f-status-w{
    width: 170px !important;
}

.con-over{
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-table-p{
    position: relative;
    height: 100vh !important;
}

.ui-table-no-item{
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ui-table-hc{
    color: #b2bfcc;
}

.ui-table-bc{
    color: #636472;
}


.ui-table > thead >tr > th
{
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 100;
}

.ui-table > tbody > tr > td {
    vertical-align: middle;
}

.ui-table > tbody
{
    overflow-y: auto;
}

.ui-table{
    table-layout: fixed;
}

.t-cell-bb {
    border-bottom: dashed;
    border-bottom-color: #dfe4e8ff;
    transition: border-bottom-color 0.5s ease;
    overflow: hidden;
    text-overflow: ellipsis;

}
.collapsed .t-cell-bb{
    border-bottom-color: #dfe4e800;
}

.collapse-top-bord
{
    border-top: dashed;
    border-top-width: 1px;
    /*border-top-color: #636472;*/
    border-top-color:red;
}

.bt-0 { border-top: 0 !important; }
.bt-1 { border-top: 1px !important; }

.bb-0 { border-bottom: 0 !important; }
.bb-1 { border-bottom: 1px !important; }

.a-no-bb{ text-decoration: none;}

.ph-color::placeholder
{
    color: #b2bfcc;
}

.bg-transparent
{
    background-color: transparent !important;
}


 /*admin_payment*/
.is-flex
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pc-min
{
    min-width: 900px !important;
}


@media (max-width: 1520px) {
    .c-min-w
    {
        min-width: 100%;
        max-width: 1520px;
    }
}
.c-min-w
{
    max-width: 1520px;
}

.c-min-w-i
{
    max-width: 550px ;
}

.filter-btn, .filter-btn:hover, .filter-btn:focus
{
    color: #636472;
    border-color: #636472;
    border-width: 1px;
}

.btn-filter, .btn-filter:hover, .btn-filter:active:focus {
    color: #33b09f;
    border-color: #33b09f;
    border-width: 1px;
    border-radius: 1.5rem;
}

.btn-g-green, .btn-g-green:hover, .btn-g-green:focus, .btn-g-green:focus:active
{
    background-image: linear-gradient(90deg, #24b09d 100%, #1a9a99 100%);
    color: white;
}

.btn-red, .btn-red:hover, .btn-red:focus:active
{
    border: none !important;
    background-color: #EC5C5C !important;
    color: white !important;
}


.btn-mdl-create, .btn-mdl-create:hover, .btn-mdl-create:active:focus
{
    background-color: #289a99 !important;
    color: white !important;
    border-width: 0 !important;
}

.btn-mdl-cancel, .btn-mdl-cancel:hover, .btn-mdl-cancel:focus, .btn-mdl-cancel:active:focus
{
    background-color: white !important;
    border-color: #289a99 !important;
    color: #289a99 !important;
    border-width: 1px;
}

.btn-edit,
.btn-edit:focus,
.btn-edit:active,
.btn-edit.show,
.btn-edit:focus-visible,
.btn-edit:hover,
.btn-edit:active:focus
{
    background: rgba(255,255,255,0.12);
    border-color: white;
    color: #fff;
}

.btn-reject, .btn-reject:hover, .btn-reject:focus, .btn-reject:focus:active
{
    background-color: white !important;
    border-color: #EC5C5C !important;
    color: #EC5C5C !important;
    border-width: 1px !important;
}

.btn-orange, .btn-orange:hover, .btn-orange:focus:active
{
    background-image: linear-gradient(180deg, #ffd761 0%, #ffd761 57%, #cdb455 100%);
}

.icon-profile
{
    width: 2.625rem;
    height: 2.625rem;
}

.err-height {
    height: 3.2rem;
}

.err-alert {
    color: #D31C1F;
    border: solid;
    border-radius: 10px;
}

.input-ph::placeholder {
    color: #b2bfcc;
}

.nav-link {
    color: #808080 !important;
}

.nav-link:active, .nav-link.active, .nav-link:focus {
    box-shadow: 0 0 0 0;
    color: #20a69c !important;
}

.nav-link:focus + hr, .nav-link.active + hr {
    opacity: 1;
    height: 2px;
    color: #20a69c;
    background-color: #20a69c;
}

.nav-link:hover {
    color: #20a69c;
}

.more-info {
    rotate: 180deg;
    transition: all 0.3s ease;
}

.collapsed .t-cell-bb .more-info {
    rotate: 0deg;
}

.page-item.active .page-link {
    color: #fff !important;
    background: #33b09f !important;
}

.page-item .page-link {
    color: #33b09f;
    border-color: #33b09f;
}

.dropdown-menu a:active {
    background-color: #1D9F9B !important;
    color: white !important;
}

.bp-logo {height: 10rem;}


/*pagination*/
.pgnt-btn-width{
    width: 5.5rem;
}

.pgnt-number-width{
    width: 3rem;
}

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

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

.c-rtl
{
    direction: rtl !important;
}