.recordHighlight, .unallocatedAgents, .allocatableContacts{
    background-color: #9ec3ff;
}
.DocumentAllocations{
    background-color: #9ec3ff;
}

.recordUpdateHighlight, tbody>tr.odd.recordUpdateHighlight{
    background-color: #95e64e;
}

.recordLinkUpdateHighlight, tbody>tr.odd.recordLinkUpdateHighlight{
    background-color: #ea7d30;
}

.recordDeleteHighlight{
    background-color: #e65d4e;
}


.recordDisabledHighlight{
    background-color: #e5e5e5;
}

.select2ErrorHighlight{
    border-color: red;
    color:red
}

.button-xs{
    padding: 5px;
    border: 1px solid #4d4d4d;
}

button.active, button.contactActive{
    background-color: #039BE5;
}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.icon-padder{
    padding:0.5rem;
}

.img-constant{
    width: 170px;
    height: 170px;
}

.fancybox-slide--iframe .fancybox-content {
    width  : 500px;
    height : 500px;
    /*max-width  : 80%;*/
    /*max-height : 80%;*/
    margin: 0;
}

/* Add this style in your CSS file or within a <style> tag in your HTML */
.custom-swal-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.select2-container {*/
/*    z-index: 9999 !important;*/
/*}*/

/*.non-hl {*/
/*    z-index: -9999 !important;*/
/*}*/

.disabled{
    opacity: 0.5;
    pointer-events: none;
}

.grey-row{
    background-color: #e0e0e0;
}

.grey-row, .white-row{
    padding: 10px;
    border: 1px solid #dedede;
}

.dtable-reload:hover{
    background-color: red;
}

.card-header-slim{
    padding: 5px;
}

.card-body-slim{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.has-encountered-error{
    background-color: #f56f17;
}
.has-backed-up{
    background-color: #69f583;
}
.has-not-backed-up{
    background-color: #f57067;
}
.has-not-been-notified{
    background-color: #ababab;
}
.blank-cell{
    background-color: #d1d1d1;
}
.non-scheduled-backup-cell{
    background-color: #4cb6ee;
}

.checkbox-sm {
    width: 25px;
    height: 25px
}

.tooltip {
    pointer-events: none;
}


/* Add this style in your CSS file or within a <style> tag in your HTML */

.loaderv2 {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: loader-spin 1s linear infinite, loader-progress 2s linear forwards;
}

@keyframes loader-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes loader-progress {
    0% { border-right: 8px solid #f3f3f3; }
    100% { border-right: 8px solid #3498db; }
}

/*!* styles.css *!*/
/*#chat-widget {*/
/*    z-index: 1;*/
/*    position: fixed;*/
/*    bottom: 20px;*/
/*    right: 20px;*/
/*    width: 300px;*/
/*    border: 1px solid #ccc;*/
/*    background-color: #fff;*/
/*}*/

/*#chat-window {*/
/*    height: 200px;*/
/*    overflow-y: auto;*/
/*    padding: 10px;*/
/*}*/

/*div#chat-window #user-input {*/
/*    width: 70%;*/
/*    padding: 5px;*/
/*}*/

/*div#chat-widget button {*/
/*    width: 28%;*/
/*    padding: 5px;*/
/*}*/