.label.label-xs {
    font-size: 10px;
    padding: 1px 3px;
}
.label-black, .badge-black {
    background-color: #000000;
}
.label-green {
    background-color: #00ee00;
}
.label-orange {
    background-color: #ee5400;
}
.label-purple, .badge-purple {
    background-color: #800080;
}
.label-brown {
    background-color: #654321;
}
.label-grey {
    background-color: #CCC;
}

.btn-black{
    background-color: #3e3d3d;
    border-color: #3e3d3d;
    color: #ffffff;
}

.btn-purple,.btn-purple:focus,.btn-purple:hover{
    background-color: #800080;
    border-color: #800080;
    color: #ffffff;
}
.btn-purple:focus,.btn-purple:hover{
    background-color: #690169;
}

.btn-whatsapp,.btn-whatsapp:focus,.btn-whatsapp:hover{
    background-color: #006d5b;
    border-color: #006d5b;
    color: #ffffff;
}
.btn-whatsapp:focus,.btn-whatsapp:hover{
    background-color: #01584a;
}



.open>.btn.btn-black:not(.btn-outline).dropdown-toggle,.btn-black:hover, .btn-black:focus{
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
.page-footer-fixed .page-footer {
    background: #5d5d5d;  
}
.page-footer .page-footer-inner {
    color: #ffffff;
}
.page-footer-fixed .page-footer a{
    color: #5bb3ff;
    font-weight: bold;
}
.page-footer-fixed .page-footer a:hover{
    color: #5bb3ff;
    font-weight: bold;
    text-decoration: underline;
}

li.feature>a{
    background-color: #690169 !important;
    color: #ffffff !important;
} 

.highlight-cell>thead>tr>th:hover{
    background-color: #82a7ca !important;
}

.highlight-cell>tbody>tr>td:hover{
    background-color: #82cabe !important;
}


.step-line .mobile-arrows{
    padding-top: 30px;
}
.mt-element-step .step-line .mt-step-col {
    padding: 5px 0px !important;
}
.step-line .last .mobile-arrows{
    display: none;
}

.done>.mobile-arrows>.fa{
    color: #26C281 !important;
    border-color: #26C281 !important;
}

.active>.mobile-arrows>.fa{
    color: #32c5d2 !important;
    border-color: #32c5d2 !important;
}

.error>.mobile-arrows>.fa{
    color: #E7505A !important;
    border-color: #E7505A !important;
}

.dataTables_wrapper .dt-buttons{
    margin-top: 0px !important;
    float: left;
}


.zoom-out-table{
    zoom: 80%;
}

.zoom-out-table-60{
    zoom: 60%;
}
.zoom-out-80-div{
    zoom: 80%;
}

.zoom-out-table .select2-container {
    zoom: 0% !important;
}

@media only screen and (min-width: 360px) and (max-width: 361px) {
    .zoom-out-table .select2-container {
        width: 315px !important;
    }
}

@media only screen and (min-width: 375px) and (max-width: 389px) {
    .zoom-out-table .select2-container {
        width: 80% !important;
    }
}

@media only screen and (min-width: 390px) and (max-width: 393px) {
    .zoom-out-table .select2-container {
        width: 84% !important;
    }
}

@media only screen and (min-width: 412px) and (max-width: 414px) {
    .zoom-out-table .select2-container {
        width: 90% !important;
    }
}

.dt-print-view h1{
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.dt-print-view td, .dt-print-view th{
    font-size: 12px;
}
.dt-print-view th{
    font-weight: bold;
}

.dt-print-view .compactTable td, .dt-print-view .compactTable th{
    font-size: 8px;
    border: 1px solid #000000;
}
.dt-print-view .compactTable th{
    font-weight: bold;
}

.dt-print-view td>.fix-30{
    width: 20px;
}
.dt-print-view td>.fix-60{
    width: 60px;
}

.dt-print-view th>.text-center, .dt-print-view td>.text-center{
    text-align: center;
}

.dt-print-view th>.text-right, .dt-print-view td>.text-right{
    text-align: right;
}

.dt-print-view td>.imp-text{
    font-size: 10px;
}

.dt-print-view td>.bold{
    font-weight: bold;
}
.dt-print-view th>.zero-padding, .dt-print-view td>.zero-padding{
    padding:0px !important;
}

.sidebarSelect2 .select2-container--bootstrap {
    float: right;
    max-width: 100px;
}

li.sidebarSelect2 {
    position: relative !important;
    height: auto;
    overflow: auto;
}

.dashboard-stat .details .number {
    padding-top: 15px !important;
}

.dashboard-stat.purple {
    background-color: #673a8e;
}

.bg-purple-light{
    background: #d792f4 !important;
}
.label{
    cursor: pointer;
}


i.icon-power {
    font-size: 17px;
    color: gray;
}

.nav li:has(.icon-power) li {
    display: table-cell;
    vertical-align: middle !important;
}

.nav li:has(.icon-power) a {
    padding: 19px 10px 10px !important;
    background-color: transparent !important;
}

.nav li:has(.icon-power):hover .icon-power {
    color: pink !important;
}

.nav li:has(.icon-power) {
    background-color: red;
}

.nav li:has(.icon-power):hover {
    background-color: orange !important;
}

.page-footer .page-footer-inner {
    float: right;
}
@media only screen and (max-width: 600px) {
    .page-footer {
        text-align: center;
    }

    .page-footer .page-footer-inner {
        float: none !important;
    }
}

.shopify-color{
    background-color: #96bf48;
    color: #FFFFFF;
}

.woocommerce-color{
    background-color: #7F54B3;
    color: #FFFFFF;
}

.warning-imp{
    background-color: #f9e491 !important;
}

.popovers {
    cursor: pointer;
}
.bg-black{
    background-color: #8a8888;
    color: #ffffff;
}

h3 .fa {
    float: right;
}

.list-heading{
    cursor: pointer;
}

/* FAQ Search CSS Start  */

form.searchFaqForm {
    /* float: left; */
    margin-bottom: 10px;
    width: 100%;
}

form.searchFaqForm input[type=text] {
    border-radius: 0px 10px 10px 0px;
    padding: 18px;
    border: 0px !important;
    float: right;
    /* width: 250px; */
    width: 96%;
    background: #f0f2f5;
    font-size: 15px;
}

form.searchFaqForm button {
    border-radius: 10px 0px 0px 10px;
    float: right;
    /* width: 40px; */
    width: 4%;
    padding: 16.5px;
    background: #f0f2f5;
    color: #c6c9ce;
    font-size: 17px;
    border: 0px !important;
    border-right: none;
    cursor: pointer;
}

form.searchFaqForm input[type=text]:focus {
    outline: none !important;
}


form.searchFaqForm::after {
    content: "";
    clear: both;
    display: table;
}

/* FAQ Search CSS End  */



/* Sidebar CSS Starts */

.page-quick-sidebar-settings-list .list-items li input[type="date"].form-control {
    min-width: 100px !important;
}
/* Sidebar CSS Ends*/

.direct-search {
    display: inline-block;
    height: 50px;
    background-color: #6b7581;
    color: #c4c9d0;
    border-left: 1px solid #c4c9d0;
}
.direct-search  div{
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    font-size: 13px;
    text-transform: capitalize;
}
.direct-search  {
    cursor: pointer;
}

.navbar-options-body{
    display: none;
}
.navbar-options{
    display: inline-block;
    height: 50px;
    background-color: #6b7581;
    color: #c4c9d0;
    border-left: 1px solid #c4c9d0;
}
.navbar-options div{
    display: flex;
    /* background: red; */
    height: 50px;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    font-size: 13px;
    text-transform: capitalize;
}
.navbar-options {
    cursor: pointer;
}
.navbar-options-body {
    padding: 10px;
    z-index: 9999999;
    position: fixed;
    top: 50px;
    width: 100%;
    background: #c4c9d0;
    color: #6b7581;
}

.input-0padding{
    padding: 0px !important;
}

.no-drop{
    cursor: no-drop;
}
.italic{
    font-style: italic;
}

.order-custom-search{
    padding: 4px 11px;
    font-size: 14px;
    width: 200px;
}

.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}