:root {
    /* Color palette */
    --colors-blue: #223c52;
    --colors-indigo: #7e4bd2;
    --colors-purple: #6c509d;
    --colors-pink: #e8006a;
    --colors-red: #dd2840;
    --colors-orange: #be5a04;
    --colors-yellow: #9a6f01;
    --colors-green: #368649;
    --colors-teal: #268569;
    --colors-cyan: #39808d;

    --colors-gray: #efefef;
    --colors-gray-light: #f8f8f8;
    --colors-gray-dark: #bfbfbf;

    --colors-primary: #152837;
    --colors-secondary: #6dc4a1;

    /* White */
    --colors-white: #FFFFFF;
    --colors-white-600: #E6E6E6;

    /* Black */
    --colors-black: #000000;

    /* Muted */
    --colors-muted: #767676;
    --colors-muted-600: #6A6A6A;

    /* Neutral */
    --colors-neutral-50: #F8F8F9;
    --colors-neutral-100: #F0F1F2;
    --colors-neutral-200: #DADCDF;
    --colors-neutral-300: #C4C7CC;
    --colors-neutral-400: #979CA6;
    --colors-neutral-500: #6B7280;
    --colors-neutral-600: #606773;
    --colors-neutral-700: #40444D;
    --colors-neutral-800: #30333A;
    --colors-neutral-900: #202226;

    /* Danger */
    --colors-danger-50: #FDF4F5;
    --colors-danger-100: #FCEAEC;
    --colors-danger-200: #F7C9CF;
    --colors-danger-300: #F1A9B3;
    --colors-danger-400: #E76979;
    --colors-danger-500: #DD2840;
    --colors-danger-600: #C7243A;
    --colors-danger-700: #851826;
    --colors-danger-800: #63121D;
    --colors-danger-900: #420C13;

    /* Warning */
    --colors-warning-50: #FAF8F2;
    --colors-warning-100: #F5F1E6;
    --colors-warning-200: #E6DBC0;
    --colors-warning-300: #D7C599;
    --colors-warning-400: #B89A4D;
    --colors-warning-500: #9A6F01;
    --colors-warning-600: #8B6401;
    --colors-warning-700: #5C4301;
    --colors-warning-800: #453200;
    --colors-warning-900: #2E2100;

    /* Success */
    --colors-success-50: #F5F9F6;
    --colors-success-100: #EBF3ED;
    --colors-success-200: #CDE1D2;
    --colors-success-300: #AFCFB6;
    --colors-success-400: #72AA80;
    --colors-success-500: #368649;
    --colors-success-600: #317942;
    --colors-success-700: #20502C;
    --colors-success-800: #183C21;
    --colors-success-900: #102816;

    /* Info */
    --colors-info-50: #F5F9F9;
    --colors-info-100: #EBF2F4;
    --colors-info-200: #CEDFE3;
    --colors-info-300: #B0CCD1;
    --colors-info-400: #74A6AF;
    --colors-info-500: #39808D;
    --colors-info-600: #33737F;
    --colors-info-700: #224D55;
    --colors-info-800: #1A3A3F;
    --colors-info-900: #11262A;

    /* Primary */
    --colors-primary-50: #F3F4F5;
    --colors-primary-100: #E8EAEB;
    --colors-primary-200: #C5C9CD;
    --colors-primary-300: #A1A9AF;
    --colors-primary-400: #5B6973;
    --colors-primary-500: #152837;
    --colors-primary-600: #132432;
    --colors-primary-700: #0D1821;
    --colors-primary-800: #091219;
    --colors-primary-900: #060C11;

    --colors-primary-500-rgba: 21, 40, 55;

    /* Secondary */
    --colors-secondary-50: #F8FCFA;
    --colors-secondary-100: #F0F9F6;
    --colors-secondary-200: #DBF0E8;
    --colors-secondary-300: #C5E7D9;
    --colors-secondary-400: #99D6BD;
    --colors-secondary-500: #6DC4A1;
    --colors-secondary-600: #62B091;
    --colors-secondary-700: #417661;
    --colors-secondary-800: #315848;
    --colors-secondary-900: #213B30;
}

@-webkit-keyframes loader {
    0%,
    40% {
        background-color: var(--colors-primary-400);
    }
    10% {
        background-colo: var(--colors-primary-500);
    }
}

@keyframes loader {
    0%,
    40% {
        background-color: var(--colors-primary-400);
    }
    10% {
        background-colo: var(--colors-primary-500);
    }
}

body {
    font-family: "Roboto", sans-serif;
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
    line-height: 1.5;
}

body, html {
    font-size: 16px;
}

body > * {
    font-size: 13.5px;
}

.h1, h1 {
    font-size: 32.4px;
}

.h2, h2 {
    font-size: 27px;
}

.h3, h3 {
    font-size: 22.5px;
}

.h4, h4 {
    font-size: 18px;
}

.h5, h5 {
    font-size: 15.75px;
}

.h6, h6 {
    font-size: 13.5px;
}

small {
    font-size: 12px;
}

.sidebar ul.nav li a,
.sidebar ul.nav li .nav-second-level li a,
.email-templates li > a,
.todo-title,
#newsfeed .newsfeed_post .post-content,
textarea[name=checklist-description],
.task-info h5,
.announcement,
.jquery-comments [contentEditable=true]:empty:not(:focus):before,
.task-single-menu ul li a,
h5,
.navbar-nav > li > .dropdown-menu.notifications li .media-body,
.attachment-preview-icon-small,
.tasks-btn-settings-fix,
.dd,
.dd-empty, .dd-item, .dd-placeholder,
.dropdown-menu,
output,
.form-control,
.btn,
.input-group-addon,
.popover,
.popover-title,
.dropzone .dz-preview .dz-remove,
.xdsoft_datetimepicker .xdsoft_label,
.pre,
.dropzone .dz-preview .dz-details,
.dropzone .dz-preview .dz-error-message,
.xdsoft_datetimepicker .xdsoft_save_selected,
.lb-data .lb-caption {
    font-size: 13.5px;
}

.mce-btn button {
    font-size: 13.5px !important
}

pre {
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
}

body.styled {
    background-color: var(--colors-white);
}

a:focus,
a:hover {
    color: var(--colors-secondary-500);
}

.btn-group-lg > .btn,
.btn-lg,
.btn-link,
.form-control,
.form-group-lg .form-control,
.form-group-sm .form-control,
.img-rounded,
.img-thumbnail,
.input-lg,
.input-sm,
code,
kbd,
pre,
pre code {
    border-radius: 0
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child),
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon.input-lg,
.input-group-addon.input-sm,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    border-radius: 0
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.nav-tabs > li > a {
    border-radius: 0 0 0 0
}

.breadcrumb,
.container .jumbotron,
.container-fluid .jumbotron,
.navbar-toggle,
.navbar-toggle .icon-bar,
.pager li > a,
.pager li > span,
.pagination,
.progress,
.thumbnail {
    border-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

#newsfeed .newsfeed_post .panel-footer,
#newsfeed .newsfeed_post.pinned > .panel-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.bootstrap-select .dropdown-menu.inner,
.carousel-indicators li,
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span,
.dropzone .dz-preview .dz-error-message,
.dropzone .dz-preview .dz-progress,
.dropzone .dz-preview.dz-file-preview .dz-image,
.panel-group .panel,
.popover,
.tooltip-inner,
.ui-checkboxradio-label .ui-icon-background,
.ui-checkboxradio-radio-label .ui-icon-background,
.well,
.well-lg,
.well-sm,
div.dt-button-collection .dt-button,
div.dt-button-collection.fixed,
div.dt-button-info {
    border-radius: 0
}

.popover-title {
    border-radius: 0 0 0 0
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 0
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 0
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 0
}

.colorpicker,
.colorpicker-saturation i,
.colorpicker-saturation i b,
ul.tagit li.tagit-choice {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.tagit-autocomplete .ui-corner-all,
.tagit-autocomplete.ui-corner-all {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0
}

#header li > a.active,
.lb-outerContainer,
.lightbox .lb-image,
.navbar-nav > li a > .icon-total-indicator,
.xdsoft_scrollbar > .xdsoft_scroller {
    border-radius: 0
}

.lb-dataContainer {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a,
    .nav-tabs.nav-justified > li > a {
        border-radius: 0 0 0 0
    }

    .navbar,
    .navbar-fixed-bottom,
    .navbar-fixed-top,
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-nav > li a > .icon-total-indicator,
.popover,
.tooltip,
.ui-widget,
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.xdsoft_datetimepicker .blue-gradient-button,
ul.tagit li.tagit-choice .tagit-close .text-icon {
    font-family: inherit
}

mark {
    color: var(--colors-warning-500)
}

.img-thumbnail,
fieldset {
    border-color: var(--colors-neutral-200)
}

.img-thumbnail {
    background-color: var(--colors-white)
}

.jumbotron > hr,
hr {
    border-top-color: var(--colors-neutral-200)
}

.mark,
mark {
    background-color: var(--colors-warning-50)
}

blockquote .small,
blockquote footer,
blockquote small,
caption {
    color: var(--colors-muted)
}

output {
    color: var(--colors-primary-500)
}

.page-header {
    border-bottom-color: var(--colors-neutral-200)
}

blockquote {
    border-left-color: var(--colors-neutral-200)
}

.blockquote-reverse,
blockquote.pull-right {
    border-right-color: var(--colors-neutral-200)
}

code,
pre {
    background-color: var(--colors-neutral-50)
}

code {
    color: var(--colors-danger-500)
}

kbd {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
}

pre {
    border-color: var(--colors-neutral-200)
}

.table .table {
    background-color: var(--colors-white)
}

body .fc .fc-list-event:hover td {
    background-color: var(--colors-neutral-100)
}

.form-control,
legend,
pre {
    color: var(--colors-primary-500)
}

legend {
    border-bottom-color: var(--colors-neutral-200)
}

.form-control {
    background-color: var(--colors-white);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--colors-neutral-200)
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--colors-primary-500)
}

.form-control::-moz-placeholder {
    color: var(--colors-neutral-400)
}

.form-control:-ms-input-placeholder {
    color: var(--colors-neutral-400)
}

.form-control::-webkit-input-placeholder {
    color: var(--colors-neutral-400)
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: var(--colors-success-500)
}

.has-success .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--colors-success-500)
}

.has-success .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--colors-success-600)
}

.has-success .input-group-addon {
    color: var(--colors-success-500);
    background-color: var(--colors-success-50);
    border-color: var(--colors-success-500)
}

.has-success .form-control-feedback {
    color: var(--colors-success-500)
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: var(--colors-warning-500)
}

.has-warning .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--colors-warning-500)
}

.has-warning .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--colors-warning-600)
}

.has-warning .input-group-addon {
    color: var(--colors-warning-500);
    background-color: var(--colors-warning-50);
    border-color: var(--colors-warning-500)
}

.has-warning .form-control-feedback {
    color: var(--colors-warning-500)
}

.has-error .form-control {
    -webkit-box-shadow: none
}

.has-error .form-control:focus {
    -webkit-box-shadow: none
}

.has-error .form-control-feedback {
    color: var(--colors-danger-500)
}

.has-error p[id*='-error'] {
    position: absolute;
    font-size: 85%;
    margin-top: -2px;
}

.form-group:has(p[id*='-error']:not(:empty)) p[id*='-error'] {
    position: absolute;
    font-size: 85%;
    margin-top: -2px;
}

.form-group.has-error ~ p[id*='-error'] {
    margin-top: -17px !important;
}

.form-col .has-error p[id*='-error'],
.form-col .form-group:has(p[id*='-error']:not(:empty)) p[id*='-error'] {
    position: static;
    margin-top: 0;
}

.form-group:has(p[id*='-error']:not(:empty)) .bootstrap-select .dropdown-toggle {
    border-color: var(--colors-danger-500) !important;
    box-shadow: none !important;
    color: var(--colors-danger-500) !important;
}

.form-group:has(p[id*='-error']:not(:empty)) .control-label {
    color: var(--colors-danger-500);
}

.help-block {
    color: var(--colors-primary-500)
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: var(--colors-primary-500)
}

.btn.active,
.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link {
    color: var(--colors-primary-500)
}

.btn-link:focus,
.btn-link:hover {
    color: var(--colors-secondary-500)
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: var(--colors-primary-500)
}

.dropdown-menu {
    background-color: var(--colors-white);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-color: var(--colors-primary-500)
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none
}

.pagination > li > a,
.pagination > li > span {
    border-color: var(--colors-neutral-200)
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: transparent
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-bottom-color: transparent
}

.navbar-collapse,
.navbar-form {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar-default,
.pager li > a,
.pager li > span {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200)
}

.navbar-default .navbar-brand {
    color: var(--colors-primary-500)
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: var(--colors-secondary-500)
}

.navbar-default .navbar-text {
    color: var(--colors-muted)
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
    color: var(--colors-primary-300)
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    color: var(--colors-white);
    background-color: var(--colors-secondary-500)
}

.navbar-default .navbar-toggle {
    border-color: var(--colors-primary-500)
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: var(--colors-white)
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--colors-primary-500)
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: var(--colors-neutral-200)
}

.navbar-default .btn-link,
.navbar-default .navbar-link {
    color: var(--colors-primary-500)
}

.navbar-default .navbar-link:hover {
    color: var(--colors-secondary-500)
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
    color: var(--colors-secondary-500)
}

.navbar-inverse {
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-text {
    color: var(--colors-white)
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: var(--colors-white)
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    color: var(--colors-white);
    background-color: var(--colors-secondary-500)
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form,
.navbar-inverse .navbar-toggle {
    border-color: var(--colors-primary-500)
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: var(--colors-white)
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: var(--colors-primary-500)
}

.navbar-inverse .btn-link,
.navbar-inverse .navbar-link,
.navbar-inverse .navbar-link:hover {
    color: var(--colors-white)
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: var(--colors-white)
}

.breadcrumb {
    background-color: var(--colors-white)
}

.breadcrumb > li + li:before {
    color: var(--colors-neutral-200)
}

.breadcrumb > .active,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: var(--colors-secondary-500)
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    border-color: var(--colors-primary-500)
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    border-color: var(--colors-neutral-200)
}

.pager li > a:focus,
.pager li > a:hover {
    background-color: var(--colors-neutral-50)
}

.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
    color: var(--colors-primary-300);
    background-color: var(--colors-white)
}

.label,
a.list-group-item,
a.list-group-item .list-group-item-heading,
button.list-group-item,
button.list-group-item .list-group-item-heading,
div.dt-buttons a.btn.processing,
div.dt-buttons button.btn.processing,
div.dt-buttons div.btn.processing,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: var(--colors-primary-500)
}

a.label:focus,
a.label:hover {
    color: var(--colors-secondary-500)
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: var(--colors-white);
    background-color: var(--colors-primary-500)
}

a.badge:focus,
a.badge:hover {
    color: var(--colors-white)
}

.jumbotron {
    background-color: var(--colors-neutral-50)
}

.thumbnail {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200)
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: var(--colors-primary-500)
}

.thumbnail .caption {
    color: var(--colors-muted)
}

a.list-group-item-success,
button.list-group-item-success {
    color: var(--colors-success-500)
}

a.list-group-item-info,
button.list-group-item-info {
    color: var(--colors-info-500)
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: var(--colors-warning-500)
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: var(--colors-danger-500)
}

.progress,
.progress-bar {
    -webkit-box-shadow: none
}

.list-group-item {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200)
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    color: var(--colors-primary-300);
    background-color: var(--colors-white)
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: var(--colors-primary-300)
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200)
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: var(--colors-primary-500)
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50)
}

.list-group-item-success {
    color: var(--colors-success-500);
    background-color: var(--colors-success-50)
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: var(--colors-success-500);
    background-color: var(--colors-success-100)
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
    color: var(--colors-success-500);
    background-color: var(--colors-success-100);
    border-color: var(--colors-success-200)
}

.list-group-item-info {
    color: var(--colors-info-500);
    background-color: var(--colors-info-50)
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: var(--colors-info-500);
    background-color: var(--colors-info-100)
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
    color: var(--colors-info-500);
    background-color: var(--colors-info-100);
    border-color: var(--colors-info-200)
}

.list-group-item-warning {
    color: var(--colors-warning-500);
    background-color: var(--colors-warning-50)
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: var(--colors-warning-500);
    background-color: var(--colors-warning-100)
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
    color: var(--colors-warning-500);
    background-color: var(--colors-warning-100);
    border-color: var(--colors-warning-200)
}

.list-group-item-danger {
    color: var(--colors-danger-500);
    background-color: var(--colors-danger-50)
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: var(--colors-danger-500);
    background-color: var(--colors-danger-200)
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
    color: var(--colors-danger-500);
    background-color: var(--colors-danger-100);
    border-color: var(--colors-danger-200)
}

.panel {
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.panel-footer {
    border-top-color: var(--colors-neutral-200)
}

footer {
    border-top-color: transparent;
    background-color: var(--colors-white)
}

.panel-default > .panel-heading,
.well blockquote {
    border-color: var(--colors-neutral-200)
}

.panel-default > .panel-heading .badge,
.panel-primary > .panel-heading .badge {
    color: var(--colors-white);
    background-color: var(--colors-primary-500)
}

.panel-primary,
.panel-primary > .panel-heading {
    border-color: var(--colors-primary-200)
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--colors-primary-200)
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--colors-primary-200)
}

.alert-success hr,
.panel-success,
.panel-success > .panel-heading {
    border-color: var(--colors-success-200)
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--colors-success-200)
}

.panel-success > .panel-heading .badge {
    color: var(--colors-white);
    background-color: var(--colors-success-500)
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--colors-success-200)
}

.panel-info,
.panel-info > .panel-heading {
    border-color: var(--colors-info-200)
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--colors-info-200)
}

.panel-info > .panel-heading .badge {
    color: var(--colors-white);
    background-color: var(--colors-info-500)
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--colors-info-200)
}

.panel-warning,
.panel-warning > .panel-heading {
    border-color: var(--colors-warning-200)
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--colors-warning-200)
}

.panel-warning > .panel-heading .badge {
    color: var(--colors-white);
    background-color: var(--colors-warning-500)
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--colors-warning-200)
}

.panel-danger,
.panel-danger > .panel-heading {
    border-color: var(--colors-danger-200)
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--colors-danger-200)
}

.panel-danger > .panel-heading .badge {
    color: var(--colors-white);
    background-color: var(--colors-danger-500)
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--colors-danger-200)
}

.well {
    background-color: var(--colors-white);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    border-color: transparent
}

.close {
    color: var(--colors-primary-500);
    text-shadow: none
}

.close:focus,
.close:hover {
    color: var(--colors-secondary-500)
}

.modal-content {
    background-color: var(--colors-white);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.modal-header {
    border-bottom-color: var(--colors-neutral-200)
}

.modal-footer {
    border-top-color: var(--colors-neutral-200);
    border-top-width: 1px;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: var(--colors-primary-500)
}

.tooltip.right .tooltip-arrow {
    border-right-color: var(--colors-primary-500)
}

.tooltip.left .tooltip-arrow {
    border-left-color: var(--colors-primary-500)
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: var(--colors-primary-500)
}

.popover {
    background-color: var(--colors-white);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before,
.popover.top > .arrow {
    border-top-color: var(--colors-white);
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after,
.popover.top > .arrow:after {
    border-top-color: var(--colors-white)
}

.popover.right > .arrow {
    border-right-color: var(--colors-white);
}

.popover.right > .arrow:after {
    border-right-color: var(--colors-white);
}

.popover-title,
div.dt-button-info h2 {
    border-bottom-color: var(--colors-neutral-200)
}

.popover.bottom > .arrow {
    border-bottom-color: var(--colors-white);
}

.popover.bottom > .arrow:after {
    border-bottom-color: var(--colors-white);
}

.popover.left > .arrow {
    border-left-color: var(--colors-white);
}

.popover.left > .arrow:after {
    border-left-color: var(--colors-white);
}

.popover-title,
div.dt-button-info h2 {
    background-color: var(--colors-white);
}

.carousel-control {
    color: var(--colors-white);
    background-color: transparent;
    text-shadow: none
}

.carousel-control:focus,
.carousel-control:hover {
    color: var(--colors-white)
}

.carousel-indicators li {
    background-color: transparent;
    border-color: var(--colors-white)
}

.carousel-indicators .active,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i,
.colorpicker.colorpicker-horizontal .colorpicker-hue i,
div.dt-button-collection div.dt-button-collection-title,
div.dt-button-info {
    background-color: var(--colors-white)
}

.carousel-caption {
    color: var(--colors-white);
    text-shadow: none
}

div.dt-button-info {
    box-shadow: none;
    border-color: var(--colors-neutral-200)
}

div.dt-buttons a.btn.processing:after,
div.dt-buttons button.btn.processing:after,
div.dt-buttons div.btn.processing:after {
    border-color: var(--colors-primary-500);
    border-left-color: transparent;
    border-right-color: transparent
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px var(--colors-neutral-200)
}

.colorpicker-saturation i,
.ui-selectable-helper,
.ui-widget-content,
.ui-widget.ui-widget-content {
    border-color: var(--colors-neutral-200)
}

.ui-widget-content {
    background-color: var(--colors-neutral-50)
}

.ui-widget-content,
.ui-widget-content a {
    color: var(--colors-primary-500)
}

.ui-button {
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
.ui-widget-header a,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
    color: var(--colors-white)
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    color: var(--colors-white);
    background-color: var(--colors-primary-600);
    border-color: var(--colors-primary-600)
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
    color: var(--colors-white)
}

.ui-visual-focus {
    box-shadow: none
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-error a,
.ui-state-highlight a,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-highlight a {
    color: var(--colors-white)
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.ui-state-checked {
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    color: var(--colors-white);
    background-color: var(--colors-danger-500);
    border-color: var(--colors-danger-500)
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: var(--colors-white)
}

#header li > a.active,
.colorpicker-alpha i,
.colorpicker-hue i,
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span,
.dropzone .dz-preview.dz-file-preview .dz-image,
.ui-widget-overlay {
    background-color: var(--colors-neutral-50)
}

.bootstrap-select .no-results {
    background-color: transparent;
    padding: 5px 10px;
    margin: 0;
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.colorpicker-saturation i b {
    border-color: var(--colors-white)
}

.colorpicker-alpha i,
.colorpicker-hue i {
    border-top-color: var(--colors-white)
}

.colorpicker:before {
    border-bottom-color: var(--colors-neutral-200);
    border-left-color: transparent;
    border-right-color: transparent
}

.colorpicker:after,
.dropzone .dz-preview .dz-error-message:after {
    border-bottom-color: var(--colors-white);
    border-left-color: transparent;
    border-right-color: transparent
}

.dropzone,
.dropzone .dz-preview.dz-image-preview {
    background-color: var(--colors-white)
}

.dropzone .dz-preview .dz-details,
table .row-options,
ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: var(--colors-primary-500)
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200)
}

.dropzone,
ul.tagit li.tagit-choice {
    border-color: var(--colors-neutral-200)
}

.dropzone .dz-preview .dz-progress {
    background-color: var(--colors-white)
}

.dropzone .dz-preview .dz-error-message {
    background-color: var(--colors-danger-500)
}

.dropzone .dz-preview .dz-error-message:after {
    border-bottom-color: var(--colors-danger-500)
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
    color: var(--colors-white)
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
    border-color: var(--colors-danger-500)
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: var(--colors-success-500)
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu li.active small {
    color: var(--colors-primary-500) !important
}

.bootstrap-select .dropdown-menu li {
    text-wrap: auto;
}

.bootstrap-select .dropdown-menu .notify {
    background-color: var(--colors-white);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    border-color: transparent
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    border-bottom-color: var(--colors-neutral-200);
    border-left-color: transparent;
    border-right-color: transparent
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    border-bottom-color: var(--colors-white);
    border-left-color: transparent;
    border-right-color: transparent
}

.table.items thead {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50)
}

ul.tagit input[type=text] {
    color: var(--colors-primary-500);
    background-color: transparent;
    border-radius: 0
}

ul.tagit,
ul.tagit input[type=text] {
    border-color: var(--colors-neutral-200)
}

ul.tagit li.tagit-choice .tagit-label:not(a) {
    font-family: inherit;
    color: var(--colors-primary-500)
}

ul.tagit li.tagit-choice.remove {
    background-color: var(--colors-neutral-100)
}

.tagit-autocomplete.ui-widget-content,
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th,
ul.tagit li.tagit-choice.remove,
ul.tagit li.tagit-choice:hover {
    border-color: var(--colors-neutral-200)
}

.tagit-autocomplete.ui-widget-content {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
}

.tagit-autocomplete .ui-state-focus,
.tagit-autocomplete .ui-state-hover {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200)
}

.tagit-autocomplete .ui-state-active,
.tagit-autocomplete .ui-widget-content {
    border-color: var(--colors-neutral-200)
}

.xdsoft_datetimepicker {
    border-left-color: var(--colors-neutral-200);
    border-right-color: var(--colors-neutral-200)
}

.xdsoft_datetimepicker,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    border-bottom-color: var(--colors-neutral-200)
}

.xdsoft_datetimepicker,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    color: var(--colors-primary-500);
    border-top-color: var(--colors-neutral-200)
}

.xdsoft_datetimepicker,
.xdsoft_datetimepicker .xdsoft_label {
    background-color: var(--colors-white)
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    background: var(--colors-white);
    border-color: var(--colors-neutral-200)
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    color: var(--colors-white)
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50);
    box-shadow: none
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    color: var(--colors-success-500);
    background-color: var(--colors-success-50);
    box-shadow: none
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    color: var(--colors-white)
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: var(--colors-white) !important;
    background-color: var(--colors-primary-500) !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    color: var(--colors-white) !important;
    background-color: var(--colors-primary-500) !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}

.mime > a,
.xdsoft_datetimepicker .xdsoft_copyright,
.xdsoft_datetimepicker .xdsoft_copyright a {
    color: var(--colors-primary-500) !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: var(--colors-secondary-500) !important
}

.xdsoft_time_box {
    border-color: var(--colors-neutral-200)
}

body .xdsoft_scrollbar > .xdsoft_scroller {
    background-color: var(--colors-neutral-200) !important
}

.xdsoft_datetimepicker.xdsoft_dark {
    color: var(--colors-white);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    border-top-color: var(--colors-primary-400);
    border-left-color: var(--colors-primary-400);
    border-right-color: var(--colors-primary-400)
}

.xdsoft_datetimepicker.xdsoft_dark,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom-color: var(--colors-primary-400)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
    color: var(--colors-white);
    background-color: var(--colors-primary-400);
    border-top-color: var(--colors-primary-400)
}

.lightboxOverlay,
.xdsoft_datetimepicker.xdsoft_dark,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: var(--colors-primary-500)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-400)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: var(--colors-white);
    background-color: var(--colors-secondary-500)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    color: var(--colors-white);
    background-color: var(--colors-secondary-500);
    box-shadow: none
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    border-color: var(--colors-primary-400);
    background-color: var(--colors-primary-500);
    color: var(--colors-white)
}

.sidebar ul.nav li .nav-second-level li.active a,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: var(--colors-secondary-500)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    color: var(--colors-white);
    background-color: var(--colors-neutral-500);
    box-shadow: none
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    color: var(--colors-white);
    background-color: var(--colors-success-500);
    box-shadow: none
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    color: var(--colors-white);
    background-color: var(--colors-secondary-500);
    box-shadow: none
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: var(--colors-white) !important;
    background-color: var(--colors-secondary-500) !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: var(--colors-white) !important
}

.xdsoft_dark .xdsoft_time_box {
    border-color: var(--colors-primary-400)
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: var(--colors-primary-400) !important
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    color: var(--colors-primary-500);
    border-color: var(--colors-neutral-200) !important
}

.xdsoft_datetimepicker .blue-gradient-button {
    color: var(--colors-primary-500);
    background: -moz-linear-gradient(top, var(--colors-white) 0, var(--colors-neutral-50) 73%);
    border-color: var(--colors-neutral-200)
}

.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:focus span,
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:hover span {
    color: var(--colors-primary-500);
    background: -moz-linear-gradient(top, var(--colors-neutral-50) 0, var(--colors-white) 73%)
}

.lightbox .lb-image {
    border-color: var(--colors-white)
}

.lb-outerContainer {
    background-color: var(--colors-white)
}

.lb-data,
.lb-data .lb-caption a,
.lb-data .lb-number,
.navbar-nav > li a > .icon-total-indicator {
    color: var(--colors-white)
}

@media print {
    *,
    :after,
    :before {
        color: var(--colors-black) !important;
        background: 0 0 !important
    }

    blockquote,
    pre {
        border-color: var(--colors-neutral-200)
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: var(--colors-black) !important
    }

    .label {
        border-color: var(--colors-black);
    }

    .table td,
    body .table th {
        background-color: var(--colors-white) !important
    }

    .table-bordered td,
    .table-bordered th {
        border-color: var(--colors-neutral-200) !important
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border-color: var(--colors-neutral-200)
    }
}

@media (min-width: 768px) {
    body .nav-tabs-justified > li > a,
    body .nav-tabs.nav-justified > li > a {
        border-bottom-color: var(--colors-neutral-200)
    }

    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    body .nav-tabs-justified > .active > a,
    body .nav-tabs-justified > .active > a:focus,
    body .nav-tabs.nav-justified > .active > a,
    body .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: var(--colors-white)
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: var(--colors-primary-500)
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: var(--colors-primary-500)
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: var(--colors-primary-500);
        background-color: var(--colors-neutral-50)
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: var(--colors-primary-300)
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: var(--colors-neutral-200)
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: var(--colors-neutral-200)
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: var(--colors-primary-500);
        background-color: var(--colors-neutral-50)
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: var(--colors-primary-300)
    }
}

@media (min-width: 768px) {
    .modal-content {
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
    }
}

.navbar-nav > li > .dropdown-menu,
ul.search-results {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-nav > li > .dropdown-menu > li:last-child > a {
    border-radius: 0
}

.sidebar > ul.nav > li.active a:first-child,
.sidebar > ul.nav > li:hover a:first-child {
    border-radius: 0;
    background-color: var(--colors-secondary-500);
    box-shadow: none;
    border-color: transparent
}

.note {
    border-radius: 0
}

.task-info-col:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.task-info-col:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.kan-ban-expand-top {
    border-top-right-radius: 0
}

.cpicker,
.proposal-comments .proposal-comment,
.task-modal-single .task-comment.highlight-bg {
    border-radius: 0
}

.task-single-col-right {
    border-bottom-right-radius: 0
}

.task-single-col-left {
    border-bottom-left-radius: 0
}

.task-modal-single .modal-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.checklist,
.dd-handle,
.dd3-content,
.tasks-btn-settings-fix,
textarea[name=checklist-description] {
    border-radius: 0
}

.dd3-handle,
.items-select-wrapper > ._select_input_group select + button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ct-control--fetch,
.menu-options,
.project_progress_slider_horizontal.ui-widget.ui-widget-content,
.top_stats_wrapper {
    border-radius: 0
}

.lead-modal .activity-feed .feed-item:first-child {
    border-top-right-radius: 0
}

.lead-modal .activity-feed .feed-item:last-child {
    border-bottom-right-radius: 0
}

.email-template-heading {
    border-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.lead-info-heading,
.mce-container.mce-panel {
    border-radius: 0
}

.screen-options-btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

#task_view_description.mce-content-body {
    border-radius: 0
}

.mce-menubar .mce-menubtn.mce-active,
.mce-menubar .mce-menubtn:focus,
.mce-menubar .mce-menubtn:hover {
    border-radius: 0
}

@media (max-width: 768px) {
    ul.mobile-icon-menu .icon-total-indicator {
        border-radius: 0
    }
}

.dd-item > button,
.system-popup .popup-message,
ul.tagit-autocomplete {
    font-family: inherit
}

@media (max-width: 768px) {
    ul.mobile-icon-menu .icon-total-indicator {
        font-family: inherit
    }
}

.navbar-nav > li > a,
.sidebar ul.nav li a,
.sidebar ul.nav li a i.menu-icon,
table tbody .row-options a {
    color: var(--colors-primary-500)
}

.dropzone .dz-preview .dz-progress {
    border-color: var(--colors-neutral-200)
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background-color: var(--colors-success-500)
}

.dropzone .dz-preview .dz-error-message {
    color: var(--colors-danger-500)
}

#header,
.popover {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

#header {
    background-color: var(--colors-white)
}

.popover {
    border-color: transparent
}

.navbar-nav .open > a,
.navbar-nav .open > a:focus,
.navbar-nav .open > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover,
.sidebar ul.nav > li > a:focus,
.sidebar ul.nav > li > a:focus .menu-icon {
    color: var(--colors-primary-500)
}

.mobile-navbar {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.email-templates li,
.mobile-navbar .navbar-nav,
.mobile-navbar .navbar-nav > li > a,
ul.todo li {
    border-bottom-color: var(--colors-neutral-200)
}

.mobile-navbar .navbar-nav > li > a {
    color: var(--colors-primary-500) !important
}

.mobile-navbar .navbar-nav > li > a:hover {
    color: var(--colors-secondary-500) !important
}

.mobile-navbar,
.sidebar {
    background-color: var(--colors-white)
}

.sidebar,
[dir=rtl] .sidebar {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.sidebar > ul.nav > li,
[dir=rtl] .sidebar {
    border-left-color: transparent
}

.sidebar,
[dir=rtl] .sidebar > ul.nav > li {
    border-right-color: transparent
}

.sidebar ul.nav li.active > a,
.sidebar ul.nav > li > a:hover,
.sidebar ul.nav > li > a:hover .menu-icon,
body .sidebar ul.nav li.active > a .menu-icon {
    color: var(--colors-white)
}

.sidebar ul.nav li .nav-second-level li a {
    color: var(--colors-primary-500);
    background: 0 0 !important;
    border: 0 !important
}

.sidebar ul.nav > li .nav-second-level > li:not(.active) > a:focus,
.sidebar ul.nav > li .nav-second-level > li:not(.active) > a:hover {
    color: var(--colors-secondary-500)
}

.sidebar ul.nav li .nav-second-level a:focus .menu-icon,
.sidebar ul.nav li .nav-second-level a:hover .menu-icon {
    color: var(--colors-secondary-500)
}

#setup-menu > li:first-child {
    color: var(--colors-primary-500);
    border-bottom-color: var(--colors-neutral-200)
}

#setup-menu > li:first-child:hover {
    border-left-color: transparent
}

#wrapper,
ul.tagit {
    background-color: transparent
}

#side-menu.nav > li.pinned_project.active a,
#side-menu.nav > li.pinned_project:hover a,
.no-border-color {
    border-color: transparent !important
}

.no-border-bottom {
    border-bottom: 0 !important
}

.table.items thead th {
    border-right-color: var(--colors-neutral-200)
}

[dir=rtl] .border-right {
    border-left-color: var(--colors-neutral-200)
}

.tooltip-pointer {
    border-bottom-color: var(--colors-primary-500)
}

.question.form-group {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200)
}

.note {
    color: var(--colors-warning-500);
    background-color: var(--colors-warning-50);
    border-color: var(--colors-warning-200)
}

.fc-event {
    border: 0 !important
}

#new-post-form.dropzone-active,
.post-image-wrapper {
    border-color: var(--colors-neutral-200)
}

#newsfeed {
    background-color: var(--colors-white)
}

#newsfeed .newsfeed_post.pinned > .panel-body {
    background-color: var(--colors-secondary-100);
    border-color: var(--colors-secondary-300)
}

#newsfeed .newsfeed_post .post-comment.panel-footer,
#newsfeed .newsfeed_post .post-likes.panel-footer {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200)
}

#newsfeed .newsfeed_post .user-comment.panel-footer {
    border-top-color: var(--colors-neutral-200);
    border-bottom-color: var(--colors-neutral-200)
}

#newsfeed .newsfeed_post .user-post-like {
    background-color: var(--colors-white);
    border-left-color: transparent;
    border-right-color: transparent
}

.modal_like_area {
    border-bottom-color: var(--colors-neutral-200)
}

#mce-modal-block.mce-in {
    background-color: var(--colors-primary-500);
    opacity: .79
}

.task-user,
.task-user:active,
.task-user:hover {
    border-color: var(--colors-neutral-200)
}

.task-info .task-info-icon {
    color: var(--colors-primary-500)
}

.task-info-separator {
    border-top-color: var(--colors-neutral-200)
}

.task-info-col {
    border-color: var(--colors-neutral-200)
}

.task-staff-name {
    color: var(--colors-primary-500)
}

.proposal-comments .proposal-comment {
    background-color: var(--colors-white)
}

#contract_attachments .contract-attachment-wrapper:first-child,
#lead_attachments .lead-attachment-wrapper:first-child,
#sales_attach_file .sales-attach-file-preview:first-child,
.table.items > thead:first-child > tr:first-child > th {
    border-top-color: var(--colors-neutral-200)
}

.table.items thead th:first-child {
    border-left-color: var(--colors-neutral-200)
}

.table.items .main {
    background-color: var(--colors-neutral-50);
    border-left-color: var(--colors-neutral-200);
    border-right-color: var(--colors-neutral-200)
}

.bs-searchbox,
.table.items .main {
    border-bottom-color: var(--colors-neutral-200)
}

.attachment-icon-preview,
.attachment-preview-icon-small,
.kan-ban-content .kanban-empty h4,
.task-info h5 {
    color: var(--colors-primary-500)
}

.home-summary-separator {
    border-top-color: var(--colors-neutral-200)
}

.customer-profile-attachment {
    border-color: var(--colors-neutral-200)
}

.kan-ban-expand-top,
.table .item.ui-sortable-helper {
    background-color: var(--colors-neutral-50);
}

.kan-ban-content {
    background-color: var(--colors-neutral-50);
}

.kan-ban-col-wrapper .panel_s {
    box-shadow: none;
}

.color-white[href]:active,
.color-white[href]:hover {
    color: var(--colors-white-600)
}

#nestable2 .dd-item > button:before,
.color-white,
.color-white[href],
.setup-menu-loading i {
    color: var(--colors-white)
}

.task-finished-icon {
    color: var(--colors-success-500);
    border-color: var(--colors-success-500)
}

.task-unfinished-icon {
    color: var(--colors-neutral-500);
    border-color: var(--colors-neutral-500)
}

.ui-state-highlight-card,
.ui-state-highlight-kan-ban-kb {
    border-color: var(--colors-neutral-200)
}

.task-single-col-right {
    background-color: var(--colors-neutral-50);
    border-left-color: var(--colors-neutral-200)
}

.task-single-col-left {
    background-color: var(--colors-white)
}

#nestable2 .dd-handle:hover,
.task-modal-single .modal-body {
    background-color: var(--colors-neutral-50)
}

.checklist:hover,
.checklist:hover textarea[name=checklist-description]:disabled {
    background-color: var(--colors-neutral-100)
}

textarea[name=checklist-description]:disabled {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-100);
}

.dd-handle,
.dd-handle:hover {
    color: var(--colors-primary-500)
}

.dd-handle {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200)
}

.dd-handle:hover {
    background-color: var(--colors-neutral-100)
}

.dd-empty,
.dd-placeholder {
    background-color: var(--colors-neutral-50)
}

#nestable2 .dd-handle,
.dd-empty,
.dd-placeholder {
    border-color: var(--colors-neutral-200)
}

.dd-dragel .dd-handle {
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.nestable-lists {
    border-top-color: var(--colors-neutral-200);
    border-bottom-color: var(--colors-neutral-200)
}

#nestable2 .dd-handle {
    color: var(--colors-white);
    background-color: var(--colors-white)
}

.dd-hover > .dd-handle {
    background-color: var(--colors-primary-500) !important
}

.dd3-content {
    color: var(--colors-primary-500)
}

.dd3-handle,
.project_progress_slider_horizontal.ui-widget.ui-widget-content {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200)
}

.dd3-handle:hover {
    background-color: var(--colors-white-600)
}

.dd3-content {
    background-color: var(--colors-neutral-50) !important
}

.sub-items .dd3-content {
    background-color: var(--colors-white) !important
}

.dd3-handle:before {
    color: var(--colors-primary-500)
}

.dd3-content,
.menu-options,
.project-file-image {
    border-color: var(--colors-neutral-200)
}

.lead-modal .activity-feed .feed-item:after {
    border-color: var(--colors-secondary-500);
}

.top-timers.text-success {
    color: var(--colors-success-500) !important
}

.timer a._timer:active,
.timer a._timer:hover,
a._timer:focus {
    color: var(--colors-info-500) !important
}

.form-wrap.form-builder .frmb-control li:hover {
    background-color: var(--colors-neutral-50) !important
}

.td-border-left-transparent {
    border-left: 10px solid transparent
}

.highlight {
    border-color: var(--colors-warning-200)
}

.delete-text.text-danger {
    color: var(--colors-danger-500)
}

.activity-feed .feed-item .date,
.activity-feed .feed-item .text,
.lead-info-heading h4,
.text-dark {
    color: var(--colors-primary-500)
}

#side-menu.nav > li.pinned_project a {
    border-color: transparent
}

.modal-content.theme_style_modal_example {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06) !important;
    border-top-color: var(--colors-neutral-200) !important
}

.project_progress_slider_horizontal .ui-slider-handle {
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.activity-feed .feed-item {
    border-left-color: var(--colors-secondary-500)
}

.activity-feed .feed-item:after {
    background-color: var(--colors-white);
    border-color: var(--colors-secondary-500)
}

.lead-modal .activity-feed .feed-item:last-child {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200)
}

.email-template-heading {
    background-color: var(--colors-neutral-50)
}

.email-template-heading,
.milestone-column .ui-sortable-placeholder {
    border-color: var(--colors-neutral-200)
}

li.lead-kan-ban.current-user-lead .panel-body,
li.task.current-user-task .panel-body {
    background-color: var(--colors-info-50) !important;
    border-color: var(--colors-info-200) !important
}

li.task.overdue-task .panel-body {
    background-color: var(--colors-danger-50) !important;
    border-color: var(--colors-danger-200) !important
}

.top_stats_wrapper {
    background-color: var(--colors-white);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    border: 0
}

.task-attachment,
.tc-content table[border="1"],
.tc-content table[border="1"] td {
    border-color: var(--colors-neutral-200)
}

.task-attachment .task-attachment-user {
    border-bottom-color: var(--colors-neutral-200)
}

.lead-info-heading {
    background-color: var(--colors-neutral-50)
}

.system-popup .system-popup-close::after,
.system-popup .system-popup-close::before,
.system-popup .system-popup-close:hover::after,
.system-popup .system-popup-close:hover::before {
    background-color: var(--colors-primary-500);
}

span.mention {
    background-color: var(--colors-primary-500);
    color: var(--colors-white);
}

#botlink:hover,
#toplink:hover {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-100)
}

.highlight-bg {
    background-color: var(--colors-secondary-100);
    border-color: var(--colors-secondary-300)
}

.not-mark-as-read-inline:active,
.not-mark-as-read-inline:focus,
.not-mark-as-read-inline:hover {
    background-color: transparent !important
}

.setup-menu-loading {
    background: rgba(0, 0, 0, .2)
}

.customer-profile-group-heading {
    color: var(--colors-primary-500)
}

.btn-bottom-toolbar {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.btn-bottom-toolbar,
.system-popup {
    background-color: var(--colors-white)
}

.nav.navbar-right .open > a,
.nav.navbar-right .open > a:focus,
.nav.navbar-right .open > a:hover {
    border-color: var(--colors-neutral-200)
}

.placeholder-dashboard-widgets {
    border-color: var(--colors-neutral-200)
}

.widget-dragger {
    color: var(--colors-primary-500)
}

.widget-dragger:active,
.widget-dragger:hover {
    color: var(--colors-primary-600)
}

.screen-options-area,
.screen-options-btn {
    background-color: var(--colors-neutral-50);
    border-bottom-color: transparent
}

.screen-options-btn {
    color: var(--colors-primary-500);
    border-left-color: transparent;
    border-right-color: transparent
}

.task-info-inline-input-edit,
.text-has-action {
    border-bottom-color: var(--colors-neutral-200)
}

.task-info-inline-input-edit {
    background-color: var(--colors-neutral-50)
}

.gdpr-purpose {
    border-color: var(--colors-neutral-200)
}

.gdpr-purpose .gdpr-purpose-heading,
.notification-wrapper .notification-date,
.notification-wrapper .unread-notification .notification-date {
    color: var(--colors-primary-500);
}

.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {
    background-color: var(--colors-primary-500) !important
}

.gpicker {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
    border-bottom-color: var(--colors-neutral-200)
}

.notification-wrapper .unread-notification {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50)
}

.notification-wrapper .unread-notification:hover {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-100)
}

.bootstrap-select.task-action-select .btn-default,
.bootstrap-select.task-action-select.btn-default.active,
.bootstrap-select.task-action-select.btn-default:active,
.bootstrap-select.task-action-select.open > .dropdown-toggle.btn-default,
.bootstrap-select.task-action-select > .btn-default:hover {
    color: var(--colors-primary-500) !important
}

.announcement small,
.gpicker,
.inline-field-new {
    color: var(--colors-primary-500)
}

.inline-field-new:active,
.inline-field-new:hover {
    color: var(--colors-primary-600)
}

#task_view_description.mce-content-body {
    background-color: var(--colors-neutral-50)
}

@media (max-width: 768px) {
    body.show-sidebar #wrapper:after {
        background-color: var(--colors-primary-500);
        opacity: .3
    }

    ul.mobile-icon-menu > li > a {
        color: var(--colors-primary-500)
    }

    ul.mobile-icon-menu .icon-total-indicator {
        color: var(--colors-white)
    }

    .task-info-col {
        border-color: var(--colors-neutral-200) !important
    }
}

@media only screen and (max-device-width: 549px) {
    .mce-window-body,
    .mce-window-head {
        background-color: var(--colors-white) !important
    }
}

@media (max-width: 768px) {
    .dropdown-submenu > a:after {
        border-left-color: transparent
    }

    .dropdown-submenu > a {
        background-color: var(--colors-white)
    }
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    .s_table.table-responsive {
        background-color: var(--colors-neutral-50)
    }

    .s_table td {
        border-bottom-color: var(--colors-neutral-200)
    }
}

.task-attachment,
body.viewinvoice .alert {
    border-radius: 0
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li.dropdown > a.dropdown-toggle:focus,
.navbar-default .navbar-nav > li.dropdown > a.dropdown-toggle:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    border-radius: 0
}

.navbar-default .navbar-nav > li.customers-nav-item-login > a,
.navbar-default .navbar-nav > li.customers-nav-item-login > a:active,
.navbar-default .navbar-nav > li.customers-nav-item-login > a:hover,
.no-radius {
    border-radius: 0 !important
}

.activity-feed .feed-item:after,
.project-file-image,
.tasks-phases ._task_wrapper {
    border-radius: 0
}

.fc-event {
    border-radius: 0 !important
}

.kb-search button[type=submit],
[dir=rtl] div.dataTables_wrapper div.dataTables_filter input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

#botlink,
#toplink {
    border-radius: 0 0 0 0
}

.gdpr-purpose,
.gdpr-right,
.gpicker,
.list-status a,
.signature-pad--body,
body .fc .fc-button,
body .fc-daygrid-event,
body .fc-daygrid-event-dot,
body .fc-event-selected .fc-event-resizer,
body .fc-timegrid-event {
    border-radius: 0
}

.gpicker {
    font-family: inherit
}

[dir=rtl] .input-group-addon:last-child {
    border-left-color: var(--colors-neutral-200)
}

.border-right,
[dir=rtl] div.dataTables_wrapper div.dataTables_filter .input-group-addon {
    border-right-color: var(--colors-neutral-200)
}

.bgwhite {
    background-color: var(--colors-white);
    border-color: var(--colors-white)
}

.success-bg,
.warning-bg {
    color: var(--colors-white) !important;
    background-color: var(--colors-warning-500) !important;
    border-color: var(--colors-warning-500) !important
}

.success-bg {
    background-color: var(--colors-success-500) !important;
    border-color: var(--colors-success-500) !important
}

.danger-bg,
.info-bg,
.primary-bg {
    color: var(--colors-white) !important;
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.danger-bg,
.info-bg {
    background-color: var(--colors-info-500) !important;
    border-color: var(--colors-info-500) !important
}

.danger-bg {
    background-color: var(--colors-danger-500) !important;
    border-color: var(--colors-danger-500) !important
}

.submenu li a {
    color: var(--colors-primary-500) !important
}

.submenu li a:active,
.submenu li a:hover,
body .submenu li a:focus {
    color: var(--colors-secondary-500) !important
}

.tickets table tr.text-danger a {
    color: var(--colors-danger-500)
}

.text-white {
    color: var(--colors-white) !important
}

.navbar-default {
    background: var(--colors-white);
    border-bottom-color: transparent;
}

.navbar-default .navbar-brand.logo-text,
.navbar-default .navbar-nav > li > a {
    color: var(--colors-primary-500)
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: var(--colors-white);
    background-color: var(--colors-secondary-500)
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: var(--colors-secondary-500);
    background-color: transparent
}

.navbar-default .navbar-nav > li.customers-nav-item-login > a {
    color: var(--colors-white) !important;
    background-color: var(--colors-secondary-500) !important
}

.navbar-default .navbar-nav > li.customers-nav-item-login > a:active,
.navbar-default .navbar-nav > li.customers-nav-item-login > a:hover {
    background-color: var(--colors-secondary-500) !important
}

.btn.btn-input-group,
table.dataTable tbody tr.has-border-left:after {
    border-color: transparent
}

.client-reply .panel-body {
    color: var(--colors-primary-500);
    background-color: var(--colors-secondary-100) !important;
}

.panel-body.client-reply {
    background-color: var(--colors-secondary-100);
    overflow: scroll;
}

.logo-text:active,
.logo-text:focus,
.logo-text:hover,
.nav-tabs > li > a:focus i.menu-icon {
    color: var(--colors-secondary-500)
}

.white {
    color: var(--colors-white)
}

.advanced-editor-wrapper {
    border-color: var(--colors-neutral-200)
}

.project-info-bg {
    color: var(--colors-primary-500) !important;
    background-color: var(--colors-neutral-50) !important;
    border-top-color: var(--colors-neutral-200);
    border-left-color: var(--colors-neutral-200);
    border-right-color: var(--colors-neutral-200)
}

.team-members .media {
    border-bottom-color: var(--colors-neutral-200)
}

.alert-success h4,
.phase-logged-time {
    color: var(--colors-success-500)
}

.progress-bg-dark {
    background-color: var(--colors-primary-500)
}

.project-overview-progress-bar {
    background-color: var(--colors-neutral-50)
}

.project-overview-progress-bar .project-progress-number {
    color: var(--colors-white);
    text-shadow: 0 0 2px var(--colors-primary-500)
}

.task-checklist-indicator {
    border-color: var(--colors-neutral-200)
}

#task-comments {
    background-color: var(--colors-white)
}

.xdsoft_datetimepicker .xdsoft_calendar td {
    color: var(--colors-primary-500)
}

#botlink,
#toplink,
.kb-search-jumbotron,
.list-status a.active,
.tasks-phases .panel-body {
    background-color: var(--colors-neutral-50)
}

.tasks-phases ._task_wrapper {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200)
}

#botlink,
#toplink {
    color: var(--colors-primary-500);
    border-bottom-color: var(--colors-neutral-200);
    -webkit-box-shadow: noen;
    box-shadow: none
}

._task_wrapper.overdue-task {
    background-color: var(--colors-danger-50) !important;
    border-color: var(--colors-danger-200) !important
}

#botlink,
#toplink,
.list-status a,
.signature-pad--body,
body .fc-theme-standard td,
body .fc-theme-standard th {
    border-color: var(--colors-neutral-200)
}

.gdpr-right,
.preview-sticky-header {
    background-color: var(--colors-white)
}

.gdpr-right {
    border-color: var(--colors-neutral-200)
}

.preview-sticky-header {
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

@media (max-width: 767px) {
    body .navbar-default .navbar-nav > li > a {
        color: var(--colors-primary-500);
    }

    body .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: var(--colors-primary-500);
    }
}

body .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

body .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child),
body .fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

body .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
body .fc-direction-rtl .fc-button-group > .fc-button:not(:last-child),
body .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

body .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
body .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

body .fc-direction-ltr .fc-daygrid-week-number {
    border-radius: 0 0 0
}

body .fc-direction-rtl .fc-daygrid-week-number {
    border-radius: 0 0 0 0
}

body .fc-v-event:not(.fc-event-start) {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

body .fc-v-event:not(.fc-event-end) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.alert,
body .fc .fc-list-event-dot {
    border-radius: 0
}

body .fc .fc-button:focus {
    box-shadow: none
}

body .fc .fc-button-primary:focus,
body .fc .fc-button-primary:not(:disabled).fc-button-active:focus,
body .fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: none
}

body .fc .fc-button-primary {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

body .fc .fc-button-primary:hover {
    color: var(--colors-white);
    background-color: var(--colors-primary-600);
    border-color: var(--colors-primary-600)
}

body .fc .fc-button-primary:disabled {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

body .fc .fc-button-primary:not(:disabled).fc-button-active,
body .fc .fc-button-primary:not(:disabled):active {
    color: var(--colors-white);
    background-color: var(--colors-primary-600);
    border-color: var(--colors-primary-600)
}

body .fc-theme-standard .fc-scrollgrid {
    border-color: var(--colors-neutral-200)
}

body .fc .fc-scrollgrid-section-sticky > * {
    background-color: var(--fc-page-bg-color, --colors-white)
}

body .fc .fc-non-business {
    background-color: var(--colors-neutral-50)
}

body .fc .fc-bg-event {
    background-color: var(--fc-bg-event-color, var(--colors-success-500))
}

body .fc .fc-cell-shaded,
body .fc .fc-day-disabled,
body .fc .fc-highlight,
body .fc-event-selected:after {
    background-color: var(--colors-neutral-50)
}

body .fc-event-dragging.fc-event-selected,
body .fc-event-selected {
    box-shadow: none
}

body .fc-event-selected .fc-event-resizer {
    background-color: var(--fc-page-bg-color, --colors-white);
    border-color: inherit
}

body .fc-h-event {
    background-color: var(--colors-primary-500)
}

body .fc-h-event .fc-event-main {
    color: var(--colors-white)
}

body .fc .fc-popover {
    box-shadow: none
}

body .fc-theme-standard .fc-popover {
    background: var(--fc-page-bg-color, var(--colors-white));
    border-color: var(--colors-neutral-200)
}

body .fc-theme-standard .fc-popover-header {
    background-color: var(--colors-neutral-50)
}

body .fc .fc-daygrid-day.fc-day-today,
body .fc .fc-timegrid-col.fc-day-today {
    background-color: var(--colors-primary-50)
}

body .fc .fc-daygrid-week-number,
table.dataTable thead > tr > th {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50)
}

.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active,
body .fc-daygrid-dot-event.fc-event-mirror,
body .fc-daygrid-dot-event:hover {
    background-color: var(--colors-neutral-100);
    color: var(--colors-primary-500)
}

body .fc-daygrid-event-dot,
body .fc-h-event,
body .fc-v-event {
    border-color: var(--colors-primary-500)
}

body .fc-v-event {
    background-color: var(--colors-primary-500)
}

body .fc-v-event .fc-event-main {
    color: var(--colors-white)
}

body .fc-timegrid-event-harness-inset .fc-timegrid-event,
body .fc-timegrid-event.fc-event-mirror {
    box-shadow: none
}

body .fc .fc-timegrid-now-indicator-arrow,
body .fc .fc-timegrid-now-indicator-line {
    border-color: var(--colors-danger-500)
}

body .fc-direction-ltr .fc-timegrid-now-indicator-arrow,
body .fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    border-top-color: transparent;
    border-bottom-color: transparent
}

body .fc-theme-standard .fc-list {
    border-color: var(--colors-neutral-200)
}

.cb-wrap li.disabled,
body .fc .fc-list-empty,
body .fc-theme-standard .fc-list-day-cushion,
ul.tagit li.tagit-choice {
    background-color: var(--colors-neutral-50);
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background-color: var(--colors-white);
}

body .fc .fc-list-sticky .fc-list-day > * {
    background: var(--fc-page-bg-color, var(--colors-white))
}

body .fc .fc-list-event-dot {
    border-color: var(--colors-primary-500)
}

.bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark {
    color: var(--colors-primary-500);
}

.alert-success {
    background-color: var(--colors-success-50);
    border-color: var(--colors-success-200)
}

.alert-success,
.alert-success .alert-link,
.alert-success.float-alert button.close {
    color: var(--colors-success-500)
}

.alert-success .alert-link:hover {
    color: var(--colors-success-600)
}

.alert-success .alert-link:focus {
    color: var(--colors-success-600)
}

.alert-info {
    background-color: var(--colors-info-50);
    border-color: var(--colors-info-200)
}

.alert-info,
.alert-info .alert-link,
.alert-info h4,
.alert-info.float-alert button.close {
    color: var(--colors-info-500)
}

.alert-info hr {
    border-color: var(--colors-info-500)
}

.alert-info .alert-link:hover {
    color: var(--colors-info-600)
}

.alert-info .alert-link:focus {
    color: var(--colors-info-600)
}

.alert-warning {
    background-color: var(--colors-warning-50);
    border-color: var(--colors-warning-200)
}

.alert-warning,
.alert-warning .alert-link,
.alert-warning h4,
.alert-warning.float-alert button.close {
    color: var(--colors-warning-500)
}

.alert-warning hr {
    border-color: var(--colors-warning-500)
}

.alert-warning .alert-link:hover {
    color: var(--colors-warning-600)
}

.alert-warning .alert-link:focus {
    color: var(--colors-warning-600)
}

.alert-danger {
    background-color: var(--colors-danger-50);
    border-color: var(--colors-danger-200)
}

.alert-danger,
.alert-danger .alert-link,
.alert-danger h4,
.alert-danger.float-alert button.close {
    color: var(--colors-danger-500)
}

.alert-danger hr,
table.dataTable tbody tr.has-border-left.row-border-danger:after {
    border-color: var(--colors-danger-500)
}

.alert-danger .alert-lin:hover {
    color: var(--colors-danger-600)
}

.alert-danger .alert-lin:focus {
    color: var(--colors-danger-600)
}

.bg-primary {
    background-color: var(--colors-primary-500);
    color: var(--colors-white)
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: var(--colors-primary-600);
    color: var(--colors-white)
}

.bg-neutral {
    background-color: var(--colors-neutral-500);
    color: var(--colors-white)
}

a.bg-neutral:focus,
a.bg-neutral:hover {
    background-color: var(--colors-neutral-600);
    color: var(--colors-white)
}

.bg-success {
    background-color: var(--colors-success-500);
    color: var(--colors-white)
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: var(--colors-success-600);
    color: var(--colors-white)
}

.bg-info {
    background-color: var(--colors-info-500);
    color: var(--colors-white)
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: var(--colors-info-600);
    color: var(--colors-white)
}

.bg-warning {
    background-color: var(--colors-warning-500);
    color: var(--colors-white)
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: var(--colors-warning-600);
    color: var(--colors-white)
}

.bg-danger {
    background-color: var(--colors-danger-500);
    color: var(--colors-white)
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: var(--colors-danger-600);
    color: var(--colors-white)
}

.badge {
    border-radius: 0;
    background-color: var(--colors-primary-500);
    color: var(--colors-white)
}

.badge[class*=" tw-bg-neutral-"]:not([class*="tw-bg-white"]):not([class*="tw-bg-transparent"]) {
    background-color: var(--colors-primary-500);
}

.btn {
    box-shadow: none
}

.btn,
.btn-group-sm > .btn,
.btn-group-xs > .btn,
.btn-group > .btn,
.btn-group > .btn-sm,
.btn-group > .btn-xs,
.btn-sm,
.btn-xs {
    border-radius: 0
}

.bootstrap-select .btn-default {
    background-color: var(--colors-white)
}

.btn-default {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
    color: var(--colors-primary-500);
    box-shadow: none
}

.btn-default.focus,
.btn-default:focus {
    background-color: var(--colors-white);
    border-color: var(--colors-primary-500);
    color: var(--colors-primary-500);
    box-shadow: none
}

.btn-default:hover {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
    color: var(--colors-primary-500)
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
    background-color: var(--colors-white);
    border-color: var(--colors-primary-500);
    color: var(--colors-primary-500);
    box-shadow: none
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    background-color: var(--colors-white);
    border-color: var(--colors-primary-500);
    color: var(--colors-primary-500);
    box-shadow: none
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: var(--colors-white);
    border-color: var(--colors-primary-500)
}

.btn-default .badge {
    background-color: var(--colors-primary-500);
    color: var(--colors-white)
}

.btn-default:not([aria-owns*=bs-select-]) {
    background-color: var(--colors-secondary-500);
    border-color: var(--colors-secondary-500);
    color: var(--colors-white)
}

.btn-default:not([aria-owns*=bs-select-]) .caret {
    border-color: var(--colors-white)
}

.btn-default:not([aria-owns*=bs-select-]).focus,
.btn-default:not([aria-owns*=bs-select-]):focus {
    --tw-ring-color: var(--colors-secondary-600);
    background-color: var(--colors-secondary-600);
    border-color: var(--colors-secondary-600);
    color: var(--colors-white);
    box-shadow: none
}

.btn-default:not([aria-owns*=bs-select-]):hover {
    background-color: var(--colors-secondary-600);
    border-color: var(--colors-secondary-600);
    color: var(--colors-white)
}

.btn-default:not([aria-owns*=bs-select-]).active,
.btn-default:not([aria-owns*=bs-select-]):active,
.open > .dropdown-toggle.btn-default:not([aria-owns*=bs-select-]) {
    box-shadow: none;
    background-color: var(--colors-secondary-600);
    border-color: var(--colors-secondary-600);
    color: var(--colors-white)
}

.btn-default:not([aria-owns*=bs-select-]).active.focus,
.btn-default:not([aria-owns*=bs-select-]).active:focus,
.btn-default:not([aria-owns*=bs-select-]).active:hover,
.btn-default:not([aria-owns*=bs-select-]):active.focus,
.btn-default:not([aria-owns*=bs-select-]):active:focus,
.btn-default:not([aria-owns*=bs-select-]):active:hover,
.open > .dropdown-toggle.btn-default:not([aria-owns*=bs-select-]).focus,
.open > .dropdown-toggle.btn-default:not([aria-owns*=bs-select-]):focus,
.open > .dropdown-toggle.btn-default:not([aria-owns*=bs-select-]):hover {
    box-shadow: none;
    background-color: var(--colors-secondary-600);
    border-color: var(--colors-secondary-600);
    color: var(--colors-white)
}

.btn-default:not([aria-owns*=bs-select-]).disabled.focus,
.btn-default:not([aria-owns*=bs-select-]).disabled:focus,
.btn-default:not([aria-owns*=bs-select-]).disabled:hover,
.btn-default:not([aria-owns*=bs-select-])[disabled].focus,
.btn-default:not([aria-owns*=bs-select-])[disabled]:focus,
.btn-default:not([aria-owns*=bs-select-])[disabled]:hover,
fieldset[disabled] .btn-default:not([aria-owns*=bs-select-]).focus,
fieldset[disabled] .btn-default:not([aria-owns*=bs-select-]):focus,
fieldset[disabled] .btn-default:not([aria-owns*=bs-select-]):hover {
    background-color: var(--colors-secondary-500);
    border-color: var(--colors-secondary-500);
    color: var(--colors-white)
}

.btn-primary {
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500);
    color: var(--colors-white)
}

.btn-primary.focus,
.btn-primary:focus {
    background-color: var(--colors-primary-600);
    border-color: var(--colors-primary-600);
    color: var(--colors-white);
    box-shadow: none
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    background-color: var(--colors-primary-600);
    border-color: var(--colors-primary-600);
    color: var(--colors-white)
}

.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
    box-shadow: none
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    background-color: var(--colors-primary-600);
    border-color: var(--colors-primary-600);
    color: var(--colors-white);
    box-shadow: none
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.btn-primary .badge,
.btn-secondary {
    background-color: var(--colors-white);
    color: var(--colors-primary-500)
}

.btn-primary .caret {
    border-color: var(--colors-white)
}

.btn-secondary {
    border-color: var(--colors-neutral-200)
}

.btn-secondary.focus,
.btn-secondary:focus {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
    color: var(--colors-primary-500);
    box-shadow: none
}

.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:hover,
.open > .dropdown-toggle.btn-secondary {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
    color: var(--colors-primary-500)
}

.btn-secondary.active,
.btn-secondary:active,
.open > .dropdown-toggle.btn-secondary {
    box-shadow: none
}

.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.open > .dropdown-toggle.btn-secondary.focus,
.open > .dropdown-toggle.btn-secondary:focus,
.open > .dropdown-toggle.btn-secondary:hover {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
    color: var(--colors-primary-500);
    box-shadow: none
}

.btn-secondary.disabled.focus,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary[disabled].focus,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary.focus,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:hover {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
    color: var(--colors-primary-500);
    box-shadow: none
}

.btn-secondary .badge {
    background-color: var(--colors-white);
    color: var(--colors-primary-500)
}

.btn-secondary .caret {
    border-color: var(--colors-white)
}

.btn-info {
    background-color: var(--colors-info-500);
    border-color: var(--colors-info-500);
    color: var(--colors-white)
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: none;
    background-color: var(--colors-info-600);
    color: var(--colors-white);
    border-color: var(--colors-info-600)
}

.btn-info.active,
.btn-info:active,
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
    background-color: var(--colors-info-600);
    color: var(--colors-white);
    border-color: var(--colors-info-600)
}

.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
    box-shadow: none
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
    box-shadow: none;
    background-color: var(--colors-info-600);
    color: var(--colors-white);
    border-color: var(--colors-info-600)
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: var(--colors-info-500);
    border-color: var(--colors-info-500)
}

.btn-info .badge {
    background-color: var(--colors-white);
    color: var(--colors-info-500)
}

.btn-info .caret {
    border-color: var(--colors-white)
}

.btn-warning {
    color: var(--colors-white);
    background-color: var(--colors-warning-500);
    border-color: var(--colors-warning-500)
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: none;
    background-color: var(--colors-warning-600);
    color: var(--colors-white);
    border-color: var(--colors-warning-600)
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
    background-color: var(--colors-warning-600);
    color: var(--colors-white);
    border-color: var(--colors-warning-600)
}

.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
    box-shadow: none
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
    box-shadow: none;
    background-color: var(--colors-warning-600);
    color: var(--colors-white);
    border-color: var(--colors-warning-600)
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: var(--colors-warning-500);
    border-color: var(--colors-warning-500)
}

.btn-warning .badge {
    background-color: var(--colors-white);
    color: var(--colors-warning-500)
}

.btn-warning .caret {
    border-color: var(--colors-white)
}

.btn-danger {
    color: var(--colors-white);
    background-color: var(--colors-danger-500);
    border-color: var(--colors-danger-500)
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: none;
    background-color: var(--colors-danger-600);
    color: var(--colors-white);
    border-color: var(--colors-danger-600)
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
    background-color: var(--colors-danger-600);
    color: var(--colors-white);
    border-color: var(--colors-danger-600)
}

.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
    box-shadow: none
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
    box-shadow: none;
    background-color: var(--colors-danger-600);
    color: var(--colors-white);
    border-color: var(--colors-danger-600)
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: var(--colors-danger-500);
    border-color: var(--colors-danger-500)
}

.btn-danger .badge {
    background-color: var(--colors-white);
    color: var(--colors-danger-500)
}

.btn-danger .caret {
    border-color: var(--colors-white)
}

.btn-success {
    color: var(--colors-white);
    background-color: var(--colors-success-500);
    border-color: var(--colors-success-500)
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: none;
    background-color: var(--colors-success-600);
    color: var(--colors-white);
    border-color: var(--colors-success-600)
}

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

.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
    box-shadow: none
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
    box-shadow: none;
    background-color: var(--colors-success-600);
    color: var(--colors-white);
    border-color: var(--colors-success-600)
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: var(--colors-success-500);
    border-color: var(--colors-success-500)
}

.btn-success .badge {
    background-color: var(--colors-white);
    color: var(--colors-success-500)
}

.btn-success .caret {
    border-color: var(--colors-white)
}

.xdsoft_datetimepicker {
    border-radius: 0;
    font-family: inherit;
    border: 0;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    box-shadow: none;
    background-color: var(--colors-primary-500)
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    background-color: var(--colors-white)
}

.dropdown-menu > li > a,
.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    color: var(--colors-primary-500)
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    box-shadow: none;
    background-color: var(--colors-primary-500);
    border-radius: 0
}

.dropdown-menu,
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    border-radius: 0
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    background-color: var(--colors-neutral-50);
    color: var(--colors-primary-500)
}

.dropdown-menu {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    border: 0;
    margin-top: 0
}

.dropdown-menu .divider {
    background-color: var(--colors-neutral-200)
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: var(--colors-neutral-50);
    color: var(--colors-primary-500)
}

.dropdown-menu > .active > a *,
.dropdown-menu > .active > a:focus *,
.dropdown-menu > .active > a:hover *,
.dropdown-menu > li > a:focus *,
.dropdown-menu > li > a:hover * {
    color: var(--colors-primary-500);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
    color: var(--colors-primary-300)
}

.control-label,
.dropdown-header,
label {
    color: var(--colors-primary-500)
}

.dropdown-submenu > .dropdown-menu {
    border-radius: 0 0
}

.dropdown-submenu:hover > a:after,
.dropdown-submenu > a:after {
    border-left-color: var(--colors-primary-500)
}

.dropdown-submenu.pull-left > .dropdown-menu {
    border-radius: 0;
    border-top-left-radius: 0
}

.dropdown-submenu.pull-left > .dropdown-menu li a:hover,
.dropdown-submenu.pull-left > .dropdown-menu li.active a,
.dropdown-submenu.pull-left > .dropdown-menu li.active a:hover {
    border-top-left-radius: 0
}

input.form-control,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select.form-control,
textarea.form-control {
    border-radius: 0;
    border-color: var(--colors-neutral-200);
    box-shadow: none;
    background-color: var(--colors-white)
}

input.form-control::placeholder,
input[type=color]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=datetime]::placeholder,
input[type=email]::placeholder,
input[type=file]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder,
select.form-control::placeholder,
textarea.form-control::placeholder {
    color: var(--colors-neutral-400)
}

input.form-control::-moz-placeholder,
input[type=color]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=file]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder,
select.form-control::-moz-placeholder,
textarea.form-control::-moz-placeholder {
    color: var(--colors-neutral-400)
}

input.form-control::-webkit-input-placeholder,
input[type=color]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=file]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder {
    color: var(--colors-neutral-400)
}

input.form-control:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select.form-control:focus,
textarea.form-control:focus {
    border-color: var(--colors-primary-500);
    outline: 0;
    box-shadow: none
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: var(--colors-neutral-50);
    color: var(--colors-primary-300);
    border-color: var(--colors-neutral-200)
}

.form-group:has(.form-control[disabled]) label,
fieldset[disabled] .form-control label {
    color: var(--colors-primary-500);
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: var(--colors-danger-500)
}

.has-error .form-control {
    border-color: var(--colors-danger-500);
    box-shadow: none
}

.has-error .form-control:focus {
    border-color: var(--colors-danger-600);
    outline: 0;
    box-shadow: none
}

.has-error .input-group-addon {
    color: var(--colors-danger-500);
    background-color: var(--colors-danger-50);
    border-color: var(--colors-danger-500)
}

.input-group > .input-group-btn > .btn:active,
.input-group > .input-group-btn > .btn:focus {
    border-color: transparent
}

.input-group-btn:first-child > select + .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.input-group {
    box-shadow: none
}

.input-group button,
.input-group input {
    box-shadow: none !important
}

.input-group-addon {
    border: 1px solid var(--colors-neutral-200);
    background-color: var(--colors-white);
    color: var(--colors-primary-500);
    border-radius: 0
}

[dir=rtl] .input-group-btn:last-child > .btn,
[dir=rtl] .input-group-btn:last-child > .btn-group {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

[dir=rtl] .input-group .form-control:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[dir=rtl] .input-group .input-group-addon {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px solid var(--colors-neutral-200)
}

[dir=rtl].input-group-addon:last-child {
    border-left: 1px solid var(--colors-neutral-200)
}

.checkbox label::before {
    border: 1px solid var(--colors-neutral-200);
    border-radius: 0;
    background-color: var(--colors-white);
    box-shadow: none
}

.checkbox label::after,
.paragraph-field.form-field,
ul.tagit li.tagit-choice .tagit-close .text-icon,
ul.tagit-autocomplete .ui-menu-item-wrapper,
​.stage-wrap .form-field input[type=date] {
    color: var(--colors-primary-500)
}

.checkbox input[type=checkbox]:focus + label::before {
    outline: 0
}

.checkbox input[type=checkbox]:disabled + label::before,
.checkbox input[type=radio]:disabled + label::before {
    background-color: var(--colors-neutral-50)
}

.checkbox-primary input[type=checkbox]:checked + label::before,
.checkbox-primary input[type=radio]:checked + label::before {
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.checkbox-primary input[type=checkbox]:checked + label::after,
.checkbox-primary input[type=radio]:checked + label::after {
    color: var(--colors-white)
}

.checkbox-danger input[type=checkbox]:checked + label::before,
.checkbox-danger input[type=radio]:checked + label::before {
    background-color: var(--colors-danger-500);
    border-color: var(--colors-danger-500)
}

.checkbox-danger input[type=checkbox]:checked + label::after,
.checkbox-danger input[type=radio]:checked + label::after {
    color: var(--colors-white)
}

.checkbox-info input[type=checkbox]:checked + label::before,
.checkbox-info input[type=radio]:checked + label::before,
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500)
}

.checkbox-info input[type=checkbox]:checked + label::after,
.checkbox-info input[type=radio]:checked + label::after {
    color: var(--colors-white)
}

.checkbox-warning input[type=checkbox]:checked + label::before,
.checkbox-warning input[type=radio]:checked + label::before {
    background-color: var(--colors-warning-500);
    border-color: var(--colors-warning-500)
}

.checkbox-warning input[type=checkbox]:checked + label::after,
.checkbox-warning input[type=radio]:checked + label::after {
    color: var(--colors-white)
}

.checkbox-success input[type=checkbox]:checked + label::before,
.checkbox-success input[type=radio]:checked + label::before {
    background-color: var(--colors-success-500);
    border-color: var(--colors-success-500)
}

.checkbox-success input[type=checkbox]:checked + label::after,
.checkbox-success input[type=radio]:checked + label::after {
    color: var(--colors-white)
}

.radio label::before {
    border: 1px solid var(--colors-neutral-200);
    background-color: var(--colors-white);
    box-shadow: none
}

.radio label::after,
.radio-primary input[type=radio] + label::after {
    background-color: var(--colors-primary-500)
}

.radio input[type=radio]:focus + label::before {
    outline: 0
}

.radio-primary input[type=radio]:checked + label::before {
    border-color: var(--colors-primary-500)
}

.radio-primary input[type=radio]:checked + label::after {
    background-color: var(--colors-primary-500)
}

.radio-danger input[type=radio] + label::after {
    background-color: var(--colors-danger-500)
}

.radio-danger input[type=radio]:checked + label::before {
    border-color: var(--colors-danger-500)
}

.radio-danger input[type=radio]:checked + label::after {
    background-color: var(--colors-danger-500)
}

.radio-info input[type=radio] + label::after {
    background-color: var(--colors-primary-500)
}

.onoffswitch-checkbox:checked + .onoffswitch-label:before,
.radio-info input[type=radio]:checked + label::before {
    border-color: var(--colors-primary-500)
}

.radio-info input[type=radio]:checked + label::after {
    background-color: var(--colors-primary-500)
}

.radio-warning input[type=radio] + label::after {
    background-color: var(--colors-warning-500)
}

.radio-warning input[type=radio]:checked + label::before {
    border-color: var(--colors-warning-500)
}

.radio-warning input[type=radio]:checked + label::after {
    background-color: var(--colors-warning-500)
}

.radio-success input[type=radio] + label::after {
    background-color: var(--colors-success-500)
}

.radio-success input[type=radio]:checked + label::before {
    border-color: var(--colors-success-500)
}

.radio-success input[type=radio]:checked + label::after {
    background-color: var(--colors-success-500)
}

input[type=checkbox].styled:checked + label::after,
input[type=checkbox].styled:checked + label::before,
input[type=radio].styled:checked + label::after,
input[type=radio].styled:checked + label::before {
    color: var(--colors-white)
}

.onoffswitch-label,
.onoffswitch-label:before,
form.dropzone {
    border-color: var(--colors-neutral-200);
    background-color: var(--colors-neutral-50);
    border-radius: 0
}

.onoffswitch-label:before,
form.dropzone {
    background-color: var(--colors-white)
}

ul.tagit li.tagit-choice:hover {
    background-color: var(--colors-neutral-100)
}

ul.tagit-autocomplete {
    border-radius: 0;
    background-color: var(--colors-white);
    box-shadow: none
}

ul.tagit-autocomplete .ui-menu-item-wrapper.ui-state-active,
ul.tagit-autocomplete .ui-menu-item-wrapper.ui-state-hover {
    background-color: var(--colors-neutral-50);
    color: var(--colors-primary-500);
    outline: 0 !important;
    border-color: transparent !important;
    border-radius: 0
}

.form-wrap.form-builder .frmb-control {
    box-shadow: none
}

.form-wrap.form-builder .frmb-control li {
    box-shadow: none !important;
    border-color: var(--colors-neutral-200)
}

.form-wrap.form-builder .frmb .field-label,
.form-wrap.form-builder .frmb .legend {
    color: var(--colors-primary-500) !important
}

.name-wrap input,
.stage-wrap .form-field input[type=color],
.stage-wrap .form-field input[type=date],
.stage-wrap .form-field input[type=datetime-local],
.stage-wrap .form-field input[type=file],
.stage-wrap .form-field select[multiple=true],
.web-to-lead-form [id^=frmb-][id$=-form-wrap] .frmb .form-field .form-group.field-options input[type=text] {
    background-color: var(--colors-neutral-50) !important;
    color: var(--colors-primary-500)
}

[id^=frmb-][id$=-form-wrap] .frmb li.form-field {
    border-color: transparent !important
}

[id^=frmb-][id$=-form-wrap] .frmb li.form-field:hover {
    box-shadow: none;
    outline: 0;
    border-color: var(--colors-neutral-200) !important;
    border-radius: 0
}

[id^=frmb-][id$=-form-wrap] .frmb li.form-field.delete {
    background-color: var(--colors-danger-50) !important
}

.form-wrap.form-builder .frmb .field-actions .btn {
    border-color: var(--colors-neutral-200) !important;
    border-radius: 0 !important;
    color: var(--colors-primary-500) !important
}

.form-wrap.form-builder .frmb .field-actions .btn:hover {
    background-color: var(--colors-neutral-50) !important;
    color: var(--colors-primary-500) !important
}

.form-wrap.form-builder .frmb .form-elements {
    background-color: var(--colors-neutral-50) !important
}

.form-wrap.form-builder .frmb li .close-field {
    color: var(--colors-primary-500) !important
}

.form-wrap.form-builder .empty .frmb,
.form-wrap.form-builder .frmb .form-elements,
.form-wrap.form-builder .frmb li .close-field {
    border-color: var(--colors-neutral-200) !important
}

.form-wrap.form-builder .frmb .sortable-options {
    background-color: var(--colors-neutral-500) !important
}

.form-wrap.form-builder .frmb .sortable-options > li .remove {
    background-color: var(--colors-danger-500) !important;
    color: var(--colors-white) !important;
    border-color: var(--colors-danger-500) !important
}

.form-wrap.form-builder .frmb .option-actions a,
.form-wrap.form-builder .frmb .option-actions button {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200)
}

.form-wrap.form-builder .frmb li.moving,
.form-wrap.form-builder .frmb li.ui-sortable-helper {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06) !important
}

[id^=frmb-][id$=-form-wrap] .btn-primary {
    color: var(--colors-white)
}

.form-wrap.form-builder .frmb .prev-holder input[type=email],
.form-wrap.form-builder .frmb .prev-holder input[type=number],
.form-wrap.form-builder .frmb .prev-holder input[type=text],
.form-wrap.form-builder .frmb .prev-holder select,
.form-wrap.form-builder .frmb .prev-holder textarea,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements .fld-label,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=color],
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=date],
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=number],
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=text],
[id^=frmb-][id$=-form-wrap] .frmb .form-elements select,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements textarea {
    border-radius: 0 !important;
    border-color: var(--colors-neutral-200) !important;
    color: var(--colors-neutral-400) !important;
    box-shadow: none !important;
    outline: 0 !important
}

.form-wrap.form-builder .frmb .prev-holder input[type=email]:focus,
.form-wrap.form-builder .frmb .prev-holder input[type=number]:focus,
.form-wrap.form-builder .frmb .prev-holder input[type=text]:focus,
.form-wrap.form-builder .frmb .prev-holder select:focus,
.form-wrap.form-builder .frmb .prev-holder textarea:focus,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements .fld-label:focus,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=color]:focus,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=date]:focus,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=number]:focus,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=text]:focus,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements select:focus,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements textarea:focus {
    border-color: var(--colors-primary-500) !important;
    box-shadow: none !important;
    outline: 0 !important
}

.form-wrap.form-builder .frmb .prev-holder input[type=email]::placeholder,
.form-wrap.form-builder .frmb .prev-holder input[type=number]::placeholder,
.form-wrap.form-builder .frmb .prev-holder input[type=text]::placeholder,
.form-wrap.form-builder .frmb .prev-holder select::placeholder,
.form-wrap.form-builder .frmb .prev-holder textarea::placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements .fld-label::placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=color]::placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=date]::placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=number]::placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=text]::placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements select::placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements textarea::placeholder {
    color: var(--colors-neutral-400) !important
}

.form-wrap.form-builder .frmb .prev-holder input[type=email]::-moz-placeholder,
.form-wrap.form-builder .frmb .prev-holder input[type=number]::-moz-placeholder,
.form-wrap.form-builder .frmb .prev-holder input[type=text]::-moz-placeholder,
.form-wrap.form-builder .frmb .prev-holder select::-moz-placeholder,
.form-wrap.form-builder .frmb .prev-holder textarea::-moz-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements .fld-label::-moz-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=color]::-moz-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=date]::-moz-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=number]::-moz-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=text]::-moz-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements select::-moz-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements textarea::-moz-placeholder {
    color: var(--colors-neutral-400) !important
}

.form-wrap.form-builder .frmb .prev-holder input[type=email]::-webkit-input-placeholder,
.form-wrap.form-builder .frmb .prev-holder input[type=number]::-webkit-input-placeholder,
.form-wrap.form-builder .frmb .prev-holder input[type=text]::-webkit-input-placeholder,
.form-wrap.form-builder .frmb .prev-holder select::-webkit-input-placeholder,
.form-wrap.form-builder .frmb .prev-holder textarea::-webkit-input-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements .fld-label::-webkit-input-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=color]::-webkit-input-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=date]::-webkit-input-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=number]::-webkit-input-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements input[type=text]::-webkit-input-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements select::-webkit-input-placeholder,
[id^=frmb-][id$=-form-wrap] .frmb .form-elements textarea::-webkit-input-placeholder {
    color: var(--colors-neutral-400) !important
}

.form-wrap.form-builder .frmb .required-asterisk {
    color: var(--colors-danger-500)
}

.fc-button-primary {
    color: var(--colors-white) !important;
    background-color: var(--colors-primary-500) !important;
    border-color: var(--colors-primary-500) !important
}

.fc-button-primary.fc-button-active.focus,
.fc-button-primary.fc-button-active:focus,
.fc-button-primary.fc-button-active:hover,
.fc-button-primary.focus,
.fc-button-primary:active.focus,
.fc-button-primary:active:focus,
.fc-button-primary:active:hover,
.fc-button-primary:focus {
    color: var(--colors-white) !important;
    background-color: var(--colors-primary-600) !important;
    border-color: var(--colors-primary-600) !important
}

.fc-button-primary.fc-button-active,
.fc-button-primary:active,
.fc-button-primary:hover {
    color: var(--colors-white) !important;
    background-color: var(--colors-primary-600) !important;
    border-color: var(--colors-primary-600) !important
}

.fc-button-primary.disabled.focus,
.fc-button-primary.disabled:focus,
.fc-button-primary.disabled:hover,
.fc-button-primary[disabled].focus,
.fc-button-primary[disabled]:focus,
.fc-button-primary[disabled]:hover {
    background-color: var(--colors-primary-500) !important;
    border-color: var(--colors-primary-500) !important
}

.fc .fc-scrollgrid {
    border-radius: 0
}

.fc .fc-event {
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important
}

.fc .fc-col-header-cell-cushion,
.fc .fc-timegrid-slot-label-cushion {
    color: var(--colors-primary-500) !important
}

.fc .fc-popover {
    border-radius: 0 !important;
    background-color: var(--colors-white) !important;
    box-shadow: none !important
}

.fc .fc-daygrid-day-number,
.fc .fc-more-link:hover {
    color: var(--colors-primary-500) !important
}

.fc .fc-day.fc-day-today .fc-daygrid-day-number {
    background-color: var(--colors-primary-500) !important;
    color: var(--colors-white) !important
}

.fc .fc-more-link {
    color: var(--colors-white) !important
}

.fc .fc-more-link:hover {
    background-color: transparent !important
}

.fc .fc-day-other {
    background-color: var(--colors-neutral-50)
}

.fc {
    --fc-border-color: var(--colors-neutral-200);
    --fc-highlight-color: var(--colors-neutral-50);
    --fc-today-bg-color: transparent;
    --fc-event-border-color: transparent;
    --fc-event-text-color: var(--colors-white);
    --fc-event-selected-overlay-color: transparent;
    --fc-more-link-bg-color: inherit;
    --fc-more-link-text-color: inherit;
    --fc-neutral-bg-color: theme('colors.neutral.50');
    --fc-neutral-text-color: var(--colors-primary-500);
    --fc-now-indicator-color: var(--colors-secondary-500)
}

body .gantt .ganttGreen .bar {
    fill: var(--colors-success-500);
}

body .gantt .ganttRed .bar {
    fill: var(--colors-warning-500);
}

body .gantt .grid-header {
    fill: var(--colors-white);
    stroke: var(--colors-neutral-200);
}

body .gantt .grid-row {
    fill: var(--colors-white);
}

body .gantt .grid-row:nth-child(even) {
    fill: var(--colors-neutral-50);
}

body .gantt .row-line {
    stroke: var(--colors-neutral-200);
}

body .gantt .tick {
    stroke: var(--colors-neutral-200);
}

body .gantt .today-highlight {
    fill: var(--colors-neutral-50);
}

body .gantt .arrow {
    stroke: var(--colors-primary-500) !important;
}

body .gantt .bar {
    fill: transparent;
    stroke: var(--colors-neutral-200);
}

body .gantt .bar-progress {
    fill: var(--colors-neutral-200);
}

body .gantt .bar-invalid {
    stroke: var(--colors-primary-500);
}

body .gantt .bar-invalid ~ .bar-label {
    fill: var(--colors-primary-500);
}

body .gantt .bar-label {
    fill: var(--colors-white);
}

body .gantt .bar-label.big {
    fill: var(--colors-primary-500);
}

body .gantt .handle {
    fill: var(--colors-neutral-100);
}

body .gantt .bar-wrapper:hover .bar {
    fill: var(--colors-primary-400);
}

body .gantt .bar-wrapper:hover .bar-progress {
    fill: var(--colors-neutral-200);
}

body .gantt .bar-wrapper.active .bar {
    fill: var(--colors-primary-400);
}

body .gantt .bar-wrapper.active .bar-progress {
    fill: var(--colors-neutral-200);
}

body .gantt .upper-text {
    fill: var(--colors-primary-500);
}

body .gantt .lower-text {
    fill: var(--colors-primary-500);
}

body .gantt-container .popup-wrapper {
    background-color: rgba(var(--colors-primary-500-rgba), 0.9);
    color: var(--colors-white);
    border-radius: 0;
}

body .gantt-container .popup-wrapper .title {
    border-bottom-color: var(--colors-primary-500);
}

body .gantt-container .popup-wrapper .subtitle {
    color: var(--colors-white);
}

body .gantt-container .popup-wrapper .pointer {
    border-top-color: rgba(var(--colors-primary-500-rgba), 0.9);
    left: -5px !important;
    top: 5px !important;
}

.label {
    border-radius: 0;
}

.label-default {
    background-color: var(--colors-neutral-50);
    --tw-ring-color: var(--colors-neutral-200);
    color: var(--colors-primary-500)
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: var(--colors-neutral-100);
    color: var(--colors-primary-500)
}

.label-primary {
    background-color: var(--colors-primary-50);
    --tw-ring-color: var(--colors-primary-200);
    color: var(--colors-primary-500)
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: var(--colors-primary-100);
    color: var(--colors-primary-500)
}

.label-success {
    background-color: var(--colors-success-50);
    --tw-ring-color: var(--colors-success-200);
    color: var(--colors-success-500)
}

.label-success[href]:focus,
.label-success[href]:hover {
    background-color: var(--colors-success-100);
    color: var(--colors-success-500)
}

.label-info {
    background-color: var(--colors-info-50);
    --tw-ring-color: var(--colors-info-200);
    color: var(--colors-info-500)
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: var(--colors-info-100);
    color: var(--colors-info-500)
}

.label-warning {
    background-color: var(--colors-warning-50);
    --tw-ring-color: var(--colors-warning-200);
    color: var(--colors-warning-500)
}

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: var(--colors-warning-100);
    color: var(--colors-warning-500)
}

.label-danger {
    background-color: var(--colors-danger-50);
    --tw-ring-color: var(--colors-danger-200);
    color: var(--colors-danger-500)
}

.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: var(--colors-danger-100);
    color: var(--colors-danger-500)
}

.label-tag {
    background-color: var(--colors-neutral-50);
    border-radius: 0;
    color: var(--colors-danger-500)
}

.modal-header .close {
    outline: 0
}

.modal-header .close:active,
.modal-header .close:hover,
.nav-tabs > li > a:hover i.menu-icon {
    color: var(--colors-secondary-500)
}

.modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: var(--colors-white)
}

.modal-header .close,
.modal-title {
    color: var(--colors-primary-500)
}

.modal-content {
    border-radius: 0;
    border-color: transparent;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.modal-backdrop,
.panel-full-width-tabs .nav li a .badge {
    background-color: var(--colors-primary-500)
}

.pagination > li > a,
.pagination > li > span {
    background-color: var(--colors-white);
    color: var(--colors-primary-500)
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background-color: var(--colors-neutral-50);
    color: var(--colors-primary-500);
    border-radius: 0
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: var(--colors-primary-500);
    color: var(--colors-white);
    border-radius: 0
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    background-color: var(--colors-white);
    border-radius: var(--colors-neutral-200);
    color: var(--colors-primary-300)
}

.panel,
.panel_s {
    border: 0;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.panel,
.panel-body,
.panel_s {
    background-color: var(--colors-white);
    border-radius: 0
}

.panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-color: var(--colors-neutral-200);
    background-color: var(--colors-white)
}

.panel-footer {
    background-color: var(--colors-white);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child,
.panel > .table-responsive:first-child > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-top-left-radius: 0
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-top-right-radius: 0
}

.panel > .table-responsive:last-child > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 0
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 0
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top: 1px solid var(--colors-neutral-200)
}

.panel-group .panel-footer + .panel-collapse .panel-body,
.table > thead > tr > th {
    border-bottom: 1px solid var(--colors-neutral-200)
}

.panel-default {
    border-color: var(--colors-neutral-200)
}

.panel-default > .panel-heading,
.panel-primary > .panel-heading {
    background-color: var(--colors-neutral-50);
    color: var(--colors-primary-500)
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--colors-neutral-200)
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--colors-neutral-200)
}

.panel-success > .panel-heading,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
    background-color: var(--colors-success-50);
    color: var(--colors-success-500)
}

.panel-info > .panel-heading,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
    background-color: var(--colors-info-50);
    color: var(--colors-info-500)
}

.panel-warning > .panel-heading,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
    background-color: var(--colors-warning-50);
    color: var(--colors-warning-500)
}

.panel-danger > .panel-heading,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
    background-color: var(--colors-danger-50);
    color: var(--colors-danger-500)
}

.panel-table-full .dataTables_wrapper .table-responsive {
    border-color: var(--colors-neutral-200);
    margin-left: 0;
    margin-right: 0
}

.panel-table-full .dataTables_wrapper.app_dt_empty .table-responsive {
    border-bottom: 0
}

.panel-table-full .dataTables_wrapper table.dataTable {
    margin-bottom: 0 !important
}

.panel-table-full .dataTables_wrapper thead > tr > th:first-child {
    border-left: 1px solid var(--colors-neutral-200) !important
}

.panel-table-full .dataTables_wrapper thead > tr > th:last-child {
    border-right: 1px solid var(--colors-neutral-200) !important
}

.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal {
    background-color: var(--colors-white)
}

.panel-full-width-tabs .nav {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
[dir=rtl] .panel-full-width-tabs .nav {
    background-color: var(--colors-neutral-50)
}

.panel-full-width-tabs .nav li a,
.panel-full-width-tabs.horizontal-scrollable-tabs .scroller {
    background-color: var(--colors-white)
}

.panel .hr-panel-heading,
.panel .hr-panel-separator,
.panel_s .hr-panel-heading,
.panel_s .hr-panel-separator {
    background-color: var(--colors-neutral-200)
}

.progress,
.progress-bar {
    background-color: var(--colors-neutral-100);
    box-shadow: none
}

.progress-bar[data-percent="0"],
.progress-bar[data-percent="0.00"] {
    color: var(--colors-primary-500)
}

.progress-bar {
    background-color: var(--colors-primary-500);
    color: var(--colors-white)
}

.progress-bar.text-dark {
    color: var(--colors-primary-500);
    text-indent: 10px;
}

.progress-bar-success {
    background-color: var(--colors-success-500)
}

.progress-bar-info {
    background-color: var(--colors-info-500)
}

.progress-bar-warning {
    background-color: var(--colors-warning-500)
}

.progress-bar-danger {
    background-color: var(--colors-danger-500)
}

.progress-bar-default {
    background-color: var(--colors-primary-500)
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-header + li a,
.bootstrap-select.dropup .dropdown-menu {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.bootstrap-select:not(.dropup) .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.bootstrap-select:not(.dropup) .dropdown-toggle[aria-expanded=true] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.bootstrap-select.dropup .dropdown-toggle[aria-expanded=true] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.bootstrap-select .dropdown-menu > li:first-child > a {
    border-radius: 0
}

.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select.open > .dropdown-toggle,
.bootstrap-select.open > .dropdown-toggle:hover {
    border-color: var(--colors-primary-500)
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: var(--colors-primary-500)
}

.form-group:has(.bootstrap-select.disabled) label {
    color: var(--colors-primary-500)
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled,
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
    color: var(--colors-primary-500);
    border-radius: 0;
}

.bootstrap-select.btn-group .bs-placeholder .filter-option {
    color: var(--colors-primary-500)
}

.error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select.open > .dropdown-toggle .has-error .bootstrap-select.open > .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
    border-color: var(--colors-danger-500) !important;
    box-shadow: none !important;
    color: var(--colors-danger-500) !important
}

.error .bootstrap-select .dropdown-toggle:hover,
.has-error .bootstrap-select .dropdown-toggle:hover {
    box-shadow: none;
    background-color: var(--colors-white);
    color: var(--colors-danger-500)
}

.error .bootstrap-select .dropdown-toggle:focus,
.has-error .bootstrap-select .dropdown-toggle:focus {
    border-color: var(--colors-danger-500) !important;
    outline: 0;
    box-shadow: none;
    color: var(--colors-danger-500)
}

.bootstrap-select .status {
    background-color: var(--colors-white);
    color: var(--colors-primary-500)
}

.bs-searchbox .form-control {
    border-radius: 0 !important
}

.bootstrap-select.input-group-btn.open .dropdown-toggle,
.input-group-select .bootstrap-select .dropdown-toggle:focus,
.input-group-select .bootstrap-select.open .dropdown-toggle {
    border-color: var(--colors-primary-500)
}

.simple-bootstrap-select .bootstrap-select .dropdown-toggle {
    background-color: transparent !important;
    box-shadow: none !important
}

.select-placeholder:after {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
    border-radius: 0
}

[dir=rtl] .input-group-select .bootstrap-select .btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.table > tbody + tbody {
    border-top: 2px solid var(--colors-neutral-200)
}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border: 1px solid var(--colors-neutral-200)
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--colors-neutral-50)
}

.table-hover > tbody > tr:hover {
    background-color: var(--colors-neutral-100)
}

.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr > th.success:hover {
    background-color: var(--colors-success-100)
}

.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
    background-color: var(--colors-warning-100)
}

.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
    background-color: var(--colors-danger-100)
}

.table > tbody > tr.secondary > td,
.table > tbody > tr.secondary > th,
.table > tbody > tr > td.secondary,
.table > tbody > tr > th.secondary,
.table > tfoot > tr.secondary > td,
.table > tfoot > tr.secondary > th,
.table > tfoot > tr > td.secondary,
.table > tfoot > tr > th.secondary,
.table > thead > tr.secondary > td,
.table > thead > tr.secondary > th,
.table > thead > tr > td.secondary,
.table > thead > tr > th.secondary {
    background-color: var(--colors-secondary-50);
    color: var(--colors-secondary-500)
}

.table-hover > tbody > tr.secondary:hover > td,
.table-hover > tbody > tr.secondary:hover > th,
.table-hover > tbody > tr:hover > .secondary,
.table-hover > tbody > tr > td.secondary:hover,
.table-hover > tbody > tr > th.secondary:hover {
    background-color: var(--colors-secondary-100)
}

.nav-tabs > li a i.menu-icon,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    color: var(--colors-primary-500)
}

table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    opacity: 1;
    background-color: var(--colors-neutral-200);
    border-radius: 0
}

div.dataTables_wrapper div.dataTables_processing {
    box-shadow: none;
    background: 0 0
}

[dir=rtl] div.dataTables_wrapper div.dataTables_filter .input-group .input-group-addon {
    border-color: var(--colors-neutral-200) tw-rounded-l-none tw-rounded-r-none
}

div.dataTables_wrapper div.dataTables_info {
    color: var(--colors-primary-500);
    margin-top: 15px
}

.tab-separator,
table.dataTable tbody td {
    border-color: var(--colors-neutral-200)
}

.table.dataTable > thead:first-child > tr:first-child > th,
.table.dataTable > thead:first-child > tr:first-child > th:first-child,
table.dataTable thead > tr > th {
    border-color: var(--colors-neutral-200)
}

table.dataTable thead > tr > th:not(:last-child) {
    border-color: var(--colors-neutral-200)
}

.table.dataTable > thead:first-child > tr:first-child > th:last-child {
    border-color: var(--colors-neutral-200)
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc {
    background: var(--colors-neutral-50);
    color: var(--colors-primary-500)
}

table.dataTable > tbody > tr.danger + tr:not(.danger) > td,
table.dataTable > tbody > tr.danger > td {
    border-color: var(--colors-danger-200)
}

table.dataTable > tbody > tr.warning + tr:not(.warning) > td,
table.dataTable > tbody > tr.warning > td {
    border-color: var(--colors-warning-200)
}

table.dataTable > tbody > tr.info + tr:not(.info) > td,
table.dataTable > tbody > tr.info > td {
    border-color: var(--colors-info-200)
}

table.dataTable > tbody > tr.success + tr:not(.success) > td,
table.dataTable > tbody > tr.success > td {
    border-color: var(--colors-success-200)
}

.dt-loader:not(:required),
.dt-loader:not(:required):after,
.dt-loader:not(:required):before {
    background: var(--colors-neutral-100)
}

[dir=rtl] .dt-buttons > button:first-child {
    border-radius: 0 !important
}

[dir=rtl] .dt-buttons > button:last-child {
    border-radius: 0 !important
}

.dataTables_wrapper table tbody a:not(.text-muted, .text-primary, .text-danger, .text-warning, .text-success, .text-info) {
    color: var(--colors-primary-500);
}

.dataTables_wrapper table tbody a:not(.text-muted, .text-primary, .text-danger, .text-warning, .text-success, .text-info):active,
.dataTables_wrapper table tbody a:not(.text-muted, .text-primary, .text-danger, .text-warning, .text-success, .text-info):hover {
    color: var(--colors-secondary-500);
}

.dataTables_wrapper table tbody a:not(.text-muted, .text-primary, .text-danger, .text-warning, .text-success, .text-info):focus {
    color: var(--colors-secondary-500);
}

.dataTables_wrapper table tbody a.btn-primary,
.dataTables_wrapper table tbody a.btn-default,
.dataTables_wrapper table tbody a.btn-danger,
.dataTables_wrapper table tbody a.btn-warning,
.dataTables_wrapper table tbody a.btn-success,
.dataTables_wrapper table tbody a.btn-info {
    color: var(--colors-white) !important;
}

.dataTables_filter .input-group-addon,
.dataTables_filter input,
.dataTables_length select {
    background-color: var(--colors-white)
}

div.dataTables_wrapper .dt-buttons .btn-default {
    background-color: var(--colors-secondary-500)
}

div.dataTables_wrapper .dt-buttons .btn-default:hover {
    background-color: var(--colors-secondary-600)
}

div.dataTables_wrapper .btn-dt-reload,
div.dataTables_wrapper .btn-dt-reload:hover {
    border-radius: 0 !important
}

table.dataTable:has(.mass_select_all_wrap) tbody > tr > td:first-child {
    border-color: var(--colors-neutral-200)
}

table.dataTable tbody tr.has-border-left.row-border-info:after {
    border-color: var(--colors-info-500)
}

table.dataTable tbody tr.has-border-left.row-border-warning:after {
    border-color: var(--colors-warning-500)
}

.nav > li.disabled > a {
    color: var(--colors-primary-300)
}

.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
    background-color: transparent;
    color: var(--colors-primary-300)
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: var(--colors-white);
    border-color: var(--colors-primary-500)
}

.nav .nav-divider {
    background-color: var(--colors-neutral-200)
}

.nav-tabs-segmented > li > a > .badge {
    background-color: var(--colors-primary-500);
}

.nav-tabs,
.nav-tabs > li > a {
    background-color: transparent
}

.nav-tabs {
    border-color: var(--colors-neutral-200)
}

.nav-tabs > li > a {
    color: var(--colors-primary-500)
}

.nav > li > a:focus,
.nav > li > a:hover {
    color: var(--colors-secondary-500);
    background-color: transparent
}

.nav-tabs > li.active > a .caret,
.nav-tabs > li.active > a:focus .caret,
.nav-tabs > li.active > a:hover .caret,
.nav > li > a:focus .caret,
.nav > li > a:hover .caret {
    border-color: var(--colors-secondary-500)
}

.nav-tabs > li > a:hover {
    border-color: var(--colors-secondary-500)
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-radius: 0;
    border-color: var(--colors-secondary-500);
    color: var(--colors-secondary-500);
    background-color: transparent
}

.nav-tabs > li.active > a i.menu-icon,
.nav-tabs > li.active > a:focus i.menu-icon,
.nav-tabs > li.active > a:hover i.menu-icon {
    color: var(--colors-secondary-500)
}

.nav-pills > li > a,
.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
    border-radius: 0
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid var(--colors-neutral-200)
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid var(--colors-neutral-200);
        border-radius: 0 0 0 0
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: var(--colors-white)
    }
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: var(--colors-white);
    background-color: var(--colors-primary-500)
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover {
    border: 1px solid var(--colors-neutral-200)
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid var(--colors-neutral-200)
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs-justified > .active > a:hover {
        border-bottom-color: var(--colors-white)
    }
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-pills-flat {
    background-color: var(--colors-white);
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06) !important
}

.navbar-pills-flat > li > a {
    border-color: var(--colors-neutral-200);
    color: var(--colors-primary-500)
}

.navbar-pills-flat > li:first-child a {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-pills-flat > li:last-child a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.navbar-pills-flat > li > a:hover {
    border-color: var(--colors-neutral-200)
}

.navbar-pills-flat > li.active > a,
.navbar-pills-flat > li.active > a:focus,
.navbar-pills-flat > li.active > a:hover {
    border-color: var(--colors-neutral-200)
}

.horizontal-scrollable-tabs .scroller {
    background-color: var(--colors-white);
    color: var(--colors-primary-500);
    border-color: transparent
}

.horizontal-scrollable-tabs .scroller:hover {
    color: var(--colors-secondary-500);
}

.nav-tabs-segmented.nav-tabs,
.nav-tabs-segmented > li.active > a,
.nav-tabs-segmented > li > a {
    border-bottom: 0
}

.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal.nav-tabs-segmented,
.nav-tabs-segmented {
    background-color: var(--colors-white);
    border-radius: 0
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
.nav-tabs-segmented > li > a,
a,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    color: var(--colors-primary-500)
}

.nav-tabs-segmented .open > a,
.nav-tabs-segmented .open > a:focus,
.nav-tabs-segmented .open > a:hover,
.nav-tabs-segmented > li.active > a {
    background-color: var(--colors-white);
    border-radius: 0;
    box-shadow: none
}

.nav-tabs-segmented > li > a:focus,
.nav-tabs-segmented > li > a:hover {
    border-bottom: 0
}

.nav-tabs-segmented > li.active > a:focus,
.nav-tabs-segmented > li.active > a:hover {
    background-color: var(--colors-white);
    border-radius: 0
}

.horizontal-scrollable-tabs:has(.nav-tabs-segmented) .scroller {
    background-color: var(--colors-white)
}

.horizontal-scrollable-tabs:has(.nav-tabs-segmented) .arrow-left,
.horizontal-scrollable-tabs:has(.nav-tabs-segmented) .arrow-right {
    border-radius: 0
}

.caret {
    border: solid var(--colors-primary-500)
}

.tox-dialog-wrap__backdrop,
.tox-dialog-wrap__backdrop--opaque {
    background-color: rgba(var(--colors-primary-500-rgba), 0.25) !important
}

@media (max-width: 768px) {
    .tox-dialog-wrap__backdrop--opaque {
        background-color: var(--colors-white) !important
    }
}

#dropzoneDragArea,
.dropzoneDragArea {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
    border-radius: 0;
    color: var(--colors-primary-500)
}

#dropzoneDragArea:hover,
.dropzoneDragArea:hover,
form.dropzone:hover {
    background-color: var(--colors-neutral-50)
}

.dropzone .dz-message,
.dropzone .dz-preview .dz-details .dz-filename:hover span {
    color: var(--colors-primary-500)
}

.dropzone .dz-preview .dz-image {
    border-radius: 0;
    background: var(--colors-neutral-50)
}

.dz-details,
.dz-details:hover {
    background: var(--colors-neutral-50);
    opacity: 1;
    color: var(--colors-white)
}

.text-muted {
    color: var(--colors-muted)
}

a.text-muted:focus,
a.text-muted:hover {
    color: var(--colors-secondary-500)
}

.text-primary {
    color: var(--colors-primary-500)
}

a.text-primary:focus,
a.text-primary:hover {
    color: var(--colors-primary-600)
}

.text-success {
    color: var(--colors-success-500)
}

a.text-success:focus,
a.text-success:hover {
    color: var(--colors-success-600)
}

.text-info {
    color: var(--colors-info-500)
}

a.text-info:focus,
a.text-info:hover {
    color: var(--colors-info-600)
}

.text-warning {
    color: var(--colors-warning-500)
}

a.text-warning:focus,
a.text-warning:hover {
    color: var(--colors-warning-600)
}

.text-danger {
    color: var(--colors-danger-500)
}

a.text-danger:focus,
a.text-danger:hover {
    color: var(--colors-danger-600)
}

.tox-tinymce {
    border-color: var(--colors-neutral-200) !important;
    border-radius: 0 !important
}

.tox .tox-edit-area__iframe {
    background-color: var(--colors-neutral-50) !important
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
    box-shadow: none !important;
    border-color: var(--colors-neutral-200) !important
}

.tox .tox-mbtn--active,
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
    background-color: var(--colors-neutral-100) !important
}

[class*="tw-text-neutral-"]:not([class*='tw-text-white']) {
    color: var(--colors-primary-500);
}

[class*="!tw-text-neutral-"]:not([class*='tw-text-white']) {
    color: var(--colors-primary-500) !important;
}

a[class*="tw-text-neutral-"]:not([class*='tw-text-white']):hover,
a[class*="tw-text-neutral-"]:not([class*='tw-text-white']):focus {
    color: var(--colors-primary-500);
}

[class*="tw-text-"]:not([class*="hover:tw-bg"])[class*=" hover:tw-text-neutral-"]:hover {
    color: var(--colors-secondary-500);
}

[class*="tw-text-"][class*="hover:tw-bg"][class*=" hover:tw-text-neutral-"]:hover {
    color: var(--colors-primary-500);
}

[class*="tw-text-"]:not([class*="hover:tw-bg"])[class*=" hover:!tw-text-neutral-"]:hover {
    color: var(--colors-secondary-500) !important;
}

[class*="tw-text-"][class*="hover:tw-bg"][class*=" hover:!tw-text-neutral-"]:hover {
    color: var(--colors-primary-500) !important;
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"])[class*=" focus:tw-text-neutral-"]:focus {
    color: var(--colors-secondary-500);
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"])[class*=" focus:!tw-text-neutral-"]:focus {
    color: var(--colors-secondary-500) !important;
}

[class*="tw-text-"][class*="hover:tw-bg"][class*=" focus:tw-text-neutral-"]:focus {
    color: var(--colors-primary-500);
}

[class*="tw-text-"][class*="hover:tw-bg"][class*=" focus:!tw-text-neutral-"]:focus {
    color: var(--colors-primary-500) !important;
}

[class*="tw-text-"][class*="focus:tw-bg"][class*=" focus:tw-text-neutral-"]:focus {
    color: var(--colors-primary-500);
}

[class*="tw-text-"][class*="focus:tw-bg"][class*=" focus:!tw-text-neutral-"]:focus {
    color: var(--colors-primary-500) !important;
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"]):not([class*="active:tw-bg"])[class*=" active:tw-text-neutral-"]:active {
    color: var(--colors-secondary-500);
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"]):not([class*="active:tw-bg"])[class*=" data-[active=true]:tw-text-neutral-"][data-active='true'] {
    color: var(--colors-secondary-500);
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"]):not([class*="active:tw-bg"])[class*=" active:!tw-text-neutral-"]:active {
    color: var(--colors-secondary-500) !important;
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"]):not([class*="active:tw-bg"])[class*=" data-[active=true]:!tw-text-neutral-"][data-active='true'] {
    color: var(--colors-secondary-500) !important;
}

[class*="tw-text-primary-"]:not([class*='tw-text-white']) {
    color: var(--colors-primary-500);
}

[class*="!tw-text-primary-"]:not([class*='tw-text-white']) {
    color: var(--colors-primary-500) !important;
}

a[class*="tw-text-primary-"]:not([class*='tw-text-white']):hover,
a[class*="tw-text-primary-"]:not([class*='tw-text-white']):focus {
    color: var(--colors-primary-500);
}

[class*="tw-text-"]:not([class*="hover:tw-bg"])[class*=" hover:tw-text-primary-"]:hover {
    color: var(--colors-secondary-500);
}

[class*="tw-text-"]:not([class*="hover:tw-bg"])[class*=" hover:!tw-text-primary-"]:hover {
    color: var(--colors-secondary-500) !important;
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"])[class*=" focus:tw-text-primary-"]:focus {
    color: var(--colors-secondary-500);
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"])[class*=" focus:!tw-text-primary-"]:focus {
    color: var(--colors-secondary-500) !important;
}

[class*="tw-text-"][class*="focus:tw-bg"][class*=" focus:tw-text-primary-"]:focus {
    color: var(--colors-primary-500);
}

[class*="tw-text-"][class*="focus:tw-bg"][class*=" focus:!tw-text-primary-"]:focus {
    color: var(--colors-primary-500) !important;
}

[class*="tw-text-"][class*="hover:tw-bg"][class*=" focus:tw-text-primary-"]:focus {
    color: var(--colors-primary-500);
}

[class*="tw-text-"][class*="hover:tw-bg"][class*=" focus:!tw-text-primary-"]:focus {
    color: var(--colors-primary-500) !important;
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"]):not([class*="active:tw-bg"])[class*=" active:tw-text-primary-"]:active {
    color: var(--colors-secondary-500);
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"]):not([class*="active:tw-bg"])[class*=" data-[active=true]:!tw-text-neutral-"][data-active='true'] {
    color: var(--colors-secondary-500);
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"]):not([class*="active:tw-bg"])[class*=" active:!tw-text-primary-"]:active {
    color: var(--colors-secondary-500) !important;
}

[class*="tw-text-"]:not([class*="hover:tw-bg"]):not([class*="focus:tw-bg"]):not([class*="active:tw-bg"])[class*=" data-[active=true]:!tw-text-neutral-"][data-active='true'] {
    color: var(--colors-secondary-500) !important;
}

.tw-group:not([class*="hover:tw-bg"]):hover [class*="group-hover"][class*="tw-text-neutral-"] {
    color: var(--colors-secondary-500);
}

.tw-group:not([class*="hover:tw-bg"]):hover [class*="group-hover"][class*="!tw-text-neutral-"] {
    color: var(--colors-secondary-500) !important;
}

.tw-group:not([class*="hover:tw-bg"]):focus [class*="group-hover"][class*="tw-text-neutral-"],
.tw-group:not([class*="focus:tw-bg"]):focus [class*="group-focus"][class*="tw-text-neutral-"] {
    color: var(--colors-secondary-500);
}

.tw-group:not([class*="hover:tw-bg"]):focus [class*="group-hover"][class*="!tw-text-neutral-"],
.tw-group:not([class*="focus:tw-bg"]):focus [class*="group-focus"][class*="!tw-text-neutral-"] {
    color: var(--colors-secondary-500) !important;
}

[class*="tw-text-danger-"]:not([class*='tw-text-white']) {
    color: var(--colors-danger-500);
}

[class*="!tw-text-danger-"]:not([class*='tw-text-white']) {
    color: var(--colors-danger-500) !important;
}

[class*="tw-text-warning-"]:not([class*='tw-text-white']) {
    color: var(--colors-warning-500);
}

[class*="!tw-text-warning-"]:not([class*='tw-text-white']) {
    color: var(--colors-warning-500) !important;
}

[class*="tw-text-success-"]:not([class*='tw-text-white']) {
    color: var(--colors-success-500);
}

[class*="!tw-text-success-"]:not([class*='tw-text-white']) {
    color: var(--colors-success-500) !important;
}

[class*="tw-text-info-"]:not([class*='tw-text-white']) {
    color: var(--colors-info-500);
}

[class*="!tw-text-info-"]:not([class*='tw-text-white']) {
    color: var(--colors-info-500) !important;
}

[class*="tw-border-neutral-"] {
    border-color: var(--colors-neutral-200);
}

[class*=" hover:tw-border-neutral-"]:hover {
    border-color: var(--colors-neutral-200);
}

[class*=" focus:tw-border-neutral-"]:focus {
    border-color: var(--colors-neutral-200);
}

[class*=" active:tw-border-neutral-"]:active {
    border-color: var(--colors-neutral-200);
}

[class*=" data-[active=true]:tw-border-neutral-"][data-active='true'] {
    border-color: var(--colors-neutral-200);
}

[class*="!tw-border-neutral-"] {
    border-color: var(--colors-neutral-200) !important;
}

[class*=" hover:!tw-border-neutral-"]:hover {
    border-color: var(--colors-neutral-200) !important;
}

[class*=" focus:!tw-border-neutral-"]:focus {
    border-color: var(--colors-neutral-200) !important;
}

[class*=" active:!tw-border-neutral-"]:active {
    border-color: var(--colors-neutral-200) !important;
}

[class*=" data-[active=true]!tw-border-neutral-"][data-active='true'] {
    border-color: var(--colors-neutral-200) !important;
}

[class*=" tw-bg-neutral-"]:not([class*="tw-bg-white"]):not([class*="tw-bg-transparent"]) {
    background-color: var(--colors-neutral-50);
}

[class*=" tw-bg-neutral-500"]:not([class*="tw-bg-white"]):not([class*="tw-bg-transparent"]) {
    background-color: var(--colors-primary-500);
}

[class*=" tw-bg-neutral-600"]:not([class*="tw-bg-white"]):not([class*="tw-bg-transparent"]) {
    background-color: var(--colors-primary-500);
}

[class*=" tw-bg-neutral-700"]:not([class*="tw-bg-white"]):not([class*="tw-bg-transparent"]) {
    background-color: var(--colors-primary-500);
}

[class*=" tw-bg-neutral-800"]:not([class*="tw-bg-white"]):not([class*="tw-bg-transparent"]) {
    background-color: var(--colors-primary-500);
}

[class*=" tw-bg-neutral-900"]:not([class*="tw-bg-white"]):not([class*="tw-bg-transparent"]) {
    background-color: var(--colors-primary-500);
}

[class*=" !tw-bg-neutral-"]:not([class*="tw-bg-white"]):not([class*="tw-bg-transparent"]) {
    background-color: var(--colors-neutral-50) !important;
}

[class*="tw-bg-neutral-"][class*="hover:tw-bg-neutral-"]:hover {
    background-color: var(--colors-neutral-100);
}

[class*="tw-bg-neutral-"][class*="hover:!tw-bg-neutral-"]:hover {
    background-color: var(--colors-neutral-100) !important;
}

[class*="tw-bg-neutral-"][class*="focus:tw-bg-neutral-"]:focus {
    background-color: var(--colors-neutral-100);
}

[class*="tw-bg-neutral-"][class*="focus:!tw-bg-neutral-"]:focus {
    background-color: var(--colors-neutral-100) !important;
}

[class*="tw-bg-neutral-"][class*="active:tw-bg-neutral-"]:active {
    background-color: var(--colors-neutral-100);
}

[class*="tw-bg-neutral-"][class*="active:!tw-bg-neutral-"]:active {
    background-color: var(--colors-neutral-100) !important;
}

[class*="tw-bg-neutral-"][class*=" data-[active=true]:tw-bg-neutral-"][data-active='true'] {
    background-color: var(--colors-neutral-100);
}

[class*="tw-bg-neutral-"][class*=" data-[active=true]:!tw-bg-neutral-"][data-active='true'] {
    background-color: var(--colors-neutral-100) !important;
}

[class*="tw-rounded"]:not([class*="tw-rounded-full"]) {
    border-radius: 0;
}

[class*="!tw-rounded"]:not([class*="tw-rounded-full"]) {
    border-radius: 0 !important;
}

[class*="tw-shadow"]:not([class*="tw-shadow-none"]) {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
}

[class*="!tw-shadow"]:not([class*="tw-shadow-none"]) {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06) !important;
}

[class*="tw-ring-"] {
    box-shadow: none;
}

[class*="!tw-ring-"] {
    box-shadow: none !important;
}

[class*=" tw-bg-primary-600"] {
    background-color: var(--colors-primary-500);
}

.tw-group:hover [class*=" tw-bg-primary-600"][class*="group-hover"][class*="tw-bg-primary-"] {
    background-color: var(--colors-primary-600);
}

.tw-group:hover [class*=" tw-bg-primary-600"][class*="group-hover"][class*="!tw-bg-primary-"] {
    background-color: var(--colors-primary-600) !important;
}

[class*=" tw-bg-primary-700"] {
    background-color: var(--colors-primary-500);
}

.tw-group:hover [class*=" tw-bg-primary-700"][class*="group-hover"][class*="tw-bg-primary-"] {
    background-color: var(--colors-primary-600);
}

.tw-group:hover [class*=" tw-bg-primary-700"][class*="group-hover"][class*="!tw-bg-primary-"] {
    background-color: var(--colors-primary-600) !important;
}

[class*=" tw-bg-primary-800"] {
    background-color: var(--colors-primary-500);
}

.tw-group:hover [class*=" tw-bg-primary-800"][class*="group-hover"][class*="tw-bg-primary-"] {
    background-color: var(--colors-primary-600);
}

.tw-group:hover [class*=" tw-bg-primary-800"][class*="group-hover"][class*="!tw-bg-primary-"] {
    background-color: var(--colors-primary-600) !important;
}

[class*=" tw-bg-primary-900"] {
    background-color: var(--colors-primary-500);
}

.tw-group:hover [class*=" tw-bg-primary-900"][class*="group-hover"][class*="tw-bg-primary-"] {
    background-color: var(--colors-primary-600);
}

.tw-group:hover [class*=" tw-bg-primary-900"][class*="group-hover"][class*="!tw-bg-primary-"] {
    background-color: var(--colors-primary-600) !important;
}


.dropdown-menu .tw-group:hover [class*="group-hover"][class*="tw-text-neutral-"] {
    color: var(--colors-primary-500) !important
}

body .input-transparent {
    box-shadow: none !important
}

.tw-grid div.tw-border {
    border: 0;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
}

.tw-grid.tw-overflow-x-auto {
    overflow-x: unset;
}

.todo-body {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

ul.todo li {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0
}

#notifications,
.profile,
body.forgot-password [class*="tw-border"],
body.login_admin [class*="tw-border"] {
    border: 0
}

.home-summary a:active,
.home-summary a:hover {
    opacity: 1
}

.finance-summary hr.-tw-mx-8 {
    margin-left: 0;
    margin-right: 0
}

body .input-transparent {
    outline: 0;
    border: 0 !important;
    background: 0 0
}

body.forgot-password[class*="tw-bg-neutral-"]:not([class*="tw-bg-white"]),
body.login_admin[class*="tw-bg-neutral-"]:not([class*="tw-bg-white"]) {
    background-color: var(--colors-white) !important
}

.horizontal-tabs {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06)
}

.project-dragger {
    width: 15px;
    height: 27px;
    margin: auto;
    z-index: 50;
    background-position: left top !important
}

.jquery-comments .textarea-wrapper .control-row > span.upload {
    background-color: var(--colors-secondary-500);
}

.jquery-comments ul.main li.comment .actions > *,
.jquery-comments ul.main li.comment .name,
.jquery-comments ul.navigation li {
    color: var(--colors-primary-500)
}

body .jquery-comments .highlight-font-bold {
    color: var(--colors-primary-500) !important;
}

.jquery-comments .textarea-wrapper .textarea {
    border-color: var(--colors-neutral-200)
}

.jquery-comments [contentEditable=true]:empty:not(:focus):before {
    color: var(--colors-primary-500)
}

body .jquery-comments .highlight-background {
    background-color: var(--colors-primary-500) !important
}

.jquery-comments .textarea-wrapper .textarea:active,
.jquery-comments .textarea-wrapper .textarea:focus {
    border-color: var(--colors-primary-500)
}

.jquery-comments .textarea-wrapper .control-row > span,
.jquery-comments .textarea-wrapper .textarea,
.navbar {
    border-radius: 0
}

.jquery-comments a[href] {
    color: var(--colors-primary-500);
}

.jquery-comments .textarea,
.jquery-comments input,
.jquery-comments button {
    background-color: transparent;
}

.jquery-comments .tag {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
}

.jquery-comments .tag:hover {
    background-color: var(--colors-neutral-100);
    border-color: var(--colors-neutral-200);
}

.jquery-comments .spinner {
    color: var(--colors-primary-500);
}

.jquery-comments .textarea-wrapper:before {
    border-color: var(--colors-neutral-200);
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.jquery-comments .textarea-wrapper:after {
    border-color: var(--colors-white);
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.jquery-comments .textarea-wrapper .inline-button {
    border-color: transparent;
}

.jquery-comments .textarea-wrapper .close span {
    background-color: var(--colors-primary-500);
}

.jquery-comments .textarea-wrapper .textarea {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
}

.jquery-comments .textarea-wrapper .control-row > span {
    color: var(--colors-white);
    border-color: transparent;
}

.jquery-comments ul.navigation {
    color: var(--colors-white);
    border-bottom-color: var(--colors-neutral-200);
}

.jquery-comments ul.navigation li.active,
.jquery-comments ul.navigation li:hover {
    color: var(--colors-secondary-500);
}

body .jquery-comments ul.navigation li.active:after {
    background-color: var(--colors-secondary-500) !important;
}

.jquery-comments ul.navigation .navigation-wrapper.responsive li.title header:after {
    border-top-color: var(--colors-neutral-200);
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

body .jquery-comments ul.navigation ul.dropdown li.active {
    background-color: var(--colors-neutral-100) !important;
}

.jquery-comments ul.navigation .navigation-wrapper.responsive li.title.active header:after,
.jquery-comments ul.navigation .navigation-wrapper.responsive li.title:hover header:after {
    border-top-color: var(--colors-neutral-200);
}

.jquery-comments ul.dropdown {
    background-color: var(--colors-white);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    border: 0;
}

.jquery-comments ul.dropdown li.active {
    background-color: var(--colors-neutral-100);
}

.jquery-comments ul.dropdown li .email {
    color: var(--colors-primary-500);
}

.jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown li {
    color: var(--colors-primary-500);
}

.jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown li.active {
    color: var(--colors-primary-500);
}

.jquery-comments ul.navigation .navigation-wrapper.responsive ul.dropdown li:hover:not(.active) {
    background-color: var(--colors-neutral-100);
}

.jquery-comments .no-data {
    color: var(--colors-muted);
}

.jquery-comments ul.main li.comment .comment-wrapper {
    border-top-color: var(--colors-neutral-200);
}

.jquery-comments ul.main li.comment time {
    color: var(--colors-primary-500);
}

.jquery-comments ul.main li.comment .name .reply-to {
    color: var(--colors-primary-500);
}

.jquery-comments ul.main li.comment .name .new {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
}

.jquery-comments ul.main li.comment .wrapper .content time.edited {
    color: var(--colors-primary-500);
}

.jquery-comments ul.main li.comment .actions > * {
    color: var(--colors-primary-500);
}

.jquery-comments ul.main li.comment .actions .action:not(.upvote):hover,
.jquery-comments ul.main li.comment .actions .action.upvote:not(.highlight-font) i:hover {
    color: var(--colors-secondary-500);
}

.jquery-comments ul.main li.comment .child-comments li.toggle-all .caret {
    border-color: var(--colors-primary-500);
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.jquery-comments ul.main li.comment .child-comments li.toggle-all .caret.up {
    border-top-color: transparent;
    border-bottom-color: inherit;
}

.jquery-comments .droppable-overlay {
    background-color: var(--colors-primary-500);
    opacity: 0.3;
}

.jquery-comments .droppable-overlay .droppable-container .droppable {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
}

.jquery-comments .droppable-overlay .droppable-container .droppable.drag-over {
    color: var(--colors-primary-500);
}

.tooltip > .tooltip-inner {
    background-color: var(--colors-primary-500)
}

.tooltip-inner {
    color: var(--colors-white) !important;
    background-color: var(--colors-primary-500)
}

.ticket-reply-tools [class*="tw-bg-neutral-"]:not([class*=":tw-bg-neutral-"]):not([class*="tw-bg-white"]):not([class*="tw-bg-transparent"]) {
    background-color: var(--colors-white);
}

.ticket-status-inline .label {
    color: var(--colors-white);
}

body .form-wrap.form-builder .form-control:focus {
    box-shadow: none;
}

body .form-wrap.form-builder .fb-required, body .form-wrap.form-builder .required-asterisk {
    color: var(--colors-danger-500);
}

body .form-wrap.form-builder .fb-autocomplete-list {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .fb-autocomplete-list li.active-option,
body .form-wrap.form-builder .fb-autocomplete-list li:hover {
    background-color: var(--colors-neutral-50);
}

body .form-wrap.form-builder .cb-wrap h4 {
    color: var(--colors-primary-500);
}

body .form-wrap.form-builder .frmb-control li {
    background-color: var(--colors-white);
    box-shadow: none;
}

body .form-wrap.form-builder .frmb-control li:hover {
    background-color: var(--colors-neutral-50);
}

body .form-wrap.form-builder .frmb-control li.ui-sortable-helper {
    box-shadow: none;
    border-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .frmb-control.sort-enabled li.ui-state-highlight {
    background: radial-gradient(ellipse at center, var(--colors-neutral-100) 0, transparent 75%);
}

body .form-wrap.form-builder .empty .frmb {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .frmb .fb-required {
    color: var(--colors-danger-500);
}

body .form-wrap.form-builder .frmb > li:hover {
    box-shadow: none;
    border-color: var(--colors-primary-500);
}

body .form-wrap.form-builder .frmb > li:hover li :hover {
    background-color: var(--colors-neutral-50);
}

body .form-wrap.form-builder .frmb li {
    background-color: var(--colors-white);
}

body .form-wrap.form-builder .frmb li.hidden-field {
    background-color: var(--colors-neutral-50);
}

body .form-wrap.form-builder .frmb li.frmb-placeholder,
body .form-wrap.form-builder .frmb li.ui-state-highlight {
    background: radial-gradient(ellipse at center, var(--colors-primary-500) 0, transparent 75%);
}

body .form-wrap.form-builder .frmb li.moving, body .form-wrap.form-builder .frmb li.ui-sortable-helper {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    border-color: var(--colors-white);
}

body .form-wrap.form-builder .frmb li.disabled-field label {
    color: var(--colors-danger-500);
}

body .form-wrap.form-builder .frmb li .close-field {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
    border-top-color: var(--colors-neutral-200);
    border-left-color: var(--colors-neutral-200);
    border-right-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .frmb li.delete:hover,
body .form-wrap.form-builder .frmb li.delete:hover .close-field,
body .form-wrap.form-builder .frmb li.deleting,
body .form-wrap.form-builder .frmb li.deleting .close-field,
body .form-wrap.form-builder .frmb li:hover li.delete:hover,
body .form-wrap.form-builder .frmb li:hover li.delete:hover .close-field {
    background-color: var(--colors-danger-50);
}

body .form-wrap.form-builder .frmb .prev-holder input[type="number"],
body .form-wrap.form-builder .frmb .prev-holder input[type="text"],
body .form-wrap.form-builder .frmb .prev-holder select,
body .form-wrap.form-builder .frmb .prev-holder textarea {
    background-color: var(--colors-white);
    box-shadow: none;
    border-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .frmb .field-label, body .form-wrap.form-builder .frmb .legend {
    color: var(--colors-primary-500);
}

body .form-wrap.form-builder .frmb .field-actions a:hover {
    color: var(--colors-secondary-500);
}

body .form-wrap.form-builder .frmb .field-actions .btn {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .frmb .field-actions .toggle-form:hover {
    color: var(--colors-white);
    background-color: var(--colors-info-500);
}

body .form-wrap.form-builder .frmb .field-actions .copy-button:hover {
    color: var(--colors-white);
    background-color: var(--colors-success-500);
}

body .form-wrap.form-builder .frmb .field-actions .del-button:hover {
    color: var(--colors-white);
    background-color: var(--colors-danger-500);
}

body .form-wrap.form-builder .frmb .option-actions a,
body .form-wrap.form-builder .frmb .option-actions button {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .frmb .sortable-options {
    background-color: var(--colors-neutral-500);
}

body .form-wrap.form-builder .frmb .sortable-options > li .remove {
    color: var(--colors-white);
}

body .form-wrap.form-builder .frmb .sortable-options > li .remove:hover {
    color: var(--colors-white);
    background-color: var(--colors-danger-500);
}

body .form-wrap.form-builder .frmb .style-wrap button.selected {
    box-shadow: none;
    border-color: var(--colors-primary-500);
}

body .form-wrap.form-builder .frmb .form-elements {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .frmb .form-elements input[type="color"],
body .form-wrap.form-builder .frmb .form-elements input[type="date"],
body .form-wrap.form-builder .frmb .form-elements input[type="number"],
body .form-wrap.form-builder .frmb .form-elements input[type="text"],
body .form-wrap.form-builder .frmb .form-elements select,
body .form-wrap.form-builder .frmb .form-elements textarea {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .frmb .form-elements input.error {
    border-color: var(--colors-danger-500);
}

body .form-wrap.form-builder .frmb .form-elements input.field-error {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .frmb .form-elements .available-roles {
    background-color: var(--colors-neutral-50);
    box-shadow: none;
}

body .form-wrap.form-builder [tooltip]:hover:after {
    color: var(--colors-white);
    background: rgba(var(--colors-primary-500-rgba), 0.9);
}

body .form-wrap.form-builder [tooltip]:hover:before {
    border-color: var(--colors-primary-500) transparent;
}

body .form-wrap.form-builder .tooltip-element {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
}

body .form-wrap.form-builder .kc-toggle span {
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .kc-toggle span:after {
    background: linear-gradient(180deg, var(--colors-white) 0, var(--colors-neutral-200));
    border-color: var(--colors-neutral-200);
}

body .form-wrap.form-builder .kc-toggle span:before {
    box-shadow: none;
}

body .form-wrap.form-builder .kc-toggle input:checked + span:before {
    background-color: var(--colors-success-500);
}

body .stage-wrap h4 {
    color: var(--colors-primary-500);
}

body .frmb-tt {
    color: var(--colors-white);
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
}

body .frmb-tt:before {
    border-color: var(--colors-neutral-200) transparent;
}

body .frmb-tt:after, body .frmb-tt:before {
    border-color: var(--colors-neutral-200) transparent;
}

body .frmb-tt a {
    color: var(--colors-white);
}

body .toggle-form:hover {
    border-color: var(--colors-neutral-200);
}

body .formb-field-vars .copy-var {
    background-color: var(--colors-neutral-50);
}

body .form-builder-overlay {
    background-color: rgba(var(--colors-primary-500-rgba), 0.5);
}

body .form-builder-dialog {
    background-color: var(--colors-white);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
}

body .form-builder-dialog.data-dialog {
    background-color: var(--colors-neutral-50);
}

body .form-builder-dialog.data-dialog pre {
    color: var(--colors-primary-500);
    background: none;
}

body .form-builder-dialog.positioned .button-wrap:before {
    border-top-color: var(--colors-white);
    border-left-color: transparent;
    border-right-color: transparent;
}

body .form-wrap.form-builder .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body .form-wrap.form-builder .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

body .form-wrap.form-builder .btn-group .input-group-addon:last-child,
body .form-wrap.form-builder .btn-group .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
body .form-wrap.form-builder .btn-group .input-group-btn:first-child > .btn:not(:first-child),
body .form-wrap.form-builder .btn-group .input-group-btn:last-child > .btn,
body .form-wrap.form-builder .btn-group .input-group-btn:last-child > .btn-group > .btn,
body .form-wrap.form-builder .btn-group .input-group-btn:last-child > .dropdown-toggle,
body .form-wrap.form-builder .btn-group .input-group .form-control:last-child,
body .form-wrap.form-builder .btn-group > .btn:last-child:not(:first-child),
body .form-wrap.form-builder .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body .form-wrap.form-builder .btn {
    border-radius: 0;
}

body .form-wrap.form-builder .btn.btn-lg {
    border-radius: 0;
}

body .form-wrap.form-builder .btn.btn-sm {
    border-radius: 0;
}

body .form-wrap.form-builder .btn.btn-xs {
    border-radius: 0;
}

body .form-wrap.form-builder .input-group-addon:last-child,
body .form-wrap.form-builder .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
body .form-wrap.form-builder .input-group-btn:first-child > .btn:not(:first-child),
body .form-wrap.form-builder .input-group-btn:last-child > .btn,
body .form-wrap.form-builder .input-group-btn:last-child > .btn-group > .btn,
body .form-wrap.form-builder .input-group-btn:last-child > .dropdown-toggle,
body .form-wrap.form-builder .input-group .form-control:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body .form-wrap.form-builder .form-control {
    border-radius: 0;
}

body .form-wrap.form-builder .frmb-control {
    border-radius: 0;
}

body .form-wrap.form-builder .frmb-control li:first-child {
    border-radius: 0 0 0 0;
}

body .form-wrap.form-builder .frmb-control li:last-child {
    border-radius: 0 0 0 0;
}

body .form-wrap.form-builder .frmb-control li.ui-sortable-helper {
    border-radius: 0;
}

body .form-wrap.form-builder .fb-mobile .form-actions button {
    border-radius: 0 !important;
}

body .form-wrap.form-builder .fb-mobile .form-actions button:first-child {
    border-radius: 0 0 0 0 !important;
}

body .form-wrap.form-builder .fb-mobile .form-actions button:last-child {
    border-radius: 0 0 0 0 !important;
}

body .form-wrap.form-builder .frmb li:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

body .form-wrap.form-builder .frmb li:first-child .field-actions .btn:last-child {
    border-radius: 0 0 0 0;
}

body .form-wrap.form-builder .frmb li:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

body .form-wrap.form-builder .frmb li.moving, body .form-wrap.form-builder .frmb li.ui-sortable-helper {
    border-radius: 0;
}

body .form-wrap.form-builder .frmb li .close-field {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

body .form-wrap.form-builder .frmb .field-actions .btn {
    border-radius: 0;
}

body .form-wrap.form-builder .frmb .field-actions .btn:first-child {
    border-bottom-left-radius: 0;
}

body .form-wrap.form-builder .frmb .option-actions a,
body .form-wrap.form-builder .frmb .option-actions button {
    border-radius: 0;
}

body .form-wrap.form-builder .frmb .sortable-options {
    border-radius: 0;
}

body .form-wrap.form-builder .frmb .form-elements {
    border-radius: 0;
}

body .form-wrap.form-builder [tooltip]:hover:after {
    border-radius: 0 0 0 0;
}

body .form-wrap.form-builder .tooltip-element {
    border-radius: 0;
}

body .form-wrap.form-builder .kc-toggle span {
    border-radius: 0;
}

body .form-wrap.form-builder .kc-toggle span:after {
    border-radius: 0;
}

body .form-wrap.form-builder .kc-toggle span:before {
    border-radius: 0;
}

body .frmb-tt {
    border-radius: 0;
}

body .form-builder-dialog {
    border-radius: 0;
}

body.styled .form-col {
    background-color: var(--colors-white);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06) !important;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06) !important;
}

body .form-col .form-group ~ p[id*='-error'] {
    margin-top: -15px;
    margin-bottom: 10px;
    font-size: 85%;
}

body #form_submit {
    background-color: var(--colors-primary-500) !important;
}

body #form_submit:hover {
    background-color: var(--colors-primary-600) !important;
}

div.styled-1 .form-col {
    margin-top: 50px;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--colors-white);
    background-clip: border-box;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06) !important;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06) !important;
    min-height: 1px;
    padding: 2rem;
}

div.styled-1 .select-placeholder::after {
    content: unset
}

div.styled-1 .select-placeholder label,
div.styled-1 .select-placeholder label small {
    filter: none;
    opacity: 1
}

div.styled-1 .logo {
    margin-top: 40px
}

div.styled-1 .logo img {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.tw-group\/top-search:focus-within .group-focus-within\/top-search\:tw-text-neutral-600 {
    color: var(--colors-primary-500);
}

.subscriptions [style='color:#03a9f4'] {
    color: var(--colors-muted) !important;
}

.table [style='color:#424242;'] {
    color: var(--colors-primary-500) !important;
}

#proposal-wrapper {
    overflow: unset;
}

@media (max-width: 767px) {
    .preview-sticky-header {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.tw-uppercase {
    text-transform: uppercase;
}

#proposal_content_area {
    border-radius: 0 !important;
    border-color: var(--colors-neutral-200) !important;
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: 23px;
}

.bs3.bootstrap-select.ajax-search .dropdown-toggle .filter-option {
    padding-right: 50px;
}

.bootstrap-select .dropdown-menu li small {
    font-weight: 400;
    display: block;
    padding-left: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

.bold, b, strong {
    font-weight: 600;
}

.navbar-nav > li > a,
.navbar-right .dropdown-menu.notifications li:last-child,
.sidebar ul.nav li .nav-second-level li a,
.todo-title,
#task #name,
.dd3-content,
.project-percent,
.show_quantity_as_wrapper span,
.lead-info-heading h4,
.screen-options-btn,
.gdpr-purpose .gdpr-purpose-heading {
    font-weight: 600;
}

.notification-wrapper .unread-notification {
    font-weight: 600 !important;
}

.notification-wrapper .unread-notification .notification-date {
    font-weight: 600 !important;
}

.bootstrap-select .status {
    font-weight: 600;
}

.jquery-comments .highlight-font-bold,
.jquery-comments ul.main li.comment .actions > *,
.jquery-comments ul.main li.comment .name,
.jquery-comments ul.navigation li {
    font-weight: 600 !important;
}

.tw-font-medium,
.label,
.label-tag,
.alert .alert-link,
.alert.float-alert .alert-title,
.btn, .btn-group > .btn,
ul.tagit li.tagit-choice,
ul.tagit-autocomplete .ui-menu-item-wrapper,
.dropdown-menu > li > a,
.dropdown-header,
.nav-tabs > li > a,
.list-group > li > a,
.navbar-pills-flat > li > a,
.badge,
.table > thead > tr > th,
.gantt .lower-text, .gantt .upper-text,
.fc .fc-daygrid-day-number,
.\[\&_\.btn\]\:tw-font-medium .btn {
    font-weight: 600;
}

.form-wrap.form-builder .frmb .field-label, .form-wrap.form-builder .frmb .legend {
    font-weight: 600 !important;
}

[id^=frmb-][id$=-form-wrap] .frmb .form-elements .false-label:first-child, [id^=frmb-][id$=-form-wrap] .frmb .form-elements label:first-child {
    font-weight: 600 !important;
}

.dropdown-menu.notifications > li > a {
    font-weight: 400;
}

*[style='color:black'] {
    color: var(--colors-primary-500) !important;
}

.settings #signature img {
    width: 147px;
}

.kb-search-jumbotron {
    margin-bottom: 50px;
}

.navbar a.navbar-brand img {
    height: 40px;
}

.customers .logo img {
    height: 50px;
}

textarea[data-task-ae-editor="1"] {
    opacity: 1;
}

#side-menu.nav > li.pinned_project a {
    color: var(--colors-primary-500) !important;
}

.task-modal-single .activity-feed {
    padding: 0;
}

.task-modal-single .activity-feed .feed-item {
    padding-top: 20px;
    padding-bottom: 15px;
}

.task-modal-single .activity-feed .feed-item:last-child {
    border: 1px solid var(--colors-neutral-200);
    background: var(--colors-neutral-50);
    border-bottom-right-radius: 0;
}

.task-inline-input-date {
    border: 0;
    padding: 0;
    outline: 0;
    box-shadow: none;
    width: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd" /></svg>') no-repeat center right;
    background-size: 0.9rem;
    width: 85px;
}

#task_comment {
    opacity: 1;
}

.highcharts-title {
    color: var(--colors-primary-500) !important;
    fill: var(--colors-primary-500) !important;
    font-weight: 600;
}

.highcharts-button-symbol {
    stroke: var(--colors-primary-500) !important;
}

.highcharts-button-hover .highcharts-button-box,
.highcharts-button-pressed .highcharts-button-box {
    fill: var(--colors-white) !important;
}

.highcharts-button-hover .highcharts-button-symbol,
.highcharts-button-pressed .highcharts-button-symbol {
    stroke: var(--colors-secondary-500) !important;
}

.highcharts-menu {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06) !important;
    border: 0 !important;
}

.highcharts-menu .highcharts-menu-item {
    color: var(--colors-primary-500) !important;
    font-weight: 500;
    line-height: 1.42857143;
    font-size: 13.5px !important;
}

.highcharts-menu .highcharts-menu-item:hover {
    background-color: var(--colors-neutral-50) !important;
    color: var(--colors-primary-500) !important;
}

.highcharts-axis-title {
    color: var(--colors-primary-500) !important;
    fill: var(--colors-primary-500) !important;
}

.highcharts-yaxis-labels text {
    color: var(--colors-primary-500) !important;
    fill: var(--colors-primary-500) !important;
}

.highcharts-xaxis-labels text {
    color: var(--colors-primary-500) !important;
    fill: var(--colors-primary-500) !important;
}

/* Module: Wiki */
body .wiki-nav {
    border-radius: 0;
}

body .wiki-nav .wiki-nav-item.active .wiki-nav-link {
    background-color: var(--colors-secondary-500);
}

body .wiki-article-panel .wiki-article-description {
    height: 35px;
}

body .wiki-article-panel .wiki-item-heading {
    height: auto;
}

body .wiki-article-panel .wiki-article-footer {
    height: 50px;
}

body .wiki-bookmark-off, body .wiki-bookmark-off:active, body .wiki-bookmark-off:focus {
    border-color: transparent !important;
}

body .wiki-bookmark-on, body .wiki-bookmark-on:active, body .wiki-bookmark-on:focus {
    border-color: var(--colors-warning-500) !important;
    background-color: var(--colors-warning-500) !important;
}

.wiki.books .content > .row,
.wiki.articles .content > .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wiki.books .content > .row > .col-md-4,
.wiki.articles .content > .row > .col-md-4 {
    padding-bottom: 25px;
}

.wiki.books .content > .row .wiki-item-panel,
.wiki.articles .content > .row .wiki-item-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: 0;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.wiki.books .content > .row .wiki-item-panel .panel-body,
.wiki.articles .content > .row .wiki-item-panel .panel-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
}

.wiki-book-title .wiki-book-heading:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .wiki.books .content > .row > .col-md-4,
    .wiki.articles .content > .row > .col-md-4 {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .wiki.books .content > .row > .col-md-4,
    .wiki.articles .content > .row > .col-md-4 {
        width: 100%;
    }
}

#note-panel {
    margin-bottom: 54px;
}

.mindmap-show #note-panel {
    display: none !important;
}

.mindmap-show.note-panel-visible #kityminder {
    right: 0 !important;
}

#tab-container.collapsed + #kityminder, #panel + #kityminder {
    top: 30px;
}

body .wiki-nav {
    border: 0;
}

body .wiki-nav .wiki-nav-item .wiki-nav-link {
    text-transform: none;
    font-weight: 600;
}

.wiki-page .sidebar {
    width: 230px;
    background: var(--colors-white);
    position: fixed;
    border-right: 1px solid transparent;
    bottom: 0;
    left: 0;
    top: 0;
    overflow-x: hidden;
    transition: 0.5s;
}

@media only screen and (max-width: 768px) {
    .wiki-page .sidebar {
        width: 0;
    }
}

.wiki-page .sidebar .header {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}

.wiki-page .sidebar .button-header {
    display: flex;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 20px;
}

.wiki-page .sidebar .tocify {
    padding-left: 7px;
    padding-right: 7px;
}

.wiki-page .sidebar #logo img {
    width: auto;
    height: 36px;
    text-align: center;
}

.wiki-page .sidebar .button-header a {
    display: block;
    color: var(--colors-white);
    background: var(--colors-primary-500);
    padding: 6px 13px;
    font-size: 12px;
    margin-top: 0.2rem;
    font-weight: 600;
    border: 1px solid transparent;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 50%;
    text-align: center;
    margin-right: 7px;
}

.wiki-page .sidebar .button-header a:last-child {
    margin-right: 0;
}

.wiki-page .sidebar > ul.nav > li {
    border-left: 2px solid transparent;
}

.wiki-page .sidebar .tocify ul.nav li a {
    color: var(--colors-primary-500);
    padding: 6px 13px;
    font-size: 13.5px;
    margin-top: 0.2rem;
    font-weight: 600;
    border: 1px solid transparent;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wiki-page .sidebar .tocify ul.nav li a i.menu-icon {
    margin-right: 14px;
    display: block;
    float: left;
    width: 18px;
    font-size: 18px;
    color: var(--colors-primary-500);
    text-align: center
}

.wiki-page .sidebar .tocify ul.nav > li.active a:first-child,
.wiki-page .sidebar .tocify ul.nav > li:hover a:first-child,
.wiki-page .sidebar .tocify ul.nav > li.parent-active a:first-child {
    background: var(--colors-secondary-500);
    border-radius: 0;
    box-shadow: none;
    border: 1px solid transparent;
}

.wiki-page .sidebar .tocify ul.nav li.active > a,
.wiki-page .sidebar .tocify ul.nav li.active > a .menu-icon,
.wiki-page .sidebar .tocify ul.nav li.parent-active > a,
.wiki-page .sidebar .tocify ul.nav li.parent-active > a .menu-icon,
.wiki-page .sidebar .tocify ul.nav > li > a:focus,
.wiki-page .sidebar .tocify ul.nav > li > a:focus .menu-icon,
.wiki-page .sidebar .tocify ul.nav > li > a:hover,
.wiki-page .sidebar .tocify ul.nav > li > a:hover .menu-icon {
    color: var(--colors-white);
}

.wiki-page .sidebar .tocify ul.nav .tocify-subheader li a {
    padding: 5px 15px 5px 15px;
    color: var(--colors-primary-500);
    font-size: 13.5px;
    margin-top: 0;
    font-weight: 500;
    background: 0 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}

.wiki-page .sidebar .tocify ul.nav > .tocify-subheader a .menu-icon {
    margin-right: 5px
}

.wiki-page .sidebar .tocify ul.nav .tocify-subheader li.active a {
    font-weight: 600;
    color: var(--colors-secondary-500);
    background: 0 0;
    box-shadow: none;
    border: 0;
}

.wiki-page .sidebar .tocify ul.nav .tocify-subheader > li:not(.active) > a:focus,
.wiki-page .sidebar .tocify ul.nav .tocify-subheader > li:not(.active) > a:hover {
    color: var(--colors-secondary-500);
}

.wiki-page .sidebar .tocify ul.nav .tocify-subheader a:focus .menu-icon,
.wiki-page .sidebar .tocify ul.nav .tocify-subheader a:hover .menu-icon {
    color: var(--colors-secondary-500);
}

.wiki-page .sidebar .tocify .arrow {
    float: right;
    padding-top: 5px
}

.wiki-page .sidebar .tocify .fa.arrow:before {
    content: "\f104"
}

.wiki-page .sidebar .tocify .active > a > .fa.arrow:before {
    content: "\f107"
}

.wiki-page .sidebar .tocify .tocify-subheader {
    display: none;
    text-indent: 10px;
}

.wiki-page .sidebar .tocify .tocify-subheader .tocify-subheader {
    text-indent: 20px;
}

.wiki-page .sidebar .tocify .tocify-subheader .tocify-subheader .tocify-subheader {
    text-indent: 30px;
}

.wiki-page #main {
    transition: margin-left .5s;
    margin-left: 230px;
    width: auto;
}

@media only screen and (max-width: 768px) {
    .wiki-page #main {
        margin-left: 0;
        width: 100%;
    }
}

.wiki-page .content-main {
    padding: 25px;
}

.wiki-page #header {
    width: 100%;
    padding: 5px 16px 10px 16px;
}

.wiki-page #header .header-left {
    display: flex;
    flex-wrap: wrap;
}

.wiki-page #header .header-left span:not(.openbtn):not(.article-date) {
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 35px;
}

.wiki-page #header .header-left a.closebtn {
    position: absolute;
    top: 9px;
}

@media only screen and (max-width: 768px) {
    .wiki-page #header .header-left a.closebtn {
        display: none;
    }
}

.wiki-page #header .header-left .openbtn {
    display: none;
    position: absolute;
    top: 9px;
}

@media only screen and (max-width: 768px) {
    .wiki-page #header .header-left .openbtn {
        display: block;
    }
}

.wiki-page #header .header-left span.article-date {
    display: block;
    font-size: 12px;
    padding-left: 35px;
    width: 100%;
}

body .wiki-bookmark-on,
body .wiki-bookmark-on:active,
body .wiki-bookmark-on:focus {
    color: var(--colors-secondary-500) !important;
    background-color: transparent !important;
}

/* END Module: Wiki */

.tc-content .h1,
.tc-content h1 {
    margin-top: 28px;
    margin-bottom: 28px;
}

.tc-content .h2,
.tc-content h2 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.tc-content .h3,
.tc-content h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.tc-content .h4,
.tc-content h4 {
    margin-top: 18px;
    margin-bottom: 18px;
}

.tc-content .h5,
.tc-content h5 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.tc-content .h6,
.tc-content h6 {
    margin-top: 13px;
    margin-bottom: 13px;
}

.tc-content h1:first-child,
.tc-content .h1:first-child,
.tc-content h2:first-child,
.tc-content .h2:first-child,
.tc-content h3:first-child,
.tc-content .h3:first-child,
.tc-content h4:first-child,
.tc-content .h4:first-child,
.tc-content h5:first-child,
.tc-content .h5:first-child,
.tc-content h6:first-child,
.tc-content .h6:first-child {
    margin-top: 0;
}

.tc-content p + ul,
.tc-content p + ol {
    margin-top: -1em;
}

.tc-content ol,
.tc-content ul {
    margin-left: 30px;
}

/* Module: Team Password */
#tree {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
}

#tree .list-group .list-group-item.node-selected {
    background-color: var(--colors-secondary-500) !important;
}

#tree .list-group .list-group-item {
    background-color: var(--colors-white) !important;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

#tree .list-group .list-group-item [class*='fa-'] {
    margin-right: 5px;
}

#tree span.icon {
    display: none;
}

#tree .list-group .list-group-item:first-child {
    border-top: 0;
}

#tree .list-group .list-group-item:not(.node-disabled):not(.node-selected):hover {
    background-color: var(--colors-neutral-100) !important;
}

#tree .list-group .list-group-item a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

#add_field .tag .exit_tag {
    margin-left: 7px;
    cursor: pointer;
}

#add_field .tag .exit_tag:hover {
    color: var(--colors-secondary-500);
}

.generate-padding .dropdown-menu-close {
    position: absolute;
    background: transparent;
    border: 0;
    font-size: 20px;
    line-height: 15px;
    top: 10px;
    right: 10px;
    padding: 5px;
}

.generate-padding .dropdown-menu-close:hover {
    color: var(--colors-secondary-500);
}

.team_password #wrapper .col-md-4 .activity-feed {
    height: auto;
    max-height: 500px;
}

.table-break-word tr td:last-child {
    word-break: break-word;
}

/* END Module: Team Password */

@media (max-width: 767px) {
    .navbar a.navbar-brand img {
        margin-left: 15px;
    }
}

/* Module: File Sharing */
.fs-btn {
    display: inline-block;
    padding: 0 !important;
    border: 0 !important;
    margin-right: 0.5rem;
}

/* END Module: File Sharing */

/* Module: Resource workload */
body.resource_workload .make-me-red {
    color: var(--colors-red) !important;
}

body.resource_workload .br_project {
    background-color: var(--colors-green) !important;
}

body.resource_workload .br_ticket {
    background-color: var(--colors-indigo) !important;
}

body.resource_workload .br_lead {
    background-color: var(--colors-purple) !important;
}

body.resource_workload .br_customer {
    background-color: var(--colors-cyan) !important;
}

body.resource_workload .br_contract {
    background-color: var(--colors-orange) !important;
}

body.resource_workload .br_invoice {
    background-color: var(--colors-yellow) !important;
}

body.resource_workload .br_estimate {
    background-color: var(--colors-pink) !important;
}

body.resource_workload .br_proposal {
    background-color: var(--colors-blue) !important;
}

body.resource_workload .br_expense {
    background-color: var(--colors-teal) !important;
}

body.resource_workload .br_project .bar-progress {
    fill: var(--colors-green) !important;
}

body.resource_workload .br_ticket .bar-progress {
    fill: var(--colors-indigo) !important;
}

body.resource_workload .br_lead .bar-progress {
    fill: var(--colors-purple) !important;
}

body.resource_workload .br_customer .bar-progress {
    fill: var(--colors-cyan) !important;
}

body.resource_workload .br_contract .bar-progress {
    fill: var(--colors-orange) !important;
}

body.resource_workload .br_invoice .bar-progress {
    fill: var(--colors-yellow) !important;
}

body.resource_workload .br_estimate .bar-progress {
    fill: var(--colors-pink) !important;
}

body.resource_workload .br_proposal .bar-progress {
    fill: var(--colors-blue) !important;
}

body.resource_workload .br_expense .bar-progress {
    fill: var(--colors-teal) !important;
}

body.resource_workload .bar-wrapper:not([class*='br_']) .bar {
    stroke: var(--colors-primary-500);
    stroke-width: 1;
    stroke-dasharray: 5;
}

body.resource_workload .bar-wrapper:not([class*='br_']) .bar-label {
    fill: var(--colors-primary-500);
}

body.resource_workload .bar-wrapper:not([class*='br_']):hover .bar-label,
body.resource_workload .bar-wrapper:not([class*='br_']).active .bar-label {
    fill: var(--colors-white);
}

/* END Module: Resource workload */

@media (max-width: 768px) {
    ._buttons:not(.proposal_buttons) {
        margin-top: -5px !important;
    }

    ._buttons .btn,
    ._buttons .btn-group {
        width: auto;
        margin-top: 5px !important;
        margin-bottom: 0 !important;
    }

    ._buttons .btn.display-block,
    ._buttons .btn-group.display-block {
        display: inline-block !important;
    }

    ._buttons .pull-left {
        float: left !important;
    }

    ._buttons .pull-right {
        float: right !important;
    }

    ._buttons .mright5 {
        margin-right: 5px !important;
    }

    ._buttons .mleft5 {
        margin-left: 5px !important;
    }

    [dir=rtl] ._buttons .mleft5 {
        margin-right: 5px !important
    }

    ._buttons .btn-group > .btn:first-child {
        margin-top: 0 !important;
    }
}

@media (min-width: 769px) {
    #header .navbar-nav {
        display: flex;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    #header #top_search {
        max-width: 17rem;
    }
}

table th:nth-child(1).sorting_disabled.not-export {
    min-width: 30px;
    max-width: 30px;
    width: 30px;
}

table.dataTable tbody tr.has-border-left > td > .checkbox,
table.dataTable:has(tr.has-border-left) thead th > .checkbox {
    margin-right: 0;
    padding-left: 13px;
}

@media screen and (max-width: 767px) {
    table th:nth-child(1).sorting_disabled.not-export {
        min-width: 20px;
        max-width: 20px;
        width: 20px;
    }

    table .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0;
    }

    table.dataTable tbody tr:has(.checkbox) > td > .checkbox,
    table.dataTable thead:has(.checkbox) th > .checkbox {
        margin-top: -3px;
        padding-left: 13px;
        margin-bottom: 0;
    }

    .table-responsive {
        border: 0;
        padding: 0;
        margin-bottom: 0;
    }
}

body .Box {
    border-top-color: var(--colors-primary-500);
}

body .Box span {
    border-top-color: var(--colors-primary-500);
}

.icon-btn {
    display: inline-block;
    padding: 0 !important;
    border: 0 !important;
    margin-right: 0.5rem;
}

/* jQuery OrgChart Plugin */

body .orgchart .verticalNodes > td::before {
    border-color: var(--colors-secondary-500);
}

body .orgchart .verticalNodes ul > li::before,
body .orgchart .verticalNodes ul > li::after {
    border-color: var(--colors-secondary-500);
}

body .orgchart > .spinner {
    color: var(--colors-primary-500);
}

body .orgchart .lines .topLine {
    border-top-color: var(--colors-secondary-500);
}

body .orgchart .lines .rightLine {
    border-right-color: var(--colors-secondary-500);
}

body .orgchart .lines .leftLine {
    border-left-color: var(--colors-secondary-500);
}

body .orgchart .lines .downLine {
    background-color: var(--colors-secondary-500);
}

body .orgchart .node > .spinner {
    color: var(--colors-primary-500);
}

body .orgchart .node:hover {
    background-color: var(--colors-secondary-400);
}

body .orgchart .node.focused {
    background-color: var(--colors-secondary-400);
}

body .orgchart .node.allowedDrop {
    border-color: var(--colors-primary-500);
}

body .orgchart .node .title {
    color: var(--colors-white);
    background-color: var(--colors-secondary-500);
}

body .orgchart .node .content {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
    border-color: var(--colors-secondary-500);
    height: auto;
}

body .orgchart .node .edge {
    color: var(--colors-primary-500);
}

body .orgchart .edge:hover {
    color: var(--colors-primary-600);
}

body .orgchart .node .toggleBtn {
    color: var(--colors-primary-500);
}

body .orgchart .node .toggleBtn:hover {
    color: var(--colors-primary-600);
}

body .oc-export-btn {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500);
}

body .oc-export-btn:hover,
body .oc-export-btn:focus,
body .oc-export-btn:active {
    background-color: var(--colors-primary-600);
    border-color: var(--colors-primary-600);
}

body .orgchart ~ .mask {
    background-color: var(--colors-neutral-100);
}

body .orgchart ~ .mask .spinner {
    color: var(--colors-white);
}

body img.img_logo {
    background-color: var(--colors-white);
}

body p.title_company_1 {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
}

body .orgchart {
    border-color: transparent;
}

/* END jQuery OrgChart Plugin */

/* comboTree */
body .comboTreeArrowBtn {
    border-left: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

body .comboTreeArrowBtn .comboTreeArrowBtnImg {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border: solid var(--colors-primary-500);
    border-style: solid !important;
    border-width: 0 1px 1px 0 !important;
    margin-top: -5px;
    padding: 3px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    text-indent: -9999px;
}

body .comboTreeInputBox:focus ~ .comboTreeArrowBtn .comboTreeArrowBtnImg {
    border-width: 0 1px 1px 0 !important;
    transform: rotate(-135deg);
    margin-top: 0 !important;
}

body .comboTreeDropDownContainer {
    background: var(--colors-white);
    border: 0;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.06);
    padding: 5px 0;
}

body .comboTreeDropDownContainer li {
    padding-left: 0;
}

body .comboTreeDropDownContainer ul li ul li {
    margin-left: 15px;
}

body .comboTreeDropDownContainer li .comboTreeParentPlus {
    display: none !important;
}

body .comboTreeDropDownContainer li span.comboTreeItemTitle {
    padding: 0.375rem 1rem;
    white-space: normal;
    font-weight: 600;
    overflow-wrap: break-word;
}

body .comboTreeDropDownContainer li:hover {
    background-color: var(--colors-neutral-50);
}

body .comboTreeDropDownContainer li:hover ul {
    background-color: var(--colors-white);
}

body .comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover {
    background-color: var(--colors-neutral-50);
    color: var(--colors-primary-500);
}

body .comboTreeInputBox {
    border-color: var(--colors-neutral-200);
    border-radius: 0;
    font-size: 13.5px;
    height: 34px;
    font-weight: 400;
    white-space: nowrap;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: calc(0.5rem + 1px);
    padding-right: 23px;
}

/* END comboTree */

/* Module: HR Records */
body #department_chart .orgchart > table > tr .node .chart_company_name,
body #staff_chart_view .orgchart > table > tr .node .chart_company_name {
    display: block;
    background-color: #fff !important;
    border: 0;
}

body #department_chart .orgchart > table > tr .node .chart_company_name.first,
body #staff_chart_view .orgchart > table > tr .node .chart_company_name.first {
    background-color: var(--colors-neutral-100);
    text-align: center;
}

body #department_chart .orgchart > table > tr .node .chart_company_name.first .position,
body #staff_chart_view .orgchart > table > tr .node .chart_company_name.first .position {
    display: block;
    margin-top: 5px;
    font-size: 12px;
}

body #department_chart .orgchart > table > tr .node .chart_company_name .staff-chart-padding,
body #staff_chart_view .orgchart > table > tr .node .chart_company_name .staff-chart-padding {
    margin-right: 5px;
}

body #department_chart .orgchart .organizational,
body #staff_chart_view .orgchart .organizational {
    max-width: 195px;
    min-width: 195px;
    color: var(--colors-white);
    padding: 5px;
}

body #department_chart .orgchart .node .style-1 .content,
body #staff_chart_view .orgchart .node .style-1 .content {
    white-space: normal;
    min-width: 195px;
    max-width: 195px;
}

body #department_chart .orgchart .bg-fab017,
body #staff_chart_view .orgchart .bg-fab017 {
    background-color: var(--colors-secondary-500);
}

body #department_chart_view #dp_chart,
body #staff_chart_view #st_chart {
    background-color: var(--colors-neutral-50);
}

body #department_chart_view #department_chart {
    margin-top: 66px;
}

body #staff_chart_view .modal-body,
body #department_chart_view .modal-body {
    height: calc(100vh - 130px);
}

@media (max-width: 767px) {
    body #staff_chart_view .modal-body,
    body #department_chart_view .modal-body {
        height: calc(100vh - 90px);
    }
}

body #asset_list .asset_list_item {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
}

body #asset_list .asset_list_item .checkbox {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 10px;
    word-break: break-word;
}

body .survey_input_box_description {
    border-color: var(--colors-neutral-200);
}

body #survey_questions li .question:hover {
    border: 1px dashed var(--colors-primary-500);
}

body .ui-state-highlight-survey {
    border-color: var(--colors-neutral-200);
}

body.customers .survey {
    border-color: var(--colors-neutral-200);
    background-color: var(--colors-white);
}

body.customers .survey #company-logo {
    background-color: var(--colors-white);
}

body .quetion-correct {
    background-color: var(--colors-success-500);
    color: var(--colors-white);
    padding-left: 5px;
    padding-right: 5px;
}

body #survey_questions .question {
    position: relative;
}

body #survey_questions .question-buttons {
    position: absolute;
    right: 13px;
    top: 13px;
    z-index: 2;
}

body #survey_questions .survey_input_box_description {
    margin-top: 0;
    padding-left: 12px;
}

body .survey_question_callback .form-group:has(.form-control[disabled]) label {
    opacity: 1;
}

body.organizational_chart .modal-dialog {
    margin: 10px !important;
}

@media (min-width: 768px) {
    body.organizational_chart .modal-dialog {
        margin: 30px auto !important;
    }
}

/* END Module: HR Records */

.btn-bottom-toolbar {
    padding: 10px 25px;
}

@media (max-width: 768px) {
    .btn-bottom-toolbar {
        width: 100%;
        padding: 10px 15px;
    }
}

@media (max-width: 500px) {
    .btn-bottom-toolbar {
        text-align: right;
    }

    .btn-bottom-toolbar .btn:first-child {
        margin-right: 0;
    }
}

table.dataTable .dataTables_empty {
    border: 0 !important;
}

.border-left {
    border-left: 1px solid var(--colors-neutral-200);
}

.border-right {
    border-right: 1px solid var(--colors-neutral-200);
}

.border-top {
    border-top: 1px solid var(--colors-neutral-200);
}

.border-bottom {
    border-bottom: 1px solid var(--colors-neutral-200);
}

.border {
    border: 1px solid var(--colors-neutral-200);
}

html[lang="en"] .btn,
html[lang="en"] table thead tr th,
html[lang="en"] .comboTreeInputBox,
html[lang="en"] ul li a:not(.notification-link):not([onclick*='_merge_field']):not([class*='-merge-field']),
html[lang="en"] label,
html[lang="en"] .highcharts-title,
html[lang="en"] .app h1,
html[lang="en"] .app h2,
html[lang="en"] .app h3,
html[lang="en"] .app h4,
html[lang="en"] .app h5,
html[lang="en"] .app h6,
html[lang="en"] .customers h1,
html[lang="en"] .customers h2,
html[lang="en"] .customers h3,
html[lang="en"] .customers h4,
html[lang="en"] .customers h5,
html[lang="en"] .customers h6,
html[lang="en"] table tr b {
    /*text-transform: capitalize;*/
}

.tab-validated {
    border-bottom-color: var(--colors-danger-500) !important;
    color: var(--colors-danger-500) !important;
}

/* Pikaday */
body .pika-single {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
    border-color: transparent;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    font-family: "Roboto", sans-serif;
}

body .pika-single.is-bound {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
}

body .pika-label {
    background-color: var(--colors-white);
    font-weight: 400;
}

body .pika-next,
body .pika-prev {
    outline: none;
}

body .pika-table th {
    color: var(--colors-primary-500);
    font-weight: 400;
}

body .pika-button {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
    outline: none;
    text-align: center;
}

body .pika-week {
    color: var(--colors-primary-500);
}

body .is-today .pika-button {
    color: var(--colors-secondary-500);
    font-weight: 400;
}

body .has-event .pika-button,
body .is-selected .pika-button {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    box-shadow: none;
    border-radius: 0;
    font-weight: 700;
}

body .has-event .pika-button {
    background-color: var(--colors-primary-500);
    box-shadow: none;
}

body .is-disabled .pika-button,
body .is-inrange .pika-button {
    background-color: var(--colors-primary-500);
    opacity: 0.5;
}

body .is-startrange .pika-button {
    color: var(--colors-white);
    background-color: var(--colors-success-500);
    border-radius: 0;
}

body .is-endrange .pika-button {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    border-radius: 0;
}

body .is-disabled .pika-button {
    color: var(--colors-white);
}

body .is-outside-current-month .pika-button {
    color: var(--colors-white);
}

body .pika-button:hover, body .pika-row.pick-whole-week:hover .pika-button {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    border-radius: 0;
}

/* END Pikaday */

/* Handsontable */
body .handsontable tr {
    background-color: var(--colors-white);
}

body .handsontable td {
    background-color: inherit;
}

body .handsontable .table caption + thead tr:first-child td, body .handsontable .table caption + thead tr:first-child th, body .handsontable .table colgroup + thead tr:first-child td, body .handsontable .table colgroup + thead tr:first-child th, body .handsontable .table thead:first-child tr:first-child td, body .handsontable .table thead:first-child tr:first-child th {
    border-top-color: var(--colors-neutral-200);
}

body .handsontable .table-bordered td:first-child, body .handsontable .table-bordered th:first-child {
    border-left-color: var(--colors-neutral-200);
}

body .handsontable .table-striped > tbody > tr:nth-of-type(2n) {
    background-color: var(--colors-white);
}

body .handsontable td, body .handsontable th {
    background-color: var(--colors-white);
    border-bottom-color: var(--colors-neutral-200);
    border-right-color: var(--colors-neutral-200);
}

body .handsontable td.htInvalid {
    background-color: var(--colors-danger-200) !important;
}

body .handsontable th:last-child {
    border-bottom-color: var(--colors-neutral-200);
    border-right-color: var(--colors-neutral-200);
}

body .handsontable th.htNoFrame, body .handsontable th:first-child.htNoFrame, body .handsontable tr:first-child th.htNoFrame {
    background-color: var(--colors-white);
    border-color: var(--colors-white);
}

body .handsontable .htNoFrame + td, body .handsontable .htNoFrame + th, body .handsontable.htRowHeaders thead tr th:nth-child(2), body .handsontable td:first-of-type, body .handsontable th:first-child, body .handsontable th:nth-child(2) {
    border-left-color: var(--colors-neutral-200);
}

body .handsontable tr:first-child td, body .handsontable tr:first-child th {
    border-top-color: var(--colors-neutral-200);
}

body .handsontable th {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50);
}

body .handsontable th.active {
    background-color-color: var(--colors-neutral-200);
}

body #hot-display-license-info {
    color: var(--colors-primary-500);
}

body .handsontable .manualColumnResizer.active, body .handsontable .manualColumnResizer:hover, body .handsontable .manualRowResizer.active, body .handsontable .manualRowResizer:hover {
    background-color: var(--colors-primary-500);
}

body .handsontable .manualColumnResizerGuide {
    background-color: var(--colors-primary-500);
    border-right-color: var(--colors-neutral-200);
}

body .handsontable .manualRowResizerGuide {
    background-color: var(--colors-primary-500);
    border-bottom-color: var(--colors-neutral-200);
}

body .handsontable td.area-1:before, body .handsontable td.area-2:before, body .handsontable td.area-3:before, body .handsontable td.area-4:before, body .handsontable td.area-5:before, body .handsontable td.area-6:before, body .handsontable td.area-7:before, body .handsontable td.area:before {
    background-color: var(--colors-primary-500);
}

body .handsontable tbody th.ht__highlight, body .handsontable thead th.ht__highlight {
    background-color: var(--colors-neutral-200);
}

body .handsontable tbody th.ht__active_highlight, body .handsontable thead th.ht__active_highlight {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-300);
}

body .handsontable .htBorder.htFillBorder {
    background-color: var(--colors-danger-200);
}

body .handsontableInput {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
    box-shadow: inset 0 0 0 2px var(--colors-primary-500);
}

body .handsontable .htDimmed {
    color: var(--colors-primary-500);
}

body .handsontable .htSubmenu :after {
    color: var(--colors-primary-500);
}

body .handsontable .htPlaceholder {
    color: var(--colors-primary-500);
}

body .handsontable .htAutocompleteArrow {
    color: var(--colors-primary-500);
    font-size: 5pt;
}

body .handsontable td .htAutocompleteArrow:hover {
    color: var(--colors-primary-500);
}

body .handsontable td.area .htAutocompleteArrow {
    color: var(--colors-primary-200);
}

body .handsontable.listbox .ht_master table {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
}

body .handsontable.listbox tr:hover td, body .handsontable.listbox tr td.current {
    background-color: var(--colors-neutral-200);
}

body .handsontable td.htSearchResult {
    color: var(--colors-warning-500);
    background-color: var(--colors-warning-200);
}

body .htBordered.htTopBorderSolid {
    border-top-color: var(--colors-primary-500);
}

body .htBordered.htRightBorderSolid {
    border-right-color: var(--colors-primary-500);
}

body .htBordered.htBottomBorderSolid {
    border-bottom-color: var(--colors-primary-500);
}

body .htBordered.htLeftBorderSolid {
    border-left-color: var(--colors-primary-500);
}

body .handsontable tbody tr th:nth-last-child(2) {
    border-right-color: var(--colors-neutral-200);
}

body .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
    border-bottom-color: var(--colors-neutral-200);
}

body .ht_clone_top_left_corner thead tr th:nth-last-child(2) {
    border-right-color: var(--colors-neutral-200);
}

body .htCollapseButton {
    border-radius: 0;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    border-color: var(--colors-neutral-200);
}

body .htCollapseButton:after {
    background-color: var(--colors-neutral-200);
}

body thead .htCollapseButton {
    background-color: var(--colors-white);
}

body .handsontable tr th .htExpandButton {
    border-radius: 0;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    border-color: var(--colors-neutral-200);
}

body .collapsibleIndicator {
    border-radius: 0;
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50);
    -webkit-box-shadow: 0 0 0 6px var(--colors-neutral-50);
    -moz-box-shadow: 0 0 0 6px var(--colors-neutral-50);
    box-shadow: 0 0 0 6px var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
}

body .handsontable table tr th.lightRightBorder {
    border-right-color: var(--colors-neutral-200);
}

body .htMobileEditorContainer {
    border-radius: 0;
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
}

body .htMobileEditorContainer .inputs textarea {
    border-color: var(--colors-neutral-200);
}

body .htMobileEditorContainer .cellPointer {
    border-bottom-color: var(--colors-neutral-200);
    border-left-color: transparent;
    border-right-color: transparent;
}

body .htMobileEditorContainer .cellPointer:before {
    border-bottom-color: var(--colors-neutral-200);
    border-left-color: transparent;
    border-right-color: transparent;
}

body .htMobileEditorContainer .moveHandle:after {
    color: var(--colors-primary-500);
}

body .htMobileEditorContainer .leftButton:after {
    border-top-color: var(--colors-primary-500);
    border-left-color: var(--colors-primary-500);
}

body .htMobileEditorContainer .leftButton:active:after {
    border-color: var(--colors-neutral-200);
}

body .htMobileEditorContainer .rightButton:after {
    border-top-color: var(--colors-primary-500);
    border-left-color: var(--colors-primary-500);
}

body .htMobileEditorContainer .rightButton:active:after {
    border-color: var(--colors-neutral-200);
}

body .htMobileEditorContainer .upButton:after {
    border-top-color: var(--colors-primary-500);
    border-left-color: var(--colors-primary-500);
}

body .htMobileEditorContainer .upButton:active:after {
    border-color: var(--colors-neutral-200);
}

body .htMobileEditorContainer .downButton:after {
    border-top-color: var(--colors-primary-500);
    border-left-color: var(--colors-primary-500);
}

body .htMobileEditorContainer .downButton:active:after {
    border-color: var(--colors-neutral-200);
}

body .htCommentCell:after {
    border-top-color: var(--colors-primary-500);
    border-left-color: transparent;
}

body .htCommentTextArea {
    background-color: var(--colors-white);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .117647), 0 1px 2px rgba(0, 0, 0, .239216);
    border-left-color: var(--colors-neutral-200);
}

body .htCommentTextArea:focus {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .117647), 0 1px 2px rgba(0, 0, 0, .239216), inset 0 0 0 1px var(--colors-primary-500);
    border-left-color: var(--colors-primary-500);
}

body .htContextMenu table.htCore {
    border-color: var(--colors-neutral-200);
}

body .htContextMenu table tbody tr td {
    background-color: var(--colors-white);
}

body .htContextMenu table tbody tr td.htDimmed {
    color: var(--colors-primary-500);
}

body .htContextMenu table tbody tr td.current, body .htContextMenu table tbody tr td.zeroclipboard-is-hover {
    background-color: var(--colors-neutral-50);
}

body .htContextMenu table tbody tr td.htSeparator {
    border-top-color: var(--colors-neutral-200);
}

body .htContextMenu table tbody tr td.htDisabled {
    color: var(--colors-primary-500);
    opacity: 0.6;
}

body .htContextMenu table tbody tr td.htDisabled:hover {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
}

body textarea.HandsontableCopyPaste {
    outline: 0 none !important;
}

body .handsontable .ht__manualColumnMove--guideline {
    background-color: var(--colors-neutral-300);
}

body .handsontable .ht__manualColumnMove--backlight {
    background-color: var(--colors-neutral-300);
}

body .handsontable .ht__manualRowMove--guideline {
    background-color: var(--colors-neutral-300);
}

body .handsontable .ht__manualRowMove--backlight {
    background-color: var(--colors-neutral-300);
}

body .handsontable .changeType {
    border-radius: 0;
    color: var(--colors-primary-500);
    background-color: transparent;
    border-color: var(--colors-primary-500);
}

body .handsontable .changeType:hover {
    color: var(--colors-primary-600);
    border-color: var(--colors-primary-600);
}

body .htDropdownMenu table.htCore {
    border-color: var(--colors-neutral-200);
}

body .htDropdownMenu table tbody tr td {
    background-color: var(--colors-white);
}

body .htDropdownMenu table tbody tr td.htDimmed {
    color: var(--colors-primary-500);
}

body .htDropdownMenu table tbody tr td.current, body .htDropdownMenu table tbody tr td.zeroclipboard-is-hover {
    background-color: var(--colors-neutral-50);
}

body .htDropdownMenu table tbody tr td.htSeparator {
    border-top-color: var(--colors-neutral-200);
}

body .htDropdownMenu table tbody tr td.htDisabled {
    color: var(--colors-primary-500);
    opacity: 0.6;
}

body .htDropdownMenu table tbody tr td.htDisabled:hover {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
}

body .htFiltersConditionsMenu table.htCore {
    border-color: var(--colors-neutral-200);
}

body .htFiltersConditionsMenu table tbody tr td {
    background-color: var(--colors-white);
}

body .htFiltersConditionsMenu table tbody tr td.htDimmed {
    color: var(--colors-primary-500);
}

body .htFiltersConditionsMenu table tbody tr td.current, body .htFiltersConditionsMenu table tbody tr td.zeroclipboard-is-hover {
    background-color: var(--colors-neutral-50);
}

body .htFiltersConditionsMenu table tbody tr td.htSeparator {
    border-top-color: var(--colors-neutral-200);
}

body .htFiltersConditionsMenu table tbody tr td.htDisabled {
    color: var(--colors-primary-500);
    opacity: 0.6;
}

body .htFiltersConditionsMenu table tbody tr td.htDisabled:hover {
    color: var(--colors-primary-500);
    background-color: var(--colors-white);
}

body .handsontable .htMenuFiltering {
    border-bottom-color: var(--colors-neutral-200);
}

body .handsontable .ht_master table td.htCustomMenuRenderer {
    background-color: var(--colors-white);
}

body .handsontable .htFiltersMenuCondition.border {
    border-bottom-color: var(--colors-neutral-200) !important;
}

body .handsontable .htFiltersMenuValue {
    border-bottom-color: var(--colors-neutral-200) !important;
}

body .handsontable .htFiltersActive .changeType {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500);
}

body .handsontable .htUIClearAll a, body .handsontable .htUISelectAll a {
    color: var(--colors-primary-500);
}

body .handsontable .htUIInput input {
    border-radius: 0;
    border-color: var(--colors-neutral-200);
}

body .handsontable .htUIInput.htUIButton input {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50);
}

body .handsontable .htUIInput.htUIButton input:hover {
    border-color: var(--colors-neutral-200);
}

body .handsontable .htUIInput.htUIButtonOK input {
    color: var(--colors-white);
    background-color: var(--colors-primary-500);
    border-color: var(--colors-primary-500);
}

body .handsontable .htUIInput.htUIButtonOK input:hover {
    border-color: var(--colors-primary-500);
}

body .handsontable .htUISelectCaption {
    border-radius: 0;
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
}

body .handsontable .htUISelectCaption:hover {
    background-color: var(--colors-neutral-100);
    border-color: var(--colors-neutral-200);
}

body .handsontable .htUIMultipleSelect .handsontable .htCore td:hover {
    background-color: var(--colors-neutral-50);
}

body .handsontable .htUIMultipleSelectSearch input {
    border-radius: 0;
    border-color: var(--colors-neutral-200);
}

body .handsontable.ganttChart td.rangeBar {
    background-color: var(--colors-primary-500);
    -webkit-box-shadow: inset 0 3px 0 var(--colors-white);
    -moz-box-shadow: inset 0 3px 0 var(--colors-white);
    box-shadow: inset 0 3px 0 var(--colors-white);
}

body .handsontable.ganttChart td.rangeBar.area {
    background-color: var(--colors-neutral-200);
}

body .handsontable.ganttChart td.rangeBar.partial {
    background-color: var(--colors-neutral-100);
}

body .handsontable.ganttChart td.rangeBar.area.partial {
    background-color: var(--colors-neutral-50);
}

body .handsontable th.afterHiddenColumn:before, body .handsontable th.beforeHiddenColumn:after {
    color: var(--colors-primary-500);
}

body .handsontable td.firstVisibleColumn, body .handsontable th.firstVisibleColumn {
    border-left-color: var(--colors-neutral-200);
}

body .handsontable th.afterHiddenRow:after, body .handsontable th.beforeHiddenRow:before {
    color: var(--colors-primary-500);
}

body .handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after, body .handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before {
    color: var(--colors-primary-500);
}

body .handsontable td.afterHiddenRow.firstVisibleRow, body .handsontable th.afterHiddenRow.firstVisibleRow {
    border-top-color: var(--colors-neutral-200);
}

/* END Handsontable */

/* Chosen */
body .chosen-container {
    font-size: 13.5px;
}

body .chosen-container .chosen-drop {
    background-color: var(--colors-white);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    border-color: transparent;
    border: 0;
}

body .chosen-container .search-choice .group-name,
body .chosen-container .chosen-single .group-name {
    color: var(--colors-primary-500);
}

body .chosen-container-single .chosen-single {
    color: var(--colors-primary-500);
    background-color: #fff;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    border-color: var(--colors-neutral-200);
    border-radius: 0;
}

body .chosen-container-single .chosen-default {
    color: var(--colors-primary-500);
}

body .chosen-container-single .chosen-search input[type="text"] {
    border-color: var(--colors-neutral-200);
    width: 86%;
}

body .chosen-container .chosen-results {
    color: var(--colors-primary-500);
    margin: 0;
    padding: 0;
}

body .chosen-container .chosen-results li.disabled-result {
    color: var(--colors-primary-500);
    opacity: 0.6;
}

body .chosen-container .chosen-results li.highlighted {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50);
    background-image: none;
}

body .chosen-container .chosen-results li.no-results {
    color: var(--colors-primary-500);
    background-color: transparent;
}

body .chosen-container-multi .chosen-choices {
    background-color: var(--colors-white);
    border-color: var(--colors-neutral-200);
    background-image: none;
}

body .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    color: var(--colors-primary-500);
    background: transparent !important;
    border: 0 !important;
}

body .chosen-container-multi .chosen-choices li.search-choice {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50);
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    border-color: var(--colors-primary-200);
    border-radius: 0;
    background-image: none;
}

body .chosen-container-multi .chosen-choices li.search-choice-disabled {
    color: var(--colors-primary-500);
    background-color: var(--colors-neutral-50);
    border-color: var(--colors-neutral-200);
    background-image: none;
    opacity: 0.6;
}

body .chosen-container-multi .chosen-choices li.search-choice-focus {
    background-color: var(--colors-primary-50);
}

body .chosen-container-multi .chosen-drop .result-selected {
    color: var(--colors-primary-500);
}

body .chosen-container-active .chosen-single {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-color: var(--colors-neutral-200);
}

body .chosen-container-active.chosen-with-drop .chosen-single {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    border-color: transparent;
    background-image: none;
    background-color: var(--colors-neutral-200);
    border: 0;
}

body .chosen-container-active.chosen-with-drop .chosen-single div {
    background: transparent;
}

body .chosen-container-active .chosen-choices {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-color: var(--colors-neutral-200);
}

body .chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: var(--colors-primary-500) !important;
}

body .chosen-container-single .chosen-drop {
    border-radius: 0;
}

/* END Chosen */

/* Module: Custom Links */
body.custom_links .link-headings {
    color: var(--colors-primary-500);
}

body.custom_links .link-headings:hover,
body.custom_links .link-headings.active {
    color: var(--colors-secondary-500);
}

body.custom_links .switch-link-type {
    margin-top: 0;
}

body.custom_links .horizontal-scrollable-tabs {
    margin-top: 0 !important;
}

body.custom_links .nav-tabs {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

body.custom_links #external_link_prefix .btn {
    border-color: var(--colors-secondary-500);
    font-size: 13.5px;
    height: auto;
}

body.custom_links #external_link_prefix .btn:hover,
body.custom_links #external_link_prefix .btn:active,
body.custom_links #external_link_prefix.open > .dropdown-toggle.btn {
    border-color: var(--colors-secondary-600);
}

/* END Module: Custom Links */

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

.row-gutters-10 [class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}

.btn-tw-style {
    border: 0;
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.btn-tw-style:focus-visible {
    outline: none;
}

/* Module: Perfex SAAS */
.section-clientm-dashboard > *:not(.single-theme, #greeting) {
    display: none !important;
}

.single-theme .iframe-wrapper {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999999;
    left: 0;
    top: 0;
    padding: 0;
}

.single-theme #company-switch .select-placeholder:after {
    display: none !important;
}

.single-theme .iframe-toolbar {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--colors-danger-500);
}

.single-theme .iframe-toolbar .close-btn {
    border-radius: 0;
    z-index: 99999999999999999;
    border: 0;
    background: transparent;
    margin-top: 0;
    padding: 0;
    height: 1.75rem;
    width: 1.75rem;
}

.single-theme .iframe-toolbar .close-btn i {
    font-size: 30px;
}

.single-theme .top_stats_wrapper {
    padding: 12px 22px 20px 22px;
    background: var(--colors-white);
    border-radius: 0;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .06);
    border: 0;
}

.single-theme .company-info .form-control-static {
    padding-top: 0;
}

.single-theme .company-info .form-group label::after {
    content: ":";
}

.single-theme .company-info h4.company-view-heading {
    display: none;
}

.single-theme .company-info .edit-form {
    z-index: 22;
}

.single-theme .menu {
    position: absolute;
    display: flex;
    gap: 10px;
    z-index: 9;
    top: 20px;
    right: 25px;
    align-items: center;
}

.ps-view {
    margin-bottom: 30px;
}

.tw-h-screen {
    height: 100vh;
}

.view-company-modal {
    overflow: hidden !important;
}

.view-company-modal .modal-header {
    padding: 0.5rem 0.75rem;
    border-color: var(--colors-danger-500);
}

.view-company-modal .modal-header .close {
    margin-top: 0;
}

.view-company-modal .modal-header button.btn.dropdown-toggle.btn-default {
    border-color: var(--colors-danger-500);
}

.view-company-modal .modal-content {
    height: inherit;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    border: 0;
}

.view-company-modal .modal-body {
    margin: 0;
    padding: 0;
    flex: 1;
}

.view-company-modal .modal-header .select-placeholder:after,
.view-company-modal .modal-header .form-group.label {
    display: none !important;
}

.view-company-modal .modal-header .form-group {
    margin-bottom: 0;
}

.tw-pl-0 {
    padding-left: 0;
}

.tw-pr-0 {
    padding-right: 0;
}

.ps .alert {
    z-index: 1 !important;
}

/** my account and module market stievda **/
.saas-market-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: stretch;
    max-height: 70vh;
    overflow: auto;
}

.saas-market-item-card {
    height: inherit;
}

@media (max-width: 992px) {
    .saas-market-item-card {
        width: 100%;
    }
}

.saas-market-item-card .card {
    padding: 15px;
    border: 1px solid var(--colors-neutral-200);
    height: 100%;
    width: 100%;
}

.saas-market-item-card .card-body .truncate-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.saas-market-item-card .card-body .truncate-text:hover {
    display: inline-block;
    overflow: unset;
}

.strike {
    text-decoration: line-through;
}

.ps input.feature-limit {
    min-width: 50px;
}

.ps input.feature-limit,
.ps .input-group {
    min-width: 50px;
    max-width: 100px !important;
    max-height: 28px;
}

.ps .\!tw-max-w-xs {
    white-space: normal !important;
    max-width: 16rem !important;
}

.ps .summary-card {
    width: 100%;
}

.ps .summary-card .btn {
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.ps .tw-text-xs {
    font-size: 10px;
    line-height: normal;
}

.custom-domain-form .tc-content ul {
    list-style: inside;
}

.custom-domain-form .tc-content ul li ul {
    list-style: circle;
    margin-left: 30px;
    margin-top: 5px;
}

.custom-domain-form .panel-heading .accordion-toggle:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: right;
    color: grey;
}

.custom-domain-form .panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}

.hover\:tw-bg-transparent:hover,
.hover\:tw-bg-transparent:focus,
.hover\:tw-bg-transparent:active {
    background-color: transparent !important;
}

#companies .ellipsis-dropdown {
    position: absolute;
    left: 24px;
    top: 15px;
    z-index: 2;
}

.client-portal-framer #content {
    padding: 15px;
}

.dashboard #widget-saas_top_stats {
    padding: 1.5rem;
    background-color: var(--colors-neutral-50);
    margin-bottom: 25px;
}

/* END Module: Perfex SAAS */

.customers .navbar-default .navbar-nav > .customers-nav-item-profile.open > a {
    background-color: transparent;
}

@media (min-width: 768px) {
    .customers .navbar > .container .navbar-right {
        margin-right: -30px;
    }

    .customers .navbar-default .navbar-nav > li > a {
        line-height: 73px;
    }
}

.customers .navbar-nav {
    margin: 7.5px 0;
}

@media (max-width: 991px) {
    .customers .summary-card {
        margin-top: 30px;
    }
}

.company-logo img {
    max-width: 270px;
    max-height: 60px;
}

.text-center.logo img {
    max-width: 270px;
    max-height: 60px;
}

#logo .logo img {
    max-width: 141px;
    max-height: 36px;
    height: auto;
}

.customers .logo img {
    max-width: 195px;
    max-height: 50px;
    height: auto;
}

#settings-form[action*="settings?group=general"] img[src*="uploads/company"] {
    max-width: 270px;
    max-height: 60px;
}

.table-tickets .label {
    color: var(--colors-white);
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 0;
}

.dropzone .dz-preview .dz-progress {
    margin-top: 0;
}