*:focus {
    outline: none !important
}

body,
.content-wrapper {
    background: #ffffff !important;
}

.container-fluid {
    padding-left: 10px;
    padding-right: 10px;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-left: 10px;
    padding-right: 10px;
}

a:hover {
    text-decoration: none !important;
}

.form-group label {
    margin-bottom: .3rem;
}

.slick-dots {
    display: block;
    text-align: center;
    width: 100%;
}

.slick-dots li {
    display: inline-block;
    width: auto;
    list-style: none;
    padding: 0 2px;
}

.slick-dots li button {
    font-size: 0;
    padding: 0;
    border: none;
    background: #999;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    outline: none;
}

.slick-dots li.slick-active button,
.slick-dots li button:hover {
    background: #007bff;
}

.navbar-darkblue {
    background-color: #2c2e3e;
}

.navbar[data-theme="navbar-success"] {
    background: #00c689 !important;
}

.navbar[data-theme="navbar-infor"] {
    background: #007bff !important;
}

.navbar[data-theme="navbar-danger"] {
    background: #f35b68 !important;
}

.navbar[data-theme="navbar-warning"] {
    background: #ffbc21 !important;
}

.main-header {
    position: fixed;
    top: 0;
    width: calc(100% - 250px) !important;
}

.sidebar-collapse .main-header {
    position: fixed;
    top: 0;
    width: calc(100% - 3.6rem) !important;
    /*transition: none !important;*/
}

.layout-fixed .main-sidebar {
    box-shadow: none !important;
}

.main-sidebar {
    background: #2c2e3e;
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease
}

.nav-sidebar {
    margin-top: 1.2rem;
}

.brand-link {
    background: #282a3c;
    border-bottom: 0 !important;
    padding: 13px 0;
}

.nav-sidebar .nav-item>.nav-link .right {
    top: 50%;
    right: 30px;
}

.nav-sidebar .nav-item>.nav-link .right:before {
    display: none;
}

.nav-sidebar .nav-item>.nav-link .right:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    top: 0px;
    bottom: 0;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #8e94ac;
    border-right: 1px solid #8e94ac;
    transform: rotate(-45deg);
    margin: auto;
    transition: all 0.4s ease-in-out;
}

.nav-sidebar .nav-item>.nav-link .icon {
    color: #8e94ac;
    padding-right: 10px;
}

.nav-sidebar .menu-open>.nav-link i.right {
    transform: none;
}

.nav-sidebar .menu-open>.nav-link i.right:after {
    transform: rotate(45deg);
}

.nav-pills .nav-link {
    color: #8e94ac !important;
}

.nav-pills .nav-link:hover {
    color: #fff !important;
}

.nav-pills .nav-link.active {
    color: #fff !important;
    background: transparent !important;
    box-shadow: none !important;
}

.nav-pills .nav-link.active .icon {
    color: #ffffff;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link {
    background: #2c2e3e;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link {
    background: #282a3c;
}

.nav-pills .menu-open>.nav-link,
.nav-pills .menu-open>.nav-link .icon {
    color: #ffffff !important;
}


/*[class*=sidebar-dark-] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link, [class*=sidebar-dark-] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link.active
{background:#282a3c;}*/
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
    background: transparent;
}

.nav-flat.nav-sidebar>.nav-item .nav-treeview,
.nav-flat.nav-sidebar>.nav-item>.nav-treeview {
    background: #2c2e3e;
}

.nav-flat.nav-sidebar>.nav-item>.nav-treeview ul {
    padding-left: 20px;
}

/*.sidebar-dark.sidebar-collapse .nav-flat.nav-sidebar>.nav-item .nav-treeview{box-shadow: 4px 4px 7px 0px rgba(182, 185, 189, 0.25);}*/
.nav-flat.nav-sidebar>.nav-item .nav-treeview .nav-item>.nav-link,
.nav-flat.nav-sidebar>.nav-item>.nav-treeview .nav-item>.nav-link {
    border-left: 0;
    position: relative;
    padding: .4rem 1rem;
    padding-left: 60px;
    font-size: 15px;
}

.nav-flat.nav-sidebar>.nav-item .nav-treeview .nav-item>.nav-link:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    border-radius: 50%;
    background: #8e95aa;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 47px;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background: #282a3c;
}

.sidebar-mini.sidebar-collapse .nav-flat.nav-sidebar>.nav-item>.nav-treeview {
    padding: .5rem 1rem;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .main-footer,
.sidebar-mini.sidebar-collapse .main-header {
    margin-left: 3.6rem !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar,
.sidebar-mini.sidebar-collapse .main-sidebar::before {
    width: 3.6rem;
}

.logo-xl.brand-image-xs,
.logo-xs.brand-image-xs {
    left: 0px;
}

.sidebar-light .nav-sidebar>.nav-item.menu-open>.nav-link {
    background: #ededed;
}

.sidebar-light .nav-sidebar>.nav-item:hover>.nav-link {
    background: #ededed;
}

.sidebar-light .nav-flat.nav-sidebar>.nav-item .nav-treeview,
.sidebar-light .nav-flat.nav-sidebar>.nav-item>.nav-treeview {
    background: #ffffff;
}

.sidebar-light .nav-sidebar .nav-item>.nav-link .icon {
    color: #888888 !important;
}

.sidebar-light .nav-pills .nav-link {
    color: #888888 !important;
}

.sidebar-light .nav-pills .nav-link.active {
    color: #000 !important;
}

.sidebar-light .nav-pills .nav-link.active .icon {
    color: #000 !important;
}

.sidebar-light .nav-pills .nav-link:hover {
    color: #000 !important;
}

.sidebar-light.sidebar-collapse .nav-flat.nav-sidebar>.nav-item>.nav-treeview {
    box-shadow: 4px 4px 7px 0px rgba(182, 185, 189, 0.25);
}


/*.top_search_sl {margin-bottom: 10px;}*/

/* Dashboard css start */
.form-control,
select,
input[type="number"],
input[type="date"] {
    height: 36px !important;
    border-color: #d4d4d4;
    font-size: 14px;
    padding: 5px 10px !important;
}

.btn {
    padding: 5px 15px;
    height: 36px;
    vertical-align: top;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border-radius: 2px;
}

.btn-success {
    background: #00c689;
    border-color: #00c689;
}

.btn-success:hover {
    background: #2c2e3e;
    border-color: #2c2e3e;
}

.btn-primary {
    background: #007bff;
    border-color: #007bff;
    text-transform: uppercase;
}

.btn-primary:hover {
    background: #2c2e3e;
    border-color: #2c2e3e;
}

.btn-secondary {
    background: #f46c77;
    border-color: #f46c77;
    text-transform: uppercase;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

.form-control::placeholder {
    color: #c9c8c8;
}

.card {
    box-shadow: 0 0 4px 1px rgb(0 0 0 / 14%);
    border-radius: 4px;
}

.border-radius-2 {
    border-radius: 2rem;
}

.cm-border-radius {
    border-radius: 10px;
}

.stretch-card {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -webkit-justify-content: stretch;
}

.stretch-card>.card {
    width: 100%;
    min-width: 100%;
    margin-bottom: 20px;
}

.icon-rounded {
    background: white;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.icon-rounded i {
    color: #000;
    font-size: 2.3rem;
    line-height: 3.75rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.date-picker-box {
    position: relative;
}

.sales_brand1 {
    margin-bottom: 15px;
}

.bg-info {
    background: #00b5fc !important;
}

.bg-info .icon-rounded i {
    color: #00b5fc !important;
}

.bg-success {
    background: #00c689 !important;
}

.bg-success .icon-rounded i {
    color: #00c689 !important;
}

.bg-warning {
    background: #ffbc21 !important;
}

.bg-warning .icon-rounded i {
    color: #ffbc21 !important;
}

.bg-danger {
    background: #f35b68 !important;
}

.bg-danger .icon-rounded i {
    color: #f35b68 !important;
}

.card_content .title {
    font-size: 18px;
}

.time-text {
    font-size: 32px;
    font-family: 'roboto_bold';
}

.time-text span {
    font-family: 'roboto_regular';
    font-size: 14px;
    padding-left: 8px;
}

.datewithtime {
    font-size: 12px;
}

.datewithtime span {
    padding: 0 8px 0 6px;
    position: relative;
}

.datewithtime span:before {
    content: '';
    height: 10px;
    background: #fff;
    width: 1px;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}

/* Dashboard css end */

.secondary_title {
    font-size: 18px;
    font-family: 'roboto_bold';
    margin-top: 8px;
}

.From_Date {
    /*width:30%;*/
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
}

.scheme {
    /*width: 24%;*/
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
}

.scheme_details {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    text-align: left;
}

/*.traget_achievement .btn{min-width:112px;}*/

.traget_achievement .slick-dots {
    margin-top: -15px;
    z-index: 99;
}

.icon_with_txt {
    padding: 0;
}

.icon_with_txt p {
    color: #9b9b9b;
    margin-bottom: 0px;
    font-size: 14px;
}

.icon_with_txt i {
    font-size: 14px;
    color: #afafaf;
    padding-right: 5px;
}

.achievebox {
    padding-right: 0;
}

.achievement_detail {
    padding: 0;
    margin-top: 10px;
}

.achievement_detail .bullet_with_text li {
    margin-left: 0;
}

.progressbox {
    padding-left: 0;
}

.progressbox .progress-bar.position {
    float: none;
    margin: 0 auto;
}

.bullet_with_text {
    margin: 0;
    padding: 0;
}

.bullet_with_text li {
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    position: relative;
    list-style: none;
    font-size: 1rem;
    color: #000;
}

.bullet_with_text li span {
    color: #9b9b9b;
}

.bullet_with_text li:before {
    content: '';
    position: absolute;
    border-radius: 4px;
    background: #000;
    width: 12px;
    height: 12px;
    left: 0;
    top: 6px;
    margin: auto;
}

.bullet_with_text li p {
    margin-bottom: 0;
    font-size: 14px;
}

.bullet_with_text li.yellow_bullet:before {
    background: #ffbc21;
}

.bullet_with_text li.pink_bullet:before {
    background: #f35b68;
}

.bullet_with_text li.cyan_bullet:before {
    background: #00d7c8;
}

.bullet_with_text li.darkblue_bullet:before {
    background: #2753ad;
}

.top_search_sl {
    margin-bottom: 0;
    padding-top: 2px;
}

.top_search .btn {
    background: transparent;
    color: #7c8298;
    padding: 6px 5px;
}

.top_search .btn i {
    color: #ffffff;
}

.top_search .search-text-box {
    background: transparent;
    color: #7c8298;
    padding: 0;
    border: 0;
}

.top_search .search-text-box:focus {
    box-shadow: none;
    border: 0;
    outline: none;
}

.top_search .search-text-box::placeholder {
    color: #7c8298;
}

/*.navbar.navbar-success {background: #00c689 !important;}
.navbar.navbar-infor {background: #007bff !important;}
.navbar-danger {background: #f35b68 !important;}
.navbar-warning {background: #ffbc21 !important;}*/

.navbar[data-theme="navbar-success"] {
    background: #00c689 !important;
}

.navbar[data-theme="navbar-info"] {
    background: #00b5fc !important;
}

.navbar[data-theme="navbar-danger"] {
    background: #f35b68 !important;
}

.navbar[data-theme="navbar-warning"] {
    background: #ffbc21 !important;
}

.navbar[data-theme="navbar-dark"] {
    background: #2c2e3e !important;
}

.navbar[data-theme="navbar-light"] {
    background: #ffffff !important;
}

.navbar[data-theme="navbar-success"] .top_search .search-text-box::placeholder,
.navbar[data-theme="navbar-infor"] .top_search .search-text-box::placeholder,
.navbar[data-theme="navbar-danger"] .top_search .search-text-box::placeholder,
.navbar[data-theme="navbar-warning"] .top_search .search-text-box::placeholder,
.navbar[data-theme="navbar-dark"] .top_search .search-text-box::placeholder,
.navbar[data-theme="navbar-light"] .top_search .search-text-box::placeholder .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}

select {
    background: #fff url("../img/select-arrow.png") no-repeat right 10px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 14px !important;
    color: #999999;
    padding-right: 30px;
}

.custome_select {
    background: #fff url("../img/select-arrow.png") no-repeat right 10px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 14px;
    color: #999999;
    padding-right: 30px !important;
    border-radius: 3px !important;
}

.filter_sl {
    font-size: 14px;
}

.filter_sl i {
    color: #7f7f7f;
    padding-left: 10px;
}

.table-responsive {
    min-height: 200px;
}

/* .table th {/*background:#f8fafd; color: #677788; padding:.65rem .75rem !important;} */
.table th {
    /*background:#f8fafd;*/
    color: #677788;
}

.table td {
    padding: .25rem .75rem !important;
    vertical-align: top;
    border-top: 1px solid #e3e6f0;
}

/*.table th {padding:.75rem !important; vertical-align: top; border-top: 1px solid #e3e6f0;}*/
.table td .badge {
    padding: 5px 0 !important;
    font-size: 80%;
    border-radius: 30px;
}

.badge-success {
    background-color: #00c689
}

.table tfoot {
    background: #98bfe2;
}

.table tfoot td {
    font-weight: 700;
}

.dropdown-menu-lg {
    min-width: 280px !important;
}

.dropdown-footer,
.dropdown-header {
    text-align: center;
    display: block;
}

.nav-item.dropdown i.icon-list,
.nav-item.dropdown i.icon-notification {
    font-size: 1.05rem;
    color: #ffffff;
}

.navbar-badge {
    right: 2px;
    top: 2px;
    font-size: 66%;
}

.navbar-nav .nav-item.nav-profile .nav-link {
    padding-right: 20px;
    padding: 0 1rem !important;
}

.navbar-nav .nav-item.nav-profile .nav-link img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.navbar-nav .nav-item.nav-profile .nav-profile-name {
    margin-left: .5rem;
}

.dropdown-toggle:after {
    content: "";
    position: absolute;
    right: 5px;
    top: -7px;
    bottom: 0;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
    margin: auto;
    transition: all 0.4s ease-in-out;
    border-left: none;
    border-top: none;
}

.navbar-nav .nav-item.user-menu {
    display: none !important;
}

.custom-checkbox {
    margin-left: 10px;
}

.custom-checkbox .custom-control-label {
    color: #999999;
    font-family: 'roboto_regular';
}

.custom-control-label:before {
    border: #0c48b8 solid 2px;
    box-shadow: none;
}

/*@media (min-width: 992px){
.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused, .sidebar-mini.sidebar-collapse .main-sidebar:hover {width: 3.6rem !important;}
.sidebar-collapse .logo-xl{display: none !important;}
}*/

/* Animation Mixins */
@keyframes dropdownAnimation {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }

    to {
        opacity: 1;
        transform: none;
        transform: translate3d(0, 0px, 0);
    }
}

.navbar-nav .nav-item.dropdown .dropdown-menu {
    animation-name: dropdownAnimation;
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -ms-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

#settings-trigger {
    position: fixed;
    bottom: 40px;
    right: 30px;
    height: 45px;
    width: 45px;
    background: #007bff;
    z-index: 99;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

#settings-trigger i {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1rem;
}

#settings-trigger i {
    animation-name: spin;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.settings-panel {
    border-left: 1px solid #f3f3f3;
    display: block;
    position: fixed;
    top: 56px;
    right: -300px;
    bottom: 0;
    width: 300px;
    height: 100vh;
    min-height: 100%;
    background: #ffffff;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: right, box-shadow;
    -moz-transition-property: right, box-shadow;
    -o-transition-property: right, box-shadow;
    transition-property: right, box-shadow;
    z-index: 9999;
}

.settings-panel.open {
    right: 0;
}

.settings-panel .settings-heading {
    padding: 16px 0 13px 35px;
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1;
    color: rgba(0, 0, 0, 0.9);
    opacity: 0.9;
    margin-bottom: 0;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

.settings-panel .sidebar-bg-options {
    padding: 13px 35px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1;
    color: #595959;
    background: #ffffff;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
}

.settings-panel .sidebar-bg-options.selected {
    background: #e6e9ed;
}

.img-ss,
.settings-panel .color-tiles .tiles {
    width: 26px;
    height: 26px;
}

.rounded-circle,
.settings-panel .color-tiles .tiles {
    border-radius: 50% !important;
}

.settings-panel .color-tiles .tiles {
    margin: 10px 18px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.settings-panel .color-tiles {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px 35px 10px 35px;
    padding-top: 15px;
}

.settings-panel .color-tiles .tiles.success {
    background-color: #00c689 !important;
}

.settings-panel .color-tiles .tiles.warning {
    background-color: #fda006 !important;
}

.settings-panel .color-tiles .tiles.danger {
    background-color: #f1536e !important;
}

.settings-panel .color-tiles .tiles.info {
    background-color: #00b5fc !important;
}

.settings-panel .color-tiles .tiles.dark {
    background-color: #2c2e3e !important;
}

.settings-panel .color-tiles .tiles.light {
    background-color: #f8f9fa !important;
}

.settings-panel .color-tiles .tiles:before {
    content: "";
    width: 0px;
    height: 0px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 100%;
    border: 0;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.settings-panel .color-tiles .tiles.selected:before {
    width: 10px;
    height: 10px;
    opacity: 1;
    border-width: 1px;
}

.sidebar-light .main-sidebar {
    background: #ededed;
}


.settings-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    z-index: 99;
}

.settings-close:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 77%;
    height: 2px;
    background: #000;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: 600ms all;
    -webkit-transition: 600ms all;
}

.settings-close:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 77%;
    height: 2px;
    background: #000;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 600ms all;
    -webkit-transition: 600ms all;
    opacity: 1;
}
.navbar{
    padding: 0rem 1rem;
}
.navbar .nav-link {
    color: #ffffff;
}

.wrapper .content-wrapper {
    padding-top: 65px;
}

.top-right-menu.navbar-nav .nav-item .nav-link {
    padding: 10px 0.7rem;
    margin: 0px 0.3rem;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-right-menu.navbar-nav .nav-item .nav-link .fas:before {
    vertical-align: middle;
}

.top-right-menu.navbar-nav .nav-item.list_menu .nav-link,
.top-right-menu.navbar-nav .nav-item.notification_menu .nav-link {
    padding: 10px 0.3rem;
}

.navbar.navbar-darkblue[data-theme="navbar-success"] a.dropdown-item:focus,
.navbar.navbar-darkblue[data-theme="navbar-success"] a.dropdown-item:hover {
    background-color: #00c689;
}

.navbar.navbar-darkblue[data-theme="navbar-infor"] a.dropdown-item:focus,
.navbar.navbar-darkblue[data-theme="navbar-infor"] a.dropdown-item:hover {
    background-color: #007bff;
}

.navbar.navbar-darkblue[data-theme="navbar-danger"] a.dropdown-item:focus,
.navbar.navbar-darkblue[data-theme="navbar-danger"] a.dropdown-item:hover {
    background-color: #f35b68;
}

.navbar.navbar-darkblue[data-theme="navbar-warning"] a.dropdown-item:focus,
.navbar.navbar-darkblue[data-theme="navbar-warning"] a.dropdown-item:hover {
    background-color: #ffbc21;
}

.traget_achievement .card-body {
    padding: 8px;
}

.dashaboard_top .card_content {
    display: inline-block;
    width: 74%;
    vertical-align: top;
}

.icon_sl {
    display: inline-block;
    float: right;
}

/* Payouts section start */
.progress_circle {
    position: relative;
    margin: 4px;
    text-align: center;
}

.barOverflow {
    position: relative;
    overflow: hidden;
    width: 220px;
    height: 110px;
    margin: 0 auto;
    margin-bottom: -14px;
}

.bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 10px solid #eee;
    border-bottom-color: #ff0000;
    border-right-color: #ff0000;
}

.payouts_box {
    text-align: center;
    margin-top: 50px;
}

.payouts_box h2 {
    display: block;
    color: #272b32;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'roboto_regular';
}

.payout_icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #ccc;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
}

.payout_icon i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}

.payouts_box .value_sl {
    font-size: 34px;
    font-family: 'roboto_extrabold';
    position: absolute;
    bottom: -34px;
    width: 100%;
}

.payouts_price {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    font-size: 26px;
    font-family: 'roboto_bold';
    border-radius: 5px;
}

.payouts_box.received_sl .bar {
    border-bottom-color: #34c759;
    border-right-color: #34c759;
}

.payouts_box.pending_sl .bar {
    border-bottom-color: #ff2626;
    border-right-color: #ff2626;
}

.payouts_box.received_sl .payouts_price {
    background: #eaf9ee;
    color: #34c759;
}

.payouts_box.pending_sl .payouts_price {
    background: #ffeeee;
    color: #ff2626;
}

.payouts_box.received_sl .payout_icon {
    border-color: #cbf1d5;
}

.payouts_box.received_sl .payout_icon i {
    color: #34c759;
}

.payouts_box.pending_sl .payout_icon {
    border-color: #ffbdbd;
}

.payouts_box.pending_sl .payout_icon i {
    color: #ff2626;
}

/* Payouts section end */

#pyramid {
    width: 500px;
    height: auto;
    margin-top: 20px;
}

.pyramidAmount {
    margin-top: 20px;
    text-align: center;
}

.pyramidAmount h2 {
    font-size: 18px;
    font-family: 'roboto_bold';
}

.pyramidAmount .progress-bar {
    height: 200px;
    width: 200px;
    float: none;
    margin: 0 auto;
}

.pyramidAmount .progress-bar div {
    position: absolute;
    height: 200px;
    width: 200px;
    border-radius: 50%;
}

.pyramidAmount .progress-bar div span {
    line-height: 164px;
    height: 164px;
    width: 164px;
    left: 18px;
    top: 18px;
    font-size: 30px;
}

.pyramidAmount .progress-bar .rotate {
    clip: rect(0 100px 200px 0);
}

.pyramidAmount .progress-bar .left {
    clip: rect(0 100px 200px 0);
}

.pyramidAmount .progress-bar .right {
    clip: rect(0 100px 200px 0);
}

.pie-chart-sl {
    margin-top: 20px;
}

.checkbox_sl {
    display: inline-block;
    margin-left: 10px;
}

.customCheckbox {
    position: relative;
    margin-bottom: 0;
    display: inline-block !important;
    vertical-align: middle;
    margin-right: -4px;
}

.customCheckbox input[type="checkbox"] {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    left: 0;
}

.customCheckbox>span {
    /* display: block; */
    width: 100%;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    color: #333333;
    font-size: 14px;
    font-family: 'roboto_regular';
}

.customCheckbox>span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    border: 2px solid #e2e2e2;
    background: #ffff;
    border-radius: 2px;
}

.customCheckbox>span:after {
    content: "";
    -webkit-transform: translate(4px, 5.38px) rotate(-45deg);
    transform: translate(4px, 5.38px) rotate(-45deg);
    width: 9px;
    height: 5px;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none;
    opacity: 0;
    transition: all .4s ease-in-out;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: 12px;
    margin: auto;
}

.customCheckbox.darkCheck>span:after {
    border-color: #0c48b8;
}

.customCheckbox input[type="checkbox"]:checked+span:before {
    background-color: #007bff;
    border-color: #007bff;
}

.customCheckbox input[type="checkbox"]:checked+span:after {
    opacity: 1;
}

textarea.form-control {
    resize: none;
    height: 75px !important;
    background: #ffffff;
}

.no-sort {
    pointer-events: none !important;
    cursor: default !important;
}

.no-sort::after,
.no-sort::before {
    display: none !important;
}

.dot-text {
    font-family: 'roboto_extrabold';
}

.content-header h1 {
    font-size: 18px;
    margin-top: 0px;
    font-family: 'roboto_bold';
    line-height: 33px;
    text-transform: uppercase;
}

.content-header .btn {
    float: right;
}

.text-break {
    white-space: normal !important;
}

/* table css start */
.table {
    background: #ffffff;
    /*border:1px solid rgba(231,234,243,.7) !important;*/
    /*border:0px !important;*/
}

.table thead th {
    color: #ffffff;
    background-color: #3c3f50;
    border-color: rgba(231, 234, 243, .7);
    font-size: .80rem;
    text-transform: uppercase;
    /*font-family: 'roboto_bold';*/
    padding-right: 15px !important;
    font-weight: 500;
}

.table td {
    height: 10px;
    font-size: 0.8rem;
    padding: .45rem 0.9375rem;
    border: 0;
    border-top: 1px solid #e6e3e3;
    border-left: 1px solid #e6e3e3;
    /*white-space: normal;*/
}

.table tr:last-child td {
    border-bottom: 1px solid #e6e3e3;
}

.action_icon i {
    color: #666;
}

/*.table-hover tbody tr {-moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}*/
.table-hover tbody tr:hover,
.table-hover tbody tr:hover,
.table-hover tbody tr:hover td input[type=text],
.table-hover tbody tr:hover td input[type=number] {
    background-color: #e2e2e2;
    transition: none;
}

.table tr td .form-control:disabled,
.table tr td .form-control[readonly] {
    background: #FFF;
}

.table td.p-0 {
    padding: 0 !important
}

.table tr td:first-child,
.table tr th:first-child {
    border-left: transparent !important;
}

.table tr th .btn,
.table tr td .btn {
    padding: 0px 10px;
    height: 28px;
}

.table tr th .btn .fas,
.table tr td .btn .fas {
    vertical-align: middle !important;
    line-height: 1.6;
}

.table .thead-light th {
    background-color: #5dd1ff2b;
    color: #0a1239;
    border-color: rgba(231, 234, 243, .7);
}

.table.table-head-fixed thead tr:nth-child(1) th {
    color: #ffffff;
    background-color: #3c3f50;
    box-shadow: none;
    border: transparent;
}


.table thead th.pt-0 {
    padding-top: 0 !important;
    overflow: visible;
    z-index: 99;
    position: relative;
}

.table thead tr:nth-child(2) th {
    padding: 0 !important;
    border-color: #dcdcdc;
}

.table thead tr:nth-child(2) th .form-control {
    height: 24px !important;
    padding: 0 !important;
    border: 0;
    padding: .25rem .75rem !important;
    background: #fff;
    color: #007bff;
    text-align: center;
}

.table tr:nth-child(2) th .select2-container--default .select2-selection--single {
    border: 0;
    /*padding-left: 0;*/
}


.table tr:first-child th {
    border: transparent;
}

.table tr:nth-child(2) th {
    background-color: #ffffff;
    border-left: 1px solid #e6e3e3;
    border-bottom: 1px solid #e6e3e3;
    padding: .25rem .75rem !important;
    vertical-align: middle;
}

.table_dropdown .dropdown-menu {
    border-radius: 4px;
    border: 1px solid #e6e3e3;
}

.table_dropdown .dropdown-item {
    padding: .25rem 1rem;
    color: #333;
    font-size: 14px;
    cursor: pointer;
}

.table_dropdown .nav-link {
    padding: 0;
    text-align: center;
}

.icon-more {
    color: #9ea2ab;
    font-size: 30px;
}

.table a {
    color: #333;
}

.dropdown-menu .dropdown-item i {
    /* width: 20px; */
    margin-right: 10px;
}

.dropdown-item i img {
    width: 20px;
    height: 20px;
}

.dot-icon {
    color: #999;
    font-size: 16px;
}



.StatusIcon {
    font-size: 20px;
}

.StatusIcon.icon-calendar {
    color: #157FFB;
}

.StatusIcon.icon-payment {
    color: #FEC02F;
}

.StatusIcon.icon-payment-method {
    color: #30A64A;
}

.StatusIcon.icon-headphones {
    color: #DB3F4F;
}

.StatusIcon.icon-credit-card {
    color: #30A64A;
}

.StatusIcon.icon-scheme-runnig {
    color: #333333;
}

.StatusIcon.icon-not-achieved {
    color: #ff0000;
}

.StatusIcon.icon-not-participate {
    color: #ff0000;
}

.StatusIcon.icon-support-payout {
    color: #DB3F4F;
}

.StatusIcon img {
    width: 20px;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #ccc;
    bottom: 0;
    top: 0;
    height: 4px;
    margin: auto;
    transform: translateY(-2px);
    right: 5px;
    opacity: 0.6
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ccc;
    height: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: translateY(4px);
    right: 5px;
}

#scheme-target.table .btn {
    padding: 0;
}

#scheme-target.table .btn i {
    color: #666;
}

.fa-sort {
    color: #999;
    font-size: 12px;
}

/* table css end */

.content-wrapper>.content {
    clear: both;
}

.copyright {
    text-align: center;
    padding: 10px 0;
    display: block;
    width: 100%;
}

.copyright p {
    color: #666;
}

.copyright a {
    color: #007bff;
}

.copyright a:hover {
    color: #000;
}

.card-header {
    background: #f3f3f3;
    border-bottom: 0;
    border-radius: 0;
}

.card-header .card-title {
    font-family: 'roboto_bold';
    margin-bottom: 0;
}

.card-footer {
    background: none;
    border: 0;
}

.select2-container--default .select2-selection--multiple {
    min-height: 34px;
    border-radius: 0;
    border-color: #d4d4d4;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
    margin-top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff;
    font-size: 12px;
    border-color: #fff;
    color: #000;
    padding: 0;
}

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

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    /*height: calc(2.2rem + 2px);*/
    max-height: 100%;
    border-radius: 0;
    border-color: #d4d4d4;
}

.select2-container--default .select2-results__option {
    padding: 4px 10px;
    font-size: 14px;
}

.from_date_box {
    width: 49%;
    display: inline-block;
}

.to_date_box {
    width: 49%;
    display: inline-block;
}

#pager {
    text-align: center;
}

.card-footer nav {
    text-align: center;
    display: inline-block;
}

#pagination {
    float: none !important;
    display: inline-flex;
}

.pagination .page-item .page-link {
    border-color: #f3f3f3;
    color: #000000;
    font-size: .875rem;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.pagination .page-item:first-child .page-link {
    border-radius: 25px 0 0 25px;
}

.pagination .page-item:last-child .page-link {
    border-radius: 0px 25px 25px 0;
}

.pagination .page-item.active .page-link {
    background: #007bff;
    border-color: #007bff;
    color: #ffffff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: -4px;
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    color: #ff0000;
}

.other-lbl {
    display: none !important;
}

.sr_box {
    float: right;
    text-align: right;
    font-family: 'roboto_regular';
    font-size: 14px;
}

.form-group .file-upload-default {
    visibility: hidden;
    position: absolute;
}

.form-group .file-upload-info {
    background: transparent;
}

.small-title {
    font-size: 18px;
    font-family: 'roboto_bold';
}

.tag-text {
    color: #999;
}

.modal-header {
    /* background: #3c3f50; */
    color: #3c3f50;
    position: relative;
    font-weight: 700;
}

.clost-btn {
    position: absolute;
    right: 15px;
    top: 20px;
    width: 20px;
    height: 20px;
}

.clost-btn:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    background: #3c3f50;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: 600ms all;
    -webkit-transition: 600ms all;
}

.clost-btn:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    background: #3c3f50;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 600ms all;
    -webkit-transition: 600ms all;
    opacity: 1;
}


.browse_sl {
    display: inline-block;
    width: 100%;
}

.browse-box {
    float: left;
    position: relative;
    min-width: 265px;
    width: 100%;
    overflow-x: hidden;
}

.browse-box .text {
    line-height: 18px;
    vertical-align: middle;
    padding: 0px 0 0 10px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 133px;
    display: inline-block;
}

.browse-box input {
    top: -9px;
    position: absolute;
    opacity: 0;
    width: 58px;
    height: 48px;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.BrowseBtn {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    background: #007bff;
    border: 1px solid #007bff;
    text-align: center;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
}

.BrowseBtn i {
    color: #fff;
    display: block;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #007bff !important;
    color: #fff !important;
}

.modal-body .table {
    border: 1px solid rgba(231, 234, 243, .7) !important;
}

.half-width {
    width: 48%;
}

.form-group.d-inline-block {
    width: 100%;
}

.content-header {
    padding-top: 0;
    padding-bottom: 8px;
}

#target_card.table {
    border: 1px solid rgba(231, 234, 243, .7) !important;
}

#target_card tr td input[type=text],
#target_card tr td input[type=number] {
    height: 36px !important;
    border-color: #ece9e9;
    font-size: 14px;
    padding: 5px 10px !important;
    border: 0;
}

.mobile-logo {
    display: none;
}

.company-checkbox .customCheckbox {
    margin: auto;
}

/*.select2-container--default .select2-selection--multiple .select2-selection__choice{ background-color: #007bff; border-color: #007bff;} */

.modal-content {
    border: none;
    border-radius: 4px;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #007bff;
}

.table td .form-control {
    border: none !important;
    border-radius: 0 !important;
}

.table td .input-group .input-group-prepend .input-group-text {
    border: none;
    background: none;
    padding-left: 0;
    padding-right: 0;
}

.table td:last-child {
    border-right: 1px solid #e6e3e3;
}

.note-editor .note-toolbar,
.note-popover .popover-content {
    background: #f1f1f1;
}

.productBox .card-title {
    display: block;
    font-weight: 600;
    color: #333
}

.productBox a {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

#scheme1.table tbody td .input-group .input-group-prepend {
    display: none;
}

.table thead>tr>td .input-group {
    /*display: block; position: relative;*/
    flex-wrap: nowrap;
}

/* #scheme1.table thead>tr>td, #scheme1.table tbody td{padding: 2px .25rem !important; height: 22px; } */
#scheme1.table thead>tr>td .form-control,
#scheme1.table td .form-control {
    padding: 0 !important;
    height: 20px !important;
    text-align: center;
}

#scheme1.table thead>tr>td .input-group-prepend .input-group-text {
    font-size: 0.8750rem;
    padding: 0 !important;
}

#scheme1.table td {
    border-right: 1px solid #e6e3e3;
}

#scheme1.table tbody tr:hover,
#scheme1.table tbody tr:hover td .form-control {
    background-color: #e2e2e2
}

/*.table thead>tr>td .input-group .input-group-prepend{position: absolute; left: 0; top: 0; bottom: 0}
.table thead>tr>td .input-group  .form-control{padding-left: 20px;}*/


.permissionsList .customCheckbox input[type="checkbox"]:checked+span:before {
    background-color: #00c689;
    border-color: #00c689;
}

.tableHead {
    padding: 0;
    color: #ffffff;
    background-color: #3c3f50;
    box-shadow: none;
    border: transparent;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #00c689;
    background-color: #00c689;
}

.custom-switch .custom-control-label::before {
    border-color: #878da5
}

.custom-switch .custom-control-label::after {
    background-color: #878da5;
}


/* .pace{ background: rgb(44 46 62 / 0.9); width: 100%; text-align: center; top: 0; bottom: 0; height: 100%; z-index: 999999;
box-sizing: initial;}
.pace *, .pace :after, .pace *:before {
box-sizing: inherit !important;
}
.pace .pace-progress, .pace .pace-activity {
z-index: 1049;
left: 50%;
top: 50%;
margin: -30px 0 0 -50px;
} */

.schemedeleteBtn {
    background: none;
    border: 0;
    color: red;
}

.schemedeleteBtn i {
    font-size: 17px;
}

.tablepercentage,
.tablepercentage input {
    background-color: #dae1f3;
}

.tableamount,
.tableamount input {
    background-color: #e2efdb;
}

.tablepoints,
.tablepoints input {
    background-color: #fff2cd;
}

.tableemi,
.tableemi input {
    background-color: #f4af8545;
}

.pb-4,
.py-4 {
    padding-top: .5rem !important;
}

#pager {
    text-align: right;
}

#pagination {
    margin-bottom: 0px;
    ;
}

/* Menu styling */
@media only screen and (min-width: 992px) {

    /*Sticky code*/
    .table-responsive {
        max-height: calc(100vh - 180px);
        overflow: auto;
        min-height: calc(100vh - 180px);
    }


    .table.table-head-fixed thead tr:nth-child(1) th {
        position: sticky;
        top: 0;
        /* z-index:9999999; */
    }

    .table.table-horizontal-fixed thead tr:first-child th,
    .table.table-horizontal-fixed tbody tr th {
        position: sticky;
        left: 0;
        z-index: 999;
    }

    .table.table-horizontal-fixed tbody tr th {
        background: #fff;
        z-index: 99;
    }

    /* End Sticky code*/

    /*body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header
{margin-left: 230px;}
.main-header {width: calc(100% - 230px) !important;}
.layout-fixed .main-sidebar {width: 230px;}*/
    .sidebar {
        box-shadow: 6px 16px 31px -18px #b7bcd1;
        -webkit-box-shadow: 6px 16px 31px -18px #b7bcd1;
        height: calc(100% - 3rem);
    }

    .sidebar-light .sidebar {
        background: #ffffff;
    }

    .sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
        width: 3.6rem !important;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        overflow: visible !important;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
    .sidebar-mini.sidebar-collapse .main-sidebar:hover {
        width: 3.6rem !important;
    }

    .os-padding {
        overflow: visible !important;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xs {
        opacity: 1;
        visibility: visible;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xl {
        opacity: 0;
        visibility: hidden;
    }

    .os-viewport,
    .os-content,
    .sidebar-mini .nav-sidebar {
        position: static !important;
        overflow: visible !important;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar>.nav-item>.nav-link>p {
        display: none !important;
        opacity: 0;
        visibility: hidden;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar>.nav-link>p {
        opacity: 0 !important;
        visibility: hidden !important;
        display: none !important;
    }

    .sidebar-mini.sidebar-collapse .nav-flat.nav-sidebar>.nav-item>.nav-treeview {
        display: none !important;
    }

    .sidebar-mini.sidebar-collapse .nav-flat.nav-sidebar>.nav-item:hover>.nav-treeview {
        display: block !important;
        position: absolute;
        left: 100%;
        top: 0px;
        width: 250px;
        min-width: 200px;
        z-index: 999;
        border-radius: 0px 5px 5px 0;
        padding-left: 0;
    }

    .sidebar-mini.sidebar-collapse .nav-flat.nav-sidebar>.nav-item .nav-treeview .nav-item>.nav-link,
    .sidebar-mini.sidebar-collapse .nav-flat.nav-sidebar>.nav-item>.nav-treeview .nav-item>.nav-link {
        padding-left: 40px;
    }

    .sidebar-mini.sidebar-collapse .nav-flat.nav-sidebar>.nav-item .nav-treeview .nav-item>.nav-link:before {
        left: 20px;
    }

    .sidebar-mini.sidebar-collapse .nav-sidebar .nav-item>.nav-link .right {
        right: 10px;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar>.nav-item>.nav-link>p {
        display: none !important;
        visibility: hidden;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl {
        opacity: 0;
        visibility: hidden;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs {
        opacity: 1;
        visibility: visible;
    }

}


/* Responsive css start */

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

    /*.achievebox{max-width: 100% !important; flex: 100% !important; padding-right: 15px; margin-bottom:10px;}
.progressbox{max-width: 100% !important; flex: 100% !important;}*/
    .dashaboard_top .card_content {
        width: 70%;
    }

    .barOverflow {
        width: 190px;
        height: 95px;
    }

    .bar {
        width: 190px;
        height: 190px;
    }

    #pyramid {
        width: 350px;
    }
}

@media only screen and (max-width: 1366px) {
    .dashaboard_top .card_content {
        width: 60%;
    }

    #pyramid {
        width: 300px;
    }

    .barOverflow {
        width: 160px;
        height: 85px;
    }

    .bar {
        width: 160px;
        height: 160px;
    }

    .payouts_box .value_sl {
        font-size: 28px;
    }

    .payouts_price {
        margin-top: 50px;
        font-size: 22px;
    }

    .progressbox .progress-bar {
        height: 90px;
        width: 90px;
    }

    .progressbox .progress-bar div {
        height: 90px;
        width: 90px;
    }

    .progressbox .progress-bar .rotate,
    .progressbox .progress-bar .left,
    .progressbox .progress-bar .right {
        clip: rect(0 45px 90px 0);
    }

    .progressbox .progress-bar div span {
        height: 72px;
        width: 72px;
        line-height: 72px;
    }
}

@media only screen and (max-width: 1199px) {
    .achievebox {
        max-width: 60% !important;
        flex: 60% !important;
        padding-right: 15px;
        margin-bottom: 10px;
    }

    .progressbox {
        max-width: 40% !important;
        flex: 40% !important;
    }

    .dashaboard_top .card_content {
        width: 100%;
    }

    .icon_sl {
        margin-top: 10px;
        float: left;
    }

    .ipd-none {
        display: none !important;
    }

    .other-lbl {
        display: block !important;
    }

}

@media only screen and (max-width: 991px) {
    #settings-trigger {
        display: none;
    }

    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 0 !important;
    }

    /*.sidebar-mini.sidebar-collapse .main-header {margin-left: 3.6rem !important;}*/
    .main-header {
        width: 100% !important;
        border: 0;
    }

    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .main-header {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .dashaboard_top .card_content {
        width: 70%;
    }

    .icon_sl {
        float: right;
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .main-header .navbar-nav {
        display: inline-block;
    }

    .main-header .navbar-nav .form-inline,
    .navbar-nav .nav-item.nav-profile .nav-profile-name {
        display: none;
    }

    .main-header .navbar-nav .nav-item {
        display: inline-block;
    }

    .main-header .navbar-nav .dropdown-menu {
        position: absolute;
        left: inherit !important;
        right: 0px !important;
    }

    .top-right-menu.navbar-nav .nav-item.list_menu .nav-link,
    .top-right-menu.navbar-nav .nav-item.notification_menu .nav-link {
        padding: 5px 5px 5px 0;
    }

    .brand-link {
        padding: 14px 0 13px;
    }

    .progressbox {
        padding-left: 0;
    }

    .border-radius-2 {
        border-radius: 1rem;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-left: 10px;
        padding-right: 10px;
    }

    .achievebox {
        max-width: 100% !important;
        flex: 100% !important;
    }

    .progressbox {
        max-width: 100% !important;
        flex: 100% !important;
    }

    .sales_brand {
        margin: 10px 0 !important
    }

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

    .task_analysis .checkbox_sl {
        margin-left: 0;
        margin-right: 10px;
    }

    .payouts_box {
        margin-top: 0;
    }

    .payouts_box .value_sl {
        font-size: 26px;
    }

    .payouts_price {
        font-size: 22px;
    }

    .slick-dots li button {
        width: 5px;
        height: 5px;
    }

    .content-header {
        display: inline-block;
        width: 100%;
    }

    .content-header h1 span {
        display: block;
    }

    .table_dropdown .dropdown-menu {
        border-radius: 0.50rem;
    }

    .other-lbl {
        display: none !important;
    }

    .to_date_box {
        float: right;
    }

    .mobile-logo {
        position: absolute;
        left: 45px;
        top: 10px;
        width: 150px;
        display: block;
    }

}

.fafont {
    padding-right: 10px;
}

.hightlight {
    background: #b1fc9985;
}

.hightlight-red {
    background: #f56e6e85;
}

@media only screen and (max-width: 666px) {
    .m-none {
        display: none !important;
    }

    .sr_box {
        float: left;
        text-align: left;
    }

    .content_header_right .btn:first-child {
        margin-left: 0 !important;
        float: left !important;
    }
}

@media only screen and (max-width: 479px) {
    .main-header .navbar-nav .nav-item.list_menu .dropdown-menu {
        right: -40px !important;
    }

    .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .payouts_box {
        margin-top: 15px;
    }

    #pyramid {
        width: 320px;
    }

    .content-header h1 {
        font-size: 22px;
    }

    /*.card-footer .btn:nth-child(2) {display: block; margin:10px 0 0 0 !important;}*/
}

@media only screen and (max-width: 360px) {
    .main-header .navbar-nav .nav-item.list_menu .dropdown-menu {
        right: -100px !important;
    }

    .main-header .navbar-nav .nav-item.notification_menu .dropdown-menu {
        right: -70px !important;
    }

    .mobile-logo {
        left: 40px;
        top: 13px;
        width: 116px;
    }
}

/* Responsive css end */

.pagination-sm .page-link {
    padding: 0.18rem 0.45rem;
}

.dropdown-toggle:empty::after {
   display:none;
}

.three-dots-menu{
    margin-top: 7px;
    margin-left: 7px;
}

.proinfo__popup_table tr:first-child th{
    border: black;
    background: #212529 !important;
    color: white;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
}

.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-warning {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-danger {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-primary {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.table td .badge1 {
    padding: 3px !important;
    border-radius: 9px;
}

.selectMe input[type="checkbox"]:checked+span:before {
    background-color: #28a745;
    border-color: #28a745;
}