/*!
 * Codebase - v1.3.0
 * @author pixelcave
 * Copyright (c) 2017
 */
body {
    color: #575757;
    background-color: #f6f5f7
}

a {
    color: #343a40
}

    a.link-effect::before {
        background-color: #343a40
    }

    a:hover {
        color: #212529
    }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #171717
}

.small, small {
    color: #646464
}

.content-heading {
    border-bottom-color: #eceaee
}

hr {
    border-top-color: #f6f5f7
}

.text-primary {
    color: #343a40 !important
}

a.text-primary.link-effect::before {
    background-color: #343a40
}

a.text-primary:focus, a.text-primary:hover {
    color: #212529 !important
}

.text-primary-dark {
    color: #403537 !important
}

a.text-primary-dark.link-effect::before {
    background-color: #403537
}

a.text-primary-dark:focus, a.text-primary-dark:hover {
    color: #080707 !important
}

.text-primary-darker {
    color: #332a2c !important
}

a.text-primary-darker.link-effect::before {
    background-color: #332a2c
}

a.text-primary-darker:focus, a.text-primary-darker:hover {
    color: #000 !important
}

.text-primary-light {
    color: #cacaca !important
}

a.text-primary-light.link-effect::before {
    background-color: #cacaca
}

a.text-primary-light:focus, a.text-primary-light:hover {
    color: #332a2c !important
}

.text-primary-lighter {
    color: #ececec !important
}

a.text-primary-lighter.link-effect::before {
    background-color: #ececec
}

a.text-primary-lighter:focus, a.text-primary-lighter:hover {
    color: #cacaca !important
}

.text-body-bg {
    color: #f6f5f7 !important
}

a.text-body-bg.link-effect::before {
    background-color: #f6f5f7
}

a.text-body-bg:focus, a.text-body-bg:hover {
    color: #c3bcca !important
}

.text-body-bg-light {
    color: #fbfbfc !important
}

a.text-body-bg-light.link-effect::before {
    background-color: #fbfbfc
}

a.text-body-bg-light:focus, a.text-body-bg-light:hover {
    color: #c8c2ce !important
}

.text-body-bg-dark {
    color: #eceaee !important
}

a.text-body-bg-dark.link-effect::before {
    background-color: #eceaee
}

a.text-body-bg-dark:focus, a.text-body-bg-dark:hover {
    color: #b9b1c1 !important
}

.text-body-color {
    color: #575757 !important
}

a.text-body-color.link-effect::before {
    background-color: #575757
}

a.text-body-color:focus, a.text-body-color:hover {
    color: #242424 !important
}

.text-body-color-dark {
    color: #171717 !important
}

a.text-body-color-dark.link-effect::before {
    background-color: #171717
}

a.text-body-color-dark:focus, a.text-body-color-dark:hover {
    color: #000 !important
}

.text-body-color-light {
    color: #eceaee !important
}

a.text-body-color-light.link-effect::before {
    background-color: #eceaee
}

a.text-body-color-light:focus, a.text-body-color-light:hover {
    color: #b9b1c1 !important
}

.text-dual-primary-dark {
    color: #403537 !important
}

a.text-dual-primary-dark.link-effect::before {
    background-color: #403537
}

a.text-dual-primary-dark:focus, a.text-dual-primary-dark:hover {
    color: #080707 !important
}

.page-header-inverse #page-header .text-dual-primary-dark, .sidebar-inverse #sidebar .text-dual-primary-dark {
    color: #eceaee !important
}

.page-header-inverse #page-header a.text-dual-primary-dark.link-effect::before, .sidebar-inverse #sidebar a.text-dual-primary-dark.link-effect::before {
    background-color: #eceaee
}

.page-header-inverse #page-header a.text-dual-primary-dark:focus, .page-header-inverse #page-header a.text-dual-primary-dark:hover, .sidebar-inverse #sidebar a.text-dual-primary-dark:focus, .sidebar-inverse #sidebar a.text-dual-primary-dark:hover {
    color: #b9b1c1 !important
}

.bg-primary {
    background-color: #343a40 !important
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #c637db !important
}

.bg-primary-op {
    background-color: rgba(210,98,227,.75) !important
}

a.bg-primary-op:focus, a.bg-primary-op:hover {
    background-color: rgba(198,55,219,.75) !important
}

.bg-primary-dark {
    background-color: #403537 !important
}

a.bg-primary-dark:focus, a.bg-primary-dark:hover {
    background-color: #241e1f !important
}

.bg-primary-dark-op {
    background-color: rgba(64,53,55,.8) !important
}

a.bg-primary-dark-op:focus, a.bg-primary-dark-op:hover {
    background-color: rgba(36,30,31,.8) !important
}

.bg-primary-darker {
    background-color: #332a2c !important
}

a.bg-primary-darker:focus, a.bg-primary-darker:hover {
    background-color: #171314 !important
}

.bg-primary-light {
    background-color: #cacaca !important
}

a.bg-primary-light:focus, a.bg-primary-light:hover {
    background-color: #cacaca !important
}

.bg-primary-lighter {
    background-color: #ececec !important
}

a.bg-primary-lighter:focus, a.bg-primary-lighter:hover {
    background-color: #cacaca !important
}

.bg-body {
    background-color: #f6f5f7 !important
}

a.bg-body:focus, a.bg-body:hover {
    background-color: #ddd9e0 !important
}

.bg-body-light {
    background-color: #fbfbfc !important
}

a.bg-body-light:focus, a.bg-body-light:hover {
    background-color: #e2dee5 !important
}

.bg-body-dark {
    background-color: #eceaee !important
}

a.bg-body-dark:focus, a.bg-body-dark:hover {
    background-color: #d2cdd7 !important
}

.bg-gd-primary {
    background: #343a40;
    background: linear-gradient(135deg,#343a40 0,#515458 100%) !important
}

.btn-link {
    color: #343a40
}

    .btn-link:focus, .btn-link:hover {
        color: #212529
    }

.btn-primary {
    color: #fff;
    background-color: #343a40;
    border-color: #212529
}

    .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
        color: #fff;
        background-color: #212529;
        border-color: #111315
    }

    .btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:disabled {
        background-color: #343a40;
        border-color: #212529
    }

.show > .btn-primary.dropdown-toggle {
    background-color: #212529;
    background-image: none;
    border-color: #111315
}

.btn-primary.btn-noborder {
    border-color: #343a40
}

    .btn-primary.btn-noborder.focus, .btn-primary.btn-noborder:focus, .btn-primary.btn-noborder:hover {
        border-color: #212529
    }

    .btn-primary.btn-noborder.active, .btn-primary.btn-noborder.disabled, .btn-primary.btn-noborder:active, .btn-primary.btn-noborder:disabled {
        border-color: #343a40
    }

.show > .btn-primary.btn-noborder.dropdown-toggle {
    border-color: #212529
}

.btn-secondary {
    color: #111;
    background-color: #f6f5f7;
    border-color: #d7d3dc
}

    .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover {
        color: #111;
        background-color: #d7d3dc;
        border-color: #beb7c5
    }

    .btn-secondary.active, .btn-secondary.disabled, .btn-secondary:active, .btn-secondary:disabled {
        background-color: #f6f5f7;
        border-color: #d7d3dc
    }

.show > .btn-secondary.dropdown-toggle {
    background-color: #d7d3dc;
    background-image: none;
    border-color: #beb7c5
}

.btn-secondary.btn-noborder {
    border-color: #f6f5f7
}

    .btn-secondary.btn-noborder.focus, .btn-secondary.btn-noborder:focus, .btn-secondary.btn-noborder:hover {
        border-color: #d7d3dc
    }

    .btn-secondary.btn-noborder.active, .btn-secondary.btn-noborder.disabled, .btn-secondary.btn-noborder:active, .btn-secondary.btn-noborder:disabled {
        border-color: #f6f5f7
    }

.show > .btn-secondary.btn-noborder.dropdown-toggle {
    border-color: #d7d3dc
}

.btn-outline-primary {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

    .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-primary.active, .btn-outline-primary:active {
        color: #343a40;
        background-color: transparent;
        border-color: #343a40
    }

.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-primary.btn-noborder, .btn-outline-primary.btn-noborder.active, .btn-outline-primary.btn-noborder:active {
    border-color: transparent
}

.btn-outline-secondary {
    color: #828282;
    background-color: transparent;
    background-image: none;
    border-color: #828282
}

    .btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary:hover {
        color: #fff;
        background-color: #828282;
        border-color: #828282
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #828282;
        background-color: transparent
    }

    .btn-outline-secondary.active, .btn-outline-secondary:active {
        color: #828282;
        background-color: transparent;
        border-color: #828282
    }

.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #828282;
    border-color: #828282
}

.btn-outline-secondary.btn-noborder, .btn-outline-secondary.btn-noborder.active, .btn-outline-secondary.btn-noborder:active {
    border-color: transparent
}

.btn-alt-primary {
    color: #343a40;
    background-color: #ececec;
    border-color: #ececec
}

    .btn-alt-primary.focus, .btn-alt-primary:focus, .btn-alt-primary:hover {
        color: #343a40;
        background-color: #cacaca;
        border-color: #cacaca;
        box-shadow: none
    }

    .btn-alt-primary.disabled, .btn-alt-primary:disabled {
        background-color: #ececec;
        border-color: #ececec
    }

    .btn-alt-primary.active, .btn-alt-primary:active {
        color: #343a40;
        background-color: #ececec;
        border-color: #ececec
    }

.show > .btn-alt-primary.dropdown-toggle {
    color: #343a40;
    background-color: #cacaca;
    border-color: #cacaca
}

.btn-alt-secondary {
    color: #171717;
    background-color: #eceaee;
    border-color: #eceaee
}

    .btn-alt-secondary.focus, .btn-alt-secondary:focus, .btn-alt-secondary:hover {
        color: #171717;
        background-color: #d2cdd7;
        border-color: #d2cdd7;
        box-shadow: none
    }

    .btn-alt-secondary.disabled, .btn-alt-secondary:disabled {
        background-color: #eceaee;
        border-color: #eceaee
    }

    .btn-alt-secondary.active, .btn-alt-secondary:active {
        color: #171717;
        background-color: #eceaee;
        border-color: #eceaee
    }

.show > .btn-alt-secondary.dropdown-toggle {
    color: #171717;
    background-color: #d2cdd7;
    border-color: #d2cdd7
}

.btn-dual-secondary {
    color: #1f1f1f;
    background-color: transparent;
    border-color: transparent
}

    .btn-dual-secondary.focus, .btn-dual-secondary:focus, .btn-dual-secondary:hover {
        color: #1f1f1f;
        background-color: #ddd9e0;
        border-color: #ddd9e0;
        box-shadow: none
    }

    .btn-dual-secondary.disabled, .btn-dual-secondary:disabled {
        background-color: transparent;
        border-color: transparent
    }

    .btn-dual-secondary.active, .btn-dual-secondary:active {
        color: #1f1f1f;
        background-color: transparent;
        border-color: transparent
    }

.show > .btn-dual-secondary.dropdown-toggle {
    color: #1f1f1f;
    background-color: #ddd9e0;
    border-color: #ddd9e0
}

.page-header-inverse #page-header .btn-dual-secondary, .sidebar-inverse #sidebar .btn-dual-secondary {
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

    .page-header-inverse #page-header .btn-dual-secondary.focus, .page-header-inverse #page-header .btn-dual-secondary:focus, .page-header-inverse #page-header .btn-dual-secondary:hover, .sidebar-inverse #sidebar .btn-dual-secondary.focus, .sidebar-inverse #sidebar .btn-dual-secondary:focus, .sidebar-inverse #sidebar .btn-dual-secondary:hover {
        color: #fff;
        background-color: #332a2c;
        border-color: #332a2c;
        box-shadow: none
    }

    .page-header-inverse #page-header .btn-dual-secondary.disabled, .page-header-inverse #page-header .btn-dual-secondary:disabled, .sidebar-inverse #sidebar .btn-dual-secondary.disabled, .sidebar-inverse #sidebar .btn-dual-secondary:disabled {
        background-color: transparent;
        border-color: transparent
    }

    .page-header-inverse #page-header .btn-dual-secondary.active, .page-header-inverse #page-header .btn-dual-secondary:active, .sidebar-inverse #sidebar .btn-dual-secondary.active, .sidebar-inverse #sidebar .btn-dual-secondary:active {
        color: #fff;
        background-color: transparent;
        border-color: transparent
    }

.show > .page-header-inverse #page-header .btn-dual-secondary.dropdown-toggle, .show > .sidebar-inverse #sidebar .btn-dual-secondary.dropdown-toggle {
    color: #fff;
    background-color: #332a2c;
    border-color: #332a2c
}

.alert-primary {
    color: #403537;
    background-color: #ececec;
    border-color: #cacaca
}

    .alert-primary hr {
        border-top-color: #db80e8
    }

    .alert-primary .alert-link {
        color: #241e1f
    }

.badge-primary {
    color: #fff;
    background-color: #343a40
}

    .badge-primary[href]:focus, .badge-primary[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #c637db
    }

.progress-bar {
    background-color: #343a40
}

.nav-link {
    color: #575757
}

    .nav-link:focus, .nav-link:hover {
        color: #343a40
    }

.nav-tabs {
    border-bottom-color: #eceaee
}

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: #eceaee
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #575757;
        border-color: #eceaee #eceaee #fff
    }

.nav-tabs-block {
    background-color: #fbfbfc
}

    .nav-tabs-block .nav-link {
        border-color: transparent
    }

        .nav-tabs-block .nav-link:focus, .nav-tabs-block .nav-link:hover {
            color: #343a40;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs-block .nav-item.show .nav-link, .nav-tabs-block .nav-link.active {
            color: #575757;
            background-color: #fff;
            border-color: transparent
        }

.nav-tabs-alt {
    border-bottom-color: #eceaee
}

    .nav-tabs-alt .nav-link {
        background-color: transparent;
        border-color: transparent
    }

        .nav-tabs-alt .nav-link:focus, .nav-tabs-alt .nav-link:hover {
            color: #343a40;
            background-color: transparent;
            border-color: transparent;
            box-shadow: inset 0 -2px #343a40
        }

        .nav-tabs-alt .nav-item.show .nav-link, .nav-tabs-alt .nav-link.active {
            background-color: transparent;
            border-color: transparent;
            box-shadow: inset 0 -2px #343a40
        }

.nav-pills .nav-link {
    color: #575757
}

    .nav-pills .nav-link:focus, .nav-pills .nav-link:hover {
        color: #343a40
    }

    .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
        color: #fff;
        background-color: #343a40
    }

.page-item.active .page-link {
    background-color: #343a40;
    border-color: #343a40
}

.page-link {
    color: #171717;
    background-color: #f6f5f7;
    border-color: #f6f5f7
}

    .page-link:focus, .page-link:hover {
        color: #171717;
        background-color: #d2cdd7;
        border-color: #d2cdd7
    }

.list-group-item-action {
    color: #575757
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        color: #575757;
        background-color: #fbfbfc
    }

    .list-group-item-action:active {
        color: #575757;
        background-color: #eceaee
    }

.list-group-item {
    border-color: #eceaee
}

    .list-group-item.active {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

.breadcrumb {
    background-color: #f6f5f7
}

.breadcrumb-item.active {
    color: #171717
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #403537
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #403537
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #403537
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #403537
}

.tooltip-inner {
    background-color: #403537
}

.popover {
    border-color: #eceaee;
    border-radius: 2px;
    box-shadow: 0 15px 25px rgba(0,0,0,.05)
}

    .popover.bs-popover-auto[x-placement^=top] .arrow::before, .popover.bs-popover-top .arrow::before {
        border-top-color: #eceaee
    }

    .popover.bs-popover-auto[x-placement^=top] .arrow::after, .popover.bs-popover-top .arrow::after {
        border-top-color: #fff
    }

    .popover.bs-popover-auto[x-placement^=right] .arrow::before, .popover.bs-popover-right .arrow::before {
        border-right-color: #eceaee
    }

    .popover.bs-popover-auto[x-placement^=right] .arrow::after, .popover.bs-popover-right .arrow::after {
        border-right-color: #fff
    }

    .popover.bs-popover-auto[x-placement^=bottom] .arrow::before, .popover.bs-popover-bottom .arrow::before {
        border-bottom-color: #eceaee
    }

    .popover.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover.bs-popover-bottom .arrow::after {
        border-bottom-color: #fff
    }

    .popover.bs-popover-auto[x-placement^=left] .arrow::before, .popover.bs-popover-left .arrow::before {
        border-left-color: #eceaee
    }

    .popover.bs-popover-auto[x-placement^=left] .arrow::after, .popover.bs-popover-left .arrow::after {
        border-left-color: #fff
    }

.modal-header {
    border-bottom-color: #eceaee
}

.modal-footer {
    border-top-color: #eceaee
}

.dropdown-menu {
    border-color: #eceaee
}

.dropdown-header {
    color: #171717
}

.dropdown-item {
    color: #575757
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #575757;
        background-color: #f6f5f7
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #575757;
        background-color: #eceaee
    }

.dropdown-divider {
    border-top-color: #f6f5f7
}

.table tbody + tbody, .table td, .table th {
    border-top-color: #eceaee
}

.table-bordered, .table-bordered td, .table-bordered th {
    border-color: #eceaee
}

.table-active, .table-active > td, .table-active > th {
    background-color: #f6f5f7
}

.table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: #e9e7ec
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #ececec
}

.table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #e7acf0
}

.thead-inverse th {
    background-color: #403537
}

.thead-default th {
    background-color: #eceaee
}

.table-inverse {
    background-color: #403537
}

    .table-inverse td, .table-inverse th, .table-inverse thead th {
        border-color: #4e4143
    }

.form-control, .input-group-addon {
    color: #575757;
    background-color: #fff;
    border-color: #dfdce3
}

    .form-control:focus {
        color: #171717;
        background-color: #fff;
        border-color: #aca3b5
    }

select.form-control:focus::-ms-value {
    color: #575757;
    background-color: #fff
}

.custom-control-input:checked ~ .custom-control-indicator {
    background-color: #343a40
}

.custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 1px #f6f5f7,0 0 0 3px #343a40
}

.custom-control-input:active ~ .custom-control-indicator {
    background-color: #fdf9fe
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #343a40
}

.custom-select {
    border-color: #dfdce3
}

    .custom-select:focus {
        border-color: #aca3b5
    }

        .custom-select:focus::-ms-value {
            color: #575757;
            background-color: #fff
        }

.custom-file-control {
    border-color: #dfdce3
}

    .custom-file-control::before {
        color: #575757;
        background-color: #f6f5f7;
        border-color: #dfdce3
    }

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #9ccc65
}

    .custom-select.is-valid ~ .invalid-feedback, .custom-select.is-valid ~ .invalid-tooltip, .form-control.is-valid ~ .invalid-feedback, .form-control.is-valid ~ .invalid-tooltip, .was-validated .custom-select:valid ~ .invalid-feedback, .was-validated .custom-select:valid ~ .invalid-tooltip, .was-validated .form-control:valid ~ .invalid-feedback, .was-validated .form-control:valid ~ .invalid-tooltip {
        display: block
    }

.form-check-input.is-valid + .form-check-label, .was-validated .form-check-input:valid + .form-check-label {
    color: #9ccc65
}

.custom-control-input.is-valid ~ .custom-control-indicator, .was-validated .custom-control-input:valid ~ .custom-control-indicator {
    background-color: rgba(156,204,101,.25)
}

.custom-control-input.is-valid ~ .custom-control-description, .was-validated .custom-control-input:valid ~ .custom-control-description {
    color: #9ccc65
}

.custom-file-input.is-valid ~ .custom-file-control, .was-validated .custom-file-input:valid ~ .custom-file-control {
    border-color: #9ccc65
}

    .custom-file-input.is-valid ~ .custom-file-control::before, .was-validated .custom-file-input:valid ~ .custom-file-control::before {
        border-color: inherit
    }

.is-valid .form-control {
    border-color: #9ccc65
}

.is-valid .form-check-input .form-check-label {
    color: #9ccc65
}

.is-valid .custom-control-input .custom-control-indicator {
    background-color: rgba(156,204,101,.25)
}

.is-valid .custom-control-input .custom-control-description {
    color: #9ccc65
}

.is-valid .custom-file-input .custom-file-control {
    border-color: #9ccc65
}

    .is-valid .custom-file-input .custom-file-control::before {
        border-color: inherit
    }

.is-valid .invalid-feedback, .is-valid .invalid-tooltip {
    display: block
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #ef5350
}

    .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
        display: block
    }

.form-check-input.is-invalid + .form-check-label, .was-validated .form-check-input:invalid + .form-check-label {
    color: #ef5350
}

.custom-control-input.is-invalid ~ .custom-control-indicator, .was-validated .custom-control-input:invalid ~ .custom-control-indicator {
    background-color: rgba(239,83,80,.25)
}

.custom-control-input.is-invalid ~ .custom-control-description, .was-validated .custom-control-input:invalid ~ .custom-control-description {
    color: #ef5350
}

.custom-file-input.is-invalid ~ .custom-file-control, .was-validated .custom-file-input:invalid ~ .custom-file-control {
    border-color: #ef5350
}

    .custom-file-input.is-invalid ~ .custom-file-control::before, .was-validated .custom-file-input:invalid ~ .custom-file-control::before {
        border-color: inherit
    }

.is-invalid .form-control {
    border-color: #ef5350
}

.is-invalid .form-check-input .form-check-label {
    color: #ef5350
}

.is-invalid .custom-control-input .custom-control-indicator {
    background-color: rgba(239,83,80,.25)
}

.is-invalid .custom-control-input .custom-control-description {
    color: #ef5350
}

.is-invalid .custom-file-input .custom-file-control {
    border-color: #ef5350
}

    .is-invalid .custom-file-input .custom-file-control::before {
        border-color: inherit
    }

.is-invalid .invalid-feedback, .is-invalid .invalid-tooltip {
    display: block
}

.form-material > .form-control {
    border-color: transparent;
    box-shadow: 0 1px 0 #dfdce3
}

    .form-material > .form-control:focus {
        box-shadow: 0 2px 0 #aca3b5
    }

        .form-material > .form-control:focus + label {
            color: #575757
        }

        .form-material > .form-control:focus ~ .input-group-addon {
            box-shadow: 0 2px 0 #aca3b5
        }

.form-material.input-group .input-group-addon {
    box-shadow: 0 1px 0 #dfdce3
}

.form-material.form-material-primary > .form-control:focus {
    box-shadow: 0 2px #343a40
}

    .form-material.form-material-primary > .form-control:focus + label {
        color: #343a40
    }

    .form-material.form-material-primary > .form-control:focus ~ .input-group-addon {
        color: #343a40;
        box-shadow: 0 2px #343a40
    }

.is-valid .form-material > .form-control {
    box-shadow: 0 1px 0 #9ccc65
}

    .is-valid .form-material > .form-control:focus {
        box-shadow: 0 2px #9ccc65
    }

        .is-valid .form-material > .form-control:focus + label {
            color: #9ccc65
        }

        .is-valid .form-material > .form-control:focus ~ .input-group-addon {
            color: #9ccc65;
            box-shadow: 0 2px #9ccc65
        }

    .is-valid .form-material > .form-control ~ .input-group-addon {
        color: #9ccc65;
        box-shadow: 0 1px 0 #9ccc65
    }

.is-valid .form-material ~ .invalid-feedback, .is-valid .form-material ~ .invalid-tooltip {
    display: block
}

.is-valid .form-material label {
    color: #9ccc65
}

.is-invalid .form-material > .form-control {
    box-shadow: 0 1px 0 #ef5350
}

    .is-invalid .form-material > .form-control:focus {
        box-shadow: 0 2px #ef5350
    }

        .is-invalid .form-material > .form-control:focus + label {
            color: #ef5350
        }

        .is-invalid .form-material > .form-control:focus ~ .input-group-addon {
            color: #ef5350;
            box-shadow: 0 2px #ef5350
        }

    .is-invalid .form-material > .form-control ~ .input-group-addon {
        color: #ef5350;
        box-shadow: 0 1px 0 #ef5350
    }

.is-invalid .form-material ~ .invalid-feedback, .is-invalid .form-material ~ .invalid-tooltip {
    display: block
}

.is-invalid .form-material label {
    color: #ef5350
}

.css-radio:hover .css-control-input ~ .css-control-indicator {
    border-color: #eceaee
}

.css-radio.css-control-primary .css-control-input:checked ~ .css-control-indicator::after {
    background-color: #343a40
}

.css-checkbox:hover .css-control-input ~ .css-control-indicator {
    border-color: #eceaee
}

.css-checkbox.css-control-primary .css-control-input:checked ~ .css-control-indicator {
    background-color: #343a40;
    border-color: #343a40;
}

.css-switch.css-control-primary .css-control-input:checked ~ .css-control-indicator {
    background-color: #343a40
}

.border {
    border-color: #eceaee !important
}

.border-t {
    border-top-color: #eceaee !important
}

.border-r {
    border-right-color: #eceaee !important
}

.border-b {
    border-bottom-color: #eceaee !important
}

.border-l {
    border-left-color: #eceaee !important
}

.border-light {
    border-color: #fbfbfc !important
}

.border-light-t {
    border-top-color: #fbfbfc !important
}

.border-light-r {
    border-right-color: #fbfbfc !important
}

.border-light-b {
    border-bottom-color: #fbfbfc !important
}

.border-light-l {
    border-left-color: #fbfbfc !important
}

#page-header {
    background-color: #fff
}

.content-side-user {
    background-color: #fbfbfc
}

#side-overlay, #sidebar {
    background-color: #fff
}

@media (min-width:992px) {
    #page-container.page-header-modern #page-header {
        background-color: #f6f5f7
    }
}

#page-container.page-header-inverse #page-header {
    color: #d7d3dc;
    background-color: #343a40
}

#page-container.page-header-glass #page-header {
    background-color: transparent
}

#page-container.page-header-glass.page-header-fixed.page-header-scroll #page-header {
    background-color: #fff
}

#page-container.page-header-glass.page-header-fixed.page-header-scroll.page-header-inverse #page-header {
    background-color: #403537
}

#page-container.sidebar-inverse #sidebar {
    color: #eceaee;
    background-color: #343a40
}

    #page-container.sidebar-inverse #sidebar .content-side-user {
        background-color: #2d3238
    }

.block-header-default {
    background-color: #fbfbfc
}

.block-title small {
    color: #646464
}

.block.block-bordered {
    border-color: #eceaee
}

.block.block-themed > .block-header {
    background-color: #343a40
}

.block.block-mode-loading::after {
    color: #403537;
    box-shadow: 0 0 15px 15px rgba(64,53,55,.05)
}

.block.block-mode-loading.block-mode-hidden::after {
    box-shadow: 0 0 8px 8px rgba(64,53,55,.05)
}

.block.block-mode-loading.block-mode-loading-inverse::after {
    background-color: #403537
}

a.block, a.block:focus, a.block:hover {
    color: #575757
}

    a.block.block-link-pop.block-link-pop-hover, a.block.block-link-pop:hover {
        box-shadow: 0 2px 30px #e2dee5
    }

    a.block.block-link-pop:active {
        box-shadow: 0 2px 10px #f3f2f5
    }

    a.block.block-link-shadow.block-link-pop-hover, a.block.block-link-shadow:hover {
        box-shadow: 0 0 36px #e2dee5
    }

    a.block.block-link-shadow:active {
        box-shadow: 0 0 10px #eceaee
    }

#page-loader {
    background-color: #343a40
}

.nav-main a {
    color: rgba(87,87,87,.8)
}

.sidebar-inverse #sidebar .nav-main a {
    color: rgba(236,234,238,.6)
}

.nav-main a > i {
    color: #403537
}

.sidebar-inverse #sidebar .nav-main a > i {
    color: #eceaee
}

.nav-main a.active > i, .nav-main a:focus > i, .nav-main a:hover > i, .sidebar-inverse #sidebar .nav-main a.active > i, .sidebar-inverse #sidebar .nav-main a:focus > i, .sidebar-inverse #sidebar .nav-main a:hover > i {
	color: #ffffff;
	font-size:medium;
}

.nav-main ul a {
    color: rgba(87,87,87,.5)
}

.nav-main li.open > a.nav-submenu > i, .sidebar-inverse #sidebar .nav-main li.open > a.nav-submenu > i {
    /*color: #343a40*/
}

.nav-main li.open > ul {
    background-color: #fbfbfc
}

.sidebar-inverse #sidebar .nav-main li.open > ul {
    background-color: #2d3238
}

@media (min-width:992px) {
    .nav-main-header a {
        color: #717171
    }

    .nav-main-header ul a {
        color: #8f8f8f
    }

    .nav-main-header a.active, .nav-main-header a:focus, .nav-main-header a:hover, .nav-main-header li.open > a.nav-submenu, .nav-main-header li:hover > a.nav-submenu {
        color: #000;
        background-color: #eceaee
    }

    .nav-main-header ul, .nav-main-header > li:hover > a.nav-submenu {
        background-color: #e4e1e7
    }

    .page-header-inverse #page-header .nav-main-header a, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a {
        color: #d5d0da
    }

    .page-header-inverse #page-header .nav-main-header ul a, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header ul a {
        color: #beb7c5
    }

    .page-header-inverse #page-header .nav-main-header a.active, .page-header-inverse #page-header .nav-main-header a:focus, .page-header-inverse #page-header .nav-main-header a:hover, .page-header-inverse #page-header .nav-main-header li.open > a.nav-submenu, .page-header-inverse #page-header .nav-main-header li:hover > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a.active, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a:focus, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a:hover, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header li.open > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header li:hover > a.nav-submenu {
        color: #fff;
        background-color: rgba(0,0,0,.25)
    }

    .page-header-inverse #page-header .nav-main-header ul, .page-header-inverse #page-header .nav-main-header > li:hover > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header ul, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header > li:hover > a.nav-submenu {
        background-color: #403537
    }

    .page-header-inverse.page-header-glass #page-header .nav-main-header ul, .page-header-inverse.page-header-glass #page-header .nav-main-header > li:hover > a.nav-submenu {
        background-color: #32292b
    }
}

.nav-users a {
    border-color: #f6f5f7
}

    .list-timeline .list-timeline-time, .nav-users a:hover {
        background-color: #fbfbfc
    }

@media (min-width:768px) {
    .list-timeline-modern::before {
        background-color: #fbfbfc
    }

    .list-timeline-modern .list-timeline-time {
        background-color: transparent
    }
}

.list-activity > li {
    border-bottom-color: #f6f5f7
}

.ribbon-primary .ribbon-box {
    background-color: #343a40
}

.ribbon-primary.ribbon-bookmark .ribbon-box::before {
    border-color: #343a40;
    border-left-color: transparent
}

.ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before {
    border-color: #343a40;
    border-right-color: transparent
}

.ribbon-primary.ribbon-modern .ribbon-box::before {
    border-color: #343a40;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.ribbon-primary.ribbon-modern.ribbon-bottom .ribbon-box::before {
    border-color: #343a40;
    border-top-color: transparent;
    border-left-color: transparent
}

.ribbon-primary.ribbon-modern.ribbon-left .ribbon-box::before {
    border-color: #343a40;
    border-right-color: transparent;
    border-bottom-color: transparent
}

.ribbon-primary.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before {
    border-color: #343a40;
    border-top-color: transparent;
    border-right-color: transparent
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover:hover, .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover:hover, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td.active:hover {
    background-color: #343a40;
    border-color: #343a40
}

.dropzone {
    background-color: #fbfbfc;
    border-color: #dfdce3
}

    .dropzone .dz-message {
        color: #575757
    }

    .dropzone:hover {
        border-color: #343a40
    }

        .dropzone:hover .dz-message {
            color: #343a40
        }

.fc-event {
    color: #171717
}

    .fc-event:hover {
        color: #575757
    }

.fc-state-default {
    color: #171717;
    background-color: #f6f5f7;
    border-color: #dfdce3
}

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    background-color: #d7d3dc;
    border-color: #beb7c5
}

.fc-state-hover {
    color: #171717
}

.fc-state-active, .fc-state-down {
    background-color: #d7d3dc;
    border-color: #beb7c5
}

.fc thead th.fc-widget-header {
    background-color: #fbfbfc
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #eceaee
}

    .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
        background: #f6f5f7
    }

.fc-unthemed .fc-today {
    background: #fbfbfc
}

.irs-line {
    background: #f6f5f7
}

.irs-bar, .irs-bar-edge, .irs-from, .irs-grid-pol, .irs-single, .irs-to {
    background: #343a40
}

.autocomplete-suggestions {
    border-color: #eceaee
}

.autocomplete-suggestion {
    color: #575757
}

    .autocomplete-suggestion b {
        color: #343a40
    }

    .autocomplete-suggestion.selected {
        background-color: #f6f5f7
    }

div.tagsinput {
    border-color: #dfdce3
}

.form-material div.tagsinput {
    border-bottom: 1px solid #dfdce3
}

div.tagsinput span.tag {
    background-color: #343a40
}

.draggable-placeholder {
    background-color: #f3f2f5;
    border-color: #d2cdd7
}

.jvectormap-tip {
    background: #332a2c
}

.select2-container .select2-dropdown, .select2-container--default .select2-selection--single {
    border-color: #dfdce3
}

.form-material .select2-container--default .select2-selection--single {
    border-bottom-color: #dfdce3
}

.select2-container--default .select2-selection--multiple {
    border-color: #dfdce3
}

.form-material .select2-container--default .select2-selection--multiple {
    border-bottom-color: #dfdce3
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #aca3b5
}

.form-material .select2-container--default.select2-container--focus .select2-selection--multiple, .form-material .select2-container--default.select2-container--focus .select2-selection--single {
    border-bottom-color: #aca3b5
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #343a40
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #dfdce3
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #343a40
}

.slick-slider .slick-next::before, .slick-slider .slick-prev::before {
    color: #403537
}

.btn-outline-success, .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #26c6da;
    background-color: transparent;
    background-image: none;
    border-color: #26c6da;
}

.btn-outline-success.focus, .btn-outline-success:focus, .btn-outline-success:hover {
    color: #fff;
    background-color: #26c6da;
    border-color: #26c6da;
}