:root {
    --custom-red: #800020;
    --custom-dark-gray: #2E2E2E;
    --custom-light-gray: #D1D5DB;
    --custom-dark-blue: #1f3f57;
    --custom-gold: #C2A15A;
}

html {
    height: 100%;
}

body {
    background-color: #F5F5F5!important;
    font-family: 'Roboto', sans-serif!important;
    height: 100%;
}

.custom-bg-warning {
    background-color: #ed771b;
}

.card-image-max-height {
    max-height: 250px;
}

.custom-modal {
    background-color: rgba(0, 0, 0, 0.4);
}

.custom-modal-dialog {
    top: 5%;
    max-width: 1050px !important;
    max-height: 750px;
    overflow-y: scroll;
}

.custom-alert-modal-dialog {
    top: 25%;
    width: 100%;
    max-width: none;
    max-height: 750px;
}

.custom-alert-modal-content {
    background-color: #dc3545;
    border: 3px solid black;
    color: white;
    min-height: 250px;
}

.custom-box-shadow {
    box-shadow: 19px 17px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.custom-title {
    color: white;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    text-align: center;
    background-color: var(--custom-gold);
    display: flex;
    align-items: center;
    justify-content: center;
}

.border-danger {
    border: 1px solid red;
}

.message-container {
    position: fixed;
    z-index: 1500;
    top: 0px;
}

.custom-header-bg {
    background-color: var(--custom-red);
}

.custom-main-title-bg {
    color: black;
    background-color: var(--custom-light-gray);
}

.custom-grey-border {
    border: 1px solid var(--custom-light-gray);
}

.custom-no-top-border {
    border-top: 0px;
}

.custom-negative-margin-top {
    margin-top: -5px;
}

.custom-menu-bg {
    background-color: #1B1D1F;
}

.custom-font-size-25-px {
    font-size: 25px;
}

.custom-a-dark-color {
    color: var(--custom-dark-gray);
}

.custom-no-radius {
    border-radius: 0px;
}

.custom-max-height-150-px {
    max-height: 150px;
}

#previewUserMeetingSliderContent {
    height: 550px;
}

.image-preview {
    max-width: 35%;
}

.meeting-tab {
    cursor: pointer;
}

.activity-tracking-tab {
    cursor: pointer;
}

.active-tab h5 {
    background-color: var(--custom-red);
    color: white;
}

.tablesorter-blue th, .tablesorter-blue thead td {
    color: white!important;
    text-shadow: none!important;
}

.nav-link {
    padding-left: 0px!important;
}

.custom-menu-container-width {
    width: 5.5%!important;
    transition: width 0.5s ease-in-out;
}

.custom-main-container-max-width {
    width: 94.5%!important;
    transition: width 0.5s ease-in-out;
}

.custom-main-container-width {
    width: 69%!important;
    transition: width 0.5s ease-in-out;
}

.remove-menu-text {
    display: block;
    text-align: right;
}

.menu-container {
    transition: width 0.5s ease-in-out;
}

.main-container {
    transition: width 0.5s ease-in-out;
}

.tablesorter thead th:nth-last-child(-n+2) {
    pointer-events: none;
    background-image: none!important;
}

.user-role-container {
    position: absolute;
    right: 15px;
    opacity: 0.50;
    font-size: 15px;
    transform: translateY(25px);
}

.custom-card-bg {
    background-color: #f2f3f3;
}

.business-meeting-comment-control {
    cursor: pointer;
    color: #0d6efd;
}

.current-meeting-information-content {
    display: block;
}

.display-current-meeting-information-content {
    display: none;
}

.btn-primary {
    background-color: #0a58ca;
    border-color: #0a58ca;
}

.form-check-input:checked {
    background-color: #0a58ca;
    border-color: #0a58ca;
}

.tablesorter-blue tbody tr.odd > td {
    background-color: #ededed!important;
}

.meeting-alert-content {
    text-align: center;
}

.custom-role-shield-color {
    color: var(--custom-red);
    text-shadow: 0px 0px 5px white;
    background: radial-gradient(circle, white 35%, transparent 50%);
}

.custom-label-shield-color {
    color: var(--custom-gold);
    text-shadow: 0px 0px 5px white;
    background: radial-gradient(circle, white 35%, transparent 50%);
}

#visitList th:nth-child(11) {
    padding: 0px;
    pointer-events: unset;
}

#visitList th:nth-child(11) .tablesorter-header-inner {
    text-align: center;
}

#visitList th:nth-child(12) {
    padding: 0px;
    pointer-events: unset;
}

#visitList th:nth-child(12) .tablesorter-header-inner {
    text-align: center;
}

.columnSelector {
    z-index: 500;
}

#slidePreview {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.block-slider-up {
    cursor: pointer;
}

.block-slider-down {
    cursor: pointer;
}

@media (max-width: 768px) {
    .custom-max-height-150-px {
        max-height: 250px;
    }
}

@media (min-width: 1200px) {
    .custom-col-xl-5 {
        flex: 0 0 auto;
        width: 49%;
    }

    .custom-col-xl-1 {
        width: 8.5%;
    }
}

@media (max-width: 990px) {
    .content-order-1 {
        order: 1;
    }
   
    .content-order-2 {
        order: 3;
    }

    .content-order-3 {
        order: 2;
    }

    .remove-menu-text {
        display: none;
    }

    .current-meeting-information-container {
        position: relative;
        display: inline-block;
    }

    .current-meeting-information-content {
        display: none;
    }

    .display-current-meeting-information-content {
        display: block;
    }
}

@media (min-width: 990px) {
    .container-fluid {
        display: block!important;
    }

    .navbar {
        align-items: flex-start!important;
    }

    .navbar-nav {
        display: block!important;
    }

    .col-xl-5 {
        width: calc(50% - 0.5rem)!important;
    }
}
