html {
    font-family: 'Inter', 'sans-serif' !important;
}

body {
    background-color: #f7fdff important;
    /* font-family: 'Inter', 'sans-serif' !important */
    font-family: 'Inter', sans-serif !important;
}

/* added by shubham for table styles and height of search */
table {
    font-size: 12px;
}

.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    height: 29.35px;
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
}

.p-5 {
    padding: 10px;
}

.mt-5 {
    margin-top: 20px;
}

.boxbg {
    padding:15px;
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

div.scrollmenu .scroller {
    display: inline-block;
    background: #fff;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
    border-radius: 5px;
    text-align: left;
    /* padding: 14px; */
    margin-bottom: 10px;
    text-decoration: none;
    margin-right: 10px;
    width: auto;
}

.mt {
    margin-top: 15px;
}

.tital {
    font-weight: bold;
}

p-0 {
    padding: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.textdash {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}

.smallfont {
    font-size: 12px;
    display: block;
}

a:hover {
    text-decoration: none;
}

.spece {
    margin: 0px !important;
    background: #ff6c00!important;
    text-align: center;
    position: relative;

    color: #fff;
    border-bottom-left-radius: 5px;
}

.spece2 {
    margin: 0px !important;
    background: #02be11;
    text-align: center;
    position: relative;
    padding: 5px;
    color: #fff;
    border-bottom-left-radius: 5px;
}

.helpform form .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 23px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
    .sidenav {
        height: auto;
        padding: 15px;
    }

    .row.content {
        height: auto;
    }
}

.mb-2 {
    margin-bottom: 15px;
    /* padding: 0px; */
}

/* Style the tab */
.tab {
    overflow: hidden;
}

.mr-2 {
    margin-left: 35px;
}

/* Style the buttons inside the tab */
.tab > button {
    background-color: #fff;
    float: left;
    color: #008bba;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border: #008bba 1px solid;
    width: auto;
    min-width: 125px;
    border-top-right-radius: 20px;
    cursor: pointer;
    padding: 6px 16px;
    transition: 0.3s;
    font-size: 12px;
    font-weight: 700;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #008bba;
    color: #fff;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #008bba;
    color: #fff;
    /* font-weight: bold; */
    width: auto;
    border-top-right-radius: 20px;
}

/* Style the tab content */
.tabcontent {
    display: none;
    border-top: none;
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 28px;
}

.topright:hover {
    color: red;
}

.thead-light th {
    background-color: #eaeaea;
}

.my-custom-scrollbar {
    position: relative;
    height: 230px;
    overflow: auto;
}

.table-wrapper-scroll-y {
    display: block;
}

.my-custom-scrollbar2 {
    position: relative;
    height: 470px;
    overflow: auto;
}

.table-wrapper-scroll-y2 {
    display: block;
}

.btn {
    font-size: 12px ;
    padding: 8px 15px ;
}

.float-right {
    float: right;
}

.carda {
    top: 14px;
    right: 0px;
    text-align: center;
    text-decoration: none;
}
.scrollmenu .scroller.box.effect2:first-child a.carda {
    right: 0;
}
.font-size-12 {
    font-size: 12px;
}

/* * {
    box-sizing: border-box;
} */

ul {
    list-style-type: none;
}

/* body {
    font-family: 'Inter', 'sans-serif' !important;
} */

.month {
    padding: 15px 25px;
    width: 100%;
    background: url("img/calbg.png");
    background-repeat: no-repeat;
    background-portrait: middle;
    text-align: center;
}

.month ul {
    margin: 0;
    padding: 0;
}

.month ul li {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.month .prev {
    float: left;
    padding-top: 10px;
}

.month .next {
    float: right;
    padding-top: 10px;
}

.weekdays {
    margin: 0;
    padding: 10px 0;
    background-color: #fff;
}

.weekdays li {
    display: inline-block;
    width: 12.6%;
    color: #666;
    text-align: center;
}

.days {
    padding: 10px 0;
    background: #fff;
    margin: 0;
}

.days li {
    list-style-type: none;
    display: inline-block;
    width: 12.6%;
    text-align: center;
    margin-bottom: 5px;
    font-size: 12px;
    color: #777;
}

.days li .active {
    padding: 5px;
    background: #008bba;
    color: white !important;
    border-radius: 50%;
}

/* Add media queries for smaller screens */
@media screen and (max-width: 720px) {

    .weekdays li,
    .days li {
        width: 13.1%;
    }
}

@media screen and (max-width: 420px) {

    .weekdays li,
    .days li {
        width: 12.5%;
    }

    .days li .active {
        padding: 2px;
    }
}

@media screen and (max-width: 290px) {

    .weekdays li,
    .days li {
        width: 12.2%;
    }
}

.t-40 {
    top: -15px;
    padding: 10px;
}

.hig {
    height: 10px;
}

.green {
    background-color: rgb(3 196 18 / 60%);
}

.blue {
    background-color: rgb(0 139 186 / 60%);
}

.orange {
    background-color: rgb(242 159 3 / 60%);
}

/* h3 {
    font-size: 12px !important;
    font-weight: bold important;
} */

/* label {
    color: #a8a8a8;
    font-size: 14px;
} */

.red {
    color: #cb0000;
    font-weight: bold;
}

.btn-primary {
    background-color: #008bba !important;

}

.font-12 {
    font-size: 12px;

}

.hi5 {
    height: 280px;
}

/* add button color chameli code*/
.button1 {
    margin: 8px 0 11.9px 1px;
    padding: 17px 53px 16px 54px;
}

.button2 {
    background-color: #02be11 !important;

    margin: 8px 0 11.9px 1px;
    padding: 17px 53px 16px 54px;
    border: none !important;
}

.button3 {
    margin: 8px 0 11.9px 1px;
    padding: 17px 53px 16px 54px;
    background-color: #f29f03 !important;
    border: none !important;
}

.button4 {
    /*border-radius: 5px;*/
    border: solid 1px #008bba !important;
    color: #008bba !important;
}

.button5 {
    background-color: #02be11 !important;
    border-color: #02be11 !important;
}
/* .dataTables_scrollHeadInner  {
    width: auto !important;
}
.dataTables_scrollHeadInner table thead tr th {
    width: auto !important;
} */
.dataTables_scrollBody table thead tr th {
    padding: 0 15px !important;
}
.pagination {

    margin-bottom: 0;
    margin-top: 10px;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color 0.3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.pagination a.active {
    background-color: #008bba;
    color: white;
    border: 1px solid #008bba;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.archived_Document {
    padding: 15px 28px 19.2px 38px;
    background-color: var(--ice-blue);
}

ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #fff;
}

ul.breadcrumb li {
    display: inline;
    font-size: 12px;
}

ul.breadcrumb li+li:before {
    padding: 3px;
    color: black;
    content: ">";
}

ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #01447e;
}

.divimage {
    /*position:absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../css/img/header.jpg) !important;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

/* th {
    position: sticky;
    top: 0px;
} */

.btnn {
    height: 35px;
    width: 40px;
    font-size: 14px;
    margin-top: -5px;
}

/* css for border of datatables */
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    /* border-top: 0px solid #ffffff; */
}

/* css for scrolling issue of datatable */
/* .dataTables_scrollHead table {
    min-width: 100% !important;
} */

/* .dataTables_scrollHeadInner {
    box-sizing: content-box;
    width: inherit !important;
    padding-right: 18px;
} */

.center-align {
    text-align: center;
}
.left-align{
    text-align: left;
}

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

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

.content-wrapper {
    min-height: calc(103vh - 101px) !important;
    background-color: #F7F7F7;
    z-index: 800;
}

/* css created by Akash Pawar */

ul.multiselect-container {
    height: 200px;
    overflow-y: scroll;
}

.btn-group>.btn:first-child {
    margin-left: 0;
    text-align: left;
    background: white;
}

.multiselect-container>li>a>label.checkbox {
    width: 190px;
    color: #333333;
    font-size: 12px !important;
}


.margin-left-33 {
    margin-left: 30px;
}

.margin-left-1 {
    margin-left: 30px;
}

div.dt-buttons {
    color: #008bba !important;
    font-size: 12px;
}

button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button {
    border: solid 1px #008bba !important;
    color: #008bba !important;
}

/* .table-borderless,
.dataTable,
.no-footer {
    width: 100% !important;
} */

.padding-top-15 {
    padding-top: 15px;
}

.caret {
    display: inline-block;
    width: 0;
    margin-top: 4px;
    height: 0;
    float: right;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}



/* Created By Akash for Horrizontal scroll View */
.table-scroll {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;

}

.table-wrap {
    width: 100%;
    height: 65vh;
    overflow: auto;
}
.frequencywiseoverfow{
    overflow: auto !important;
}

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

.table-wrap-50 {
    width: 100%;
    max-height: 50vh;
    overflow: auto;
    max-height: 55vh;
}

.table-wrap-70 {
    width: 100%;
    height: 70vh;
    overflow: auto;
    min-height: 70vh;

}

.table-scroll table {
    width: 100%;
    margin: auto;

}

.table-scroll th,
.table-scroll td {
    padding: 5px 10px;
    white-space: nowrap;
    vertical-align: top;
}

.clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.clone th,
.clone td {
    visibility: hidden
}

.clone td,
.clone th {
    border-color: transparent
}

.clone tbody th {
    visibility: visible;
    /* color:red; */
}

.clone .fixed-side {
    /* border:1px solid #000; */
    visibility: visible;
}

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

.background-grey {
    background-color: #eaeaea;
    z-index: 10;
}

.badge {
    border-radius: 0px !important;
    width: 30px;
    padding: 3px 4px;
}

.float-right-withmargin {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}


/* Status Wise Button */
.btn-assigned {
    width: 100px;
    background-color: #27aae1 !important;
}

.btn-wip {
    width: 100px;
    background-color: #a535a5 !important;
}

.btn-hold {
    width: 100px;
    background-color: #f7941e !important;
}

.btn-completed {
    width: 100px;
    background-color: #428959 !important;
}




/* Status Wise Button */
.bgcolor-assigned {
    background-color: #27aae1 !important;
}

.bgcolor-wip {
    background-color: #9e9e9e !important
}

.bgcolor-hold {
    background-color: #f7941e !important;
}

.bgcolor-completed {
    background-color: #8dc63f !important;
}

.horrizontal-fixed {
    position: relative;
    left: 0px;
}

.modal {

    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: rgb(0 0 0 / 0%);
}


/* For Someone using vue js select */
.vueselect {

    color: #a8a8a8;
    border-radius: 3px;
    font-size: 12px;
}

.vs__dropdown-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    padding: 0 0 4px;
    background: none;
    border: 1px solid #a8a8a8 !important;
    border-radius: 4px;
    white-space: normal;
}

.vs__dropdown-toggle {
    border: 0px solid rgba(60, 60, 60, .26);
}

.nav-tabs-custom>.nav-tabs>li.active {

    background-color: #008bba;
    color: #fff;
    font-weight: bold;
    height: 31px;
    text-align: center;
    padding: 5px;

}

.nav-tabs-custom>.nav-tabs>li.active>a,
.nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: #008bba;
    color: #fff;
    background: transparent;
    margin: 0;
    height: 31px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}
.nav-tabs-custom ul.nav.nav-tabs li a:focus {
    border: 1px solid #0189b5;
}
.nav-tabs-custom>.nav-tabs>li:first-of-type {
    text-align: center;
}

.nav-tabs-custom>.nav-tabs>li {
    background-color: #fff;
    float: left;
    color: #008bba;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border: #008bba 0px solid;
    width: auto;
    min-width: 125px;
    cursor: pointer;
    height: 40px;
    text-align: center;
    transition: 0.3s;
    font-size: 12px;
    margin: 0px;
}




.clone thead,
.clone tfoot {
    background: transparent;
}

.month {
    padding: 0px 0px;
    width: 100%;
    background: white;
    background-repeat: no-repeat;
    background-portrait: middle;
    text-align: center;
}

/* Start Samadhan Css here */
button, input.btn,a.btn,span.btn {
    min-width: 80px;
}
.nav-tabs-custom>.nav-tabs>li.active>a {
    border-top-color: transparent;
    border-left-color: #f4f4f400;
    border-right-color: #f4f4f400;
}
.nav-tabs-custom>.nav-tabs>li>a{
    border-color:#008bba;
    color: #008bba;
}
.nav-tabs-custom>.nav-tabs>li>a:hover {
    background: #008bba !important;
    color: #fff;
}
/* End Samadhan Css here */


/* Responsive Css start here */
@media (max-width: 1792px){}

@media (max-width: 1680px){
    .content-wrapper {
        min-height: calc(103vh - 101px) !important;
        background-color: #F7F7F7;
        z-index: 800;
    }
}

@media (max-width: 1600px){}

@media (max-width: 1536px){}

@media (max-width: 1440px){}

@media (max-width: 1366px){}

@media (max-width: 1280px){}


@media (max-width: 991px){}

@media (max-width: 768px){}

@media (max-width: 580px){}

@media (max-width: 480px){}

@media (max-width: 414px){}

@media (max-width: 375px){}

@media (max-width: 320px){}

/* added on 14-02-2023 */

.hilighterror {
    border: 1px solid red !important;
}

.colorifupdated {
    background-color: #008bba !important;
    color: white;
}

.lock-container.lock-layer{
    opacity: 0.4;
    justify-content: center;
    left: 0;
    top: 0;
    z-index: 4;
    pointer-events: none;
}

.subtask-control{
    padding: 0.2rem 0.5rem!important;
}


/* css for sidebar given  */
/* Author : Shubham shinde
created for new ui on 27-10-2021 */
.asidecss {
    background-color: #ffffff;
    position: fixed;
    margin-top: 6px !important;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* css for zooming in screen */
/* big laptop screen 1200*650+ */
@media only screen and (min-width: 768px) and (min-height: 651px) {
    .sidebar-mini:not(.sidebar-collapse) section .sidebarul {
        max-height: calc(100vh - 165px);
        overflow: auto;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        max-height: 200px !important;
        overflow: auto;
    }
}
/* medium laptop screen 1200*551 */
@media only screen and (min-width: 768px) and (max-height: 650px) and (min-height: 551px) {
    .sidebar-mini:not(.sidebar-collapse) section .sidebarul {
        max-height: 80vh;
        overflow: auto;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        max-height: 20vh;
        overflow: auto;
    }
}
/* small laptop screen 1200*400 */
@media only screen and (min-width: 768px) and (max-height: 550px) {
    .sidebar-mini:not(.sidebar-collapse) section .sidebarul {
        max-height: 70vh;
        overflow: auto;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu {
        max-height: 70vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}
/* disable right border after hover on treeview */
/* .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover{
    border-right: none;
} */
.sidebar span {
    font-size: 14px;
    font-weight: 100;
    vertical-align: middle;
    font-weight: 500;
}

.span1 {
    font-size: 12px;
    font-weight: 100;
}

.menuli {
    margin-top: -3px;
}

.sidbar {
    height: 16px;
    padding-right: 10px;
}

@media (min-width: 768px) {

    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        display: block !important;
        position: absolute;
        width: 215px;
        left: 50px;
    }
}

/* .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span {
    display: none;
} */
/* css for subtree */
.sidebar-menu .treeview-menu {
    color: #8aa4af;
}
.treeview-menu>li>a {
    padding: 5px 5px 5px 15px;
    display: flex !important;
    font-size: 14px;
    white-space: normal;
}
.treeview-menu>li>a:focus,
.treeview-menu>li>a:hover {
    outline: 0;
    text-decoration: none;
}
.sidebar-menu .treeview-menu {
    background-color: #cbeff37a;
    text-decoration: none;
}

/* for color of li>a tag in .sidebar */
.skin-purple .sidebar-menu>li:hover>a,
.skin-purple .sidebar-menu>li.active>a,
.skin-purple .sidebar-menu>li.menu-open>a {
    background: #D2EDF5;
    color: #1389B5;
    border-right: 4px solid #338ecf;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a,
.sidebar-mini.sidebar-collapse .sidebar-menu>li.active>a,
.sidebar-mini.sidebar-collapse .sidebar-menu>li.menu-open>a {
    background: #e6f7f9;
    color: #1389B5;
    border-right: 4px solid #338ecf;
}
.sidebar-mini.sidebar-open .sidebar-menu>li:hover>a,
.sidebar-mini.sidebar-open .sidebar-menu>li.active>a,
.sidebar-mini.sidebar-open .sidebar-menu>li.menu-open>a {
    background: #e6f7f9;
    color: #1389B5;
    border-right: 4px solid #338ecf;
}
.sidebar-mini.sidebar-collapse .treeview-menu {
    background-color: #deedef;
    text-decoration: none;
}
.sidebar-mini.sidebar-open .treeview-menu {
    background-color: #338ecf;
    text-decoration: none;
}
.sidebar-menu>li>a{
    text-decoration: none;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span {
    top: 0;
    margin-left: 0px !important;
    padding: 12px 5px 12px 20px;
    background-color: inherit;
}
/* css for sidebar end*/

@media (max-width: 767px){
    .main-sidebar {
        padding-top: 0;
        top: 118px;
    }
    .sidebar-open .content-wrapper{
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .sidebar-mini .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 0px !important;
        z-index: 850;
    }
    .sidebar-open .main-sidebar {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(0px, 0);
        -o-transform: translate(0px, 0);
        transform: translate(0px, 0);
        width: 50px !important;
        z-index: 850;
    }
    .sidebar-mini.sidebar-open .main-sidebar .user-panel>.info,
    .sidebar-mini.sidebar-open .sidebar-form,
    .sidebar-mini.sidebar-open .sidebar-menu>li>a>span,
    .sidebar-mini.sidebar-open .sidebar-menu>li>.treeview-menu,
    .sidebar-mini.sidebar-open .sidebar-menu>li>a>.pull-right,
    .sidebar-mini.sidebar-open .sidebar-menu>li>a>span>.pull-right,
    .sidebar-mini.sidebar-open .sidebar-menu li.header {
        display: none !important;
        -webkit-transform: translateZ(0);
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-open .sidebar-menu>li:hover>a>span:not(.pull-right),
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-open .sidebar-menu>li:hover>.treeview-menu {
        display: block !important;
        position: absolute;
        width: 215px;
        left: 50px;
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-open .sidebar-menu>li:hover>a>span {
        top: 0;
        margin-left: 0px;
        padding: 12px 5px 12px 20px;
        background-color: inherit;
    }
    .sidebar-mini.sidebar-open .treeview-menu {
        background-color: #deedef;
        text-decoration: none;
    }
    .main-header {
        position: fixed;
        width: 100%;
    }
    }

    .sidebar-mini.sidebar-collapse .lock-icon {
        display: none;
    }

html {
    height: -webkit-fill-available;
    min-height: inherit !important;
}

.p-15 {
    padding: 10px 15px !important;
}

.content-wrapper>.container {
    max-width: 98% !important;
    padding: 0 15px;
}

label {
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
    font-weight: 400;
    font-size: 14px;
}




.dt-button.buttons-excel.buttons-html5.btn-default {
    border: solid 1px #008bba !important;
    color: #008bba !important;
    background: #EFEFEF;
    border-radius: 2px;
    padding: 0.5em 1em;
}

.dt-button.buttons-collection.buttons-page-length {
    border: solid 1px #008bba !important;
    color: #008bba;
    background: #EFEFEF;
    border-radius: 2px;
    padding: 0.5em 1em;
    margin-bottom: 5px;
}

button.dt-button span.dt-down-arrow {
    top: 0;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    font-size: 12px;
}

.form-control {
    display: block;
    width: 100%;
    /* height: calc(2.25rem + 2px); */
    padding: .375rem .75rem;
    font-size: 12px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

a {
    color: #337ab7;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}


.select2 {
    width: 100% !important;
}

/* css for datatable fix ze */
.container {
    max-width: 100%;
}

.form-control {
    display: block;
    width: 100%;
    /* height: calc(2.25rem + 2px); */
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: 'Inter', sans-serif !important;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    height: 34px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
    font-weight: 100;
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-danger {
    background-color: #c82333;
    border-color: #bd2130;
}

.breadcrumb {
    padding: 7px 10px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f2f2f2;
    border-radius: 4px;
    float: right;
    font-size: 13px;
}

.breadcrumb>.active {
    color: #0889b5;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #008bba !important;
    border: 1px solid #aaa;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #008bba;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #008bba;
}

/* for black hover of dattable pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid white;
    background-color: transparent;
}

/* issue for textarea vertical size */
textarea {
    overflow: auto;
    resize: vertical;
}

/* color for models */
.w3-modal {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

/* header color */
.main-header {
    background-color: white;
}

/* w3 model css */
.w3-modal.fordate {
    z-index: 1060;
    display: none;
    padding-top: 70px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.mandatory {
    color: red;
}

.cursor-pointer {
    cursor: pointer;
}



/* Start Samadhan Css here */
p,
a,
span,
ul li,
label,
select,
input,
h6 {
    font-family: 'Inter', sans-serif !important;
}



.Commonbtnstyle {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    background-color: #008bba !important;
    font-family: 'Inter', sans-serif !important;
    border-radius: 4px !important;
    padding: 8px 15px !important;
    border: 0 !important;
}

button,
input.btn,
a.btn,
span.btn {
    min-width: 80px;
}

.modal-header button {
    min-width: auto;
    color: #d9534f;
    opacity: 1;
}


table {
    border-bottom: 0 !important;
}

table thead tr th {
    font-size: 14px;
    vertical-align: middle;

}

table thead tr th:first-child,
table tbody tr td:first-child {
    text-align: left !important;
}

table thead tr th,
table tbody tr td {
    font-family: 'Inter', sans-serif !important;
    vertical-align: middle !important;
    /* text-align: center !important; */
    /* padding: 8px 10px !important; */
    border-bottom: 1px solid #ddd !important;
    white-space: normal;
    /* word-break: break-word; */
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    border-top: 0;
}

.datepicker-days table thead tr th,
.datepicker-days table tbody tr td {
    word-break: normal !important;
}

table tbody tr:hover {
    background: rgb(204 204 204 / 29%);
}

input[type=file] {
    display: block;
    font-size: 12px;
}

.form-control {
    font-size: 0.8rem;
    border-radius: 0 !important;
    /* height: 34px !important; */
}

textarea {
    width: 100%;
    border: 1px solid #ced4da;
}

.glyphicon {
    font-family: "Glyphicons Halflings" !important;
}

/* Employee Panel */
button:focus,
button:focus-visible {
    outline: 0 !important;
}

.clearfilerbtn .btn {
    padding: 8px 15px !important;
}

.EmployeeContainer h2.textdash.float-left {
    margin: 0;
    padding-top: 6px;
}

.EmployeeContainer .dataTables_scrollHead table thead tr th:first-child {
    text-align: center !important;
}

.EmployeeContainer .dataTables_scrollBody table tbody tr td:first-child p {
    margin: 0 !important;
    text-align: center !important;
}

.pagination>.active>a:hover {
    color: #333;
}

.dataTables_paginate ul.pagination li {
    padding: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid white;
    background-color: transparent;
    background: none;
}

/* Client Panel */
.ClientContainer h2.textdash.float-left,
.CreateClientContainer h2.textdash.float-left {
    margin: 0;
    padding: 0;
}

.dataTables_paginate ul li:last-child a {
    margin-right: 0;
}

/* Create Client Panel */
.CreateClientContainer ol.breadcrumb.breadcrumb-path {
    padding: 0;
}


/* Account panel */
.PaymentContainer h2.textdash.float-left {
    padding: 10px 0 15px;
    margin: 0;
}

/* .PaymentContainer .boxbg {
        padding-top: 15px;
    } */

.PaymentContainer .v-select .vs__dropdown-toggle {
    border-radius: 0;
    height: 34px;
    border-color: rgba(60, 60, 60, .26) !important;
    padding-bottom: 0;
}

.PaymentContainer .v-select .vs__dropdown-toggle span.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}

#manualentrypopup .modal-body .nav-tabs-custom ul li a h5 {
    font-size: 12px !important;
    font-weight: 700;
    margin: 0 !important;
}

#manualentrypopup .modal-body .nav-tabs-custom ul li {
    padding: 0;
    height: auto !important;
    border-top-right-radius: 20px;
}

#manualentrypopup .modal-body .nav-tabs-custom ul li.active {
    height: auto !important;

}

#manualentrypopup .modal-body .nav-tabs-custom ul li.active a {
    height: auto;
}

#manualentrypopup .modal-body .nav-tabs-custom ul li a:hover {
    border-top-right-radius: 20px;
}

#manualentrypopup .modal-body .nav-tabs-custom ul li a {
    padding: 6px 16px;
    border-top-right-radius: 20px;
}

.tabsbuttons {
    width: 70%;
    float: left;
}

.manualEntry {
    width: 30%;
    float: left;
}

.ServiceFrequencyContainer h2.textdash.float-left {
    padding: 0;
    margin: 0;
}

/* .ServiceFrequencyContainer #normaltable_wrapper {
        padding-top: 15px;
    } */


/* Service panel in Master   */
.ServicesContainer h2.textdash.float-left {
    padding: 0;
    margin: 0;
}

.ServicesContainer ol.breadcrumb.breadcrumb-path {
    padding: 0;
}

/* Registration Report  */
.RegisterRepContaienr .btn-group {
    border: 1px solid #ced4da;
}

.RegisterRepContaienr .btn-group .caret {
    margin-top: 7px;
}

.RegisterRepContaienr .btn-group button.multiselect.dropdown-toggle.btn.btn-default {
    padding: 9px 12px !important;
}

.Reportfilterrightpd {
    padding-right: 0;
}

.RegisterRepContaienr #mydocs {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

.RegisterRepContaienr h2.textdash.float-left {
    padding: 0;
    margin: 0;
}

.RegisterRepContaienr ol.breadcrumb.breadcrumb-path {
    padding: 0;
}

.RegisterRepContaienr .btn-group ul.multiselect-container {
    border: 1px solid #ddd;
    width: 167px;
}

.RegisterRepContaienr .btn-group ul.multiselect-container li a {
    white-space: normal;
}

.RegisterRepContaienr .btn-group ul.multiselect-container li a label {
    padding: 8px 20px 7px 32px;
}

.RegisterRepContaienr .btn-group ul.multiselect-container li a label input[type="checkbox"] {
    margin-top: 0;
}

.RegisterRepContaienr .btn-group ul.multiselect-container li.active a {
    background: none;
}

.DocumentRepContainer h2.textdash.float-left {
    padding: 0;
    margin: 0;
}

.DocumentRepContainer ol.breadcrumb.breadcrumb-path {
    padding: 0;
}

/* Vintage Report & Payment Report */
.VintageRepContainer h2.textdash.float-left,
.PaymentRepContainer h2.textdash.float-left {
    padding: 0;
    margin: 0;
}

.VintageRepContainer ol.breadcrumb.breadcrumb-path,
.PaymentRepContainer ol.breadcrumb.breadcrumb-path {
    padding: 0;
}

.PaymentRepContainer .btn-group {
    border: 1px solid #ced4da;
}

.PaymentRepContainer .btn-group .caret {
    margin-top: 7px;
}

.PaymentRepContainer .btn-group button.multiselect.dropdown-toggle.btn.btn-default {
    padding: 9px 12px !important;
}

.PaymentRepContainer .btn-group ul.multiselect-container {
    border: 1px solid #ddd;
}

.PaymentRepContainer .btn-group ul.multiselect-container li a label {
    padding: 8px 20px 7px 40px;
}

.PaymentRepContainer .btn-group ul.multiselect-container li a label input[type="checkbox"] {
    margin-top: 0;
}

.PaymentRepContainer .btn-group ul.multiselect-container li.active a {
    background: none;
}

.toppd {
    padding-top: 29px;
}

.setbordertop #mydocs {
    padding-top: 15px;
    border-top: 1px solid #cccc;
}

/* End Samadhan Css here */
/* shubham css for datatable start */


.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    background-color: #eaeaea;
    border-top: 0;
    /* color: #eaeaea; */
}

table.dataTable thead th {
    white-space: nowrap;
}

table thead th,
table tbody td {
    border-left: 0 !important;
    border-right: 0 !important;
}

table.dataTable thead th,
table.dataTable thead td {
    background-color: #eaeaea;

}

.FrequencyWiseContainer h2.textdash.float-left {
    margin: 0;
    padding: 0px 0;
}

.FrequencyWiseContainer .Freqtaskreportbtn {
    text-align: right;
}

/* End Samadhan Css here */
/*
commented for data
    .iziToast-wrapper.iziToast-wrapper-topRight {
        top: 50%;
    }

    .iziToast.iziToast-color-red {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: 0;
        transform: translateX(-50%) translateY(-50%);

    }

    .iziToast>.iziToast-close {
        position: absolute;
        right: 0;
        top: 0;
        border: 0;
        padding: 0;
        opacity: .6;
        width: 42px;
        height: 100%;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 80% 50%;
        background-size: 8px;
        cursor: pointer;
        outline: 0;
    } */

h4.modal-title {
    font-size: 16px;
    font-weight: 700;
}

/* */
.swal2-icon {
    width: 4em !important;
    height: 4em !important;
}

.swal2-icon .swal2-icon-content {

    font-size: 2.75em;
}

.swal2-title {
    font-size: 1.5em;
}

.swal2-content {
    font-size: 1em;
}

.swal2-actions {
    margin: 1em auto 0;
}

.swal2-styled {
    margin: .3125em;
    padding: 4px 16px;
    box-shadow: none;
    font-weight: 500;
    font-size: 14px !important;
}

.swal2-popup {
    width: 25em;
}

.swal2-styled.swal2-deny {
    background-color: #29aad1;
}

.swal2-styled.swal2-cancel {
    background-color: #d14529;
}

input#pamt1 {
    text-align: right;
}

.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}

#setlimit .modal-dialog {
    width: 430px;
}

#modelforduedates header span.w3-button.fordate {
    text-align: right;
    font-size: 25px;
    line-height: 25px;
    padding-right: 0;
}

#modelforduedates header span.w3-button.fordate:hover {
    background: none !important;
}

#modelforduedates header h5 {
    font-size: 16px;
}

#modelforduedates #printtableforduedates {
    padding-bottom: 15px !important;
}

#modelforduedates #printtableforduedates #dataforduedate button {
    min-width: 72px;
    border-top-right-radius: 20px;
    padding: 6px 10px;
}

.AddVisitorContainer form.form-horizontal span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--multiple,
.EditVistorContainer form.form-horizontal span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--multiple {
    min-height: 35px;
    border-radius: 0;
    padding: 3px 0 !important;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 1.5;
    height: 1.5em;
    width: 100%;
    font-size: 20px;
    text-align: center;
}

.datepicker table tr td span {
    text-align: -webkit-center;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 0.5em;
    transform: rotate(-45deg);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 0.5em;
    transform: rotate(45deg);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 1.8em;
    width: 2.9375em;
    height: 0.3125em;
    border-radius: .125em;
    background-color: #f27474;
}

.redcolor {
    color: red;
    font-size: 11px;
    padding-top: 5px;
}

/* Super Admin Css start here */
.SuperDashContaiener h2.textdash.float-left {
    margin: 0;
    padding: 0;
}

.SuperDashContaiener ol.breadcrumb.breadcrumb-path {
    padding: 0;
}

.SuperDashContaiener h5.box-title {
    font-size: 16px;
}

.BranchContainer h2.textdash.float-left,
.BranchContainer h3.textdash.float-right {
    padding: 0;
    margin: 0;
}

.BranchContainer ol.breadcrumb.breadcrumb-path {
    padding: 0;
    padding-bottom: 5px;
}


.createBranchContainer h2 {
    padding: 0;
    margin: 0;
}

.createBranchContainer ol.breadcrumb.breadcrumb-path {
    padding: 0;
}

.createBranchContainer .nav-tabs-custom .tab-content {
    padding: 0 5px;
}

.createBranchContainer .nav-tabs-custom ul.nav.nav-tabs li {
    padding: 0;
    height: auto;
    border-top-right-radius: 20px !important;
}

.createBranchContainer .nav-tabs-custom ul.nav.nav-tabs li.active a {
    height: auto;
    padding: 7px 16px;
    border: 0;
    border-top-right-radius: 20px !important;
}

.createBranchContainer .nav-tabs-custom ul.nav.nav-tabs li a {
    padding: 6px 16px;
    height: auto;
    border-top-right-radius: 20px !important;
    margin: 0;
}

span.select2-selection.select2-selection--single {
    border-radius: 0;
}

.phone-code {
    color: #979393;
    margin-top: -27px !important;
    font-size: 12px;
}

ul.select2-selection__rendered li.select2-selection__choice button {
    min-width: auto;
}

.createBranchContainer .nav-tabs-custom .box-body h3 {
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
}

.select2-selection__rendered {
    padding-left: 0 !important;
}

.createBranchContainer .nav-tabs-custom .box-body .commonpack table tbody tr td i {
    margin-left: 0;
}

.EditAdminContainer h4.head1.textdash {
    padding: 0;
    margin: 0;
}

.EditAdminContainer ol.breadcrumb {
    padding: 0;
}

.EditAdminContainer .nav-tabs-custom .tab-content {
    padding: 5px 0;
}

.EditAdminContainer .nav-tabs-custom ul.nav.nav-tabs li {
    padding: 0;
    height: auto;
    border-top-right-radius: 20px !important;
}

.EditAdminContainer .nav-tabs-custom ul.nav.nav-tabs li.active a {
    height: auto;
    padding: 7px 16px;
    border: 0;
    border-top-right-radius: 20px !important;
}

.EditAdminContainer .nav-tabs-custom ul.nav.nav-tabs li a {
    padding: 6px 16px;
    height: auto;
    border-top-right-radius: 20px !important;
}

.EditAdminContainer .nav-tabs-custom .tab-content #tab_3 h3.box-title {
    font-size: 14px;
    font-weight: 700;
}

.EditAdminContainer .nav-tabs-custom .tab-content #tab_3 .box-header {
    padding: 10px 15px;
}


.PackageAllContainer h2.textdash.float-left,
.CreatePackageContainer h2.textdash.float-left {
    padding: 0;
    margin: 0;
}

.PackageAllContainer ol.breadcrumb,
.CreatePackageContainer ol.breadcrumb {
    padding: 0;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #d2d6de 1px !important;
    outline: 0;
    border-radius: 0;
}


.CodecoupenContainer #promocodelist nav {
    text-align: right;
    margin-bottom: 15px;
}

.CodecoupenContainer #promocodelist nav ul.pagination li {
    display: inline-block;
}

.CodecoupenContainer #promocodelist nav ul.pagination li span.page-link {
    font-size: 12px !important;
    margin: 0 4px;
}

.CodecoupenContainer #promocodelist nav .pagination>li>a,
.pagination>li>span {
    margin-left: 0 !important;
}

.CodecoupenContainer .box-body {
    padding: 10px 10px 10px;
}

.CodecoupenContainer h3.box-title {
    font-size: 16px !important;
    font-weight: 700;
    padding: 0 5px;
}

.CodecoupenContainer .applyuser {
    padding: 39px 0;
    text-align: center;
}

.CodecoupenContainer .applyuser button {
    margin: 0;
    padding: 6px 15px !important;
}

.CodecoupenContainer .box {
    border-top: 3px solid #1389b5;
    box-shadow: 0 4px 6px rgb(0 0 0 / 10%);
}

.CodecoupenContainer .promopadding {
    padding-left: 0px;
}

.CodecoupenContainer h2.promopadding {
    font-size: 25px;
    text-align: center;
}

.CodecoupenContainer h5.promopadding.copycode {
    font-size: 16px !important;
}

.CodecoupenContainer #createpromocodeform .form-control {
    border: 1.5px solid #ced0d1 !important;
    border-radius: 0 !important;
}

.SchemeContainer ol.breadcrumb.breadcrumb-path {
    padding: 10px 0;
}

.SchemeContainer .box-header.with-border {
    padding: 10px 15px;
}

.SchemeContainer .box-header.with-border h3.box-title {
    font-size: 16px !important;
    font-weight: 700;
}

.SchemeContainer .box-body {
    padding: 10px 15px;
}

.AddnoteOuter {
    margin-top: -5px;
}

.AddnoteOuter a {
    font-size: 14px;
}

.SchemeContainer #schemelist {
    height: 515px;
    overflow-y: auto;
}

.SchemeContainer #schemelist .box {
    border-top: 3px solid #008bba;
    box-shadow: 0 4px 6px rgb(0 0 0 / 10%);
}

.SchemeContainer #schemelist .box-tools {
    right: 15px;
}

.SchemeContainer #schemelist .box-tools button {
    min-width: auto;
}

.SchemeContainer #schemelist h3.box-title {
    font-size: 16px !important;
    font-weight: 700;
}

.SchemeContainer #schemelist .box-header {
    padding: 10px 15px;
}

.PlansReportContainer h2.textdash.float-left,
.TransactionContainer h2.textdash.float-left,
.SuppoartContainer h2.textdash {
    padding: 0;
    margin: 0;
}

.PlansReportContainer ol.breadcrumb.breadcrumb-path,
.TransactionContainer ol.breadcrumb.breadcrumb-path,
.SuppoartContainer ol.breadcrumb.breadcrumb-path {
    padding: 0;
}

/* Table Data alignment Classes */

.AchiveContaienr .dataTables_scroll {
    overflow: auto;
    max-height: 43vh;
}

#normaltable_wrapper .dataTables_scroll {
    overflow: auto;
    max-height: 56vh;
}

#clienttable_wrapper .dataTables_scroll {
    overflow: auto;
    max-height: 54vh;
}

#appointmenttable_wrapper .dataTables_scroll {
    overflow: auto;
    max-height: 36vh;
}

#visitortable_wrapper .dataTables_scroll {
    overflow: auto;
    max-height: 57vh;
}

.ServicesContainer .dataTables_scroll {
    max-height: 54vh;
    overflow: auto;
}

.RegisterRepContaienr .dataTables_scroll {
    max-height: 40vh;
    overflow: auto;
}

#documentreport_wrapper .dataTables_scroll {
    max-height: 51vh;
    overflow: auto;
}

.VintageRepContainer .dataTables_scroll {
    max-height: 70vh;
    overflow: auto;
}

.PaymentRepContainer .dataTables_scroll {
    overflow: auto;
    max-height: 44vh;
}

.InvoiceRepContainer .dataTables_scroll {
    overflow: auto;
    max-height: 47vh;
}

.FrequencyWiseContainer .table-wrap {
    max-height: 62vh;
    overflow: auto;
}

.NoticeallContainer .dataTables_scroll {
    overflow: auto;
    max-height: 57vh;
}

.ArchNoticeContainer .dataTables_scroll {
    overflow: auto;
    max-height: 56vh;
}

.BranchContainer .dataTables_scroll {
    overflow: auto;
    max-height: 48vh;
}

.EditAdminContainer table#table {
    overflow: auto;
    max-height: 58vh;
}

.PackageAllContainer .dataTables_scroll {
    overflow: auto;
    max-height: 47vh;
}

span.select2-selection.select2-selection--multiple {
    border-radius: 0;
    border: 1px solid #d2d6de !important;
}

.EditpackageContainer h2.textdash.float-left {
    padding: 0;
    margin: 0;
}

.EditpackageContainer ol.breadcrumb.breadcrumb-path {
    padding: 0;
    margin: 0;
}

.PlansReportContainer #normaltable_wrapper .dataTables_scroll {
    overflow: auto;
    max-height: 45vh;
}

.TransactionContainer #normaltable_wrapper .dataTables_scroll {
    overflow: auto;
    max-height: 61vh;
}

.SuppoartContainer .dataTables_scroll {
    overflow: auto;
    max-height: 61vh;
}

.RegisterRepContaienr .btn-group button.multiselect.dropdown-toggle.btn.btn-default:focus,
.RegisterRepContaienr .btn-group button.multiselect.dropdown-toggle.btn.btn-default:focus-visible,
.RegisterRepContaienr .btn-group button.multiselect.dropdown-toggle.btn.btn-default:active,
.RegisterRepContaienr .btn-group button.multiselect.dropdown-toggle.btn.btn-default:hover {
    background: none;
    box-shadow: none;
}

textarea.form-control {
    height: auto;
    /* min-height: 90px; */
}

.SuperDashContaiener table thead tr th,
SuperDashContaiener table tbody tr td {
    word-break: normal;
}

.SuperDashContaiener .box-header.with-border {
    padding: 0;
}

#viewadmin .box-header h3 {
    font-size: 16px !important;
    font-weight: 700;
    padding: 10px 0;
}

#viewadmin .box.box-primary .box-body {
    padding: 0;
}

#viewadmin .box.box-primary .box-body table tbody tr td {
    text-align: left !important;
}

#viewadmin .box.box-primary .box-body table tbody tr:nth-child(even) {
    background: #e3e3e3;
}

#viewadmin .modal-body h3 {
    font-size: 16px !important;
    font-weight: 700;
}

#viewadmin .box.box-primary .box-body table tbody tr:last-child td {
    border-bottom: 0;
}

.dt-button-collection {
    width: 98px !important;
}

select#fid_year {
    padding: 0.375rem 0.5rem !important;
}

#viewadmin .modal-content .modal-body .box {
    box-shadow: none;
}

.AdminContainer #docc table#example1 tbody tr td:nth-child(4) {
    border-color: #ddd !important;
}

.AdminContainer #tab_7 #table-scroll .table-wrap {
    width: 100%;
    max-height: 72vh;
    overflow: auto;
}

.AdminContainer .emp-personal-info-view .nav-tabs-custom {
    margin-bottom: 0;
}

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

table thead tr th.data__align_center,
table tbody tr td.data__align_center {
    text-align: center !important;
}

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

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

/* //css added by shubham for izzitoast cloase button size */

.iziToast>.iziToast-close {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    padding: 0;
    opacity: .6;
    width: 50% !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 85% 50%;
    background-size: 10px;
    cursor: pointer;
    outline: 0;
}

/* updated on 07-01-22 by shubham */
.iziToast>.iziToast-body .iziToast-icon {
    position: absolute;
    left: 0;
    top: 35% !important;
    display: table;
    font-size: 23px;
    line-height: 24px;
    margin-top: -7px !important;
    color: #000;
    width: 22px;
    height: 25px;
}

#allinvoices table tbody tr td a.deleteinvoice {
    margin-right: 0;
    display: inline-block;
}

#allinvoices table tbody tr td a.deleteinvoice img {
    margin-top: 0 !important;
}

table {
    margin-bottom: 0;
}

.SuperDashContaiener table tr th,
.SuperDashContaiener table tr td {
    vertical-align: middle !important;
}

.mobdatecla {
    display: none;
}

.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    font-size: 12px;
    color: #008bba;
    font-weight: 700;
}

.edittaskwidth.setpadding {
    text-align: left !important;
    padding-top: 26px;
}

.AchievTable table thead tr th {
    border-bottom: 0 !important;
}

.mobiletwodropdown {
    display: none;
}

.colorlist {
    overflow: hidden;
    padding-top: 15px;
    float: right;
}

.colorlist ul {
    margin: 0;
    padding-left: 0;
}

.colorlist ul li {
    float: left;
    text-transform: uppercase;
}

.colorlist ul li span {
    width: 15px;
    height: 15px;
    background: #27aae1;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-left: 20px;
    margin-top: -4px;
}

.nav-tabs-custom ul.nav.nav-tabs li a {
    font-weight: 700;
}

.nav-tabs-custom ul.nav.nav-tabs li a:focus {
    border: 1px solid #0189b5;
}

#allinvoices table tbody tr td button:hover {
    color: #fff;
}

.datepicker-days table tbody tr td {
    border: 0 !important;
}

.datepicker-days table thead tr:nth-child(3) th {
    border-bottom: 0 !important;
}

.createservice {
    padding-top: 28px;
}

#modelforduedates header span.w3-button.w3-closebtn {
    position: absolute;
    right: 10px;
    top: 0;
}

.editserviceContainer h2.textdash {
    padding: 0;
    margin: 0;
    padding-bottom: 0;
}

.RegisterRepContaienr .btn-group ul.multiselect-container {
    width: 100%;
}

.tableScrollbar {
    max-height: 63vh;
}

span#create {
    float: right;
    margin-bottom: 10px;
}

section.path1 {
    padding: 10px 0;
    overflow: hidden;
}

section.path1 ol.breadcrumb {
    padding: 0;
}

.helpwidthbnt {
    padding: 0px 15px 10px;
}

.PaymentContainer #clientbalancetable table thead tr th:first-child {
    white-space: nowrap;
}

/* Responsive Css Start here */
@media (max-width: 1792px) {}

@media (max-width: 1680px) {
    .content-wrapper {
        min-height: calc(103vh - 101px) !important;
        background-color: #f2f2f2;
        z-index: 800;
    }

    .tableScrollbar {
        max-height: 61vh;
    }
}

@media (max-width: 1600px) {
    .tableScrollbar {
        max-height: 55vh;
    }
}

@media (max-width: 1536px) {
    .tableScrollbar {
        max-height: 53vh;
    }
}

@media (max-width: 1440px) {}

@media (max-width: 1366px) {
    .content-wrapper {
        min-height: calc(106vh - 101px) !important;
    }

    .tableScrollbar {
        max-height: 35vh;
    }

    #promocodelist {
        max-height: 79vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (max-width: 1280px) {
    .cursor-pointer img {
        margin-bottom: 5px;
    }

    .content-wrapper {
        min-height: 83vh !important;
        padding-bottom: 15px;
    }

    .toppd {
        padding-top: 0px !important;
        width: 100%;
        text-align: right;
    }

    .col-width-buttons {
        width: 100% !important;
        padding-right: 15px !important;
        padding-bottom: 15px;
    }

    table#invoices {
        width: 100% !important;
    }

    .invoicewidth {
        width: 33.33333%;
    }

    .col-width-amt {
        width: 33.33333% !important;
    }

    .dropdown.bootstrap-select.show-tick {
        width: 100% !important;
    }

    .bootstrap-select>.dropdown-toggle {
        width: 100% !important;
    }

    .colorlist ul li span {
        margin-left: 15px;
    }

    .tableScrollbar {
        max-height: 50vh;
    }
}

@media (max-width: 1100px) {
    .createtaskwdth {
        width: 33.3333333%;
    }

    .edittaskwidth {
        width: 33.33333%;
        float: left;
    }

    .edittaskdwidthbtn {
        text-align: right;
        margin-top: 15px !important;
    }

    .edittaskdwidthbtn .text-align {
        width: 100%;
    }

    table#appointmenttable tbody tr td span.btn:first-child,
    table#appointmenttable tbody tr td span.btn:nth-child(2) {
        margin-bottom: 5px;
    }

    .createvisitorwidth {
        width: 50%;
        float: left;
    }

    .createvisitor {
        padding-top: 12px !important;
    }

    #documenttab .nav-tabs-custom ul li,
    #taskdetailtab .nav-tabs-custom ul li,
    #tasklisttab .nav-tabs-custom ul li {
        width: 100% !important;
        float: left !important;
        min-width: 100%;
    }

    .Reportfilterrightpd {
        padding-right: 15px;
    }

    p.messageinvoice {
        margin-top: -40px;
        margin-left: 0 !important;
    }

    .editadminwidth {
        width: 33.333333%;
        float: left;
    }

    .createadminwidth,
    .editpackagewidth,
    .createpackagewidth {
        width: 33.33333333%;
        float: left;
    }

    createpackagewidth .margin {
        margin: 10px 0;
    }

    .select2-container .select2-selection--multiple {
        min-height: 34px;
    }
}

@media (max-width: 1024px) {
    .tableScrollbar {
        max-height: 48vh;
    }

    .helpwidth {
        width: 33.33333%;
        float: left;
    }
}

@media (min-width: 992px) {
    .w3-modal-lg {
        width: 900px !important;
    }
}

@media (max-width: 991px) {
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        position: absolute;
        right: auto;
        left: auto;
        border: 1px solid #ddd;
        background: #fff;
        width: 280px;
    }

    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu.notifipopup.ulforfy {
        width: auto;
    }

    .BrowseFile {
        padding: 20px 0;
    }

    /* table{
    overflow: auto;
} */
    .AppPaddingright {
        padding-right: 15px !important;
    }

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

    .clearfilerbtn {
        padding: 0px 15px 14px 0px;
        text-align: right;
    }

    .createtaskwdth {
        width: 50%;
        float: left;
    }

    .edittaskwidth {
        width: 50%;
    }

    .edittaskwidth.setpadding {
        width: 100%;
    }

    .AchiveContaienr .UnAchiveTaskbuttons {
        padding-top: 10px !important;
        text-align: right;
    }

    .AchiveContaienr .AchievTable table tr th:last-child {
        padding-right: 0 !important;
    }

    .edittaskdwidth {
        width: 50%;
    }

    .edittaskdwidthbtn {
        margin-top: 26px !important;
    }

    .desktopdevice {
        display: none;
    }

    .mobiletwodropdown {
        display: block;
    }

    /* .desktopdevice {
    position: absolute !important;
    height: auto !important;
    top: 85px;
    left: 0px;
    border-left: 0;
}
.desktopdevice2 {
    position: absolute !important;
    height: auto !important;
    top: 85px;
    left: 175px;
    border-left: 0;
} */
    .editemployeewidth {
        width: 50%;
        float: left;
    }

    .createclientwidth {
        width: 50%;
        float: left;
    }

    .content-wrapper {
        /* min-height: 83vh !important; */
        padding-bottom: 15px;
    }

    .editclientwidth {
        width: 50%;
        float: left;
    }

    .Createempwidth,
    .editvisitorwidth {
        width: 50%;
        float: left;
    }

    .ebutton.updatediv.editvisitorwidth {
        width: 100%;
    }

    #clientbalancetable {
        margin-top: 15px;
    }

    .hideselect {
        margin-bottom: 15px;
    }

    #clientbalancetable table {
        margin-bottom: 5px;
    }

    .my-custom-scrollbar {
        position: relative;
        height: 45vh !important;
        overflow: auto;
    }

    .malefemaleimg img {
        height: auto !important;
        width: 80px;
    }

    .card-block {
        padding-left: 8px;
    }

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

    .createServicewidth {
        width: 50%;
        float: left;
    }

    .createservice {
        padding-top: 0px;
    }

    .editservecWidth {
        width: 50%;
        float: left;
    }

    .editservice {
        padding-top: 26px;
    }

    .dataTables_paginate {
        margin-top: 0% !important;
    }

    .btnheights {
        margin-top: 0 !important;
        text-align: right;
    }

    .toppd {
        padding-top: 15px;
        width: 100%;
        text-align: right;
    }

    .setbordertop #mydocs {
        border-top: 0px solid #cccc;
    }

    .btn-group ul.multiselect-container {
        width: 100%;
    }

    .invoicewidth {
        width: 50%;
    }

    .col-width-amt {
        width: 50% !important;
    }

    .col-width-buttons button:last-child {
        margin-top: 5px;
    }

    .saveNupdate {
        margin-top: 15px !important;
        text-align: right;
    }

    label.generateInvoice {
        margin-top: 0 !important;
    }

    p.messageinvoice {
        margin-top: -28px;
        margin-left: 0 !important;
    }

    .tableScrollbar {
        max-height: 58vh;
    }

    .editadminwidth,
    .createadminwidth,
    .editpackagewidth,
    .createpackagewidth {
        width: 50%;
    }

    .createpromocodewidth {
        width: 50%;
        float: left;
        padding: 0 15px;
    }

    .blockminpadding {
        padding: 0 0px !important;
        text-align: right;
    }

    .planswidth {
        width: 50%;
        float: left;
    }

    .helpwidth {
        width: 50%;
    }

}

@media (min-width: 768px) {
    .w3-modal-lg {
        width: 600px;
    }
}

@media (max-width: 767px) {


    .sidebar span {
        font-weight: 700;
    }

    .signlogo {
        width: 75%;
    }

    .rounded {
        width: 20%;
    }

    .AdminContainer .admin1 .box-header.formheader {
        padding-bottom: 0;
        padding-left: 0;
        padding-top: 0;
    }

    div.dt-buttons {
        float: left !important;
        text-align: left;
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        margin-top: 0;
    }

    .dataTables_wrapper .dataTables_info {
        float: left;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        margin-top: 0;
        padding-top: 0;
    }

    .AdminContainer .nav-tabs-custom ul.nav.nav-tabs li {
        border: 0;
    }

    .tasknewbtn {
        width: 40%;
    }

    .wdright {
        width: 20%;
    }

    .modal-width {
        width: 100% !important;
        margin-left: 8px !important;
    }

    .AchiveContaienr .AchievTable table {
        width: 100%;
    }

    /* .desktopdevice {
    left: 4px;
} */
    .w3-modal-content {
        width: auto !important;
    }

    #paymentdetails1,
    #reciptpopup {
        padding-right: 0 !important;
    }

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

    .dataTables_scroll {
        overflow: auto !important;
    }

    #modelforduedates {
        top: 70px;
    }

    .content-wrapper.editserviceContainer {
        margin-top: 75px !important;
    }

    #modelforlogs {
        padding-top: 145px !important;
    }



    .btnapplyfilt {
        text-align: right;
    }

    .jFiler-theme-default .jFiler-input {
        width: 100% !important;
    }

    .padtopedi {
        padding-top: 10px;
    }

    .tableScrollbar {
        max-height: 38vh;
    }

    .respwidth3 {
        width: 30%;
    }

    .respwidth6 {
        width: 50%;
    }

    .respwidth2 {
        width: 20%;
    }
}

@media (max-width: 580px) {
    div.dt-buttons {
        float: left;
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
    }

}

@media (max-width: 480px) {
    .nav-tabs-custom>.nav-tabs>li {
        width: 100%;
        border-top-right-radius: 0px !important;
    }

    .AdminContainer .nav-tabs-custom ul.nav.nav-tabs li.active a {
        border-top-right-radius: 0px !important;
    }

    .nav-tabs-custom ul.nav.nav-tabs li a {
        border-top-right-radius: 0px !important;
    }

    .rounded {
        width: 33%;
    }

    .bussresgiter {
        width: 100%;
    }

    div.dt-buttons {
        float: left;
        width: 35%;
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right;
        width: 65%;
    }

    .dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: 65%;
        height: 29.35px;
    }

    .Subscription table.table tbody tr td a {
        margin: 2px 0;
    }

    .dataTables_wrapper .dataTables_info {
        float: none;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: none;
    }

    .tasknewbtn {
        width: 100%;
        text-align: left !important;
        padding-bottom: 10px;
    }

    .wdright {
        width: 33.3333333%;
        padding-left: 15px !important;
    }

    .filterwidthtask {
        width: 50%;
        float: left !important;
    }

    th#filter_col2 {
        padding-right: 0 !important;
    }

    th#filter_col3 {
        padding-left: 0 !important;
    }

    .buttons-excel {
        margin-bottom: 5px;
    }

    .mobdatecla {
        display: block;
    }

    .colendercol {
        display: none;
    }

    .createtaskwdth {
        width: 100%;
    }

    .edittaskwidth {
        width: 100%;
    }

    .tab button.active {
        border-top-right-radius: 0;
    }

    .tab button {
        min-width: 100%;
        border-top-right-radius: 0;
        font-size: 14px;
    }

    .AchiveContaienr .AchievTable table tr th {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .AchiveContaienr .AchievTable table tr th:first-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .AchievTable {
        margin-bottom: 20px;
    }

    .editemployeewidth {
        width: 100%;
    }

    .createclientwidth {
        width: 100%;
    }

    .editclientwidth,
    .Createempwidth {
        width: 100%;
    }

    .createvisitorwidth,
    .editvisitorwidth {
        width: 100%;
    }

    button#show-popover {
        margin-bottom: 5px;
    }

    .ButtonOuter,
    .createvisitor {
        padding-top: 0;
    }

    .accuntwidth {
        width: 100%;
        margin-bottom: 15px;
    }

    .hideselect {
        margin-bottom: 0;
    }

    .manualEntry {
        margin: 15px 0;
    }

    .modalpopupwidth {
        width: 100%;
    }

    .tabsbuttons {
        width: 100%;
        float: left;
    }

    .manualEntry {
        width: 100%;
        float: left;
    }

    .hirarchywidth {
        width: 100%;
        padding: 0 15px !important;
    }

    .malefemaleimg.hirarchywidth {
        text-align: center;
        padding-top: 15px;
    }

    .createServicewidth {
        width: 100%;
    }

    .editserviceContainer h2.textdash {
        padding: 0;
        margin: 0;
        padding-bottom: 0;
    }

    .editservecWidth {
        width: 100%;
    }

    #modelforduedates #printtableforduedates #dataforduedate button {
        width: 100% !important;
        border-radius: 0 !important;
    }

    #modelforduedates #printtableforduedates #dataforduedate button.active {
        width: 100%;
        min-width: 100%;
    }

    .multitaskwidth,
    .importwidth {
        width: 100%;
    }

    .topmg {
        margin-top: 15px;
    }

    .btnforsave {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .digitrewidth {
        width: 100%;
    }

    .fourbtn button:first-child,
    .fourbtn button:nth-child(2) {
        margin-bottom: 5px;
    }

    .docreportwidth {
        width: 100%;
    }

    .paymentrewidth {
        width: 100%;
    }

    .toppd button:last-child {
        margin-top: 5px;
    }

    .invoicewidth {
        width: 100%;
    }

    .col-width-amt {
        width: 100% !important;
    }

    .editnoticewidth {
        width: 100%;
    }

    .addhearingwidth {
        width: 100%;
    }

    .viewnotewidth {
        margin-bottom: 15px;
    }

    .createnoticewidth {
        width: 100%;
    }

    p.messageinvoice {
        margin-top: -46px;
    }

    .editclientwidthbtn {
        text-align: right;
        padding-top: 0 !important;
        padding-bottom: 15px;
    }

    .hirarchytabheight {
        max-height: 200px;
        overflow: auto;
        padding-bottom: 10px;
    }

    .edittaskwidth.setpadding {
        text-align: right !important;
        padding-top: 0;
    }

    #setlimit .modal-dialog {
        width: auto;
    }

    .treeview.menu-open>ul.treeview-menu {
        overflow: visible;
        height: auto;
        overflow-y: auto !important;
        display: block;
        max-height: 65px;
    }

    .tableScrollbar {
        max-height: 22vh;
    }

    .editadminwidth,
    .createadminwidth,
    .editpackagewidth,
    .createpackagewidth {
        width: 100%;
    }

    .EditAdminContainer .nav-tabs-custom ul.nav.nav-tabs li,
    .EditAdminContainer .nav-tabs-custom ul.nav.nav-tabs li.active a,
    .EditAdminContainer .nav-tabs-custom ul.nav.nav-tabs li a,
    .createBranchContainer .nav-tabs-custom ul.nav.nav-tabs li a,
    .createBranchContainer .nav-tabs-custom ul.nav.nav-tabs li.active a {
        border-top-right-radius: 0px !important;
    }

    a.createservice button {
        margin-bottom: 5px;
    }

    .createpromocodewidth {
        width: 100%;
    }

    .respwidth3,
    .respwidth6,
    .respwidth2,
    .planswidth,
    .helpwidth {
        width: 100%;
    }

    .procodedetails {
        padding: 0 15px;
    }

    .CodecoupenContainer .applyuser {
        padding: 20px 15px;
        text-align: center;
    }

    .smaldevices {
        margin-top: 10px;
        text-align: right;
    }
}

@media (max-width: 414px) {}

@media (max-width: 375px) {
    .accuntwidthbtn button:last-child {
        margin-top: 0px;
    }
}

@media (max-width: 320px) {}

/* Responsive Css Start here */
/* css added by shubham on 04-01-2021 */
#tableforviewservices th {
    z-index: 999;
}

/* css added by shubham for dt left datatable on 22-01-2022 */
td.dt-left {
    text-align: left !important;
}

/* added on
22-04-2022 by shubham for charges
class */

.chargesvalue{
    text-align:right;
}

/* CSS added by Adarsh for trash icon */
.bi.bi-trash-fill:hover {
    color: #dc3545;
}

/* added by shubham for assign service imput type number buttons remove */
/* Chrome, Safari, Edge, Opera */
.assignservice input::-webkit-outer-spin-button,
.assignservice input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Inter", sans-serif !important;
}

.form-control:disabled{
    background-color: #eee !important;
}

/* Company profile page  */

.btn-outline-primary{
    border: 1px solid #0789B5 !important;
    color: #0789B5 !important;
    font-weight: 600 !important;
}
.btn-outline-primary:hover{background-color: #0789B5 !important; color: #fff !important;}
.btn-outline-light {
    border: 1px solid #F0F0F0 !important;
    border-radius: 5px !important;
    color: #252527 !important;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    height: 40px;
}

.page-company-profile .btn-edit{
    min-width: 35px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 6px 10px;
}
.page-company-profile .btn-edit:hover{background-color: #ddd;}
.page-company-profile .card {border-color: #F0F0F0;border-radius: 6px;}
.page-company-profile .card .card-header{border-color: #F0F0F0;}
.page-company-profile .progress{height: 10px;border-radius: 5px ;}
.page-company-profile .progress-bar.bg-success{background-color: #07B58A !important;}
.page-company-profile .form-control:not(.input-group .form-control), .form-select {
    border-color: #F0F0F0;
    border-radius: 5px !important;
    box-shadow: 0px 0px 7px #0000000d;
    height: 40px;
    font-size: 14px;
    font-weight: 600;
}
.page-company-profile .form-control::placeholder{color:#9d9d9d}
.page-company-profile .input-group {box-shadow: 0px 0px 7px #0000000d;border-color: #F0F0F0;}
.input-group .form-control, .input-group .input-group-text {
    border-color: #F0F0F0;
}
#upload-box {
    width: 100%;
    border: 2px dashed #ccc;
    border-radius: 8px;
    text-align: center;
    padding: 20px;
    background-color: #fff;
    cursor: pointer;
    transition: border-color 0.3s ease;
  }
  
  #upload-box:hover {
    border-color: #4a90e2;
  }
  
  #upload-box .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  #upload-box .upload-area {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  #upload-box .upload-icon {
    width: 40px;
    margin-bottom: 10px;
  }
  
  #upload-box .instructions {
    font-size: 14px;
    color: #333;
  }
  
  #upload-box .instructions span {
    color: #4a90e2;
  }
  
  #upload-box .formats {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
  }
  
  #upload-box input[type="file"] {
    display: none;
  }


/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;500;600;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
.font-16{font-size: 16px !important;}
.font-14{font-size: 14px !important;}
.font-12{font-size: 12px !important;}
.font-10{font-size: 10px !important;}
.font-18{font-size: 18px !important;}
.font-20{font-size: 20px !important;}
.font-medium{font-weight: 600;}
.content-header{padding: 15px 15px 0 20px !important;}
.content-wrapper{margin-top: 56px;border-radius: 24px 0 0 0;}
.main-header nav.navbar.navbar-static-top a.sidebar-toggle.togglebar{
    padding: 0 15px !important;
}
.hover-primary:hover{color: #0789B5;}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}
a{text-decoration: none !important;}
.text-brand{color: #008bba !important;}
.text-success{color: #8BC53F !important;}
.text-danger{color: #F2704A !important;}
.bg-brand{background-color: #008bba !important}
.bg-light1{background-color: #eff1f1 !important}
body.modal-open{padding: 0 !important;height: 100vh !important;}
/* Header style  */
.dropdown.user-menu .name{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 150px;
}
.dropdown.user.financial-year .buttonforfy {
/* background-color: transparent !important; */
/* color: #008bba; */
/* padding: 0 !important; */
}
.dropdown.user.financial-year .buttonforfy:active{box-shadow: none;}
.profilemainli ul.dropdown-menu.notifipopup{
  max-width: 240px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
/* .dropdown-menu{ */
  /* -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; */
/* } */
.profilemainli ul.dropdown-menu.notifipopup{max-width: 240px;}
.notificationheader .edit-btn{
  position: absolute;
  transition: 0.3s;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    background-color: #fff;
    font-size: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 17px;
    width: 17px;
    box-shadow: 0px 0px 5px #0000002b;
}
.notificationheader .edit-btn:hover{
background-color: #008bba !important;color: #fff;
}
.main-header .logo{margin-top: 6px;}
.header-nav{box-shadow: none !important;}
aside.main-sidebar.asidecss section{border: 0 !important;}
.sidebar span{font-size: 13px !important;}
.sidebar-menu>li>a{border: none !important;}
.asidecss{box-shadow: none !important;
  margin-top: 25px !important;padding-top: 68px !important;}

  .sidebar-collapse .menu-toggle-btn{
    transform: rotate(180deg);
  }
  .sidebar-menu .treeview-menu{
    background-color: #fbfbfb !important;
  }
  .main-sidebar .sidebar{
    min-height: calc(100vh - 115px);
    position: relative;
  }
  .main-sidebar .sidebar ul.sidebar-menu{
border: 1px solid transparent;
  }
  
  .main-sidebar .create-btn-holder{
    padding:  0 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .sidebar-collapse  .main-sidebar .create-btn-holder{
    padding:  0 5px;
  }
  .sidebar-collapse  .main-sidebar .create-btn-holder .btn{
      min-width: 30px;
      padding: 0;
  }
  .main-sidebar .create-btn{
    height: 40px;
    font-size: 14px;
}
.main-sidebar .quick-dropdown{
  display: none;
  transform: translateY(-20px);
  transition: transform 0.3s ease, opacity 0.3s ease;
  margin-left: 0 !important;

}

 
.sidebar-collapse .main-sidebar .create-btn .hide-text{
  display: none;
}


  .sidebar-menu .treeview-menu li a{color: #717171;}
  .sidebar-menu .treeview-menu li a {font-size: 12px;}
  .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a, .sidebar-mini.sidebar-collapse .sidebar-menu>li.active>a, .sidebar-mini.sidebar-collapse .sidebar-menu>li.menu-open>a{
    background: #F7F7F7 !important;
    color: #252527 !important;
  }
  .header-nav .iconfornotification{
    height: 41px !important;
    width: 41px !important;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar,
  .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer{
    transition: all 0.5s ease-in-out;
  }
  .treeview.menu i{
    transition: 0.3s;
  }
  .sidebar-menu .treeview.level-1.menu-open a span i:not(.treeview.one i){
    transition: 0.3s;
    transform: rotate(180deg);
  }
  .treeview.one.menu-open a span i{
    transition: 0.3s;
    transform: rotate(180deg);
  }

  .notifications-menu .label{
    background-color: #008bba !important;
  }


.header-right-menu>ul>li{
    margin-right: 15px;
    height: 55px;
    display: flex;
    align-items: center;
    border-right: 1px solid #ddd !important;
    padding-right: 15px;
}
.sidebar-menu>li>a{border-right: 4px solid transparent !important;color: #008bba;}
.sidebar-mini .sidebar-menu>li:hover>a, .sidebar-mini .sidebar-menu>li.active>a, .sidebar-mini .sidebar-menu>li.menu-open>a{border-color: #008bba !important;}
.main-sidebar .sidebar-menu .lock-menu{opacity: 0.5;}
.sidebar-menu .lock-menu .lock-icon{
  width: 14px;
  position: absolute;
  right: 12px;
  z-index: 1;
}
.lock-container{
  pointer-events: none;
  position: relative;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.lock-container .lock-layer{
  width: 100%;
  background: #ffffffb8;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  pointer-events: none;
}
.lock-container.lock-layer{
    opacity: 0.4;
    justify-content: center;
    left: 0;
    top: 0;
    z-index: 4;
    pointer-events: none;
}
.lock-btn{pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.header-right-menu{height: 55px;}
.header-right-menu>ul>li>a{padding-top: 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 32px !important;}
.select2-container .select2-selection--single{height: 34px !important;}
span.select2-selection.select2-selection--single{border-radius: 3px !important;}
.select2-selection__rendered{font-size: 14px;}
.table>:not(:first-child){border-top: 0 !important;}
.form-group{margin-bottom: 15px;}
.btn-clear{background-color: #dbd9d9 !important;}
.btn-export{background-color: #e6f7f9 !important;padding: 6px 13px !important;line-height: 22px !important;}
.btn-export i{font-size: 18px;vertical-align: middle;}
.pagination{justify-content: end;}
.pagination .page-link{
    min-width: auto;
    padding: 7px 8px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    height: 30px;
    display: flex;
    align-items: center;
}
.sfitable_wrap {
  width: 100%;
  overflow: auto;
}
.pagination .page-item.disabled .page-link{padding: 5px 8px;}
nav[aria-label="Pagination Navigation"] svg{width:25px}
.btn-cancel{background-color: #dbd9d9 !important;color: #008bba !important;}
.page-item.active .page-link{background-color: #008bba !important;border-color: #008bba !important;padding: 5px 8px}
.breadcrumb>li+li:before{content: "/";margin: 0 4px 0px 7px;color: #c3c1c1;}
.breadcrumb>.active {color: #777 !important;}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{
   border: 1px solid #e7e2e2 !important;
}
.table-no-hover tr:hover{
background-color: transparent;
}
.table .status-counts{white-space: nowrap;}
.table .status-counts .count-box{
border: 1px solid;font-size: 12px;padding: 3px 4px;display: -webkit-inline-box;line-height: 15px;
}
.table .status-counts .count-assigned{border-color: #0789b5;color:#0789b5;}
.table .status-counts .count-assigned:hover{background-color: #0789b5;color: #fff;}
.table .status-counts .count-wip{border-color: #E27140;color:#E27140;}
.table .status-counts .count-wip:hover{background-color: #E27140;color: #fff;}
.table .status-counts .count-hold{border-color: #E27140;color:#E27140;}
.table .status-counts .count-hold:hover{background-color: #E27140;color: #fff;}
.table .status-counts .count-cancelled{border-color: #ADBEC9;color:#ADBEC9;}
.table .status-counts .count-cancelled:hover{background-color: #ADBEC9;color: #000;}
.table .status-counts .count-completed{border-color: #5BBA63;color:#5BBA63;}
.table .status-counts .count-completed:hover{background-color: #5BBA63;color: #fff;}

.table .action-link{font-size: 16px;color: #545454;margin-right: 5px;text-decoration: none;}
.table .action-link.normal:hover{color: #008bba;}
.table .action-link.delete:hover{color: #d32828;}
.table th a{text-decoration: none;font-size: 13px !important;}
.table th {font-size: 13px !important;border-bottom: 0 !important; }
.table th b{font-weight: 600;}
.table tr td.hover-td:hover a{text-decoration: underline;color: #008bba !important;}
.table tbody tr td{border: 0;line-height: 18px;}
.table-wrap-50 table th,.table-wrapper-scroll-y th{z-index: 1;}

.table *{
  font-family: 'Inter', sans-serif !important;
}
.table tr th{font-weight: 600;}
.table tr td{font-weight: 400;}

/* REPORTS   */
.task-status-table .freez-cell{
text-align: left !important;
position: sticky;
left: 0;
z-index:  1;
}
.task-status-table .freez-cell.serv-col{left: 110px;}
.task-status-table tr td,.task-status-table tr th{
border-right: 1px solid #ddd !important;
}



/* .table tr td.hover-td:hover a::after{content: " \F1C5";    font-family: bootstrap-icons !important;} */
input[type="search"].form-control{border-radius: 3px !important;}
form .form-control{height: 35px; border-radius: 3px !important;font-size: 14px;}
form .form-control.browsefil,form input[type="file"]{line-height: 26px; font-size: 13px;}
form .form-control::placeholder{font-size: 14px;}
form label{margin-bottom: 4px;    color: #555454;}
.select2-selection--multiple{border-radius: 3px !important;}
.tab button{min-width: 110px !important;}
.table tfoot th{border: 0;}
.select2-dropdown{z-index: 1056 !important;}
form .form-group{position: relative;}
form .form-group .select2-hidden-accessible {position: absolute;left: 0; right: 0;}

.form-check-input:checked{background-color: #008bba !important; border-color: #008bba !important;}
/* form select.form-control,.form select.form-control{
    background: transparent no-repeat;
    background: transparent url("{{ asset('icons/down-arrow.svg') }}") no-repeat;
    background-size: 9px;
    background-position: calc(100% - 10px) center;
    text-overflow: ellipsis;
    padding: 5px 15px 5px 7px;
} */
input[type="number"].form-control{text-align: right;}

.mul-selec-scroll .select2-container{
    max-height: 55px;overflow-y: auto;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #008bba;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable label{color: #fff;   }
.select2-results__option label{ vertical-align: bottom;margin-left: 9px;color: #333;}
/* .select2-container--default .select2-results__option--selected{background-color: transparent !important;} */
.select2-container--default .select2-results__option--selected:hover{background-color:#008bba !important;color: #fff !important }
.select2-results__option{padding: 4px 10px !important;}
.select2-container--default .select2-selection--single .select2-selection__placeholder{font-size: 14px;}
.hirarchy-level ul.breadcrumb li+li:before{
    content: "\F285";
    font-family: 'bootstrap-icons';
    font-size: 10px;
    vertical-align: bottom;
    color: #e2e2e2;
    padding: 0;
}
.hirarchy-level ul.breadcrumb li a{font-weight: 400;}

.breadcrumb.breadcrumb-path{font-size: 12px;padding: 2px 0 0;}
.breadcrumb.breadcrumb-path .active{color: #0889b5 !important}
.breadcrumb.breadcrumb-path a,.breadcrumb a{font-size: 12px;font-weight: 400;    color: #333;}

.select2-container--default .select2-selection--single .select2-selection__arrow{top: 1px !important}
.table {margin-bottom: 0px !important;}
.switch input:checked+div{background-color: #008bba;}
.ck.ck-editor__main>.ck-editor__editable{min-height: 100px;}
.modal-dialog .modal-header{padding: 12px 15px;}
.modal-dialog .modal-header .modal-title{margin-top: 0;font-weight: 600;font-size: 14px;margin-bottom: 0;font-family: 'Inter',  sans-serif;}
.modal-dialog .modal-header .btn-close{opacity: 0.6;transition: 0.4s;background-size: 12px;}
.modal-dialog .modal-header .btn-close:hover{opacity:1;}
.pincode{text-align: left !important;}

.sidebar .sidebar-menu::-webkit-scrollbar {
        width: 10px;
      }

      /* Track */
      .sidebar .sidebar-menu::-webkit-scrollbar-track {
        background: #e6e6e6;
      }

      /* Handle */
      .sidebar .sidebar-menu::-webkit-scrollbar-thumb {
        background: rgb(164, 163, 163);
      }

      /* Handle on hover */
      .sidebar .sidebar-menu::-webkit-scrollbar-thumb:hover {
        background: #ddd;
      }
      .iziToast>.iziToast-close{width: 40px !important;min-width: 40px;}
#disk{
  position: absolute;
  left: 0;
  right: 0;
}
.Attendanceboxinfo h2{font-size: 26px;}
.iziToast{padding: 15px 45px 15px 0 !important;}
.iziToast-icon{margin-top: -7px !important;}
.iziToast.iziToast-color-green{background-color: #a6efb8 !important;}
.iziToast>.iziToast-body .iziToast-texts{margin-left: 10px !important;}
.iziToast>.iziToast-body .iziToast-message{color: #000 !important;    font-size: 16px !important;}
.iziToast>.iziToast-body .iziToast-title{font-size: 16px !important;}
.iziToast-close{display: none;}
.iziToast.iziToast-color-red{background-color: #ffafb4 !important;}
/* support */
.direct-chat-messages{min-height: 35px !important;max-height: 190px !important;}
.direct-chat-text:after, .direct-chat-text:before{
  border-right-color: #f0f8ff !important;
}
.direct-chat-text{margin-left: 0 !important;}
.direct-chat-msg{display: flex !important;align-items: start;}
.direct-chat-img{margin-top: 0 !important;}
.direct-chat-text1{box-shadow: none !important;
  margin-right: 10px;
  background-color: #1389B5 !important;color: #fff !important;}
.direct-chat-text.from{margin-left: 0 !important;}
.direct-chat-text1:before{
  position: absolute;
  right: -12px;
  top: 15px;
  border: solid transparent;
  border-left-color: #1389B5;
  content: ' ';
  height: 0;
  width: 0;
  pointer-events: none;
}
.direct-chat-text1:before {
  border-width: 6px;
  margin-top: -6px;
}
.direct-chat-text1 p,.direct-chat-text1,.direct-chat-text p,.direct-chat-text{font-size: 14px;margin-bottom: 0;}

.tooltip > .tooltip-inner {background-color: rgba(0, 0, 0, 0.904);}
.bootstrap-datetimepicker-widget .collapse.in{display: block;}
.bootstrap-datetimepicker-widget.dropdown-menu{box-shadow: 0px -2px 9px #00000038;width: fit-content !important;}
.bootstrap-datetimepicker-widget table td.day{height: 30px !important;width: 30px !important; font-size: 14px !important;border-radius: 0;}
.bootstrap-datetimepicker-widget table td.day:hover{background-color: #008bba !important; color: #fff !important;}
.bootstrap-datetimepicker-widget table td.day.active.today{background-color: #008bba !important;background-image: none;}
.datepicker.datepicker-dropdown{z-index: 9999 !important;box-shadow: 0px 0px 15px #0000002e;}
.datepicker-days table tbody tr td{font-size: 14px;  padding: 3px 10px;border-radius: 0;}
.datepicker-days table tbody tr td.today.day{background: #cbeffb  !important;}
.datepicker-days table tbody tr td.active.day{background: #008bba !important; color: #fff !important;}
.datepicker-days table tr:hover{background-color: transparent;}
.swal2-icon.swal2-error{width: 4em !important;height: 4em !important;}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{
  left: 8px !important;
  top: 28px
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 8px !important;
  top: 28px;
}
.swal2-icon{margin: 0 0 8px !important}
.swal2-popup{width: 24em !important;}
.swal2-content{padding: 0 !important;}
.swal2-title{font-size: 22px !important;}
.swal2-actions{margin-top: 10px !important;}

.btns-fixed{position: fixed;right: 20px; bottom: 35px;}

.unlock-modal{
    position: fixed;
    display: flex !important;
    height: 100%;
    width: calc(100% - 230px);
    z-index: 99;
    justify-content: center;
    align-items: center;
    background: rgb(0 0 0 / 57%); 
    right: 0;
    left: 0;
    margin-left: auto;
    
}
body.sidebar-collapse .unlock-modal{width: 100% !important;}
.vizard-modal{
  width: 780px !important;
} 

.btn-outline-brand{
  border: 1px solid #008bba !important;
  padding: 7px 4px;
  padding: 5px 20px;
  background: #fff;
  color: #008bba !important;
}
.btn-outline-brand.active{background-color: #008bba !important; color: #fff !important;}
.footer-container{padding-right: 15%;}
.modal {z-index: 1058 !important;}
.modal-backdrop{z-index: 1057 !important;}
.dataTables_filtert .form-control{box-sizing: inherit;}

.dd-red{color: #C73E1D !important;}
.dd-orange{color: #f39c12 !important;}
.dd-green{color: #02be11 !important;}
.dd-blue{color: #008bba !important}

/* filter  */
.filter-modal{
 height: calc(96vh - 56px);
 width: 440px !important;
 z-index: 1050 !important;
 padding: 0 15px !important;
 box-shadow: -3px -2px 6px #00000030 !important;
 top: 57px !important;
}
.filter-modal *{
  font-family: 'Inter', sans-serif !important;
}
.filter-slects .select2-results__option--selectable{
  font-size: 12px;
}
.filter-modal .select2-container--default .select2-selection--multiple{
  padding: 2px 7px;
}

.dashboard-warning-card{
  border-radius: 12px !important;
border: 1px solid #EFF1F1 !important;
background: linear-gradient(90deg, #0789B5 0.67%, #6EBBD4 99.63%);
box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.10);
}
.table thead tr th:not(.table td .table th){
  position: sticky;
  top: -1px;
  z-index: 1;
}
.table.with-loader{position: relative;}
.table-loader{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: #ffffffa7;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.table-loader .icon{width: 90px;}
.tab-style-2{gap:15px;}
.tab-style-2 .nav-link{
   border: 0 !important;
   border-bottom: 4px solid transparent !important;
   color: #333;
   padding: 6px 13px;
   min-width: auto;
}
.tab-style-2 .nav-link:hover,.tab-style-2 .nav-link.active{border-color: #367fa9 !important;}
.verticle-tab-style .nav-link.active {
  background-color: #E6F3F8 !important;
  color: #0789B5 !important;
}
.verticle-tab-style .nav-link {
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  text-align: left;
  color: #333;
  white-space: nowrap;
  width: 100%;}


.modal-xxl{
  max-width: 1270px !important;
}
  
input:-webkit-autofill {background-color: #fff;}
.login-page .floating-form-style .form-floating .form-control{min-height: 40px;}  
  
@media (max-width:767px){
    .font-xs-12{font-size: 12px;}
    .font-xs-14{font-size: 14px;}
    .font-xs-18{font-size: 18px;}
    .font-xs-22{font-size: 22px !important;line-height: 27px !important;}
    .w-xs-100{width: 100% !important;}

    .login-box-body{width: 85% !important;}
    .mobile-header-dd select{font-size: 10px;padding: 3px 17px 3px 3px !important;}
    .main-header .logo .logo-lg{line-height: auto;line-height: 25px;}
    .main-header .logo {width: 100px !important;padding-left: 0 !important;
      padding-right: 5px !important;}
    .main-header .logo .logo-lg img{width: 95px !important;}
    .main-header .togglebar{padding-top: 12px !important;}
    .Attendanceboxinfo h2{font-size: 20px;}
    .navbar-custom-menu .navbar-nav>li>a{padding-bottom: 0 !important;}
    .header-right-menu>ul>li{padding-right: 10px;margin-right: 10px;height: 40px;}
    .header-right-menu>ul>li .btn{padding: 5px 12px !important;}
    .header-right-menu ,.main-header .navbar{height: 40px !important;}
    .header-right-menu .notifications-menu .label{top: 3px !important;right: 16px !important;padding: 5px 4px !important;    min-width: 18px;}
    .main-header .navbar-custom-menu{width: 100%;}
    .header-right-menu {display: flex;justify-content: center;}
    .header-right-menu .navbar-nav{float: none !important;}
    .dropdown-menu.notifipopup:not(.finance-year){right: -55px !important;}
    .dropdown-menu .header {padding: 7px 15px;}
    .main-sidebar{top: 91px !important;}
    .content-wrapper {margin-top: 100px !important;}
    .table{
      display: block;
      overflow-x: auto;
      white-space: nowrap;
    }
    .table tr th{white-space: nowrap;}
    .table-no-responsive{display: table;}
    .tab .tablinks {margin-bottom: 10px;}
    ol.breadcrumb.breadcrumb-path{padding-top: 0 !important;}
    ul.pagination{justify-content: center;}
    .pagination .page-link,.page-item.active .page-link,.pagination .page-item.disabled .page-link{padding: 7px 7px;font-size: 10px;}
    .fixTableHead{overflow: auto !important;}
    .fixTableHead .table{display: table ;}
    .my-custom-scrollbar{height: auto !important;}
    .shitleftdevice {
      display: inline-block !important;
      width: 27% !important;
      float: left !important;
      padding-right: 10px !important;
      margin-top: 18px !important;
  }
}


.bootstrap-datetimepicker-widget table td{
  height: 31px !important;
    line-height: 30px !important;
    width: 10px !important;
    text-align: center !important;
}
.bootstrap-datetimepicker-widget table td span{
  width: 24px !important;
  height: 23px !important;
  line-height: 27px !important;
}
.bootstrap-datetimepicker-widget table td .btn{
min-width: 40px !important;
}
/* ipad css  */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
     .content-wrapper{margin-top: 55px;}
     .table-responsive-md.table{
      display: block;
      overflow-x: auto;
      white-space: nowrap;
    }
    .dropdown-menu.notifipopup{right: 0 !important;}
    .navbar-custom-menu .navbar-nav>li>a{padding-bottom: 0 !important;}
    .table-responsive-md.table tr th{white-space: nowrap;}
    .content-wrapper {
      min-height: 93vh !important;
      padding-bottom: 15px;
  }
  .dataTables_wrapper div.dataTables_info{display: none;}
}

.subtasktable{
    font-size: 11px !important;
}
.subtasktableheader{
    font-size: 12px !important;
}
.form-select{white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}
/* added by shubham for x-cloak */
[x-cloak] { display: none !important; }



.admin1 h6.cpd {
    padding-left: 10px;
}
.emailtemplate{
    margin-bottom: 0;
}
.paddingrightrm {
    margin-top: 15px !important;
    margin-bottom: 0;
}
.Showbankinvoice {
    padding-left: 3px;
}
.Showbankinvoice input[type="checkbox"] {
    vertical-align: middle;
}
.content,.content-wrapper{
    margin-bottom: 30px !important;
}
#help {
    overflow: auto;
}
.queryleft {
    text-align: left !important;
}
#help table#supporttable thead tr th,
#help table#supporttable tbody tr td li.list1 {
    white-space: nowrap;
}
t.rednote {
    color: red;
    font-size: 12px;
}
.rednote span {
    color: #333;
}
.hidden-xs.font-12.text-secondary {
    text-align: center;
}
.showbankd p.Showbankinvoice input[type="checkbox"] {
    margin-right: 0 !important;
    margin-left: 2px !important;
}
.showbankd {
    padding-right: 0;
    text-align: right;
}
.newbody{
   padding-left: 0;
   padding-right: 0; 
}
#firmtable {
    height: 250px;
    overflow: auto;
}
.employeelist {
    margin-top: 0;
    font-weight: 600;
}
.textdash {
    padding-top: 0 !important;
    margin-top: 0;
}
.poisitonrela{
    position: relative;
}
.poisitonrela .fa-eye-slash {
    position: absolute;
    top: 37px;
    right: 22px;
}
a.viewIcon {
    position: relative;
}
a.viewIcon .fa-eye {
    position: absolute;
    top: 36px;
    right: 10px;
    z-index: 99;
    color: #333;
}
a.viewIcon .fa-eye:hover {
    color: #008bba;
}
.Cust-form-group {
    display: block;

  }
  
  .Cust-form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  .Cust-form-group label {
    position: relative;
    cursor: pointer;
  }
  
  .Cust-form-group label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #008bba;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }
  
  .Cust-form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 4px;
    height: 11px;
    border: solid #008bba;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/* .communicationtable table tbody tr.firsttr td:first-child{
    padding-left: 10px;
}
.communicationtable table tbody tr td:first-child {
    padding-left: 20px;
} */

.communicationtable table tbody tr td a i {
    font-size: 18px;
    margin: 0 3px;
    color: #333;
}
.communicationtable table tbody tr td a i.bi-whatsapp {
    color: #25D366;
}
.dwider {
    border-top: 1px solid #ccc;
    margin-bottom: 15px;
}
 .main-footer{
    width: calc(100% - 229px) !important;
 }
 .sidebar-collapse  .main-footer{
    width: calc(100% - 50px) !important;
 }  
@media screen and (min-width: 768px){
    .main-footer {
        position: fixed;
        top: auto;
        bottom: 0;
        z-index: 5 !important;
        width: 83%;
    }
}

    
        /* Container for Buttons in a Single Row */
        .button-row {
            display: flex;
            gap: 15px;
            align-items: center;
        }
    
        /* General Button Styles (Only for the Four Buttons) */
        .button-row button {
            font-family: Arial, sans-serif;
            font-size: 14px;
            border-radius: 8px;
            border: none;
            padding: 8px 16px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
        }
    
        /* Icons Inside Buttons */
        .button-row .icon {
            width: 20px;
            height: 20px;
            display: inline-block;
        }
    
        /* GST Status Button */
        .button-row .btn-gst-status {
            background-color: #ffffff;
            color: #000000;
            border: 1px solid #dddddd;
        }
    
        .button-row .btn-gst-status:hover {
            background-color: #f9f9f9;
            border-color: #cccccc;
        }
    
        /* New Task Button */
        .button-row .btn-new-task {
            background-color: #008ecf;
            color: #ffffff;
        }
    
        .button-row .btn-new-task:hover {
            background-color: #007bb8;
        }
    
        /* Bulk Action Button */
        .button-row .btn-bulk-action {
            background-color: #008ecf;
            color: #ffffff;
        }
    
        .button-row .btn-bulk-action:hover {
            background-color: #007bb8;
        }
    
        /* Track Return Button */
        .button-row .btn-track-return {
            background-color: #dff4e1;
            color: #28a745;
        }
    
        .button-row .btn-track-return:hover {
            background-color: #cde7d0;
        }