:root {
  --bs-footer-bg: #edf2f6;
  --bs-body-bg: #edf2f6;    
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #02a0c7;
  --bs-btn-border-color: #02a0c7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #027c9b;
  --bs-btn-hover-border-color: #027c9b;
  --bs-btn-focus-shadow-rgb: 111,132,234;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #027c9b;
  --bs-btn-active-border-color: #027c9b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #02a0c7;
  --bs-btn-disabled-border-color: #02a0c7;
}

.btn-outline-primary {
  --bs-btn-color: #02a0c7;
  --bs-btn-border-color: #02a0c7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #02a0c7;--bs-btn-hover-border-color: #02a0c7;
  --bs-btn-focus-shadow-rgb: 85,110,230;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #02a0c7;
  --bs-btn-active-border-color: #02a0c7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #02a0c7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #02a0c7;
  --bs-gradient: none;
}
.pagination {
  --bs-pagination-hover-color: #02a0c7;
  --bs-pagination-focus-color: #02a0c7;
  --bs-pagination-active-bg: #02a0c7;
  --bs-pagination-active-border-color: #02a0c7;
}
body[data-sidebar="dark"] .navbar-brand-box {background: #fff;}
body[data-sidebar="dark"] .vertical-menu {background: #0a1827;}
a { color: #02a0c7;}
/*Slim scroll*/
*{scrollbar-width: thin;scrollbar-color: #02A0C7 #e0e0e0;}
*::-webkit-scrollbar {width: 4px; height: 6px;}
*::-webkit-scrollbar-track {background: #e0e0e0;}
*::-webkit-scrollbar-thumb {background-color: #02A0C7;border-radius: 4px;}

#page-topbar{-webkit-box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.05);box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.05);}

.logo-lg img{max-width: 100%; max-height: 35px;}
.logo-sm img{max-width: 100%; max-height: 70px;}
.navbar-brand-box {padding: 0 8px;}

#sidebar-menu ul li ul.sub-menu li{position: relative;}
#sidebar-menu ul li ul.sub-menu li a{padding: .4rem 1rem .4rem 3rem;}
.metismenu li{position: relative;}
#sidebar-menu ul li ul.sub-menu li a::before {content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;transform: translateY(-50%);
top: 50%;left: 35px;background-color: #b4bdc6 !important;display: none;}
#sidebar-menu ul li ul.sub-menu li a {padding: 10px 15px 10px 25px;font-size: 14px; position: relative; border-bottom: solid 1px #0B1828;}
#sidebar-menu ul li ul.sub-menu li a:before{position: absolute; left: 10px;content: ""; width: 6px; height: 6px; background: #A6B1CF; border-radius: 50%; display: inline-block;}

.top_box{width: 100%;min-height: 190px; display: block; border-radius: 5px;padding: 25px;}
.top_box h1{font-size: 40px; color: #fff; font-weight: 700;margin: 0}
.top_box h3{font-size: 22px; color: #fff; font-weight: 400;}
.top_box img{margin-top: 20px; max-width: 100%; max-height: 100px;}

.text_blue{color: #02A0C7 !important;}
a.text_blue:hover{color: #027c9b !important;}
.avatar-title{background-color: #fff !important;box-shadow: 2px 7px 14px rgba(5,10,50,.10);}
.avatar-title img{max-width: 100%; max-height: 50px;}
.btn_filter{background: #fff; display: inline-block; padding: 4px 15px; margin: 0 3px 3px 0; border-radius: 100px; font-size: 14px; color: #02a0c7; cursor: pointer; text-decoration: none; border: solid 1px #02a0c7;}
.btn_filter:hover, .btn_filter.active{color: #fff;text-decoration: none; background: #02a0c7;}

.dashboard_icon{max-width: 100%; max-height: 60px;position: absolute;right: 20px;transform: translateY(-50%);top: 50%;}

.bg-primary.bg-soft {background: #d8f6fd !important;}

.blue_bg{background: #02a0c7;}
.purple_bg{background: #9c27b0;}
.pink_bg{background: #f92a6f;}
.green_bg{background: #29b77b;}
.orange_bg{background: #F7511E;}
.red_bg{background: #FF1744;}

/*Top card*/
.top_card .card{margin-bottom: 0px;}


.user_table tr th:first-child {position: sticky !important;left: 0;background: #eff2f7;z-index: 999;}
.user_table tr>td:first-child {position: sticky !important;left: 0;z-index: 999;background: #fff;}
.table-edits select{width: 100%;}
.table input[type="checkbox" i] {width:14px; height:14px;}

.card {
  -webkit-box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.07);
  box-shadow: 0 .75rem 1.5rem rgba(18,38,63,.07);
  border-radius: 10px;
}

.card-header{color: #444;
background-color: #fff;
border-bottom: solid 1px #e8e8e8;
padding: 15px 20px;
font-size: 18px;
font-weight: 400;
}
#sidebar-menu {
  padding: 20px 0 30px 0;
}
#sidebar-menu ul li a {
  display: block;
  padding: 12px 8px 12px 15px;
  color: #545a6d;
  font-size: 15px;
}
body[data-sidebar="dark"] .mm-active .active {
  color: #000 !important;
  background: #edf2f6 !important;
  border-radius: 50px 0 0 50px;
  padding: 7px 10px !important;
}
body[data-sidebar="dark"] .mm-active .active i {
  color: #fff !important;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #02A0C7;
  text-align: center;
  line-height: 36px !important;
}
.waves-effect {overflow: visible;}
#sidebar-menu ul li a.active::before{
content: '';
background: url(../images/top.svg);
background-position: center;
background-size: cover;
position: absolute;
right: 0px;
top: -30px;
width: 30px;
height: 30px;
z-index: -1;
}
#sidebar-menu ul li a.active::after{
content: '';
background: url(../images/bottom.svg);
background-position: center;
background-size: cover;
position: absolute; 
right: 0px;
bottom: -30px;
width: 30px;
height: 30px;
z-index: -1;
}
#sidebar-menu ul li ul.sub-menu {
padding: 0;
background: #142539;
border-radius: 10px;
margin: 0 10px;
border: solid 1px #203E62;
}
.nav-tabs{border-bottom: solid 1px #E6F3F6;}
.nav-tabs .nav-link{
color: #333;
background-color: transparent;
border-color: transparent;
font-size: 16px;
padding: 12px 20px;
font-weight: 500;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #0482A1;
background: rgba(4,130,161,0.1);
border-color: transparent;
border-radius: 10px 10px 0 0;
}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a span {
color: #999;
}
.metismenu {
max-height: 90vh;
/*overflow-y: auto;
overflow-x: hidden;*/
}

label {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  color:#000;
}

#loader_page {
  background: rgba(0,0,0,0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  left: 0;
  top: 0;
}

#loader_page .loader_img {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  font-size: 16px;
  color: #333;
  text-align: center;
  padding: 25px;
  border-radius: 10px;
  min-width: 300px;
  background: #fff;
}

#loader_page .loader_img img {
  max-width: 100%;
  max-height: 80px;
}
#loader_page1 {
  background: rgba(0,0,0,0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  left: 0;
  top: 0;
}

#loader_page1 .loader_img {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  font-size: 16px;
  color: #333;
  text-align: center;
  padding: 25px;
  border-radius: 10px;
  min-width: 300px;
  background: #fff;
}

#loader_page1 .loader_img img {
  max-width: 100%;
  max-height: 80px;
}
.card_icon{
max-width: 100%;
max-height: 20px;
}

.cvv_img {
  max-width: 100%;
  max-height: 100px;
}
.form-check-input {
  width: 16px;
  height: 16px;
  border: 1px solid #02a0c7;
}
.form-check-input:checked {
  background-color: #02a0c7;
  border-color: #02a0c7;
}
.imgIcon {
    margin: 2px;
    cursor: pointer;
    width: 40% !important;
}

/* 20 July 2023 Open*/
table td {
    color: #000;
    vertical-align: middle;
}
table td a {
    color: #02a0c7;
}
a:hover {
    color: #2bcaf1;
}
.active_status {
    background: #DAFCF5;
    padding: 5px 12px;
    border-radius: 100px;
    color: #25C5A7;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.5px;
    min-width: 80px;
    text-align: center;
    display: inline-block;
}
.inactive_status {
    background: #FFF0ED;
    padding: 5px 12px;
    border-radius: 100px;
    color: #FF6747;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.5px;
    min-width: 80px;
    text-align: center;
    display: inline-block;
}


.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

    .btn-toggle:focus,
    .btn-toggle.focus,
    .btn-toggle:focus.active,
    .btn-toggle.focus.active {
        outline: none;
    }

    .btn-toggle:before,
    .btn-toggle:after {
        line-height: 1.5rem;
        width: 4rem;
        text-align: center;
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity 0.25s;
    }

    .btn-toggle:before {
        content: 'Off';
        left: -4rem;
    }

    .btn-toggle:after {
        content: 'On';
        right: -4rem;
        opacity: 0.5;
    }

    .btn-toggle > .handle {
        position: absolute;
        top: 0.1875rem;
        left: 0.1875rem;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 1.125rem;
        background: #fff;
        transition: left 0.25s;
    }

    .btn-toggle.active {
        transition: background-color 0.25s;
    }

        .btn-toggle.active > .handle {
            left: 1.6875rem;
            transition: left 0.25s;
        }

        .btn-toggle.active:before {
            opacity: 0.5;
        }

        .btn-toggle.active:after {
            opacity: 1;
        }

    .btn-toggle.btn-sm:before,
    .btn-toggle.btn-sm:after {
        line-height: -0.5rem;
        color: #fff;
        letter-spacing: 0.75px;
        left: 0.4125rem;
        width: 2.325rem;
    }

    .btn-toggle.btn-sm:before {
        text-align: right;
    }

    .btn-toggle.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .btn-toggle.btn-sm.active:before {
        opacity: 0;
    }

    .btn-toggle.btn-sm.active:after {
        opacity: 1;
    }

    .btn-toggle.btn-xs:before,
    .btn-toggle.btn-xs:after {
        display: none;
    }

    .btn-toggle:before,
    .btn-toggle:after {
        color: #6b7381;
    }

    .btn-toggle.active {
        background-color: #29b5a8;
    }

    .btn-toggle.btn-lg {
        margin: 0 5rem;
        padding: 0;
        position: relative;
        border: none;
        height: 2.5rem;
        width: 5rem;
        border-radius: 2.5rem;
    }

        .btn-toggle.btn-lg:focus,
        .btn-toggle.btn-lg.focus,
        .btn-toggle.btn-lg:focus.active,
        .btn-toggle.btn-lg.focus.active {
            outline: none;
        }

        .btn-toggle.btn-lg:before,
        .btn-toggle.btn-lg:after {
            line-height: 2.5rem;
            width: 5rem;
            text-align: center;
            font-weight: 600;
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity 0.25s;
        }

        .btn-toggle.btn-lg:before {
            content: 'Off';
            left: -5rem;
        }

        .btn-toggle.btn-lg:after {
            content: 'On';
            right: -5rem;
            opacity: 0.5;
        }

        .btn-toggle.btn-lg > .handle {
            position: absolute;
            top: 0.3125rem;
            left: 0.3125rem;
            width: 1.875rem;
            height: 1.875rem;
            border-radius: 1.875rem;
            background: #fff;
            transition: left 0.25s;
        }

        .btn-toggle.btn-lg.active {
            transition: background-color 0.25s;
        }

            .btn-toggle.btn-lg.active > .handle {
                left: 2.8125rem;
                transition: left 0.25s;
            }

            .btn-toggle.btn-lg.active:before {
                opacity: 0.5;
            }

            .btn-toggle.btn-lg.active:after {
                opacity: 1;
            }

        .btn-toggle.btn-lg.btn-sm:before,
        .btn-toggle.btn-lg.btn-sm:after {
            line-height: 0.5rem;
            color: #fff;
            letter-spacing: 0.75px;
            left: 0.6875rem;
            width: 3.875rem;
        }

        .btn-toggle.btn-lg.btn-sm:before {
            text-align: right;
        }

        .btn-toggle.btn-lg.btn-sm:after {
            text-align: left;
            opacity: 0;
        }

        .btn-toggle.btn-lg.btn-sm.active:before {
            opacity: 0;
        }

        .btn-toggle.btn-lg.btn-sm.active:after {
            opacity: 1;
        }

        .btn-toggle.btn-lg.btn-xs:before,
        .btn-toggle.btn-lg.btn-xs:after {
            display: none;
        }

    .btn-toggle.btn-sm {
        margin: 0 0.5rem;
        padding: 0;
        position: relative;
        border: none;
        height: 1.5rem;
        width: 3rem;
        border-radius: 1.5rem;
    }

        .btn-toggle.btn-sm:focus,
        .btn-toggle.btn-sm.focus,
        .btn-toggle.btn-sm:focus.active,
        .btn-toggle.btn-sm.focus.active {
            outline: none;
        }

        .btn-toggle.btn-sm:before,
        .btn-toggle.btn-sm:after {
            line-height: 1.5rem;
            width: 0.5rem;
            text-align: center;
            font-weight: 600;
            font-size: 0.55rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity 0.25s;
        }

        .btn-toggle.btn-sm:before {
            content: 'Off';
            left: -0.5rem;
        }

        .btn-toggle.btn-sm:after {
            content: 'On';
            right: -0.5rem;
            opacity: 0.5;
        }

        .btn-toggle.btn-sm > .handle {
            position: absolute;
            top: 0.1875rem;
            left: 0.1875rem;
            width: 1.125rem;
            height: 1.125rem;
            border-radius: 1.125rem;
            background: #fff;
            transition: left 0.25s;
        }

        .btn-toggle.btn-sm.active {
            transition: background-color 0.25s;
        }

            .btn-toggle.btn-sm.active > .handle {
                left: 1.6875rem;
                transition: left 0.25s;
            }

            .btn-toggle.btn-sm.active:before {
                opacity: 0.5;
            }

            .btn-toggle.btn-sm.active:after {
                opacity: 1;
            }

        .btn-toggle.btn-sm.btn-sm:before,
        .btn-toggle.btn-sm.btn-sm:after {
            line-height: -0.5rem;
            color: #fff;
            letter-spacing: 0.75px;
            left: 0.4125rem;
            width: 2.325rem;
        }

        .btn-toggle.btn-sm.btn-sm:before {
            text-align: right;
        }

        .btn-toggle.btn-sm.btn-sm:after {
            text-align: left;
            opacity: 0;
        }

        .btn-toggle.btn-sm.btn-sm.active:before {
            opacity: 0;
        }

        .btn-toggle.btn-sm.btn-sm.active:after {
            opacity: 1;
        }

        .btn-toggle.btn-sm.btn-xs:before,
        .btn-toggle.btn-sm.btn-xs:after {
            display: none;
        }

    .btn-toggle.btn-xs {
        margin: 0 0;
        padding: 0;
        position: relative;
        border: none;
        height: 1rem;
        width: 2rem;
        border-radius: 1rem;
    }

        .btn-toggle.btn-xs:focus,
        .btn-toggle.btn-xs.focus,
        .btn-toggle.btn-xs:focus.active,
        .btn-toggle.btn-xs.focus.active {
            outline: none;
        }

        .btn-toggle.btn-xs:before,
        .btn-toggle.btn-xs:after {
            line-height: 1rem;
            width: 0;
            text-align: center;
            font-weight: 600;
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity 0.25s;
        }

        .btn-toggle.btn-xs:before {
            content: 'Off';
            left: 0;
        }

        .btn-toggle.btn-xs:after {
            content: 'On';
            right: 0;
            opacity: 0.5;
        }

        .btn-toggle.btn-xs > .handle {
            position: absolute;
            top: 0.125rem;
            left: 0.125rem;
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 0.75rem;
            background: #fff;
            transition: left 0.25s;
        }

        .btn-toggle.btn-xs.active {
            transition: background-color 0.25s;
        }

            .btn-toggle.btn-xs.active > .handle {
                left: 1.125rem;
                transition: left 0.25s;
            }

            .btn-toggle.btn-xs.active:before {
                opacity: 0.5;
            }

            .btn-toggle.btn-xs.active:after {
                opacity: 1;
            }

        .btn-toggle.btn-xs.btn-sm:before,
        .btn-toggle.btn-xs.btn-sm:after {
            line-height: -1rem;
            color: #fff;
            letter-spacing: 0.75px;
            left: 0.275rem;
            width: 1.55rem;
        }

        .btn-toggle.btn-xs.btn-sm:before {
            text-align: right;
        }

        .btn-toggle.btn-xs.btn-sm:after {
            text-align: left;
            opacity: 0;
        }

        .btn-toggle.btn-xs.btn-sm.active:before {
            opacity: 0;
        }

        .btn-toggle.btn-xs.btn-sm.active:after {
            opacity: 1;
        }

        .btn-toggle.btn-xs.btn-xs:before,
        .btn-toggle.btn-xs.btn-xs:after {
            display: none;
        }

    .btn-toggle.btn-secondary {
        color: #6b7381;
        background: #bdc1c8;
    }

        .btn-toggle.btn-secondary:before,
        .btn-toggle.btn-secondary:after {
            color: #6b7381;
        }

        .btn-toggle.btn-secondary.active {
            background-color: #ff8300;
        }
.off_toggle{background: #FF6747;}
    .off_toggle.btn-toggle.btn-sm:hover, .off_toggle.btn-toggle.btn-sm:focus {
        background: #FF6747;
    }
/* 20 July 2023 Close*/

.table td a{
    white-space: normal;
}
.table-light {
    --bs-table-bg: #f9f9f9;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 0.6em;
    font-size: 15px;
}

/* table Left colom fixed */
.inner_table {position: relative;}
.inner_table table {*margin-left: -250px;}
.inner_table table thead tr th:nth-child(1) {position: sticky;left: 0px;background: #f9f9f9;z-index: 9;}
.inner_table table tbody tr td:nth-child(1) {position: sticky;left: 0px;background: #fff;z-index: 9;}
.inner_table table thead tr th:nth-child(2) {position: sticky;left: 55px;background: #f9f9f9;z-index: 9;}
.inner_table table tbody tr td:nth-child(2) {position: sticky;left: 55px;background: #fff;z-index: 9;}
    /*multiple Sender Datatable 2 Nov 2023*/
    .inner_table #multipleSenderDatatable thead tr th:nth-child(2) {
        position: sticky;
        left: 150px;
        background: #f9f9f9;
        z-index: 9;
    }

    .inner_table #multipleSenderDatatable tbody tr td:nth-child(2) {
        position: sticky;
        left: 150px;
        background: #fff;
        z-index: 9;
    }
/*END*/   

.inner_table_one {position: relative;}
.inner_table_one table {*margin-left: -250px;}
.inner_table_one table thead tr th:nth-child(1) {position: sticky;left: 0px;background: #f9f9f9;z-index: 9;}
.inner_table_one table tbody tr td:nth-child(1) {position: sticky;left: 0px;background: #fff;z-index: 9;}


.loader_pageToday {background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;z-index: 9999;left: 0;top: 0;}
.loader_pageToday .loader_img {position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;font-size: 16px;color: #333;text-align: center;padding: 25px;border-radius: 10px;min-width: 300px;background: #fff;}

.loader_pageToday .loader_img img {
max-width: 100%;
max-height: 80px;
}
.btn_loader {
    content: "";
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: 1s linear infinite spinner-border;
    animation: 1s linear infinite spinner-border;
}
    /*END LOADER CHANGES*/

.cke_toolbar_break {
    display: inline-block !important;
}

.border-bottom {border-bottom: solid 1px #dfdfdf !important;}
.tbody_scroll {
    height:auto;
    max-height: 630px;
    position: relative;
}

.tbody_scroll table thead {
    top: 0;
    position: sticky;
    z-index: 30;
}
.sub-menu li.mm-active .active {
    background: #132538 !important;
    color: #fff !important;
}
    .sub-menu li a.active::after {
    content: inherit;
    background: none !important;
}
#BlockedPagedatatable tr td:last-child {
    white-space: nowrap;
    min-width: 100px;
}
tr {
    cursor: default !important;
}

@media screen and (min-width: 1200px) and (max-width: 1580px) {
    .billing-count-pay p strong, .billing-count-pay h5 strong {
        display: block;
    }
}
table.dataTable.nowrap th{
    vertical-align:middle;
}
@media screen and (min-width: 1200px) and (max-width: 1580px) {
    .billing-count-pay p strong, .billing-count-pay h5 strong {
        display: block;
    }
}
/*Media*/
@media (max-width:1600px) {
    .page-content {
        padding: calc(55px + 24px) calc(24px * .75) 60px calc(24px * .75);
    }
    .page-title-box {
        padding-bottom: 10px;
    }
    .top_card h5 {
            font-size: 15px;
        }

        .card-body {
            padding: 10px;
        }

        .small_form .form-control, .small_form .form-select {
            padding: 7px 4px;
            font-size: 13px;
            border-radius: 3px;
        }
    table.dataTable.nowrap th, table.dataTable.nowrap td {
        padding: 5px 8px;
        font-size: 12px;
    }
    }

@media (max-width:1440px) {
    .small_form .form-control, .small_form .form-select {
        padding: 5px 3px;
        font-size: 11px;
        border-radius: 3px;
    }

    label {
        font-size: 13px;
    }

    .table td {
        padding: 4px 5px;
    }

}

    @media (max-width:1366px) {
        label {
            font-size: 13px;
        }
    }

    @media (max-width:1199px) {
        .top_card h5 {
            font-size: 15px;
        }

        .top_card p {
            font-size: 13px;
        }
    }

    @media (max-width:992px) {
        .page-content {
            padding: calc(70px + 15px) calc(15px * .75) 60px calc(15px * .75);
        }

        .page-title-box {
            padding-bottom: 10px;
        }
    }

    @media (max-width:767px) {
        .inner_table table {
            *margin-left: 0;
        }
        .inner_table table thead tr th:nth-child(1) {
            position: static;
            left: inherit;
        }

        .inner_table table tbody tr td:nth-child(1) {
            position: static;
            left: inherit;
        }

        .inner_table table thead tr th:nth-child(2) {
            position: static !important;
            left: inherit;
        }

        .inner_table table tbody tr td:nth-child(2) {
            position: static !important;
            left:inherit;
        }
    }
.ui-datepicker {
    z-index: 99999 !important;
}

    @media (max-width:414px) {
        .btn_filter {
            padding: 4px 9px;
            font-size: 13px;
        }
    }

    @media (max-width:362px) {
        .user_details_page .nav-tabs .nav-link {
            width: 100%;
            text-align: left;
        }
    }

    @media (max-width:350px) {
        .btn_filter {
            padding: 4px 5px;
        }
    }