.container-margin {
    margin-left: 35px;
    margin-right: 35px;
}

.kursor {
    cursor: pointer;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 1.9);
    z-index: 100;
}

.form-control {
    background-color: #f1efef;
}

.bg-otics {
    background-color: #394e83 !important
}

.bg-refresh {
    background-color: #b45858 !important
}

.bg-30 {
    background-color: #9df5bc !important
}

.bg-20 {
    background-color: #bfd2fc !important
}

.bg-archived {
    background-color: yellow !important
}

#loadingoverlay {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.large-checkbox {
    width: 1.3em;
    height: 1.3em;
}

.large-checkbox:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}