html {
    font-size: 12px;
}

#body_boi {
    height: calc((var(--vh, 1vh) * 100) - 0rem) !important;
    /* Fallback for browsers that do not support Custom Properties */
    overflow: auto;
}

@media (max-width: 992px) { /* lg breakpoint */
    #body_boi {
        height: calc((var(--vh, 1vh) * 100) - 0rem) !important;
        /* Fallback for browsers that do not support Custom Properties */
        overflow: auto;
    }
}

/*#main_content {*/
    /*height: calc(100vh - 5.7rem);*/
    /*overflow: auto;
    height: 100%;
}*/

.mycalendar.c300 {
    width: 300px;
}

.mycalendar th,
.mycalendar td {
    border: none !important;
}

.mycalendar thead .dow {
    color: #A1A19F;
    font-size: 0.6rem;
}

.mycalendar tbody td {
    line-height: 35px !important;
}

.border-trans {
    border: transparent;
}

@media (min-width: 769px) {
    .d-md2-inline {
        display: inline !important;
    }

}

@media (max-width: 544px) {
    .mycalendar_container {
        display: none;
    }

    #message_centre {
        display: none !important;
    }
}

.light_grey {
    color: #A1A19F;
}

.text-normal {
    font-size: 1rem;
}

.text-small-1 {
    font-size: 0.8rem;
}

.text-big-1 {
    font-size: 1.2rem;
}

.text-big-1-5 {
    font-size: 1.3rem;
}

.text-big-2 {
    font-size: 1.4rem;
}

.text-big-3 {
    font-size: 1.6rem;
}

.text-big-4 {
    font-size: 1.8rem;
}

.text-big-6 {
    font-size: 2.6rem;
}

.color_overdue {
    color: #FF0000;
}

.color_overdue .link-arrow {
    color: #FF0000;
}

.color_overdue .card {
    border-color: #FF0000;
}

.color_overdue .badge {
    background-color: #FF0000 !important;
}

a.color_overdue {
    color: #FF0000 !important;
}

.shadow-left {
    box-shadow: -1rem 0 1rem -0.7rem rgba(0, 0, 0, .15) !important;
}

.shadow-right {
    box-shadow: 2rem 0rem 1rem -1rem rgba(0, 0, 0, .15) !important
}

.btn-white {
    color: #000;
    background-color: #FFF;
    border-color: #000;
}

.navbar-toggler {
    font-size: inherit !important;
}

.left_list_col {
    width: 300px;
}

.left_info_col {
    width: 100px;
}

.contact_image_small {
    width: 40px;
    font-size: 35px;
}

.contact_image_large {
    width: 130px;
    font-size: 120px;
}

.color_secondary {
    color: #4C6085;
}

.item_hover:hover,
.item_hover.active {
    background-color: #D8ECF5;
    cursor: pointer;
}

.message_name_width {
    width: 70px;
}

.no_underline:hover {
    text-decoration: none;
}

.text-dark a.nav-link {
    color: #000;
}

li.nav-item {
    border-bottom: 2px solid transparent;
    /*border-radius: .25rem;*/
    /*margin: 0 2px;*/
}

li.nav-item:hover {
    /*background-color: #007bff;*/
    border-color: #A9A9A9;
}

li.nav-item.active {
    border-color: #5FCAF5;
}

li.nav-item.active h6 {
    color: #086083;
}

.card {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.checkbox-minwidth-1 {
    min-width: 10rem;
}

.form-check input,
.form-check label {
    cursor: pointer;
}

.content_scroll_no_height {
    display: block !important;
    overflow-y: auto;
    background-color: inherit;
}

.content_scroll {
    display: block !important;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
    background-color: inherit;
}

.content_scroll_a {
    display: block !important;
    /*max-height: calc(100vh - 8rem);*/
    height: calc(100vh - 8rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
    background-color: inherit;
    min-width: 285px;
}

.content_scroll_a2 {
    display: block !important;
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
    background-color: inherit;
}

.content_scroll_2 {
    display: block !important;
    max-height: calc(100vh - 11rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
    background-color: inherit;
}

.content_scroll_2a {
    display: block !important;
    /*max-height: calc(100vh - 5.7rem);*/
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 0px;
}

.content_scroll_ptasks {
    display: block !important;
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
}

.content_scroll_pbillapp {
    display: block !important;
    max-height: calc(100vh - 18rem);
    overflow-y: auto;
}

.content_scroll_contact {
    display: block !important;
    max-height: calc(100vh - 1rem);
    overflow-y: auto;
}

.content_scroll_member {
    display: block !important;
    max-height: calc(100vh - 1rem);
    overflow-y: auto;
}

.content_scroll_message {
    display: block !important;
    max-height: calc(100vh - 5rem);
    overflow-y: auto;
    padding-bottom: 0 !important;
}

.content_scroll_msmessage {
    display: block !important;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
    padding-bottom: 0 !important;
}

.content_scroll_calendar {
    display: block !important;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    padding: 0px 10px;
    margin: 0;
    background-color: inherit;
}

.content_scroll_21 {
    display: block !important;
    max-height: calc(100vh - 21rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_22 {
    display: block !important;
    max-height: calc(100vh - 22rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_23 {
    display: block !important;
    max-height: calc(100vh - 23rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_24 {
    display: block !important;
    max-height: calc(100vh - 24rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_26 {
    display: block !important;
    /*max-height: calc(100vh - 26rem);*/
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_27 {
    display: block !important;
    max-height: calc(100vh - 27rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_18b {
    display: block !important;
    max-height: calc(100vh - 18rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_msg {
    display: block !important;
    overflow-y: auto;
}

.content_scroll_12 {
    display: block !important;
    max-height: calc(100vh - 12rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_13 {
    display: block !important;
    max-height: calc(100vh - 13.25rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_13B {
    display: block !important;
    max-height: calc(100vh - 13.5rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_MSmsg {
    display: block !important;
}

.content_scroll_14 {
    display: block !important;
    max-height: calc(100vh - 14rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_15 {
    display: block !important;
    max-height: calc(100vh - 15rem);
    /*height: calc((var(--vh, 1vh) * 100) - 0rem) !important;*/
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
    position: relative;
    /*<---add this*/
}

.content_scroll_16 {
    display: block !important;
    max-height: calc(100vh - 16rem);
    /*height: calc((var(--vh, 1vh) * 100) - 0rem) !important;*/
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
    position: relative;
    /*<---add this*/
}

.content_scroll_18 {
    display: block !important;
    max-height: calc(100vh - 14rem);
    /*height: calc((var(--vh, 1vh) * 100) - 0rem) !important;*/
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_messages_A {
    display: block !important;
    max-height: calc(100vh - 18rem);
    /*height: calc((var(--vh, 1vh) * 100) - 0rem) !important;*/
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_messages_B {
    display: block !important;
    max-height: calc(100vh - 7rem);
    /*height: calc((var(--vh, 1vh) * 100) - 0rem) !important;*/
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_messages_msA {
    display: block !important;
    max-height: calc(100vh - 10rem);
    /*height: calc((var(--vh, 1vh) * 100) - 0rem) !important;*/
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_15b {
    display: block !important;
    max-height: calc(100vh - 16rem);
    /*height: calc((var(--vh, 1vh) * 100) - 0rem) !important;*/
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_16 {
    display: block !important;
    /*max-height: calc(100vh - 16rem);*/
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_10 {
    display: block !important;
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_11 {
    display: block !important;
    max-height: calc(100vh - 11rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_7 {
    display: block !important;
    max-height: calc(100vh - 7rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
    background-color: #F7F7F7;
}

.content_scroll_8 {
    display: block !important;
    /*max-height: calc(100vh - 8rem);*/
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_9 {
    display: block !important;
    max-height: calc(100vh - 9rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
}

.content_scroll_19 {
    display: block !important;
    max-height: calc(100vh - 19rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
    background-color: #F7F7F7;
}

.content_scroll_3 {
    display: block !important;
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 6px;
    background-color: inherit;
}

.content_scroll_listing_1 {
    display: block !important;
    max-height: calc(100vh - 16rem);
    overflow-y: auto;
    margin-right: 10px;
    padding-left: 6px;
}

.content_scroll_listing_26 {
    display: block !important;
    max-height: calc(100vh - 26rem);
    overflow-y: auto;
    margin-right: 10px;
    padding-left: 6px;
}

.content_scroll_listing_9 {
    display: block !important;
    max-height: calc(100vh - 9rem);
    overflow-y: auto;
    margin-right: 10px;
    padding-left: 6px;
}

.content_scroll_detail_1 {
    display: block !important;
    max-height: calc(100vh - 13rem);
    overflow-y: auto;
    margin-right: 10px;
    /*margin-left: 10px;*/
    padding-left: 6px;
    /*background-color: #F7F7F7;*/
    padding-right: 15px !important;
}

.content_scroll_detail_meetings {
    display: block !important;
    max-height: calc(100vh - 15rem);
    overflow-y: auto;
    margin-right: 10px;
    /*margin-left: 10px;*/
    padding-left: 6px;
    /*background-color: #F7F7F7;*/
    padding-right: 15px !important;
}

.content_scroll_detail_1b {
    display: block !important;
    max-height: calc(100vh - 11rem);
    overflow-y: auto;
    margin-right: 10px;
    /*margin-left: 10px;*/
    padding-left: 6px;
    /*background-color: #F7F7F7;*/
    padding-right: 15px !important;
}

.content_scroll_detail_1c {
    display: block !important;
    max-height: calc(100vh - 14rem);
    overflow-y: auto;
    margin-right: 10px;
    /*margin-left: 10px;*/
    padding-left: 6px;
    /*background-color: #F7F7F7;*/
    padding-right: 15px !important;
}

.content_scroll_detail_2 {
    display: block !important;
    max-height: calc(100vh - 13rem);
    overflow-y: auto;
    margin-right: 10px;
    /*margin-left: 10px;*/
    padding-left: 6px;
    /*background-color: #F7F7F7;*/
    padding-right: 15px !important;
}

.left_list_col,
.popover {
    background-color: #F7F7F7 !important;
}

.mini-header-1 {
    height: 25px;
    font-size: 1.2rem;
}

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

@media (min-width: 310px) {
    .min-width-300-sm {
        min-width: 300px;
    }
}

@media (min-width: 769px) {
    .min-width-400-md {
        min-width: 400px;
    }

    .min-width-325-md {
        min-width: 325px;
    }

    .min-width-300-md {
        min-width: 300px;
        max-width: 300px;
    }

    .min-width-250-md {
        min-width: 250px;
    }

    .min-width-150-md {
        min-width: 150px;
    }
}

.width-number {
    width: 60px;
}

.width-150-md {
    max-width: 150px;
}

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

.width-250-md {
    max-width: 250px;
}

.width-400-md {
    max-width: 400px;
}

.width-225-md {
    max-width: 225px;
}

.width-200-md {
    max-width: 200px;
}

.width-min-225-md {
    min-width: 225px;
}

.width-min-100-md {
    min-width: 100px;
}

.height-edit-label {
    min-height: 30px;
}

.word-break {
    word-break: break-all;
}

.dot-btn:after {
    content: '\2807';
    font-size: 3em;
    color: #2e2e2e
}

.dropdown-item a {
    color: inherit !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #555655;
    color: #FFF !important;
}

.dropdown-item:hover a {
    color: inherit !important;
}

.dropdown-menu {
    background-color: #F7F7F7;
}

div.bootstrap-select .dropdown-menu {
    width: 100%;
}

.qq-gallery .qq-thumbnail-wrapper {
    width: 250px !important;
}

.qq-gallery .qq-upload-list li {
    max-width: 250px !important;
    height: inherit !important;
}

.qq-gallery INPUT.qq-edit-filename.qq-editing {
    width: 100% !important;
}

.qq-gallery .qq-upload-list {
    max-height: inherit !important;
}

.qq-gallery.qq-uploader {
    max-height: inherit !important;
}

.basic_group_item {
    border: none !important;
    background: inherit !important;
}

@media (min-width: 992px) {
    .modal-lg-2 {
        max-width: 900px;
    }

    .modal-sm-2 {
        max-width: 600px;
    }
}

.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.make-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.middle-align td,
table.middle-align th {
    vertical-align: middle;
}

.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

.dropdown .btn-block {
    width: auto !important;
}

.dropdown .btn-block .btn-light {
    color: #212529;
    background-color: #E9EDF0;
    border-color: #D2D2D2;
    padding-right: 20px;
}

.dropdown .btn-block .btn-light:hover {
    color: #212529;
    background-color: #D3D3D3;
    border-color: #C6C6C6;
}

.selectpicker_always_open {
    position: relative !important;
    transform: translate3d(0px, 0px, 0px) !important;
    width: 100% !important;
}

.row-striped:nth-of-type(odd) {
    background-color: #efefef;
    padding: 4px 0;
}

.row-striped:nth-of-type(even) {
    background-color: #ffffff;
    padding: 4px 0;
}

.center_cell {
    text-align: center;
    /* center checkbox horizontally */
    vertical-align: middle;
    /* center checkbox vertically */
}

.no_top_border thead th {
    border-top: none;
}

.no_thead thead {
    display: none;
}

.no_row_borders tbody td {
    border-top: none;
}

.selectable_row tbody tr {
    cursor: pointer;
}

.empty_left_align td.dataTables_empty {
    text-align: left !important;
}

input.is_missing,
textarea.is_missing,
select.is_missing,
.bootstrap-select select.is_missing+button,
div.note-editor.is_missing {
    border-color: #DB4C3A !important;
}

label.required:before {
    content: "* ";
    color: red;
}

div.bootstrap-select button {
    /*background-color: #555655;
	color: #FFF;*/
    border-color: #ced4da;
}

.myscrollbar {
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.style-grey::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.style-grey::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.style-grey::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #A3A3A3;
}

.nested_list {
    font-size: 1.2rem;
}

.nested_list ul {
    list-style-type: none;
    /*padding: 0;
		margin: 0;*/
}

.nested_list li label {
    padding-left: 10px;
}

.nested_list .clickable {
    cursor: pointer;
}

.nested_list input[type="checkbox"] {
    cursor: pointer;
}

.nested_list label:hover {
    color: #0C93CB;
}

.dataTables_wrapper .clickable {
    cursor: pointer;
}

div.bootstrap-select.show .dropdown-toggle::after {
    content: "x" !important;
    border: 0 !important;
    margin-right: .55em !important;
    vertical-align: 0 !important;
    line-height: 14px;
    float: right;
}

.dropdown a,
.dropdown-menu a {
    cursor: pointer;
}

.dropdown-menu button.actions-btn {
    width: inherit !important;
}

#proj_doc_select_file {
    color: #FFF !important;
}

a[type="single_page"] {
    cursor: pointer !important;
}

.contractor_select ul.dropdown-menu li {
    all: initial;
    cursor: pointer;
    box-sizing: border-box;
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: none;
    font-size: 1rem;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
}

#toastinette div {
    cursor: pointer;
}

a.nav-link {
    cursor: pointer;
}

.reset-this {
    animation: none;
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: 0;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    backface-visibility: visible;
    background: 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 0;
    border-style: none;
    border-width: medium;
    border-color: inherit;
    border-bottom: 0;
    border-bottom-color: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-collapse: separate;
    border-image: none;
    border-left: 0;
    border-left-color: inherit;
    border-left-style: none;
    border-left-width: medium;
    border-radius: 0;
    border-right: 0;
    border-right-color: inherit;
    border-right-style: none;
    border-right-width: medium;
    border-spacing: 0;
    border-top: 0;
    border-top-color: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-top-width: medium;
    bottom: auto;
    box-shadow: none;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    columns: auto;
    column-count: auto;
    column-fill: balance;
    column-gap: normal;
    column-rule: medium none currentColor;
    column-rule-color: currentColor;
    column-rule-style: none;
    column-rule-width: none;
    column-span: 1;
    column-width: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    empty-cells: show;
    float: none;
    font: normal;
    font-family: inherit;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    orphans: 0;
    outline: 0;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    position: static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes: '\201C' '\201D' '\2018' '\2019';
    right: auto;
    tab-size: 8;
    table-layout: auto;
    text-align: inherit;
    text-align-last: auto;
    text-decoration: none;
    text-decoration-color: inherit;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    transform: none;
    transform-style: flat;
    transition: none;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: none;
    transition-timing-function: ease;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 0;
    width: auto;
    word-spacing: normal;
    z-index: auto;
    /* basic modern patch */
    all: initial;
    all: unset;
}

.white-pre {
    white-space: pre-line;
}

.h-fullscreen {
    height: calc(100vh) !important;
}

.cb-3 {
    transform: scale(1.3, 1.3);
}

.ccm_container {
    border: solid 2px;
}

.ccm_container.ccm_alert {
    border-color: #ED3D2D;
}

.ccm_container.ccm_uptodate {
    border-color: #00B300;
}

.ccm_container .ccm_header {
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    font-size: 1.2rem;
}

.ccm_container .ccm_header.ccm_alert {
    background-color: #ED3D2D;
}

.ccm_container .ccm_header.ccm_uptodate {
    background-color: #00B300;
}

.ccm_container .ccm_body {
    padding: 10px;
    font-weight: bold;
}

div.dataTables_wrapper div.right-items div.dataTables_paginate,
div.dataTables_wrapper div.right-items div.dataTables_filter {
    float: right;
}

div.dataTables_wrapper div.right-items div.dataTables_filter {
    padding-top: 3px;
    padding-right: 5px;
}

div.dataTables_wrapper div.right-items div.dataTables_filter input {
    padding: 15px 5px;
}

div.dataTables_wrapper div.large-arrows a {
    font-size: 1.4rem;
}

div.dataTables_wrapper tr.overdue td {
    background-color: #FFEAEA;
}

div.dataTables_wrapper tr.rejected td {
    background-color: #C7C7C8;
    color: #888888;
}

div.dataTables_wrapper tr.rejected td a {
    color: #888888;
}

div.dataTables_wrapper tr.overdue td.to_do {
    color: #FF0000;
}

div.dataTables_wrapper tr.pending td {
    background-color: #faf9d7;
}

div.dataTables_wrapper tr.pending.selected td {
    background-color: #0275d8;
}

div.dataTables_wrapper tr.complete td {
    background-color: #E6FFE9;
}

div.dataTables_wrapper tr.complete.selected td {
    background-color: #0275d8;
}

div.dataTables_wrapper tr td.complete {
    color: #E6FFE9;
}

div.dataTables_wrapper tr td.completed {
    color: #008000;
    font-weight: bold
}

div.dataTables_wrapper tr td.overdue {
    color: #FF0000;
}

.disabled-datarow {
    background-color: #77777B !important;
    color: #E6FFE9;
}

.disabled-datarow.selected {
    background-color: #77777B !important;
    color: #E6FFE9;
}

tr.complete td {
    background-color: #E6FFE9;
}

tr.disabled-grey td {
    background-color: #ebebeb;
}

div.dataTables_wrapper tr.complete.selected td {
    background-color: #0275d8;
}

div.dataTables_wrapper tr.group-header-row td {
    background-color: #fff;
    color: #212529;
    font-weight: bold;
    padding: 5px;
}

.disabled-datarow {
    background-color: #77777B !important;
    color: #E6FFE9;
}

.disabled-datarow.selected {
    background-color: #77777B !important;
    color: #E6FFE9;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    /* Set the fixed height of the footer here */
    line-height: 60px;
    /* Vertically center the text there */
    background-color: #f5f5f5;
}

.fileattachment {
    max-width: 150px;
    padding: 3px;
    border: 1px solid grey;
    margin-right: 4px;
}

.-selected- .dp-note {
    bottom: 2px;
    background: #fff;
    opacity: .5;
}

.dp-note {
    background: #FF0000;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 50%;
    bottom: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.dp-note {
    position: absolute;
}

#calendar .datepicker {
    border: none !important;
}

div.msgheader {
    padding-top: 10px;
}

.grey_hover {
    border-top: 1px solid rgba(0, 0, 0, .15) !important;
}

.grey_hover:hover,
.grey_hover_2:hover {
    background-color: rgba(0, 0, 0, .075) !important;
}

#calendar div.datepicker {
    width: 290px;
    font-family: verdana;
}

#calendar div.datepicker div.datepicker--nav-title {
    font-size: 1.3rem;
}

#calendar div.datepicker div.datepicker--cell {
    font-size: 1.3rem;
    margin-top: 5px;
}

.listarrow {
    border: solid #686868;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 4px;
}

.arrow_right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow_left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow_up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow_down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.childcount,
.childselected {
    margin-left: 10px;
    font-size: 0.9rem;
    font-weight: bold;
}

.childselected {
    color: green;
}

.small-a {
    font-size: 90%;
}

.messagecard_subject {
    background-color: #dee2e6;
    padding: 4px;
    font-size: 1rem;
}

div.message_card.active .messagecard_subject {
    background-color: transparent !important;
}

div.message_card.active div.item_hover {
    background-color: #C7E0F4;
    color: #343434;
}

.msgbodytext {
    color: #000;
    font-size: 1rem;
}

.inherit-alignitems {
    align-items: inherit;
}

.item-adder__input {
    display: flex;
    width: 100%;
    color: rgb(0, 10, 56);
    padding: 5px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(208, 211, 219);
    border-image: initial;
    outline: 0px;
    border-radius: 18px;
}

.item-adder__input2 {
    display: flex;
    width: 100%;
    color: rgb(0, 10, 56);
    padding: 5px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(208, 211, 219);
    border-image: initial;
    outline: 0px;
    border-radius: 2px;
}

.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked+label {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

.round input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.round-square label {
    border-radius: unset !important;
}

.round-square input[type="checkbox"]:checked+label {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.list-item__body-link:hover {
    cursor: pointer;
}

.list-item__body a:hover,
.list-item__body-link:hover {
    color: #2291F8;
}

.list-item:hover {
    /*background-color: #EFF7FE;*/
}

.item-list__item .list-item__body-link {
    width: 100%;
    padding: 12px 0;
    text-decoration: none;
    word-wrap: break-word;
}

.list-item__body a,
.list-item__body-link {
    display: block;
    color: #000;
}

.grabbable,
.subgrabbable {
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.grabbable:active,
.subgrabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.blue-background-class {
    background-color: #C8EBFB;
}

.btn-dashed {
    border: dashed thin;
}

.btn-circle {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
}

.btn-circle-sm {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 0.9rem;
}

.btn-circle-sm-2 {
    width: 20px;
    height: 20px;
    line-height: 15px;
    font-size: 0.6rem;
}

.due-date__menu-toggle {
    color: #000;
    font-size: 1.2rem;
    display: flex;
    align-items: flex-start;
    margin-top: 6px;
}

.date-item__body-link:hover {
    cursor: pointer;
}

.date-item__body-link:hover {
    color: #2291F8;
}

#meetingtopics .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 18rem !important;
    right: 0 !important;
}

.myeditable {
    outline: 0;
}

.rounded-18 {
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    /* future proofing */
    -khtml-border-radius: 18px;
    /* for old Konqueror browsers */
}

.subtopicitem:hover {
    background-color: #EAEAEA;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.6;
}

.disabledscreen {
    pointer-events: none;
    opacity: 0.9;
}

nav li.nav-item:hover {
    cursor: pointer;
}

.designdev_subheader {
    background-color: rgba(0, 0, 0, .05);
    border-top: none;
    border-bottom: 1px dashed #dee2e6;
}

.tbnumber {
    width: 50px;
}

.bigcheck {
    width: 30px;
    height: 30px;
}

.cancelcheck {
    -webkit-appearance: initial;
    background: pink;
    width: 30px;
    height: 30px;
    position: relative;
}

.cancelcheck:checked {
    background: red;
}

.cancelcheck:checked:after {
    /* Heres your symbol replacement */
    content: "X";
    color: #fff;
    font-size: 1.6rem;
    /* The following positions my tick in the center, 
     * but you could just overlay the entire box
     * with a full after element with a background if you want to */
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*
     * If you want to fully change the check appearance, use the following:
     * content: " ";
     * width: 100%;
     * height: 100%;
     * background: blue;
     * top: 0;
     * left: 0;
     */
}

/*  CALENDAR ITEMS */

.fc-event {
    font-size: 0.9em !important;
    padding: 3px 5px !important;
    font-weight: bold;
}

.fc-event:hover {
    cursor: pointer;
}

.calNewDate {
    font-size: 1.4rem;
}

.shadow-lg2 {
    box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.575) !important;
}

.modal-full {
    min-width: 100%;
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
}

.modal-75 {
    min-width: 75%;
    margin: 0;
}

.modal-75 .modal-content {
    min-height: 75%;
}

.modal-25 {
    min-width: 25%;
    margin: 0;
}

.modal-25 .modal-content {
    /*min-height: 75%;*/
}

#calendar_main .fc-right button,
#calendar_main .fc-right h2 {
    display: inline-block;
    vertical-align: middle;
}

#calendar_main .fc-right .fc-prev-button,
#calendar_main .fc-right .fc-next-button,
#calendar_main .fc-right h2 {
    color: #8F8F8F;
}

#calendar_main .fc-right h2 {
    width: 170px;
    text-align: center;
}

#calendar_main .fc-right .fc-prev-button,
#calendar_main .fc-right .fc-next-button {
    padding: 0px 5px;
}

#calendar_main .fc-right .fc-prev-button:focus,
#calendar_main .fc-right .fc-next-button:focus {
    box-shadow: none;
}

#calendar_main .fc-right .fc-prev-button:hover,
#calendar_main .fc-right .fc-next-button:hover {
    color: #000;
}

#calendar_main .fc-prev-button,
#calendar_main .fc-next-button {
    font-size: 2.5rem;
    background-color: transparent !important;
    border-color: transparent !important;
}

#calendar_main .fc-dayGridMonth-button,
#calendar_main .fc-listMonth-button,
#calendar_main .fc-left .btn {
    color: #fff !important;
    background-color: #8F8F8F;
    border-color: #8F8F8F;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 6px 20px;
}

#calendar_main .fc-dayGridMonth-button,
#calendar_main .fc-listMonth-button:focus {
    box-shadow: none;
}

#calendar_main .fc-dayGridMonth-button.active,
#calendar_main .fc-listMonth-button.active {
    color: #fff !important;
    background-color: #4C6085;
    border-color: #4C6085;
}

#calendar_main .fc-day-header {
    border: none;
    padding: 15px 0px;
    color: #8F8F8F;
}

#calendar_main .fc-dayGridMonth-view table:first-child {
    border-left: none;
    border-right: none;
    border-top-width: 2px;
}

#calendar_main .fc-dayGridMonth-view .fc-head-container {
    border: none;
}

#calendar_main .fc-day-number {
    color: #8F8F8F;
    font-size: 1.4rem;
    padding-right: 10px;
}

.fc-event {
    border-left-width: 4px !important;
    border-right-width: 0px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
}

.fc-event .fc-content {
    font-size: 0.9rem;
}

.dropdown-scroll {
    max-height: 200px;
    overflow-y: auto;
}

.alert-info {
    background-color: #DDDDDD !important;
    border-color: #DDDDDD !important;
    color: #FFF;
}

.nowrap {
    white-space: nowrap;
    overflow: hidden;
}

.nowrap2 {
    white-space: -moz-pre-wrap;
    /* Firefox */
    white-space: -o-pre-wrap;
    /* Opera */
    white-space: pre-wrap;
    /* Chrome */
    word-wrap: break-word;
    /* IE */
    overflow: hidden;
}

#slideout-main {
    z-index: 2;
}

#slideout-top {
    z-index: 3;
}

.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.dropdown-link {
    white-space: inherit !important;
    text-align: left !important;
}

.selected {
    background-color: #007BFF !important;
}

.greedy-nav button {
    background-color: #555655 !important;
}

.greedy-nav ul.hidden-links {
    background-color: #555655;
}

.greedy-nav .hidden-links li {
    border-top: none !important;
}

.greedy-nav ul.hidden-links li.nav-item {
    border-bottom: 1px solid #FFF;
}

.greedy-nav ul.hidden-links li.nav-item.active h6 {
    color: #FFF !important;
}

.greedy-nav ul.hidden-links li.nav-item.active {
    background-color: #5FCAF5 !important;
}

.greedy-nav ul.hidden-links li.nav-item:hover {
    background-color: #7C7D7C;
    border-bottom-color: #7C7D7C !important;
}

.greedy-nav ul.hidden-links a {
    background-color: inherit !important;
    color: #FFF !important;
}

div.dropdown-menu div.inner {
    overflow-x: hidden;
}

div.bootstrap-select div.dropdown-menu a.dropdown-item.selected,
div.bootstrap-select div.dropdown-menu a.dropdown-item.selected small {
    color: #FFF !important;
}

.photo_album_image_width,
.photo_image_width {
    width: 200px;
    display: block;
    margin: auto;
}

.photo_image_card_width {
    width: 225px;
}

.photo_image_card_width.selected {
    background-color: #0275d8 !important;
}

.my_summernote .note-editable {
    min-height: 100px;
}

.note-editor.note-frame {
    border-color: #ced4da !important;
}

.note-resizebar {
    display: none;
}

.note-toolbar {
    z-index: 2 !important;
}

.cd-panel__header {
    width: 100% !important;
}

.delete-link {
    font-weight: 400;
    color: rgba(0, 123, 255, .2);
    transition: color .15s ease-in-out, opacity .15s ease-in-out;
}

.item-with-delete:hover .delete-link {
    color: #007bff;
    text-decoration: none;
}

input.txtcalc,
input.txttotal,
th.txtcalc,
th.txttotal {
    min-width: 60px !important;
}

tr.selected div.text-muted {
    color: #FFF !important;
}

.contact-company-link {
    cursor: pointer;
    color: #000 !important;
}

.contact-company-link:hover {
    color: #007bff !important;
}

.contact-detail-link {
    cursor: pointer;
    color: #000 !important;
}

.contact-detail-link:hover {
    color: #007bff !important;
}

.radio-required.is_missing {
    -webkit-appearance: none;
    border: 1px solid red;
    border-radius: 50%;
    outline: none;
}

label.is_missing {
    color:red;
}

.table-cell-middlealign td {
    vertical-align: middle;
}

.page_thumbnail_preview.active {
    background-color: #5FCAF5;
}

.page_thumbnail_preview_2:hover {
    background-color: #007BFF;
}

.page_thumbnail_preview_2.active {
    background-color: #007BFF;
}

.markup-layer-card:hover {
    background-color: #5FCAF5;
}

.markup-layer-card.active {
    background-color: #5FCAF5;
}

input.custom-checkbox[type="checkbox"] {
    height: 14px;
    width: 14px;
    position: relative;
    -webkit-appearance: none;
}

input.custom-checkbox[type="checkbox"]:focus {
    outline: 0;
}

input.custom-checkbox[type="checkbox"]:before {
    content: "";
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    height: 14px;
    width: 14px;
    border-radius: 2px;
    border: 1px solid #767676;
    background-color: #fff;
}

input.custom-checkbox[type="checkbox"]:hover::before {
    border: 1px solid #4f4f4f;
}

input.custom-checkbox[type="checkbox"]:checked:hover::before {
    filter: brightness(90%);
}

input.custom-checkbox[type="checkbox"]:disabled {
    filter: opacity(0.5);
}

input.custom-checkbox[type="checkbox"]:checked:disabled:hover::before {
    filter: none;
}

input.custom-checkbox[type="checkbox"]:checked:before {
    content: "";
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    height: 14px;
    width: 14px;
    border-radius: 2px;
}

input.custom-checkbox[type="checkbox"]:checked:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 2px;
    box-sizing: border-box;
    height: 5px;
    width: 10px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: translateY(-1.5px) rotate(-45deg);
    transform: translateY(-1.5px) rotate(-45deg);
}

input.custom-checkbox[type="checkbox"]:disabled::before {
    border: 1px solid #c9ced1;
    border-radius: 2px;
    background-color: #f0f4f8;
}

input.custom-checkbox[type="checkbox"]:checked:disabled::before {
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #d1d1d1;
}

input.custom-checkbox.rfi-checkbox[type="checkbox"]:checked:before {
    border: 1px solid #576B8F;
    background-color: #576B8F;
}

input.custom-checkbox.co-checkbox[type="checkbox"]:checked:before {
    border: 1px solid #57C3AC;
    background-color: #57C3AC;
}

input.custom-checkbox.asb-checkbox[type="checkbox"]:checked:before {
    border: 1px solid #EF4837;
    background-color: #EF4837;
}

input.custom-checkbox.si-checkbox[type="checkbox"]:checked:before {
    border: 1px solid #777777;
    background-color: #777777;
}

input.custom-checkbox.sub-checkbox[type="checkbox"]:checked:before {
    border: 1px solid #6ACFF6;
    background-color: #6ACFF6;
}

input.custom-checkbox.spn-checkbox[type="checkbox"]:checked:before {
    border: 1px solid #C95300;
    background-color: #C95300;
}

input.custom-checkbox.spn-checkbox[type="checkbox"]:disabled {
    filter: opacity(1);
}

input.custom-checkbox.other-checkbox[type="checkbox"]:checked:before {
    border: 1px solid #F3C26C;
    background-color: #F3C26C;
}

.listSection-listNotes {
    color: #C95300;
}

.listSection-listRFI {
    color: #576B8F;
}

.listSection-listChanges {
    color: #57C3AC;
}

.listSection-listSI {
    color: #777777;
}

.listSection-listSUBS {
    color: #6ACFF6;
}

.listSection-listOther {
    color: #F3C26C;
}

.listSection-listAsBuilts {
    color: #EF4837;
}

.listSection-listDeficiency {
    color: #EF4837;
}

.hide-important {
    display: none !important;
}

@media (min-width: 1200px) {
    .hide-important {
        display: flex !important;
    }
}

.cost-code-number::before {
    content: "$";
}

.cost-code-number::-webkit-outer-spin-button,
.cost-code-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

.cost-code-number {
    text-align: end;
    -moz-appearance: textfield;
}

.ccc-column {
    width: 150px;
    min-width: 100px;
}

.ccc-notes-column {
    min-width: 300px
}

.matchFooter {
    background-color: white !important;
    border: lightgray 1px solid;
}

.light-grey-border-y {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.light-grey-border-x {
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.light-grey-border-t {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.light-grey-border-b {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.light-grey-border-r {
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.light-grey-border-l {
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.smrtbld-blue {
    color: rgb(6, 180, 226);
}

.accounting-note-container:hover {
    background-color: #EAEAEA;
}

.accounting-note-container .accouting-note-btns {
    display: none;
}

.accounting-note-container:hover .accouting-note-btns {
    display: block;
}

.smrtbld-grey {
    color: #555D67;
}

.smrtbld-blue {
    color: #576B8F;
}

.smrtbld-light-blue {
    color: #6ACFF6;
}

.smrtbld-green {
    color: #57C4AC;
}

.smrtbld-yellow {
    color: #F3C46C;
}

.smrtbld-orange {
    color: #C95300;
}

.smrtbld-red {
    color: #EF4837;
}

.smrtbld-danger {
    color: #FF0000;
}

.vl {
    border-left: 1px #E5E5E5 solid;
    height: 100%;
}

.icon-success {
    color: #00B300;
}

.icon-warning {
    color: #FC8C21;
}

.icon-danger {
    color: #FF0000;
}

.rotate-90 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-180 {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate-270 {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.flip {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.flip-and-rotate-90 {
    -moz-transform: rotate(90deg) scaleX(-1);
    -webkit-transform: rotate(90deg) scaleX(-1);
    -o-transform: rotate(90deg) scaleX(-1);
    transform: rotate(90deg) scaleX(-1);
}

.flip-and-rotate-180 {
    -moz-transform: rotate(180deg) scaleX(-1);
    -webkit-transform: rotate(180deg) scaleX(-1);
    -o-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
}

.flip-and-rotate-270 {
    -moz-transform: rotate(270deg) scaleX(-1);
    -webkit-transform: rotate(270deg) scaleX(-1);
    -o-transform: rotate(270deg) scaleX(-1);
    transform: rotate(270deg) scaleX(-1);
}

table.strikeout-enabled {
    border-collapse: collapse;
}

tr.strikeout-enabled td {
    position: relative;
}

tr.strikeout-enabled td.strikeout:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #ED3D2D;
    width: 100%;
}

.text-strikeout {
    text-decoration: solid line-through #ED3D2D;
}

/* tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #ED3D2D;
    width: 100%;
} */

.reports-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    z-index: 10000;
}

.button-group {
    position: relative;
    margin-bottom: 5px;
}

.reports-dropdown-btn {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
    z-index: 10000;
}

@media screen and (min-width: 1650px) {
    .mobile-break {
        display: none;
    }
}

.table-striped-headers tr.odd {
    background-color: rgba(0,0,0,.05) 
}

@keyframes fadeInFadeOutAnimation { 
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

.animate-fadeInFadOut {
    opacity: 1;
    animation: fadeInFadeOutAnimation 2s infinite;
}

.hidden-tabs {
    display: none !important;
}

.adjustable-height {
    overflow: hidden;
    resize: none;
    background-color: #e9ecef;
    opacity: 1;
}

.dropdown-item.disabled {
    color: gray;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}

.list-group-item {
    border-top: none;
    border-left: none;
    border-right: none;
}


.dropdown-menu .custom-checkbox {
    padding-left: 2rem !important;
}