[class*="icheck-"] > input:first-child + label::before, [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {
    border: 1px solid rgba(108,117,125,0.5);
    border-radius: 4px;
    transition: 0.3s all ease;
}

.icheck-clouds > input:first-child:checked + label::before, .icheck-clouds > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: transparent;
    border-color: #D4D7D9;
}

.icheck-clouds > input:first-child:checked + label::after, .icheck-clouds > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #D4D7D9;
    border-right-color: #D4D7D9;
}

.icheck-clouds > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-clouds > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #D4D7D9;
}

[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + label::before, [class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-width: 1px;
}

.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__arrow b,
.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #FFF transparent transparent transparent;
}

.dark-mode .select2-selection--multiple,
.dark-mode .select2-selection--single {
    border-color: #1E222F;
    background-color: #1E222F;
}

.text-sm .select2-container--default .select2-selection--single,
select.form-control-sm ~ .select2-container--default .select2-selection--single {
    height: calc(2.25rem + 2px);
}

    .text-sm .select2-container--default .select2-selection--single .select2-selection__rendered, select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__rendered {
        margin-top: 0px !important;
    }

.bootstrap-datetimepicker-widget.dropdown-menu {
    border-radius: 0;
    padding: 10px;
    background-color: #37476F;
}

.dark-mode .datepicker .table thead th.picker-switch,
.dark-mode .datepicker .table thead th.next,
.dark-mode .datepicker .table thead th.prev {
    border-width: 1px;
    border-color: #FFFFFF;
    border-top: 0;
    font-weight: normal;
}

.dark-mode .bootstrap-datetimepicker-widget table td.day {
    background: #104280;
    border-radius: 0;
}

    .dark-mode .bootstrap-datetimepicker-widget table td.day.old,
    .dark-mode .bootstrap-datetimepicker-widget table td.day.new {
        color: rgba(255, 255, 255, 0.4)
    }

    .dark-mode .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .bootstrap-datetimepicker-widget table td.second:hover {
        background: #0093E9;
        color: #FFFFFF;
    }

.dark-mode .datepicker .table thead th.dow {
    border-color: #FFFFFF;
    border-width: 1px;
    font-weight: normal;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
    margin-left: 12px;
}

.input-group > .select2-container--bootstrap {
    width: auto;
    flex: 1 1 auto;
}

    .input-group > .select2-container--bootstrap .select2-selection--single {
        height: 100%;
        line-height: inherit;
        padding: 0.5rem 1rem;
    }

.form-inline .select2-form-inline {
    width: 100%;
}

@media (min-width: 576px) {
    .form-inline .select2-form-inline {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}

.item-note {
    font-size: 12px;
    display: block;
}

.note-toolbar {
    background-color: #1E222F;
}

.note-editable {
    background-color: #1E222F;
    opacity: .7;
}

.dark-mode .input-group-text {
    border-color: transparent;
    color: #6C6F80;
}

.select2 {
    font-size: 1rem;
}

.form-control-sm .select2-container--default .select2-selection--multiple {
    min-height: calc(1.8125rem + 2px);
}

.dark-mode select {
    background-color: #1E222F;
    border-color: transparent;
}

.select2-container--default .select2-selection--multiple .select2-selection__count {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
    padding: 0 10px;
    margin-top: 0.31rem;
    font-size: 14px;
}

.dark-mode .bootstrap-datetimepicker-widget table td span:hover,
.dark-mode .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #104280;
}

.dark-mode .bootstrap-datetimepicker-widget table td span.active {
    background-color: #0093E9;
}

.dark-mode .picker-switch.accordion-toggle a {
    color: #FFFFFF;
}

.item-note {
    font-size: 12px;
    display: block;
}

.note-toolbar {
    background-color: #1E222F;
}

.note-editable {
    background-color: #1E222F;
    opacity: .7;
}

.uppercase {
    text-transform: uppercase;
}

.dark-mode .note-editor .dropdown-toggle::after {
    border: none;
}

.flex-grow-01 {
    flex-grow: 0.1;
}

.select2-form-inline .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-left: 10px;
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

#teamMembersEmploymentChart-wrapper {
    width: 50%;
}

#teams-chart-form {
    display: flex;
    gap: 12px;
}

.card form button {
    width: 60%;
}

.teamMembersEmploymentChart-wrapper {
    width: 45%;
}

@media (max-width: 820px) {
    #teams-chart-form {
        flex-wrap: wrap;
    }
}

.note-status-output {
    display: none !important;
}

.summary-icon {
    width: 20px;
    height: 20px;
}

.readonly-input {
    border: none;
    pointer-events: none;
}

.side-card-title {
    font-size: 19px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.side-card-body {
    display: flex;
    gap: 15px;
    border-radius: 8px;
    margin-block: 8px;
}

.form-group.required > label:not(.input-help):not(.btn):after {
    content: "*";
    color: #e93b3b;
    margin-left: 2px;
}

.note-color-all .dropdown-toggle::after {
    display: none;
}

.note-color-all .dropdown-toggle {
    padding: 0px;
}

#ui-datepicker-div {
    height: max-content;
    padding: 10px;
    z-index: 1200 !important;
    background: #25293c;
}

.ui-datepicker-next,
.ui-datepicker-prev{
    display:none;
}

#ui-datepicker-div td {
    padding: 5px;
}

.ui-datepicker-month {
    margin-right: 5px;
}

.ui-datepicker-month,
.ui-datepicker-year {
    padding: 5px;
    background: #2f3349;
    border: 1px solid #534848;
    border-radius: 3px;
    width: 45%;
}

.ui-datepicker-header{
    margin-block: 7px
}

.ui-datepicker-title {
    display: flex;
    justify-content: space-around;
}

.datepicker {
    cursor: default;
    caret-color: transparent;
    pointer-events: bounding-box;
}