.body, .content, .page-container, .full-width {
    background-image: url(/assets/custom/images/Newave.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: cover;
} 

.navbar {
    height: 60px;
    background-image: linear-gradient(to right, #673ab7, #3f51b5);
    box-shadow: 1px 1px gray;
    padding: 0;
}

.navbar-light .navbar-brand {
    color: white;
}

.nav-link .notifications-icon {
    --icon-fill: white;
    --icon-stroke: #bdbdbd;
}

.page-head {
    background: transparent !important;
}

/* Hide help */
.dropdown-help {
    display: none !important;
    }

.d-lg-block {
    display: block; 
}

.footer-powered {
     color: white;
}

.footer-logo-extension {
    display: none !important;
}

.widget.onboarding-widget-box {
    display: none !important;
}

.navbar-brand {
    color : white;
}

.nav-link .btn-login-area {
    color: white;
}

.form-dashboard-section, .form-section.card-section {
    border: 1px solid #4a3980 !important;
}

.print-preview-wrapper {
    padding: 50px 0;
    background-color: #ebeef06e !important;
    border-radius: var(--border-radius);
}

.grid-row-open .form-in-grid {
    border: 2px solid #311b92 !important;
}

/* LINKS */

.badge-link {
    color:#706494!important;
    font-size: 13px;
    font-weight: 500;
}

.form-links .document-link .count {
    font-size: 12px;
    border-radius: var(--border-radius-sm);
    color: #673ab7;
    background-color: #f7f7f7;
    padding: 4px 8px;
    border-radius: 50%;
}

.checkbox-options {
    margin-bottom: 30px !important;
}

/* Correction sidbar */
.layout-main-section-wrapper {
    width: 87% !important;
}

.list-row .level-right {
    flex: 0.5 !important;
    overflow: visible;
}

.layout-side-section .sidebar-label {
    font-weight: 300;
    color: var(--text-muted);
    letter-spacing: .02rem!important;
    font-size: 12px!important;
}

body.full-width .container {
    width: 100% !important;
    max-width: 100%;
    padding-left: 4% !important;
    padding-right: 2% !important;
}

.layout-side-section {
    font-size: 12px !important;
    max-width: 12% !important;
    padding-right: 5px !important;
}

.form-sidebar .overlay-sidebar {
    background-color: #ffffff61 !important;
    padding: 9px !important;
    border-radius: 7px !important;
    border: 1px solid #ffffff !important;
}

.new-timeline {
    position: relative !important;
    background-color: #ffffff61 !important;
    padding: 20px !important;
    border-radius: 7px !important;
    border: 1px solid #ffffff !important;
}

.row .layout-main {
    display: flex;
    flex-wrap: nowrap !important;
    flex-direction: row;
}

.row .form-section .card-section {
    display: flex;
    flex-wrap: wrap !important
}

.col-xs-12 {
    padding-right: 0px !important; 
    padding-left: 0px !important;
}

.grid-static-col, .row-index {
    height: 42px !important;
}

.grid-body .data-row {
    font-size: .85rem !important;
}
.grid-heading-row {
    border-bottom: 1px solid #3949ab !important;
    color: #424242;
    font-weight: 700;
    font-size: 12px;
}

row>.row .col {
    border-right: 1px solid #9e9e9e !important;
}

.datatable .dt-scrollable::-webkit-scrollbar-thumb {
    background: #673ab7 !important;
}

.datatable .dt-scrollable {
    height: 30vw !important;
}

::-webkit-scrollbar {
    height: 16px !important;
}

.kanban {
    display: inline-flex;
    overflow-y: visible !important;
  
}

/* Link button */
.link-btn, .phone-btn {
    position: absolute;
    color: white;
    padding: 3px 8px !important;
    background-color: #3F51B5 !important;
    border-radius: 25px;
}

.link-btn a {
    --icon-stroke: azure;
}

@media (max-width: 991px){
    .layout-side-section .overlay-sidebar {
        background: #f9fafa;
    }

}

.v-sidebar-menu {
    background-color: #ffffff !important;
}

@media (min-width: 991px){
    /* Hide scrollbar for Chrome, Safari and Opera */
    .layout-main .layout-side-section::-webkit-scrollbar {
         display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
    .layout-main .layout-side-section {
         -ms-overflow-style: none;  /* IE and Edge */
         scrollbar-width: none;  /* Firefox */
}
}

.print-format .table-bordered {
    min-height: 280px !important;
}