/*Write your custom css in this file.*/
.max-height-100 {
    max-height: 100% !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-x-disable {
    overflow-x: hidden;
}

.fs-16 {
    font-size: 16px;
}

.mw-100-px {
    max-width: 100px;
}

.max-height-275 {
    max-height: 275px !important;
}

.height-331 {
    height: 331px;
}

.grecaptcha-badge {
    margin-bottom: 3rem;
}

.kanban-item-list-custom {
    max-height: 95%;
    height: 730px;
    overflow: hidden;
}

.min-width-280px {
    min-width: 280px;
}

.awesomplete>ul {
    max-height: 300px;
    overflow-y: auto;
}

.kanban-deadline-passed {
    background-color: #fa8a5e73;
}

.kanban-deadline-passed:hover {
    text-decoration: none;
    color: #444;
    background: #dfa9a970;
}

.reply-comment-container {
    border: 2px solid rgba(102, 144, 244, 0.5);
    border-radius: 4px;
    background-color: rgba(102, 144, 244, 0.1);
}

.origin-comment-leading {
    width: 4px;
    background-color: rgba(102, 144, 244, 0.5);
    border-radius: 2px;
}

.note-video-clip {
    width: 100%;
}

.tasklist-deadline-passed td {
    background-color: #fa8a5e73  !important;
}

.dataTable tbody tr.tasklist-deadline-passed:hover td {
    background: #dfa9a970 !important;
}


.display-as-thumbnail {
    height: 50px !important;
    max-width: 150px !important;
    object-fit: contain;
}

.z-index-1100 {
    z-index: 1100;
}

.deleted-comment {
    color: grey;
    font-style: italic;
}

.sticky-status-header {
    top: -1px;
    z-index: 2;
    position: sticky;
}

::-webkit-scrollbar {
    height: 9px;
}

.active-react {
    color: white;
    background-color: #0d6efd;
    border: solid 1px #0d6efd;
    border-radius: 5px;
}

.custom-padding-dropdown {
    padding: 0!important;
}

/* No new line under this */