:root {
    --default-transition: all 500ms ease 0s !important;
}

.disabled {
    cursor: not-allowed !important;
}

/*SCROLL BAR START*/
/* width */
/*::-webkit-scrollbar {
    width: 10px !important;
}

!* Track *!
::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
}

!* Handle *!
::-webkit-scrollbar-thumb {
    background: #888 !important;
    border-radius: 10px !important;
}

!* Handle on hover *!
::-webkit-scrollbar-thumb:hover {
    background: #555;
}*/

/*SCROLL BAR END*/

/*LOADER START*/
.lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: darkcyan;
    margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(229, 229, 229, 0.3);
    display: flex;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 200;
    flex-direction: column;
}

#loader .message {
    font-weight: bold;
    color: darkgreen;
    letter-spacing: .32rem;
}

#loader .cancel {
    position: absolute;
    bottom: 2vh;
}

/*LOADER END*/

/*NOTIFICATION START*/
.r_notification_container {
    position: fixed;
    bottom: 2vh;
    right: 2vw;
    z-index: 100;
}

.r_notification_container .r_notification_block {
    padding: .5rem 1rem;
    min-width: 10rem;
    text-align: center;
    margin-bottom: .5rem;
}

.r_notification_container .r_error {
    background: darkred;
    color: white;
}

/*NOTIFICATION END*/

/*SAMPLE CONTENT NOTIFICATION START*/
#sampleContentNotification {
    z-index: 101;
    position: fixed;
    width: 25%;
    height: 25%;
    top: 40vh;
    left: 40vw;
    font-size: 3rem;
    background: rgba(62, 62, 62, 0.3);
    display: flex;
    color: #fff;
    font-weight: 600;
    /*display: none;*/
    justify-content: center;
    align-items: center;
}

/*SAMPLE CONTENT NOTIFICATION END*/

table {
    border-collapse: collapse !important;
}

.btn-left-radius-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#fixedOrganizationListContainer {
    transition: all 500ms ease 0s;
    position: fixed;
    z-index: 999;
    top: 20rem;
    left: 0;

    box-sizing: border-box;

    width: 10px;

    font-size: 1.3rem;
}

/*
#fixedOrganizationListContainer:hover {
    width: 320px;
}*/

#organizations {
    transition: all 500ms ease 0s;
    position: -ms-device-fixed;
    position: fixed;
    color: #337ab7 !important;
    width: 32rem;
    z-index: 999;
    left: -31rem;
}

#organizations .dropdown-menu {
    width: 32rem;
    height: 60vh;
    overflow-y: auto;
}

#organizations:hover {
    left: unset;
}

#organizations .organizationSelectionContainer button {
    height: 30px;
}

#organizations .organizationSelectionContainer .open > .dropdown-menu {
    min-width: 200px;
}

#organizations .organizationSelection:hover {
    cursor: pointer;
    background: #e1e1e1;
}

#organizations .organizationSelection {
    padding: .5rem 1.1rem;
    font-size: .95rem;
}

#organizations .organizationSelection.active {
    background: cadetblue;
    color: white;
}

.flex {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.flex.flex-space-between {
    -webkit-justify-content: center;
    justify-content: space-between;
}

.flex.flex-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex.flex-space-between-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gap-05 {
    gap: 0.5rem !important;
}

.d-flex {
    display: inline-flex;
}

.m-0 {
    margin: 0 !important;
}

.d-flex-jc-space-between {
    justify-content: space-between;
}


.popup-video-modal .modal-header h4 {
    text-align: center;
    font-weight: bold !important;
    color: darkblue;
    text-transform: capitalize;
    font-variant: small-caps;
}

.popup-video-modal .modal-footer {
    text-align: center !important;
}

.popup-video-modal iframe {
    border-radius: 3px;
}

.popup-video-modal .modal-body {
    padding: 1.8rem;
}

.popup-video-modal .modal-footer {
    padding: 1.8rem;
}

.popup-video-modal .modal-footer .btn {
    padding: 1.8rem 5.1rem;
    font-weight: bold;
    font-size: 1.7rem;
    width: 100%;
}

.ui-dialog .ui-dialog-titlebar {
    background: #ccf4d6;
}

.ui-dialog {
    z-index: 1032 !important;
}

.handsontable span.colHeader {
    line-height: 1.5 !important;
}

/*.handsontable .currentRow .highlight {*/
/*    background: #9cbbbb !important;*/
/*}*/

/*.handsontable .currentCol .highlight {*/
/*    background: #9cbbbb !important;*/
/*}*/

.handsontable .current .highlight {
    background: #9cbbbb !important;
}

.handsontable .wtBorder {
    display: none !important;
}