body {
    --color-currentcolor: rgb(102, 102, 102);
    --font-family-normal: 'Roboto', sans-serif;
    --font-size-main: 1rem;
    --color-olive: #444A38;
    --color-lite-brown: #6A653A;
    --color-orange: #F39200;
    --body-bd: rgb(24, 30, 43);
    --main-bg: rgb(24, 30, 43);
    --main-font-color: rgb(187, 192, 199);
    --teme-bg: rgb(35, 43, 56);
    --line-color: rgb(255, 255, 255, .1);
    --item-color: #ffffff;
    --white-color: #ffffff;
    --bg-disabled: #3b414a;
    --bg-input-group-text: rgb(35, 43, 56);
    --bs-primary: #444A38;
    --color-label: #b0b0c1;
    --color-icon: rgb(187, 192, 199);
}

    body.light {
        --color-currentcolor: rgb(102, 102, 102);
        --body-bd: #eef0ea;
        --main-bg: #ffffff;
        --main-font-color: rgb(36, 44, 58);
        --teme-bg: #ffffff;
        --line-color: rgb(191 191 191);
        --item-color: rgb(36, 44, 58);
        --bg-disabled: #eef0ea;
        --bg-input-group-text: #f8f9fa;
        --color-label: #68686d;
        --color-icon: #88976d;
    }

.form-check-input:checked {
    background-color: #556832;
    border-color: #556832;
}

.form-check-input:focus {
    border-color: var(--color-olive);
    outline: 0;
    box-shadow: none;
}

.loader-container {
    position: fixed;
    background-color: rgba(46, 46, 46, 0.78);
    width: 100%;
    height: 100%;
    z-index: 2000;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -120px 0 0 -120px;
    width: 240px;
    height: 240px;
}

.loader-olive {
    width: 200px;
    height: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
    -moz-box-shadow: 0 4px 0 var(--color-lite-brown) inset;
    -webkit-box-shadow: 0 4px 0 var(--color-lite-brown) inset;
    box-shadow: 0 4px 0 var(--color-lite-brown) inset;
    animation: rotate-360 2s linear infinite;
}

.loader-grey {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
    -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
}

@keyframes rotate-360 {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active{
    background-color: var(--color-olive);
    color: var(--td-active-color);
    text-shadow: var(--td-text-shadow);
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).old {
    color: #858181;
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight):hover {
    background: var(--td-btn-hover-bg);
    color: var(--color-orange);
}

.tempus-dominus-widget.light .toolbar div:hover {
    background: transparent;
    color: #71dd37;
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight):hover {
    background: var(--td-btn-hover-bg);
    color: var( --color-olive);
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).today:before {
    border-bottom-color: var(--color-orange);
    border-top-color: var(--color-orange);
}