.swal2-container {
    z-index: 2002;
}

.input-validation-error {
    border-color: #e4052e;
}

    .input-validation-error button {
        border-color: #e4052e;
    }

label.required:after {
    color: #A94442;
    content: ' *';
    display: inline;
}

.flex-button-same-size {
    flex: 1 1 0px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(2, 103, 141, 0.65);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(2, 103, 141, 0.65);
    outline: 0 none;
}


/* === Loading spinner rules === */
#loading {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1000000;
    background-color: rgb(255 255 255 / 40%);
}

.loadingColor {
    color: #136489;
}


/* === Bootstrap select rules === */

/* this rules makes sure that the options in the dropdown break if no space is available*/
.bootstrap-select .dropdown-item {
    white-space: break-spaces;
}

/* === Custom cursor rules === */
.cursor-move {
    cursor: move;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-wait {
    cursor: wait;
}

/* === Template Fixes === */

/*template sidebar :after position fix */
.sidebar-menu > li.current-page > a:after,
.sidebar-menu > li.active > a:after {
    top: 2px;
}

.sidebar-menu > li.treeview:after {
    top: .5rem;
}

/* 
The sidebar content exceeds the template's default width of 250px. 
To accommodate this, the `width` property must be unset. 

However, unsetting the width affects the `left` property when hiding the sidebar. 
As a result, the `left` value needs to be adjusted accordingly.
*/
.sidebar-wrapper {
    width: unset;
}
@media (max-width: 576px) {
    .page-wrapper .sidebar-wrapper {
        left: -100%; /*whole screen to the left in smaller devices*/
    }
}
@media (min-width: 576px) {
    .page-wrapper .sidebar-wrapper {
        left: -50%; /* half screen to the left in bigger devices*/
    }
}

/* === CKEditor Rules=== */
.ck-powered-by-balloon {
    display: none !important;
}

/* === General styling rules === */

/* disabled links */
a.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.fit-to-screen {
    max-height: calc(100vh - 390px);
    overflow-y: scroll;
}