:root {
    --main-color: #4885ed;
    --main-color-light: #7FAAF2;
    --main-color-light-2x: #C8DAFA;
    --main-color-light-3x: #F6F9FF;
    --main-color-dark: #3872e8;
    --main-color-dark-2x: #082E96;
    --main-color-dark-2x: #082E96;
    --main-color-dark-3x: #031B5B;
}

/* FONT COLOR - MAIN COLOR */

/*======================================*/

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
#page-title {
    color: #2b425b;
}

/* FONT COLOR - BODY COLOR */

/*======================================*/

body,
#content-container {
    color: #546A80;
}

/* BACKGROUND COLOR - STATE ACTIVE  */

/*======================================*/

.searchbox .custom-search-form .input-group-btn:before,
.pace .pace-activity {
    background-color: var(--main-color);
}

/* BACKGROUND COLOR - BODY BACKGROUND */

/*======================================*/

body,
#content-container,
#page-title,
#navbar {
    background-color: #ecf0f5;
}

/* MIX COMPONENTS  */

::selection {
    background-color: var(--main-color);
    color: #fff;
}

::-moz-selection {
    background-color: var(--main-color);
    color: #fff;
}

/* CONTAINER */

/*======================================*/

#container {
    overflow: visible;
}

    #container.boxed-layout {
        background-color: #dfe5ee;
    }

#page-title {
    padding: 15px;
    position: sticky;
    top: 40px;
    z-index: 2;
}

/* CLEAN ZONE (LOGIN, REGISTER, AND ERROR PAGES CONTAINER) */

/*======================================*/

.cls-container {
    background-color: #ecf0f5;
}

    .cls-container,
    .cls-container a,
    .cls-container a:hover,
    .cls-container a:focus {
        color: #647484;
    }

/* Image background */

.bg-img {
    background: var(--main-color-dark-2x);
}

/* Boxed Layout */

/*======================================*/

@media (min-width: 1024px) {
    #container.boxed-layout,
    #container.boxed-layout.navbar-fixed #navbar {
        background-color: #77849d;
    }
}

/* Scrollbar */

/*======================================*/

.nano > .nano-pane > .nano-slider,
.pace .pace-progress {
    background-color: var(--main-color);
    border-radius: 7px;
}

.pace .pace-progress-inner {
    box-shadow: 0 0 10px var(--main-color), 0 0 5px var(--main-color);
}

/* NAVBAR
/*====================================*/

@media (min-width: 768px) {
    #navbar {
        background-color: transparent;
    }
}

.navbar-header {
    background-color: #1a1a1a;
}

.navbar-content {
    background-color: #fff;
}

.navbar-aside-icon > i:before {
    background-color: #546A80 !important;
    box-shadow: 0 0.45em 0 #546A80, 0 0.9em 0 #546A80 !important;
}

/* BRAND LOGO & TEXT
/*====================================*/

.brand-title {
    background: #1c1c1c;
}

.brand-text {
    color: var(--main-color);
}

.brand-icon {
    height: 28px;
    margin: 7px;
    width: 28px;
}

.navbar-brand {
    background-color: transparent;
    color: #fff;
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        color: #fff;
    }

/* NAVBAR ICON & BUTTON */

/*======================================*/

.navbar-icon-color,
.navbar-top-links > li > a:focus:not(.mainnav-toggle) > i,
.navbar-top-links > li > a:hover:not(.mainnav-toggle) > i {
    color: #6d7e90;
}

.navbar-top-links > li > a {
    color: #546A80;
}

    .navbar-top-links > li > a:not(.mainnav-toggle) > i {
        color: #546A80;
    }

    .navbar-top-links > li > a:hover {
        background-color: #f2f2f2;
        color: #6d7e90;
    }

.navbar-top-links > .open > a,
.navbar-top-links > .open > a:focus {
    background-color: #f2f2f2;
    color: #546A80;
}

.navbar-top-links .tgl-menu-btn > a,
.navbar-top-links .tgl-menu-btn > a:hover,
.navbar-top-links .tgl-menu-btn > a:focus {
    color: #fff;
}

/* NAVBAR RESPONSIVE */

/*======================================*/

@media (min-width: 768px) {
    .navbar-header:before {
        background-color: #1a1a1a;
    }

    #navbar-container {
        background-color: #fff;
    }

    #container.mainnav-in .brand-title,
    #container.mainnav-sm .brand-title,
    #container.mainnav-lg .brand-title {
        color: #fff;
    }

    .navbar-top-links .tgl-menu-btn > a,
    .navbar-top-links .tgl-menu-btn > a:hover,
    .navbar-top-links .tgl-menu-btn > a:focus {
        color: #546A80;
    }
}

/* NAVIGATION */

/*======================================*/

#mainnav {
    background: #252525;
}

    #mainnav .list-header {
        color: var(--main-color);
    }

/* PROFILE WIDGET */

/*======================================*/

.mainnav-profile {
    color: #fff;
}

    .mainnav-profile,
    .mainnav-profile .mnp-name,
    .mainnav-profile .dropdown-caret,
    .mainnav-profile .mnp-desc {
        color: #fff;
    }

        .mainnav-profile .profile-wrap {
            background-image: none !important;
            padding: 15px;
        }

#mainnav .mainnav-profile .list-group {
    background-color: var(--main-color);
    border: none;
}

#mainnav .mainnav-profile .list-group-item {
    color: #fff;
}

    #mainnav .mainnav-profile .list-group-item:hover {
        background: #585858;
    }

/* NAVIGATION MENU */

/*======================================*/

#mainnav-menu a {
    color: #fff;
    padding: 10px 20px;
}

#mainnav-menu > li > a:hover,
#mainnav-menu > li > a:active {
    background: #585858;
    color: #fff;
}

#mainnav-menu > li > a.hover {
    background-color: #0a6dbd;
    box-shadow: inset 2px 0 0 0 #0c80df;
    color: #fff;
}

#mainnav-menu > .active-link > a strong {
    font-size: 1.02em;
    font-weight: 800;
}

#mainnav-menu > .active-link > a,
#mainnav-menu > .active-link > a:hover {
    background-color: var(--main-color);
    box-shadow: none;
    color: white;
}

#mainnav-menu > .active-sub > a,
#mainnav-menu > .active-sub > a:hover {
    color: #fff;
}

#mainnav-menu > .active {
    background-color: #085ca0;
}

    #mainnav-menu > .active .active {
        background-color: #085796;
    }

#mainnav-menu ul a:hover,
.menu-popover .sub-menu ul a:hover,
#mainnav-menu ul ul a:hover,
.menu-popover .sub-menu ul ul a:hover,
#mainnav-menu ul .active-link a,
.menu-popover .sub-menu ul .active-link a {
    color: #fff;
}

#mainnav-menu ul .active-link a,
.menu-popover .sub-menu ul .active-link a {
    box-shadow: inset 2px 0 0 0 var(--main-color-dark);
}

#container.mainnav-sm #mainnav-menu > .active-link > a,
#container.mainnav-sm #mainnav-menu > .active-sub > a,
#container.mainnav-sm #mainnav-menu > .active-link a:hover,
#container.mainnav-sm #mainnav-menu > .active-sub a:hover {
    background-color: var(--main-color);
    box-shadow: none;
}

#profile-nav i {
    font-size: 1.15em;
    padding: 0 10px 0 0;
}

/* NAVIGATION - SHORTCUT BUTTONS */

/*======================================*/

#mainnav-shortcut .shortcut-grid {
    color: #fff;
}

/* NAVIGATION - WIDGET */

/*======================================*/

.mainnav-widget {
    color: #bbdffb;
}

/* NAVIGATION - COLLAPSING  */

/*======================================*/

@media (min-width: 768px) {
    #container.mainnav-sm .shortcut-grid:hover {
        box-shadow: inset 2px 0 0 0 #0c80df;
    }

    #container.mainnav-sm .shortcut-grid:hover,
    #container.mainnav-sm .popover.mainnav-shortcut {
        background-color: #0a6dbd;
        color: #fff;
    }

    #container.mainnav-sm #mainnav-menu a:hover {
        box-shadow: inset 2px 0 0 0 #0c80df;
    }

    #container.mainnav-sm #mainnav-menu .active-link > a,
    #container.mainnav-sm #mainnav-menu .active-sub > a {
        color: #fff;
    }

    #container.mainnav-sm .brand-icon {
        height: 30px;
        margin: 7px 10px;
        transform: translateY(0);
        width: 30px;
    }

    #container.mainnav-sm #mainnav {
        position: relative;
    }

        #container.mainnav-sm #mainnav .mainnav-widget > .show-small a {
            color: #bbdffb;
        }

            #container.mainnav-sm #mainnav .mainnav-widget > .show-small a:hover {
                box-shadow: inset 2px 0 0 0 #0c80df;
                color: #fff;
            }

        #container.mainnav-sm #mainnav .mainnav-widget .hover {
            background-color: #0a6dbd;
            color: #fff;
        }

    .menu-popover .sub-menu ul {
        background-color: #085ca0;
    }

        .menu-popover .sub-menu ul ul {
            background-color: #085796;
        }

            .menu-popover .sub-menu ul ul > li > a:hover {
                color: #fff;
            }

        .menu-popover .sub-menu ul a:hover {
            color: #fff;
        }

        .menu-popover .sub-menu ul li > a {
            color: #bbdffb;
        }

    .menu-popover .single-content {
        background-color: #0a6dbd;
        color: #fff;
    }

    .menu-popover.popover {
        background-color: #095fa5;
        color: #fff;
    }

    .menu-popover > .popover-title {
        background-color: #0a6dbd;
        color: #fff;
    }

    .menu-popover .mainnav-widget-content {
        background-color: #0a6dbd;
    }
}

.mainnav-sm .popover.mainnav-shortcut {
    background-color: #095fa5;
    color: #fff;
}

/* NAVIGATION - OFFCANVAS */

/*======================================*/

@media (min-width: 768px) {
    #container.mainnav-in.easeInBack:not(.boxed-layout) #mainnav-container {
        box-shadow: -20px 0 0 0 #0965ae;
    }

    #container.mainnav-out .brand-title {
        color: #546A80;
    }
}

/* ASIDE */

/* ===================================== */

#container #aside .list-link li a:not(.btn) {
    color: #d1d1d1;
}

    #container #aside .list-link li a:not(.btn):hover {
        color: #fff;
    }

#container #aside .badge-stat {
    color: #0b75cb;
}

#container #aside .text-main {
    color: #fff;
}

#aside {
    background-color: #0b75cb;
    color: #fff;
}

    #aside .bord-all,
    #aside .bord-top,
    #aside .bord-btm,
    #aside .bord-left,
    #aside .bord-rgt,
    #aside .bord-hor,
    #aside .bord-ver,
    #aside .list-divider {
        border-color: #0c7eda;
    }

    #aside .btn-link {
        color: #fff;
    }

    #aside .text-muted {
        color: #8fcaf9;
    }

/* Aside with tabs */

/* ===================================== */

#aside-container #aside .nav-tabs li {
    border-bottom: 1px solid #0967b3;
}

    #aside-container #aside .nav-tabs li > a {
        background-color: #0b75cb;
    }

        #aside-container #aside .nav-tabs li > a:before {
            background: var(--main-color);
        }

#aside-container #aside .nav-tabs .active a:before {
    background: var(--main-color);
}

#container.aside-bright #aside .nav-tabs li {
    border-bottom: 1px solid #f2f2f2;
}

    #container.aside-bright #aside .nav-tabs li > a {
        background-color: #fff;
    }

/* ASIDE : BRIGHT COLOR THEMES */

/* ===================================== */

#container.aside-bright #aside {
    background-color: #fff;
    border: 1px solid #dbe3ec;
    color: #546A80;
}

    #container.aside-bright #aside .badge-stat {
        color: #fff;
    }

    #container.aside-bright #aside .text-main {
        color: #2b425b;
    }

    #container.aside-bright #aside .text-light {
        color: #546A80;
    }

    #container.aside-bright #aside hr {
        border-color: #f4f4f4;
    }

    #container.aside-bright #aside .bord-all,
    #container.aside-bright #aside .bord-top,
    #container.aside-bright #aside .bord-btm,
    #container.aside-bright #aside .bord-lft,
    #container.aside-bright #aside .bord-rgt,
    #container.aside-bright #aside .bord-hor,
    #container.aside-bright #aside .bord-ver,
    #container.aside-bright #aside .list-divider {
        border-color: #d3dce8;
    }

    #container.aside-bright #aside .text-muted {
        color: #afb9c3;
    }

    #container.aside-bright #aside .progress {
        background-color: #e6e6e6;
    }

    #container.aside-bright #aside .list-link li a:not(.btn) {
        color: #8493a2;
    }

        #container.aside-bright #aside .list-link li a:not(.btn):hover {
            color: #546A80;
        }

    #container.aside-bright #aside a:not(.btn) {
        color: #546A80;
    }

        #container.aside-bright #aside a:not(.btn):hover,
        #container.aside-bright #aside a:not(.btn):focus {
            color: #5d6d7c;
        }

    #container.aside-bright #aside .btn-link {
        color: #546A80;
    }

/* FOOTER */

/*======================================*/

#footer {
    background-color: #f3f5f9;
    color: #546A80;
}

/* MEGAMENU */

/*======================================*/

.open.mega-dropdown > .mega-dropdown-toggle:before {
    border-bottom: 7px solid #d0d0d0;
}

.open.mega-dropdown > .mega-dropdown-toggle:after {
    border-bottom: 7px solid #fff;
}

/* TIMELINE */

/*======================================*/

.timeline {
    background-color: #ecf0f5;
    color: #546A80;
}

    .timeline:before,
    .timeline:after {
        background-color: #bec6ce;
    }

    .timeline:after {
        background-color: #ecf0f5;
        border: 1px solid #bec6ce;
    }

.timeline-time {
    background-color: #ecf0f5;
    color: #546A80;
}

.timeline-icon:not([class*="bg-"]) {
    background-color: #ecf0f5;
}

.timeline-icon:empty {
    border: 2px solid #bec6ce;
}

.timeline-label {
    background-color: #fff;
    border: 1px solid #e7ecf3;
}

    .timeline-label:before {
        border-right: 10px solid #e6e6e6;
    }

    .timeline-label:after {
        border-right: 9px solid #fff;
    }

.panel .timeline,
.panel .timeline:after,
.panel .timeline-time,
.panel .timeline-label,
.panel .timeline-icon:not([class^="bg-"]):not([class*=" bg-"]) {
    background-color: #fff;
}

.panel .timeline-label {
    background-color: #f3f5f9;
}

    .panel .timeline-label:before {
        border-right-color: #e3e3e3;
    }

    .panel .timeline-label:after {
        border-right-color: #f3f5f9;
    }

@media (min-width: 768px) {
    .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:before {
        border-left: 10px solid #e6e6e6;
    }

    .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after {
        border-left: 9px solid #fff;
    }
}

/* TAGS */

/*======================================*/

.tag:not(.label) {
    background-color: #fff;
    border: 1px solid #d1d9de;
}

/* EMAIL */

/*======================================*/

.mail-time {
    color: #afb9c3;
}

/* COLORS */

/*======================================*/

.mail-list > li:nth-child(odd) {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.04);
}

.mail-list > li:hover {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.075);
}

.mail-list > li.highlight {
    background-color: #f2f0c2;
}

.mail-list a,
.mail-list a:focus {
    color: #546A80;
    display: inline-block;
}

.mail-star > a,
.mail-star > a:focus {
    color: #d3d7da;
}

.mail-starred .mail-star > a {
    color: #ffa100;
}

.mail-list .mail-star > a:hover {
    color: #ffbd4d;
}

.mail-attach-list > li .mail-file-img,
.mail-attach-list > li .mail-file-icon {
    background-color: #f5f6f8;
}

/* FORM WIZARD */

/*======================================*/

.wz-icon-bw li.active ~ li > a .icon-wrap {
    color: #546A80;
}

.wz-icon-bw li:not(.active) > a p {
    color: #546A80 !important;
}

/* SCROLL TO TOP BUTTON */

/*======================================*/

.scroll-top {
    display: none;
}

    .scroll-top.in {
        background-color: var(--main-color);
        color: #fff;
    }

        .scroll-top.in > i {
            display: block;
            height: 0.85em;
            line-height: 0.85em;
            width: 1em;
        }

.alert-primary .alert-icon {
    color: #fff;
}

.alert-info .alert-icon {
    color: #fff;
}

.alert-success .alert-icon {
    color: #fff;
}

.alert-warning .alert-icon {
    color: #fff;
}

.alert-danger .alert-icon {
    color: #fff;
}

.alert-mint .alert-icon {
    color: #fff;
}

.alert-purple .alert-icon {
    color: #fff;
}

.alert-pink .alert-icon {
    color: #fff;
}

.alert-dark .alert-icon {
    color: #fff;
}

/* NIFTY PURE CSS SELECT COMPONENT */

/*======================================*/

select {
    cursor: pointer;
    padding: 5px 12px !important;
}

.select:before {
    border-top-color: #afb9c3;
}

.select select:focus {
    border-color: var(--main-color);
}

.pci-hor-dots:before,
.pci-ver-dots:before {
    background-color: #546A80;
    box-shadow: 0 0.45em 0 #546A80, 0 0.9em 0 #546A80;
}

/* BREADCRUMB */

/*======================================*/

.breadcrumb li,
.breadcrumb li a {
    color: #afb9c3;
}

/* FORM CONTROL  */

/*======================================*/

.form-control:focus {
    border-color: var(--main-color-light);
}

.form-horizontal .control-label {
    margin-bottom: 7px;
    padding-top: 5px;
}

/* LIST GROUP */

/*======================================*/

#aside .list-group-item {
    padding: 5px 0;
}

    #aside .list-group-item.active,
    #aside .list-group-item.active:focus {
        background-color: #e6eaed;
        border: none;
        padding: 5px 10px;
    }

        #aside .list-group-item:hover,
        #aside .list-group-item.active:hover {
            background-color: var(--main-color-light) !important;
            color: #fff !important;
            padding: 5px 10px;
        }


/* DROPDOWN */

/*======================================*/

.dropdown-menu {
    padding: 10px;
}

    .dropdown-menu > li > a:hover {
        background-color: var(--main-color-light) !important;
        color: #fff;
    }

    .dropdown-menu:not(.head-list) > li > a {
        padding: 10px;
    }

    .dropdown-menu .divider {
        margin: 0;
    }

    .dropdown-menu > li.disabled > a {
        color: #ccc;
    }

    .dropdown-menu.dropdown-menu-sm {
        min-width: 310px;
    }

/*======================================*/

/* PAGER */

/*======================================*/

.pager li > a:hover,
.pager li > a:focus {
    background-color: #fff;
    border-color: var(--main-color);
    box-shadow: inset 0 0 1px var(--main-color);
    color: var(--main-color);
    z-index: 2;
}

/*======================================*/

/* PAGINATION */

/*======================================*/

.pagination > li a:hover,
.pagination > li a:focus {
    border-color: var(--main-color);
    box-shadow: inset 0 0 1px var(--main-color);
    color: var(--main-color);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

/* TAB */

/*======================================*/

.tab-base .tab-content .tab-footer {
    background-color: #f6f8fa;
    border-color: #eff3f7;
    color: #546A80;
}

.tab-base .nav-tabs > li:not(.active) > a:hover {
    border-color: var(--main-color);
}

.tab-stacked-left.tab-base .nav-tabs > li:not(.active) a:hover {
    border-color: var(--main-color);
    border-right-color: transparent;
}

.tab-stacked-right.tab-base .nav-tabs > li:not(.active) a:hover {
    border-color: var(--main-color);
    border-left-color: transparent;
}

/* BUTTONS */

/*======================================*/

.btn {
    border-radius: 3px;
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.btn-rounded {
    border-radius: 17px;
}

.btn-trans {
    color: #afb9c3;
}

.btn .icon-lg {
    font-size: 1.15em;
}

/* PANELS */

/*======================================*/

.panel {
    -moz-box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: none;
}

    .panel .panel-heading {
        border-bottom: none;
        border-radius: 5px;
    }

        .panel .panel-heading:after {
            border-bottom: none;
        }

    .panel .panel-footer {
        background-color: #f6f8fa;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-color: #eff3f7;
        color: #546A80;
        position: relative;
    }

    .panel .panel-number {
        border-right: 1px solid #ddd;
        color: var(--main-color);
        float: left;
        font-size: 1.2em;
        font-weight: 700;
        line-height: 50px;
        padding: 0 15px;
    }

    .panel .panel-options {
        border-left: 1px solid #ddd;
        float: right;
        line-height: 50px;
        padding: 0 15px;
    }

.panel-heading + div,
.panel-heading + .pad-all,
.panel-heading + .panel-body {
    border-top: 1px solid #ddd;
}

/* SCROLL TO TOP BUTTON */

/*======================================*/

.scroll-top {
    -ms-animation: jellyIn 0.8s;
    -webkit-animation: jellyIn 0.8s;
    animation: jellyIn 0.8s;
}

    .scroll-top.in {
        background-color: var(--main-color);
        color: #fff;
    }

/* SUCCESS COLOR */

/*======================================*/

.form-checkbox.form-normal.form-success:hover:before,
.form-radio.form-normal.form-success.active:before,
.form-checkbox.form-normal.form-success:not(.active):hover:after {
    border-color: var(--main-color-dark);
}

.form-checkbox.form-normal.form-success.active:before,
.form-radio.form-normal.form-success.active:after {
    background-color: var(--main-color);
    border-color: var(--main-color-dark);
}

.form-checkbox.form-icon.form-success:after,
.form-radio.form-icon.form-success:after {
    color: var(--main-color);
}

.label-success {
    background-color: var(--main-color);
}

.badge-success {
    background-color: var(--main-color);
}

.bg-success {
    background-color: var(--main-color);
}

.progress-bar-success {
    background-color: var(--main-color);
}

/* PRIMARY COLOR */

/*======================================*/

.label-primary {
    background-color: var(--main-color);
}

.badge-primary {
    background-color: var(--main-color);
}

.progress-bar-primary {
    background-color: var(--main-color);
}

.bg-primary {
    background-color: var(--main-color);
}

/* WHITE COLOR */

/*======================================*/

.text-white {
    color: white;
}

.bg-white {
    background-color: white !important;
}

/* GREEN COLOR */

/*======================================*/

.text-green {
    color: #38AA4D;
}

/* YELLOW COLOR */

/*======================================*/

.label-yellow {
    background-color: #ffca3b;
}

.badge-yellow {
    background-color: #ffca3b;
}

.progress-bar-yellow {
    background-color: #ffca3b;
}

.bg-yellow {
    background-color: #ffca3b !important;
}

    .bg-yellow,
    .bg-yellow a {
        color: #fff;
    }

.panel-yellow .panel-heading,
.panel-yellow .panel-footer,
.panel-yellow.panel-colorful {
    background-color: #ffca3b;
    border-color: #E0C200;
    color: #fff;
}

.panel-orange .panel-heading,
.panel-orange .panel-footer,
.panel-orange.panel-colorful {
    background-color: #ef8500;
    border-color: #ef8500;
    color: #fff;
}

.panel-purple .panel-heading,
.panel-purple .panel-footer,
.panel-purple.panel-colorful {
    background-color: #b02598;
    border-color: #A3238D;
    color: #fff;
}

.panel-blue-dark .panel-heading,
.panel-blue-dark .panel-footer,
.panel-blue-dark.panel-colorful {
    background-color: #252525;
    border-color: #252525;
    color: #fff;
}

.panel-success .panel-heading,
.panel-success .panel-footer,
.panel-success.panel-colorful {
    background-color: #42b72a;
    border-color: #38AA4D;
    color: #fff;
}

.panel-danger .panel-heading,
.panel-danger .panel-footer,
.panel-danger.panel-colorful {
    background-color: #ef5350;
    border-color: #DB4A4A;
    color: #fff;
}

.panel-primary .panel-heading,
.panel-primary .panel-footer,
.panel-primary.panel-colorful {
    background-color: var(--main-color);
    border-color: var(--main-color-dark);
    color: #fff;
}

.panel-yellow h3,
.panel-orange h3,
.panel-purple h3,
.panel-blue-dark h3,
.panel-danger h3,
.panel-primary h3,
.panel-yellow li,
.panel-orange li,
.panel-purple li,
.panel-blue-dark li,
.panel-danger li,
.panel-primary li,
.panel-yellow a,
.panel-orange a,
.panel-purple a,
.panel-blue-dark a,
.panel-danger a,
.panel-primary a {
    color: #fff !important;
}

.panel-default h3,
.panel-default li,
.panel-default a {
    color: #546A80 !important;
}

.icon-fw {
    margin-right: 5px;
    width: unset;
}

.panel-control .btn-success {
    border: 1px solid var(--main-color-dark);
}

.panel-control .btn-danger {
    border: 1px solid #ef5350;
}

.panel-control .btn-default {
    color: #546A80;
}

.panel-control .btn,
.panel-control .dropdown-toggle.btn {
    border: 1px solid #d1d9de;
    border-radius: 3px !important;
}

.panel-control .btn-default:hover,
.panel-control .btn-default:active,
.panel-control .btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-color: #e8e8e8;
    border-color: #d1d9de;
    color: #546A80;
}

.btn-success-basic,
.btn-success,
.btn-success:focus,
.btn-success.disabled:hover,
.btn-success:disabled:hover,
.btn-hover-success:hover,
.dropdown.open > .btn.btn-active-success,
.btn-group.open .dropdown-toggle.btn.btn-active-success {
    background-color: var(--main-color);
    border: 1px solid var(--main-color-dark);
    color: #fff;
}

    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-color: var(--main-color-dark);
        border-color: var(--main-color-dark);
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus {
            background-color: var(--main-color-dark) !important;
            border: 1px solid var(--main-color-dark-2x);
        }

.text-success,
a.text-success:hover,
a.text-success:focus {
    color: var(--main-color) !important;
}

.text-yellow,
a.text-yellow:hover,
a.text-yellow:focus {
    color: #ffca3b !important;
}

.text-purple,
a.text-purple:hover,
a.text-purple:focus {
    color: #b02598 !important;
}

.text-blue,
a.text-blue:hover,
a.text-blue:focus {
    color: var(--main-color) !important;
}

.text-gray,
a.text-gray:hover,
a.text-gray:focus {
    color: #546A80 !important;
}

.text-warning,
a.text-warning:hover,
a.text-warning:focus {
    color: #ffa726 !important;
}

.text-danger,
a.text-danger:hover,
a.text-danger:focus {
    color: #eb2521 !important;
}

.form-group {
    margin-bottom: 2px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

.form-horizontal {
    position: relative;
}

    .form-horizontal.form-loading:before {
        background-color: #fff;
        bottom: 0;
        content: " ";
        display: block;
        left: 0;
        opacity: 0.6;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .form-horizontal.form-loading:after {
        -webkit-animation: .7s spin linear infinite;
        animation: .7s spin linear infinite;
        background-color: transparent;
        border: 3px solid var(--main-color);
        border: 3px solid rgba(72, 133, 237, 0.2);
        border-left: 3px solid var(--main-color);
        border-radius: 50%;
        border-top: 3px solid var(--main-color);
        bottom: 0;
        content: "";
        height: 40px;
        left: 0;
        margin: auto;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        z-index: 2;
    }


.input-read {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff !important;
    border: none;
    color: #546A80;
    resize: none;
    text-indent: 1px;
    text-overflow: '';
}

input.input-edit {
    border: 1px solid #dbdbdb;
}

.breadcrumb > li + li:before {
    content: "\e649";
    font-family: themify;
    font-size: 0.7em;
}

.push-5-t {
    margin-top: 5px !important;
}

.push-5-l {
    margin-left: 5px !important;
}

.push-5-r {
    margin-right: 5px !important;
}

.push-10-t {
    margin-top: 10px !important;
}

.push-10-l {
    margin-left: 10px !important;
}

.push-10-r {
    margin-right: 10px !important;
}

.push-15-l {
    margin-left: 15px !important;
}

.push-15-r {
    margin-right: 15px !important;
}

.push-20-t {
    margin-top: 20px !important;
}

.push-30-l {
    margin-left: 30px !important;
}

.push-30-r {
    margin-right: 30px !important;
}

.push-30-t {
    margin-top: 30px !important;
}

.push-50-t {
    margin-top: 50px !important;
}

.push-100-t {
    margin-top: 100px !important;
}

.push-150-t {
    margin-top: 150px !important;
}

.push-250-t {
    margin-top: 250px !important;
}

.control-label {
    text-align: left !important;
}

.no-indent {
    text-indent: initial !important;
}

.btn-minw {
    min-width: 110px;
}

.btn-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 3px;
}

.table:not(.table-condensed),
.table:not(.table-condensed) > tbody > tr > td {
    line-height: 35px;
}

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

.no-records-found td {
    line-height: 120px !important;
}

.bord-no {
    -webkit-box-shadow: none;
    border: 0;
    box-shadow: none;
}

.badge:empty.badge-icon {
    margin: 0.4em 0.5em;
}

.borderless td, .borderless th {
    border: none !important;
}

.pointer {
    cursor: pointer;
}

.modal-footer {
    border: none;
    padding: 0 25px 25px 25px;
}

/* Css notifications */

#notifs .badge-header {
    margin-top: -1.5em;
    min-width: 1em;
    right: 4px;
}

/* Kendo General */

.form-control,
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.k-state-disabled {
    opacity: 1;
}

    .k-state-disabled .k-input {
        background-color: #ffffff;
    }

/* Kendo Grid css override */

.k-grid {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    min-height: 135px;
}

    .k-grid table {
        table-layout: fixed;
        width: 100% !important;
    }

    .k-grid tr.k-state-selected,
    .k-grid .k-grid-content-locked tr.k-state-selected {
        background-color: transparent;
        color: rgb(84, 106, 128);
    }

    .k-grid .k-grid-edit-row td {
        background-color: #e6eaed;
        color: #546A80 !important;
        padding: 5px .3em;
    }

    .k-grid .k-grid-edit-row .k-textbox,
    .k-grid .k-grid-edit-row .text-box {
        padding: 6px 12px;
    }

    .k-grid:not(.k-grid-libre) .k-grid-content {
        max-height: 131px;
        min-height: 87px;
    }

    .k-grid tr.k-alt {
        background-color: transparent;
    }

    .k-grid tr:hover {
        background-color: var(--main-color-light-2x);
        color: #ffffff;
    }

    .k-grid .k-grouping-row + tr td {
        border-top: none;
    }

    .k-grid .k-hierarchy-cell, .k-grid .k-detail-cell {
        background-color: #fff;
        color: #546A80 !important;
    }

    .k-grid .k-grid-header-wrap {
        border: none;
    }

    .k-grid .k-grid-norecords {
        max-height: 100px;
    }

        .k-grid .k-grid-norecords + .k-pager-wrap {
            display: none;
        }

    .k-grid .k-detail-cell {
        padding: 20px 0 !important;
    }

        .k-grid .k-detail-cell .k-grid {
            border-left: 5px solid var(--main-color);
            margin-left: 30px;
        }

        .k-grid .k-detail-cell .k-header {
            background-color: #f5f6f8;
        }

    .k-grid .k-header > .k-grid-filter {
        float: left;
        margin: -.6em 0 -.4em -.6em;
    }

    .k-grid .k-header > .k-header-column-menu {
        z-index: 0;
    }

    .k-grid .k-header:hover .k-i-filter,
    .k-grid .k-header:hover .k-link {
        color: var(--main-color);
    }

    .k-grid .k-cell-multiline {
        white-space: pre-wrap !important;
        word-wrap: break-word !important;
    }

    .k-grid .label {
        padding: 5px 10px;
    }

.k-filter-menu .k-filter-menu-container {
    font-size: 13px;
}

.k-filter-menu .k-filter-help-text {
    margin: 0 0 10px;
}

.k-filter-menu .k-widget {
    width: 100%;
}

.k-action-buttons {
    border-width: unset;
    border-style: unset;
    bottom: unset;
    padding: unset;
    margin: unset;
}

.k-menu .k-item > .k-link {
    padding: 15px 10px;
}

.k-header.k-grid-toolbar.k-grid-top {
    border: none;
    padding: 0;
    text-align: right;
}

.k-grid-header {
    background-color: #fafafa;
    padding-right: 8px !important;
}

    .k-grid-header th.k-no-menu .k-header-column-menu {
        display: none;
    }

    .k-grid-header th.k-no-menu .k-link {
        margin-right: 0;
        padding-right: 0;
    }

    .k-grid-header th.k-center {
        text-align: center;
    }

    .k-grid-header th.k-header {
        background-color: #fafafa;
        border-color: #f4f4f4;
        border-style: solid;
        border-width: 0 0 1px 1px;
        padding: .8em .6em;
    }

        .k-grid-header th.k-header > .k-link,
        .k-grid-header th.k-header {
            color: #2b425b;
            font-size: 1.05em;
            font-weight: 600;
        }

    .k-grid-header .k-right .k-link {
        text-align: right;
    }

.k-grid-header-wrap th.k-header:last-of-type {
    border-right-width: 1px;
}

.k-grid td {
    border-bottom: 1px solid #f4f4f4;
    border-width: 0;
    height: 33px;
    white-space: nowrap;
}

.k-grid .icon-wrap {
    margin-top: 4px;
    padding: 12px;
}

/* Kendo grid - Boutons kendo */

.k-grid .k-button {
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -webkit-transition: all .1s;
    background-color: transparent;
    border-color: #d1d9de;
    border-radius: 3px;
    color: #546A80;
    font-size: 13px;
    min-width: 32px !important;
    padding: 4px 6px;
    transition: all .1s;
}

    .k-grid .k-button .k-icon {
        display: none;
    }

    .k-grid .k-button:focus {
        box-shadow: none !important;
    }

    .k-grid .k-button.k-grid-cancel,
    .k-grid .k-button.k-grid-edit,
    .k-grid .k-button.k-grid-open,
    .k-grid .k-button.k-grid-delete,
    .k-grid .k-button.k-grid-print {
        background-color: transparent;
        border: 0;
    }

    .k-grid .k-button.k-grid-add {
        background-color: #fafafa;
        border: 1px solid #d1d9de;
        color: #546A80;
        margin: 10px;
    }

    .k-grid .k-button.k-grid-update,
    .k-grid .k-button:hover {
        background-color: var(--main-color);
        color: #fff;
    }

.k-grid > .k-grid-content > table > tbody > tr > td > .k-button:hover {
    border: 0;
    border-radius: 50%;
    transform: scale(1.15);
}

.k-grid .k-button.k-grid-add:hover {
    background-color: #e8e8e8;
    border: 1px solid #d1d9de;
    border-radius: 3px;
    color: #546A80;
    transform: none;
}

.k-grid .k-button.k-grid-cancel:hover {
    background-color: #c8d1d8;
    color: #546A80;
}

.k-grid .k-button.k-grid-open:hover {
    border-radius: 50%;
}

.k-grid .k-button.k-grid-add:before,
.k-grid .k-button.k-grid-cancel:before,
.k-grid .k-button.k-grid-delete:before,
.k-grid .k-button.k-grid-edit:before,
.k-grid .k-button.k-grid-open:before,
.k-grid .k-button.k-grid-print:before,
.k-grid .k-button.k-grid-update:before {
    font-family: 'themify';
}

.k-grid .k-button.k-grid-add:before {
    content: "\e61a";
    margin-right: 3px;
}

.k-grid .k-button.k-grid-cancel:before {
    content: "\e646";
}

.k-grid .k-button.k-grid-update:before {
    content: "\e746";
}

.k-grid .k-button.k-grid-edit:before {
    content: "\e61c";
}

.k-grid .k-button.k-grid-open:before {
    content: "\e661";
}

.k-grid .k-button.k-grid-delete:before {
    content: "\e605";
}

.k-grid .k-button.k-grid-print:before {
    content: "\e681";
}

/* Kendo grid - Boutons custom */

.k-grid .k-button.k-grid-customAdd,
.k-grid .k-button.k-grid-customEdit {
    background-color: transparent;
    border: 0;
    color: #546A80;
}

.k-grid .k-button.k-grid-customOpen,
.k-grid .k-button.k-grid-customCalcul {
    background-color: transparent;
    border: 0;
}

.k-grid .k-button.k-grid-customDestroy,
.k-grid .k-button.k-grid-customDownload,
.k-grid .k-button.k-grid-customPrint,
.k-grid .k-button.k-grid-customUpload {
    background-color: transparent;
    border: 0;
    color: #546A80;
}

    .k-grid .k-button.k-grid-customAdd:hover,
    .k-grid .k-button.k-grid-customDownload:hover,
    .k-grid .k-button.k-grid-customEdit:hover,
    .k-grid .k-button.k-grid-customOpen:hover,
    .k-grid .k-button.k-grid-customFlag:hover,
    .k-grid .k-button.k-grid-customCalcul:hover,
    .k-grid .k-button.k-grid-customPrint:hover,
    .k-grid .k-button.k-grid-customUpload:hover {
        background-color: var(--main-color);
        border-color: var(--main-color-dark);
        border-radius: 50%;
        color: #fff;
    }

    .k-grid .k-button.k-grid-customDestroy:hover,
    .k-grid .k-button.k-grid-delete:hover {
        background-color: #eb2a26;
        border-color: #ec332f;
        border-radius: 50%;
        color: #fff;
    }

    .k-grid .k-button.k-grid-customAdd:before,
    .k-grid .k-button.k-grid-customDestroy:before,
    .k-grid .k-button.k-grid-customDownload:before,
    .k-grid .k-button.k-grid-customEdit:before,
    .k-grid .k-button.k-grid-customFlag:before,
    .k-grid .k-button.k-grid-customOpen:before,
    .k-grid .k-button.k-grid-customPrint:before,
    .k-grid .k-button.k-grid-customUpload:before {
        font-family: 'themify';
    }

.k-grid .k-button.k-grid-customCalcul:before {
    font-family: 'FontAwesome';
}

.k-grid .k-button.k-grid-customAdd:before {
    content: "\e61a";
}

.k-grid .k-button.k-grid-customEdit:before {
    content: '\e61c';
}

.k-grid .k-button.k-grid-customOpen:before {
    content: '\e661';
}

.k-grid .k-button.k-grid-customFlag:before {
    content: '\e63c';
}

.k-grid .k-button.k-grid-customCalcul:before {
    content: '\f1ec';
}

.k-grid .k-button.k-grid-customPrint:before {
    content: '\e681';
}

.k-grid .k-button.k-grid-customDownload:before {
    content: '\e6a7';
}

.k-grid .k-button.k-grid-customDestroy:before {
    content: '\e605';
}

.k-grid .k-button.k-grid-customUpload:before {
    content: '\e6a3';
}

.k-grid-no-header .k-grid-header {
    display: none;
}

.k-grid-no-border {
    border: none;
}

    .k-grid-no-border tbody td {
        border-left: none;
    }

    .k-grid-no-border .k-loading-mask + table tr td {
        border: none;
    }

.k-grid-pager {
    border: none;
    padding: 20px 15px;
}

.k-pager-wrap > .k-link {
    border-radius: 3px;
    padding: 5px;
}

.k-pager-input, .k-pager-numbers li {
    margin: 0 1px;
}

.k-pager-input, .k-pager-numbers a:hover {
    border-radius: 0;
}

.k-pager-input, .k-pager-numbers a {
    padding: 4px;
}

.k-pager-numbers .k-state-selected {
    border-radius: 50%;
    margin: 0;
    padding: 4px;
}

.k-pager-info {
    padding: 7px 5px 0 0;
}

@media only screen and (max-width: 1024px) {
    .k-webkit .k-grid .k-pager-numbers, .k-webkit .k-pager-numbers {
        left: auto;
    }

    .k-pager-input, .k-pager-numbers li {
        border: none;
    }

    .k-pager-wrap > .k-link {
        padding: 0;
    }
}


/* Kendo Combobox css override */

.k-combobox .k-input {
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-indent: 1em;
}

form .k-combobox .k-state-disabled {
    border: none;
}

    form .k-combobox .k-state-disabled .k-select {
        display: none;
    }

.k-combobox .form-control[disabled] {
    background-color: #fff;
}

/* Kendo DropdownList css override */

.k-dropdown .k-input {
    height: 28px;
    line-height: 28px;
    padding: 0;
    text-indent: 1em;
}

.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-active,
.k-dropdown-wrap.k-state-focused {
    background-color: var(--main-color-light);
    border-color: var(--main-color);
}

form .k-dropdown .k-state-disabled {
    border: none;
}

    form .k-dropdown .k-state-disabled .k-select {
        display: none;
    }

.k-dropdown.bord-no .k-dropdown-wrap {
    border: none !important;
}

/* Kendo Multiselect */

.k-multiselect .k-input {
    height: 28px;
    line-height: 28px;
    padding: 0;
    text-indent: 1em;
}

.k-multiselect-wrap {
    min-height: 30px;
}

.k-grid .k-multiselect .k-button {
    padding-right: 20px;
}

.k-grid .k-multiselect-wrap .k-select {
    right: 9px;
    top: 6px;
}

    .k-grid .k-multiselect-wrap .k-select .k-icon {
        display: inline;
        right: 5px;
        top: 5px;
    }

.k-multiselect .k-button {
    line-height: 25px;
    min-height: 28px;
}

form .k-multiselect.k-state-disabled {
    border: none;
}

    form .k-multiselect.k-state-disabled .k-select {
        display: none;
    }

    form .k-multiselect.k-state-disabled .k-button {
        padding-right: 5px;
    }

/* Kendo Numeric */

.k-numeric-wrap .k-input {
    height: 28px;
    line-height: 28px;
    padding: 0;
    text-indent: 1em;
}

form .k-numeric-wrap.k-state-disabled,
form .k-maskedtextbox.k-state-disabled > input {
    border: none;
}

    form .k-numeric-wrap.k-state-disabled .k-select {
        display: none;
    }

/* Kendo Checkbox */

.k-checkbox-label:before {
    height: 16px;
    width: 16px;
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: var(--main-color);
    border-color: var(--main-color-dark);
    color: white;
}


form .k-checkbox-label {
    padding-left: 25px !important;
}


/* Kendo Notification */

.k-notification-wrap {
    font-size: 1.3em;
    line-height: 1.3em;
    padding: 20px;
    white-space: normal;
    word-wrap: break-word;
}

.k-widget.k-notification .k-icon.k-i-error,
.k-widget.k-notification .k-icon.k-i-success,
.k-widget.k-notification .k-icon.k-i-warning,
.k-widget.k-notification .k-icon.k-i-info {
    display: none;
}

/* Kendo Window */

.k-window {
    border-radius: 5px;
    width: 400px;
}

.k-window-titlebar {
    background-color: #f5f6f8;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    height: 30px;
    left: 10px;
    position: unset;
}

    .k-window-titlebar .k-window-title {
        left: 10px;
        top: 10px;
    }

    .k-window-titlebar .k-window-action {
        height: auto;
        padding: 8px 10px;
        width: auto;
    }

    .k-window-titlebar .k-i-close:before {
        font-size: 23px;
    }

.k-window-content {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 !important;
}

    .k-window-content .k-confirm-text {
        padding: 25px;
    }

    .k-window-content .spinner {
        padding: 50px;
        top: 0;
    }

    .k-window-content.k-content {
        border-radius: 5px;
    }

/* Kendo TabStrip */

.k-tabstrip {
    background-color: transparent;
    border: none;
}

.k-tabstrip-left > .k-tabstrip-items {
    padding: 0;
}

    .k-tabstrip-left > .k-tabstrip-items .k-item {
        min-width: 200px;
    }

.k-tabstrip-items .k-link {
    margin: 3px !important;
}

.k-tabstrip-items .k-item {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 0 !important;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.k-tabstrip-items .k-state-active {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    font-weight: 800;
    margin-right: -1px !important;
    padding: 0 !important;
}

    .k-tabstrip-items .k-state-active .k-link {
        color: var(--main-color);
    }

.k-tabstrip-top .k-tabstrip-items .k-state-active {
    border-top: 2px solid var(--main-color);
}

.k-tabstrip-items .k-state-hover {
    background-color: var(--main-color-light);
    border-color: #dbdbdb;
}

.k-tabstrip .k-content {
    -webkit-box-shadow: 0 1px 1px #000000;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border: 1px solid #dbdbdb;
    box-shadow: 0 1px 1px #000000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-top: 10px;
}

    .k-tabstrip .k-content .panel-title,
    .k-tabstrip .k-content .panel-body {
        padding-left: 10px;
        padding-right: 10px;
    }

    .k-tabstrip .k-content .panel-body {
        padding-top: 25px !important;
    }

.k-tabstrip .k-state-active .k-loading {
    border-top: 0;
}

.k-tabstrip-items .k-loading:not(.k-complete) {
    border-color: var(--main-color);
    border-top: 4px solid transparent;
}

.k-tabstrip-items .k-loading.k-complete {
    border: none;
}

.k-tabstrip-no-border {
    border: none;
}

    .k-tabstrip-no-border .k-content {
        border: none;
        box-shadow: none;
        padding: 15px 0;
    }

    .k-tabstrip-no-border .k-tabstrip-items {
        border-bottom: 1px solid #dbdbdb;
    }

/* Kendo DatePicker */

.k-datepicker .k-input {
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-indent: 0.9em;
}

.k-datepicker-wrap {
    min-height: 30px;
}

form .k-datepicker .k-state-disabled {
    border: none;
}

    form .k-datepicker .k-state-disabled .k-select {
        display: none;
    }


/* Kendo Upload */

.k-upload {
    border: none;
    margin: 0;
}

    .k-upload .k-dropzone {
        padding: 10px 0;
    }

    .k-upload .k-upload-button {
        background-color: #fafafa;
        border-color: #d1d9de;
        border-radius: 3px;
        color: #546A80;
        padding: 5px 9px;
    }

        .k-upload .k-upload-button:hover {
            background-color: #e8e8e8;
            border-color: #d1d9de;
            color: #546A80;
        }

/* Kendo TextBox/MaskedTextbox */

input.k-textbox {
    height: 30px;
    text-indent: .7em;
}

.eq-height .form-group:last-of-type {
    padding: 0;
}

/* Kendo Treevie */

.k-treeview .k-in {
    padding: 2px;
}

/* IMAGES */

/*======================================*/

.img-xs {
    line-height: 32px;
}

.img-sm {
    line-height: 46px;
}

.img-md {
    line-height: 64px;
}

.img-lg {
    line-height: 96px;
}

.img-xl {
    height: 128px;
    line-height: 128px;
    width: 128px;
}

/* MENUS */

/*======================================*/

.menu-bloc {
    margin-bottom: 15px;
}


/* SCROLLBARS */

/*======================================*/

.nano > .nano-pane {
    width: 8px;
}

.k-grid ::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.k-grid ::-webkit-scrollbar-button {
    display: none;
}

.k-grid ::-webkit-scrollbar-track-piece {
    background: #eee
}

.k-grid ::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
    border-radius: 8px;
}

/* LABELS */

/*======================================*/

.label {
    border-radius: 10px !important;
    display: inline-block;
    font-size: .8em;
    font-weight: unset;
    padding: 3px 10px;
    text-transform: uppercase;
}