body {
    background-color: #fafafa;
    /* font-size: 0.9rem; */
}
/* Login */
.login-logo {
    width: 150px;
}
#login-header {
    text-align: center;
    margin-top: 20px;
    margin-left:auto;
    margin-right:auto;
    width: 400px;
}
#login-header a {
    font-size: 30px;
}
.login-error {
    width: 400px;
    text-align: center;
    margin: 10px auto -20px auto;
}

.block-login-outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
.block-login-middle {
    display: table-cell;
    vertical-align: middle;
}
.block-login {
    background-color: #fff;
    margin-left:auto;
    margin-right:auto;
    margin-top: -40px;
    width: 400px;
    padding: 20px 30px;
    /* box-shadow: 0 0 10px #ccc; */
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 500px) {
    .block-login {
        width: 100%;
    }
    #login-header {
        width: 100%;
    }
}
.block-login p {
    text-align: center;
}
.block-login input[type="submit"] {
    width: 50%;
}

/* Form control */
.form-control {
    color: #000;
    /*
    padding: 0.375rem 0.75rem;
    height: calc(1.4em + 0.75rem + 2px);
    */
}
.form-control:focus, .form-control.selectize-control.single .selectize-input.focus, .form-control.selectize-control .selectize-input.focus {
    border-color: #8dbc08;
    box-shadow: 0 0 0 0.2rem rgba(141, 188, 8,.25);
}
.form-group label, .custom-control-label {
    margin-bottom: 0.1rem;
    font-size: 14px;
    font-weight: 600;
}
.form-check-label {
    font-weight: normal !important;
}
.btn-primary {
    background-color: #83bd00;
    border: 1px solid #7da20a;
    color: #fff;
}
.btn-primary:hover {
    background-color: #7db300;
    border: 1px solid #7da20a;
    color: #fff;
}
.btn-primary:focus, .btn-primary:active {
    background-color: #7db300 !important;
    border: 1px solid #7da20a !important;
    box-shadow: 0 0 0 0.2rem rgba(141, 188, 8,.25) !important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
}
.btn-active {
    background-color: #7db300 !important;
    border: 1px solid #7da20a !important;
    color: #fff;
}
.btn-active:hover {
    background-color: #7db300;
    border: 1px solid #7da20a;
    color: #fff;
}

/* Header, navigation */
.header-top {
    height: 70px;
    position: fixed;
    /* background-color: #475e00; */
    background-color: #fff;
    width: 100%;
    z-index: 1040;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 2px #ccc;
}
.nav-logo {
    width: 140px;
    margin: 5px 0 0 15px;
}
.header-top .menu-items .nav-item {
    white-space: nowrap;
}
.user-info {
    float: right;
    margin-right: 10px;
    margin-top: 15px;
}
.user-info ul {
    list-style: none;
}
.user-info ul li {
    float: left;
    color: #689200;
}
.user-info .fa-sign-out-alt {
    font-size: 20px;
}
.user-info a {
    color: #555;
}
.user-info-name-fullname {
    display: inline;
}
.user-info-name-initial {
    display: none;
}
@media (max-width: 500px) {
    .user-info-name {
        display: none;
    }
}
.navbar-brand {
    float: left;
}
.menu-items {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #7db300;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #7db300;
}

@media (max-width: 1300px) {
    .header-top .nav-link {
        padding: 0.5rem 0.5rem;
    }
    .user-info-name-fullname {
        display: none;
    }
    .user-info-name-initial {
        display: inline;
    }
}
@media (max-width: 1060px) {
    .nav-item.nav-link .nav-item-text {
        display: none;
    }
}


/* Main */
a {
    color: #000;
}
a:hover {
    color: #547700;
}
h1 {
    font-size: 30px;
}
#main-containter {
    margin-left: 0;
    margin-right: 0;
}
.container-fluid {
    clear: both;
}
.side-body {
    width: 100%;
    margin-top: 90px;
}
.btn-default {
    background-color: #fff;
    border: 1px solid #ddd;
}
.buttons-right {
    float: right;
    margin-top: 4px;
}
#content {
    margin-bottom: 40px;
}
#content-title h1 {
    padding-left: 4px;
}
.panel-body {
    clear: both;
}

/* Tables */
.table thead a {
    color: #000;
}
.table-striped {
    background-color: #f5f5f5;
}
.table-striped thead tr {
    /* background-color: rgba(0, 0, 0, 0.05); */

    background-color: #f5f5f5;
}
.table-striped tbody tr:nth-of-type(2n+1) {
    /* background-color: rgba(0, 0, 0, 0.02); */
    background-color: #fff;
}
.table-striped tbody tr:hover {
    /* background-color: rgba(0, 0, 0, 0.05); */
    /* background-color: rgba(141, 188, 8, 0.20); */
    background-color: rgba(222, 226, 230, 0.7);
}
.table th, .table td {
    padding: 0.25rem 0.75rem;
    vertical-align: middle;
}
.table tbody td {
    border-top: 1px solid #dee2e6;
}
.table thead th {
    border-top: 1px solid #ddd;
}
.table {
    margin-top: 10px;
    font-size: 14px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
/* sticky header */
#table-list thead {
    background-color: #eee;
}
#table-list thead tr th {
    background-color: #dee2e6;
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
    border: 0 !important;
}
#table-list .table thead th {
    border-bottom: 0 !important;
}

#table-list thead th {
    position: relative;
}
/* table, resize column */
#table-list th.resizing {
    cursor: col-resize;
}
#table-list th::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 30px;
    cursor: col-resize;
}

/* table, edit columns */
#table-list tr:hover .table-header-buttons a {
    display: inline;
}
.table-header-buttons {
    float: right;
    margin-right: 2px;
}
.table-header-buttons a {
    display: none;
    color: #000;
    margin-left: 10px;
}
.columns-list ul {
    min-height: 100px;
    list-style-type: none;
    margin: 0;
    float: left;
    padding: 5px;
    overflow-y: auto;
    height: calc(100vh - 300px);
    width: 350px;
}
.columns-list li {
    margin: 5px;
    background: #f1f1f1;
    border: 1px solid #dddddd;
    padding: 5px;
}
.columns-list-header {
    font-weight: bold;
    margin-left: 10px;
}

/* special width for a table header */
.width-date {
    width: 100px;
}
.width-date-time {
    width: 140px;
}
.width-amount {
    width: 100px;
}
.width-name {
    min-width: 200px;
}
.width-buttons {
    min-width: 80px;
}
.width-wide-buttons {
    min-width: 190px;
}
.btn-details {
    font-size: 13px;
}
.row-no {
    padding-left: 0 !important;
}
.row-state {
    font-size: 12px;
}
.row-available {
    font-size: 12px;
}
.row-profile-photo {
    width: 120px;
}
.row-selected {
    background-color: #fff3d4 !important;
}
.row-client-id {
    color: #14750A;
    font-weight: 600;
}
/* State icons (lamp) */
.state-icon {
    font-size: 16px;
}
.state-blue {
    color: #17aeff;
}
.state-green {
    color: #39b018;
}
.state-yellow {
    color: #ffd700;
}
.state-red {
    color: #ff4300;
}
.state-black {
    color: #333;
}
.state-grey {
    color: #aaa;
}
.state-dgreen {
    color: #39b018;
}
.bg-color-green {
    background-color: #339933;
    color: #ffffff;
}
.bg-color-grey {
    background-color: #d0d0d0;
}
.bg-color-dark-grey {
    background-color: #4F4F4F;
    color: #ffffff;
}
.bg-color-yellow {
    background-color: #FFFF66;
}
.bg-color-orange {
    background-color: #f09002;
    color: #ffffff;
}
.bg-color-red {
    background-color: #cc6666;
    color: #ffffff;
}
.bg-color-blue {
    background-color: #BADDFF;
}

.color-green {
    color: #339933;
}
.color-grey {
    color: #d0d0d0;
}
.color-yellow {
    color: #FFFF66;
}
.color-orange {
    color: #f09002;
}
.color-red {
    color: #cc6666;
}
.color-blue {
    color: #BADDFF;
}

/* Tabs Card */
.tab-card {
    border:1px solid #eee;
}

.tab-card-header {
    background:none;
    font-size: 15px;
    padding: 0.55rem 1.25rem;
}
.card-header-small {
    padding: 0.45rem 1.25rem;
    font-size: 14px;
    font-weight: 600;
}
.card-header-small[data-toggle="collapse"]:hover {
    cursor: pointer;
}
.card-header-small .close {
    overflow: hidden;
    line-height: 0.9;
    margin-top: -2px;
}

/* add animation for collapsable panels */
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition-property: height, visibility;
        transition-duration: .35s;
    }
}

/* Default mode */
.tab-card-header > .nav-tabs {
    border: none;
    margin: 0;
}
.tab-card-header > .nav-tabs > li {
    margin-right: 2px;
}
.tab-card-header > .nav-tabs > li > a {
    border: 0;
    border-bottom:2px solid transparent;
    margin-right: 0;
    color: #555555;
    padding: 2px 8px;
}
.tab-card-header > .nav-tabs > li > a.active {
    border-bottom: 2px solid #6d9200;
    color: #6d9200 !important;
}
.tab-card-header > .nav-tabs > li > a:hover {
    color: #6d9200;
}
.tab-card-header > .tab-content {
    padding-bottom: 0;
}
/* search form */
.search-form-inline {
    /* width: 700px; */
}
.search-form-inline .form-group {
    display: inline;
}
.search-form-inline-search .btn-primary {
    margin-top: 24px;
    float: right;
}
.card-filter .form-group label {
    font-size: 13px;
}
.card-filter .card-body {
    padding: 0.5rem 0.75rem 0 0.75rem;
}
.card-filter .form-control.selectize-control .selectize-input input::placeholder {
    color: #000;
}

.navigation {
    float: right;
}
.total-item-count {
    font-size: 14px;
    font-weight: bold;
    background-color: #fafafa;
    border: 1px solid #dfdfdf;
    padding: 1px 3px;
    border-radius: 3px;
}
.page-item.active .page-link {
    background-color: #5a9200;
}
.pagination-ellipsis {
    display: block;
    padding: 0.5rem 0.25rem;
    margin-left: -1px;
    line-height: 1.25;
}

/* custom control radio, checkbox */
.custom-control-label {
    color: #000 !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #467000;
    background-color: #5a9200;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #5a9200;
    border-color: #5a9200;
}
.custom-control-label {
    padding-top: 2px;
}
/* custom control for n:m elements */
.custom-control-label.col-form-label {
    font-size: 14px;
}
.custom-control-input-elements input:checked ~ .custom-control-label::before {
    border-color: #467000;
    background-color: #5a9200;
}
.custom-control-input-elements input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}
.custom-control-input-elements .custom-checkbox input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-control-label.col-form-label::before {
    content: none;
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-checkbox input:disabled:checked ~ .custom-control-label::before {
    background-color: rgb(157, 183, 130);
}
.custom-radio-inline {
    margin-top: -10px;
    padding-left: 0;
}
.custom-radio-inline .custom-control {
    display: inline;
}
/* class for currency field */
.input-group-append {
    height: calc(1.5em + 0.5rem + 2px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.btn-save-fixed {
    position: fixed;
    z-index: 1050;
    right: 15px;
    top: 94px;
}
.buttons-right-fixed {
    position: fixed;
    z-index: 1050;
    right: 110px;
    top: 94px;
}
.card-sticky {
    position: sticky;
    top: 150px;
}
.panel-buttons {
    float: right;
    margin-bottom: 6px;
}
.container-record .close {
    cursor: pointer;
}
.table-buttons {
    text-align: right;
    /* float: right; */
    /*
    width: 200px;
    display: inline-block;
     */
}
.btn-xs, .btn-group-sm > .btn {
    padding: 0.10rem 0.3rem;
    font-size: 0.775rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
/*
.button-record-edit {
    display: none;
}
.table tbody tr:hover .button-record-edit {
    display: inline-block;
}
.button-record-delete {
    display: none;
}
.table tbody tr:hover .button-record-delete {
    display: inline-block;
}
*/

/* UPLOAD */
#upload-file-holder, .upload-file-holder {
    border: 6px dashed #ccc;
    margin-bottom: 20px;
    padding: 20px;
    height: 150px;
    text-align: center;
    font-size: 14px;
}
#upload-file-holder.hover, .upload-file-holder.hover {
    border: 6px dashed #7db300;
}
#upload-file-holder label, .upload-file-holder label {
    display: inline-block;
    cursor: pointer;
}
#upload-file-holder p, .upload-file-holder p {
    margin-bottom: 6px;
}
#uploadprogress, #tab-uploadprogress {
    width: 100%;
}

#file_file, .main-file-uploader #form_file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
#upload-file-holder .custom-file-label, .upload-file-holder .custom-file-label {
    display: none;
}
#upload-file-holder .btn-default, .upload-file-holder .btn-default {
    font-weight: 400 !important;
}
.button-file-delete, .button-file-edit {
    display: inline-block;
}

.card-compact .card-body {
    background-color: #e9ecef;
    font-size: 14px;
}
.card-compact .card-header-small {
    padding: 0.35rem 1.25rem 0.25rem 1.25rem;
    background-color: #f1f3f5;
}
.card-compact-label {
    text-align: right;
    padding: 4px 6px;
    margin-bottom: 1px;
}
.card-compact-field {
    text-align: left;
    background-color: #fdfdfe;
    padding: 4px 6px;
    margin-bottom: 1px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
}
#profile .card-compact-field, .tab-card-compact .card-compact-field {
    background-color: #eff1f3;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.20);
}
.card-compact-field ol {
    padding-left: 16px;
    margin-bottom: 0.2rem;
}
.card-table-compact-field {
    background-color: rgba(239, 241, 243, 0.50);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
}

.remove-file {
    float: right;
    cursor: pointer;
}
.file-list-item:hover {
    color: #547700;
}
.field-bold {
    font-weight: 600;
}
.card-compact-header {
    font-weight: 600;
    text-align: left;
}
.person-badge {
    background-color: #7db300;
    font-size: 12px;
    color: #ffffff;
    vertical-align: middle;
}
.person-badge-shd {
    background-color: #4489e9;
    font-size: 12px;
    color: #ffffff;
    vertical-align: middle;
}
.person-badge-shd a {
    color: #ffffff;
}
.badge-shd {
    background-color: rgba(68, 137, 233, 0.9);
    font-size: 12px;
    color: #ffffff;
    vertical-align: middle;
    font-weight: normal;
}
.badge-mailing {
    font-size: 14px;
    background-color: #e8e8e8;
    font-weight: 600;
    margin: 2px 0;
}

.row-color-black, .row-color-black:hover {
    color: #000;
}
.row-color-green, .row-color-green:hover {
    color: #219021;
}
.row-color-pink, .row-color-pink:hover {
    color: #f0118a;
}
.row-color-violet, .row-color-violet:hover {
    color: #930093;
}
.row-color-blue, .row-color-blue:hover {
    color: #0091e3;
}
.row-color-yellow, .row-color-yellow:hover {
    color: #efda00;
}
.row-color-red, .row-color-red:hover {
    color: #C10000;
}
.row-color-light-green, .row-color-light-green:hover {
    color: #16a84f;
}
.row-color-dark-green, .row-color-dark-green:hover {
    color: #007143;
}
.row-bgcolor-yellow {
    background-color: #efda00;
}

.selectize-input .option.carer-selectize {
    width: calc(100% - 26px);
}
.carer-selectize-icons {
    float: right;
}
.carer-selectize-icons i {
    margin-left: 4px;
    display: inline-block;
}
.carer-selectize-lang {
    width: 26px;
    display: inline-block;
    background-color: #ddd;
    font-size: 12px;
    border-radius: 6px;
    text-align: center;
    margin-left: 4px;
}
.bg-id {
    background-color: #ddd;
    display: inline;
    font-weight: normal;
    position: absolute;
    right: 120px;
    margin-top: 2px;
}
.selectize-input .bg-id {
    right: 150px;
}
.badge-id {
    float: right;
    background-color: #ddd;
    display: inline;
    font-weight: normal;
    margin-top: 2px;
}
.badge-grey {
    background-color: #ddd;
    font-weight: normal;
    margin-top: 2px;
}
.badge-green {
    background-color: #7db300;
    color: #fff;
    font-weight: normal;
    margin-top: 2px;
}
.badge-name {
    position: absolute;
    left: 50%;
    background-color: #ddd;
    display: inline;
    font-weight: normal;
    margin-top: 2px;
}
.badge-date {
    position: absolute;
    left: 30%;
    background-color: #ddd;
    display: inline;
    font-weight: normal;
    margin-top: 2px;
}
.badge-bigger {
    font-size: 12px;
}

#card-carer .table-list thead tr th span:hover {
    cursor: pointer;
    text-decoration: underline;
}
/* selectize for notification */
.notify-notification.selectize-control .selectize-input .item {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.popover {
    max-width: 600px;
}

/* reporting */
#sidebarMenu {
    font-size: 14px;
    background-color: #eee;
}
.reporting-main {
    margin-top: 20px;
    margin-bottom: 20px;
}
/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 0;
    /* rtl:raw:
    right: 0;
    */
    bottom: 0;
    /* rtl:remove */
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 70px 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
    .sidebar {
        top: 5rem;
    }
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

.sidebar .nav-link .feather {
    margin-right: 2px;
    color: #727272;
}

.sidebar .nav-link.active {
    color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
    color: inherit;
}

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

.px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.ms-sm-auto {
    margin-left: auto !important;
}

.tinymce {
    height: 600px;
}
.field-comment .tox-tinymce {
    height: 300px !important;
}
.field-comment label {
    display: none;
}
.card-comment {
    border:1px solid #eee;
}
.card-comment .card-body {
    padding: 1rem 1rem 0 1rem;
}
.card-comment .card-body blockquote {
    border-left: 2px solid #ccc;
    margin-left: 1.5rem;
    padding-left: 1rem;
}

.card-comment .card-header {
    padding: .25rem 1rem;
    border-bottom: 1px solid rgba(0,0,0,.05);
    color: #555;
    font-size: 14px;
    font-weight: 600;
}
.box-initials {
    border-radius: .25rem;
    background-color: #eee;
    width: 60px;
    height: 60px;
    color: #999;
    font-size: 30px;
    text-align: center;
    padding-top: 6px;
}
.form-field-render {
    height: auto;
    display: block;
    background-color: #e9ecef;
    overflow: auto;
}

.btn-calendar-entry {
    text-align: left;
}

/* Calendar */
.calendar-small {
    width: 100%;
}
.calendar-small th, .calendar-small td {
    text-align: right;
}
.calendar-small th {
    padding-right: 4px;
}
.calendar-small td a {
    display: block;
    text-decoration: none;
    /* background-color: #eee; */
    padding-right: 4px;
}
.calendar-small td a:hover {
    background-color: rgba(125, 179, 0, 0.9);
    border-radius: 2px;
    color: #000;
}
.calendar-small-today {
    color: #000;
    background-color: #ffdb99;
    border-radius: 2px;
}
.calendar-small-day {
    background-color: rgba(125, 179, 0, 0.9);
    /* background-color: #cbcfd2;*/
    border-radius: 2px;
}
.calendar-small-day a {
    color: #ffffff;
}

.extern {
    color: #b65c93;
}
.gewerbe {
    color: #5cb67f;
}
.new-client {
    color: #ff8f00;
}
/*
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    cursor: pointer;
}
*/
/*.form-control.selectize-control.single::after {*/
/*    border: none;*/
/*    display: none;*/

/*}*/
/*.selectize-control.single .selectize-input::after {*/
/*    content: " ";*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 17px;*/
/*    margin-top: -3px;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-style: solid;*/
/*    border-width: 5px 5px 0;*/
/*    border-color: #333 transparent transparent;*/
/*}*/

/* intlTelInput */
.iti__flag {background-image: url("/img/flags.png");}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {background-image: url("/img/flags@2x.png");}
}
.iti.iti--allow-dropdown {
    width: 100%;
}

/* Board */
.board {
    background-color: #f0f0f0;
}
.board ul {
    min-height: 100px;
    list-style-type: none;
    margin: 0;
    float: left;
    padding: 0;
    overflow-y: auto;
    height: calc(100vh - 300px);
    width: 100%;
}
.board ul li {
    margin: 0.5rem 0;
    background-color: #fff;
    padding: 3px 5px;
    cursor: grab;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}
.board.card {
    border: 0;
}
.board .card-header {
    background-color: #f0f0f0;
}
.task-priority {
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #cacacb;
}
.task-priority5 {
    border-left-color: #d00000;
}
.task-priority5-icon {
    width: 24px;
    float: right;
}
.task-priority4 {
    border-left-color: #92d050;
}
.task-priority3 {
    border-left-color: #fed7cd;
}
.task-priority2 {
    border-left-color: #fff201;
}
.task-priority1 {
    border-left-color: #bbe2ee;
}
.task-bg-priority1 {
    background-color: #bbe2ee;
}
.task-bg-priority4 {
    background-color: #92d050;
}
.task-bg-priority5 {
    background-color: #d00000;
    color: #fff;
}
.task-bg-priority3 {
    background-color: #fed7cd;
}
.task-bg-priority2 {
    background-color: #fff201;
}
.task-bg-priority0 {
    background-color: #eeeeee;
}
.progress-bar {
    background-color: #7db300;
}
.form-control.selectize-control .selectize-dropdown .selectize-dropdown-content .optgroup .optgroup-header {
    padding: 0.25rem 1.5rem 0.25rem 0.75rem;
    font-size: 80%;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    background-color: #fafafa;
}