body {
    font-family: 'Quicksand', sans-serif!important;
}

.nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: rgba(255, 255, 255, 0.9);
    color: #343a40;
}
.m15 {
    margin: 5px 20px 0px 0;
}
.select2-container--default .select2-selection--single {
    height: calc(2.25rem + 2px) !important;
}

/*================== custom date picker*/
.ui-timepicker-table {
    font-family: 'Quicksand', sans-serif;
    box-shadow: 0px 1px 10px -4px #000 !important;
}
.ui-timepicker-table .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    padding: 0px 5px;
    cursor: pointer;
    font-weight: normal !important;
}
.ui-widget-content {
    border: 1px solid #fff;
    background: #fff !important;
}
.ui-timepicker-table tr td {
    text-align: center;
}
.ui-timepicker-table .ui-widget-header {
    border: 1px solid #007bff;
    background: #007bff;
}

/*================== custom date picker end*/

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: #007bff !important;
    border-color: #006fe6 !important;
    color: #fff !important;
    padding: 0 10px !important;
    margin-top: 0.31rem !important;
}
.bootstrap-tagsinput .badge-info {
    margin-right: 5px !important;
    background-color: #007bff;
}

/* ====================== */

.validation-popup,.success-popup{
    right: 15px;
    top: 90px;
    z-index: 1;
}

.dataTable.table td{
    padding: .30rem;
}

.img-delete-based{
    background: red;
    color: #ffffff;
    padding: 2px 5px;
    line-height: 12px;
    height: auto;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    top: -5px;
    right: 5px;
}

@font-face {
    font-family: "icomoon";
    /* src: url(../fonts/icomoonv5.eot?-8zaghy); */
    /* src: url("../fonts/icomoonv5.eot?#iefix-8zaghy") format("embedded-opentype"), url(../fonts/icomoonv5.woff?-8zaghy) format("woff"),
        url(../fonts/icomoonv5.ttf?-8zaghy) format("truetype"), url("../fonts/icomoonv5.svg?-8zaghy#icomoon") format("svg"); */
    src: url(icomoonv5.woff?-8zaghy) format("woff");
    font-weight: 400;
    font-style: normal;
}

.icon_li{
    font-family: "icomoon";
}