.nav-pills .nav-link{
    border-radius: 10px;
}

/*.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active{
    background-color: #6c757d;
}*/

.card-primary:not(.card-outline)>.card-header{
    background-color: #6c757d;
}

.page-item.active .page-link{
    background-color: #6c757d;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{
    background-color: #6c757d;
}

.sub-menu-font{
    font-size: 14px;
}

.sub-menu-margin-left{
    margin-left: 20px !important;
}

/*===========================Custom CSS===========================*/

body{font-family: 'Montserrat', sans-serif; font-size:.85rem;}

.navbar-white{ box-shadow: 5px 7px 26px -5px #cdd4e7;}

.content-wrapper{ background-color:#f3f5f7;}
.content-header h1{ font-size:1.5rem;}


[class*=sidebar-dark-]{ position:relative; background-image:url(../img/sidebar-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover; box-shadow: 0 0 28px 0 rgba(82,63,105,.13);}
[class*=sidebar-dark-]:before{background-color:#3F51B5; z-index: -10px; position: absolute; left:0; top:0; width:100% !important; height:100%; content:" "; opacity:.8;}

[class*=sidebar-dark] .brand-link{ position:relative; z-index: 1; border:none;}

[class*=sidebar-dark-] .sidebar a{ color:#e0e0e0;}

[class*=sidebar-dark-] .os-content{/* padding:0 !important;*/}

[class*=sidebar-dark-] nav li .nav-treeview{ position:relative;}
[class*=sidebar-dark-] nav li .nav-treeview:before{ content: ""; position: absolute; left: 25px; top: 0; width: 3px; border-left: 1px dashed #dcdcdc5e; height: 100%;}

/*[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover{background-color:rgba(255, 255, 255, 0.12); border-radius:0 30px 30px 0;}*/

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{background-color:rgba(255, 255, 255, 0.12); border-radius:0 30px 30px 0; box-shadow:none; -webkit-box-shadow:none;}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover{ background-color:transparent;}

.nav-sidebar>.nav-item .nav-icon.fa, .nav-sidebar>.nav-item .nav-icon.fab, .nav-sidebar>.nav-item .nav-icon.fad, .nav-sidebar>.nav-item .nav-icon.fal, .nav-sidebar>.nav-item .nav-icon.far, .nav-sidebar>.nav-item .nav-icon.fas, .nav-sidebar>.nav-item .nav-icon.ion, .nav-sidebar>.nav-item .nav-icon.svg-inline--fa{ font-size:.9rem; color:#e0e0e0;}

.nav-sidebar .menu-is-opening>.nav-link i.right, .nav-sidebar .menu-is-opening>.nav-link svg.right, .nav-sidebar .menu-open>.nav-link i.right, .nav-sidebar .menu-open>.nav-link svg.right{ transform:rotate(90deg);}

.nav-link{ padding-left: .75rem; padding-right:.75rem;}
.nav-sidebar .nav-link p{ font-size:0.8125rem; }

.input-group>.input-group-append>.btn{ border-radius:.2rem;}

.card{ box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);}
.card-primary:not(.card-outline)>.card-header{ background-color:#7367f0;}

.table{ border:none;}
.table thead th{ background:#7367f0; color:#fff; border:none; font-size:0.75rem; font-weight:600;}
.table tbody td{ font-size:0.8125rem; font-weight:500; border:none; border-bottom:1px solid #e8e8e8 !important; vertical-align: middle;}
.table tfoot th{ border:none; border-bottom:1px solid #e8e8e8 !important;}
.table-striped tbody tr:nth-of-type(odd){ background-color:#fff;}

.table tbody td .btn-group a.btn-secondary{ font-size:0.8125rem; font-weight:500;}

.btn-secondary{ background-color:#7367f0; border-color:#7367f0;}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{ background-color: #5e50ee !important; border-color:#5e50ee !important;}



ul.pagination .page-item.active .page-link{ background-color:#7367f0;}

label:not(.form-check-label):not(.custom-file-label){ font-size:0.75rem;}

.card .card-header .nav-item .nav-link{ font-weight:500;}
.card-header{ border-bottom:1px solid #e8e8e8;}

.checkbox-list{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.checkbox-list label{ width:20%; padding-right:1rem; font-weight:500 !important; display:flex; display:-webkit-flex; align-items:center; -webkit-align-items:center;}
.checkbox-list label input[type="checkbox"]{ vertical-align: middle; margin-right:4px;}

.select2-container--default .select2-selection--multiple .select2-selection__choice{ background-color:#7367f0 !important; border-color:#7367f0 !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ color:#fff !important;}

.working-hours .input-group-text{ background-color:#7367f0; border-color:#7367f0; color:#fff; padding-top:0; padding-bottom:0; border-top-right-radius: 0; border-bottom-right-radius: 0; text-transform: capitalize; font-size:.85rem; font-weight:500;}

.working-hours .xui-act-apply_all{ position:absolute; right:20px; top:3px;}

.btn-outline-secondary{ border-color:#7367f0; color:#7367f0;}
.btn-outline-secondary:hover{ background-color:#7367f0;}

.select2-container .select2-selection--single{ height:32px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ margin-top:-6px !important; padding-left:0 !important;}
select.form-control-sm~.select2-container--default{ font-size:100% !important;}
.text-sm .select2-container--default .select2-selection--single .select2-selection__arrow, select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__arrow{ top:1px;}

.input-group-text{ font-size:.85rem; background-color: #7367f0 !important; border-color:#7367f0 !important; color:#fff;}
.form-control{ font-size:.85rem;}

.badge-primary{ font-size:0.8125rem; font-weight:500; background-color:#7367f0; margin-top: 3px;}


.business-log-form .direct-chat-messages{ height:400px;}

.business-log-form .direct-chat-text::before,
.business-log-form .direct-chat-text::after{border-bottom-color:#EFF2F6; border-right-color:transparent; left:24px; top:-5px;}
.business-log-form .direct-chat-text{ margin-left:0; background-color:#EFF2F6; border-color:#EFF2F6; padding:16px;}

.business-log-form .comment-text-wrapper{ margin-bottom:24px;}

.business-log-form .direct-chat-infos{ font-weight:500; font-size:.85rem;}
.business-log-form .input-group{ margin-top:16px;}
.business-log-form .input-group button.logSubmit{ border-top-left-radius:0; border-bottom-left-radius:0;}

/*===========================Login Page===========================*/

body.login-page{ background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative;}
body.login-page:before{ background-color:rgba(0,0,0,.32); position:absolute; left:0; top:0; width:100%; height:100%; content:" ";}


.login-box,
.register-box{ width:500px; padding:50px 30px; background-color:#fff; text-align:center; position:relative; z-index: 9; border-radius:10px; -webkit-border-radius:10px;}

.login-box .text-danger,
.register-box .text-danger{ text-align:left; display:block;}

.login-box button[type="submit"],
.register-box button[type="submit"]{ background-color:#7367f0 !important; border-color:#7367f0 !important; box-shadow: 0 8px 15px 0 rgba(115, 103, 240, 0.5);}

.login-box .redirect-link a,
.register-box .redirect-link a{ color:#7367f0;}

.login-box .input-group-text .fas,
.register-box .input-group-text .fas{color:#7367f0;}

.login-box h4.logo-text,
.register-box h4.logo-text{ color:#34495e;}
