.tooltip-content3::after {
    top: 3% !important;
}

.tooltip-content3 {
    bottom: -465% !important;
}

.dt-buttons {
    position: absolute;
    right: 20px;
    top: 20px;
}

.blackColor {
    color: black !important;
}

.greenBG {
    background-color: green;
    color: white;
}

.greenColor {
    color: green !important;
}

.redColor {
    color: red !important;
}

.blackColor {
    color: black !important;
}

.pinkColor {
    color: pink !important;
}

.blue0Color {
    color: #040880
}

.blue1Color {
    color: #0348AA
}

.blue2Color {
    color: #0188D5
}

.blue3Color {
    color: #00C8FF
}

.redBorder {
    border: 1px solid red !important;
    box-shadow: 0 0 8px rgb(238, 62, 45) !important;
}

.greenBorder {
    border: 1px solid limegreen !important;
    box-shadow: 0 0 8px rgb(146, 238, 138) !important;
}

.highlightedRow {
    background-color: lightseagreen !important;
    color: white !important;
}

.highlightedRowRed {
    background-color: firebrick !important;
    color: white !important;
}

.highlightedRowGreen {
    background-color: #0a9400 !important;
    color: white !important;
}

.cursor-pointer {
    cursor: pointer;
}

.greyedOut {
    opacity: 0.1;
    z-index: 1;
}

.structure-person-icon {
    color: #009efb;
    padding: 5px;
    margin-left: -5px;
}

@media (max-width: 1557px) {
    table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
        padding-right: 5px !important;
    }

    .table thead th, .table th {
        font-size: 13px;
    }

    table.dataTable td, table.dataTable th {
        font-size: 13px;
    }
}

@media (max-width: 1372px) {
    table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
        padding-right: 5px !important;
    }

    .table thead th, .table th {
        font-size: 12px;
    }

    table.dataTable td, table.dataTable th {
        font-size: 12px;
    }
}

.selectedSopInModal {
    margin-right: 10px;
    font-size: 12px;
    margin-top: 5px;
}

.mt75px {
    margin-top: 75px;
}

.mt50px {
    margin-top: 50px;
}

.mt10px {
    margin-top: 10px;
}


.topbar .top-navbar .navbar-header {
    background: white;
    line-height: 68px !important;
}

.custom-form-group {
    margin-bottom: 10px;
}

.uppy-Dashboard--modal {
    z-index: 1100 !important;
}

.invisible {
    height: 0px !important;
    width: 0px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.blue {
    color: blue;
}

.lightBlue {
    color: #26c6da;
}

.modal-dialog {
    margin-top: 0px !important;
}

.configureVisitText {
    max-width: 160px !important;
    text-align: center !important;
}


.login-register {
    background-image: url(../assets/images/background/login.jpg);
}

@media (max-width: 767px) {
    .login-register {
        background-image: url(../assets/images/background/loginxs.jpg);
        position: fixed;
        background-position-x: -100px;
    }
}

.ft12 {
    font-size: 12px;
}

html {
    background: #eef5f9 !important;
}

.light-logo {
    max-height: 60px;
}

.css-bar-green.css-bar-0 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-5 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-10 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-15 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-20 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-25 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-30 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-35 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-40 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-45 {
    background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-50 {
    background-image: linear-gradient(270deg, #0DE315 50%, transparent 50%, transparent), linear-gradient(270deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-55 {
    background-image: linear-gradient(288deg, #0DE315 50%, transparent 50%, transparent), linear-gradient(270deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-60 {
    background-image: linear-gradient(306deg, #0DE315 50%, transparent 50%, transparent), linear-gradient(270deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-65 {
    background-image: linear-gradient(324deg, #0DE315 50%, transparent 50%, transparent), linear-gradient(270deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-70 {
    background-image: linear-gradient(342deg, #0DE315 50%, transparent 50%, transparent), linear-gradient(270deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-75 {
    background-image: linear-gradient(360deg, #0DE315 50%, transparent 50%, transparent), linear-gradient(270deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-80 {
    background-image: linear-gradient(378deg, #0DE315 50%, transparent 50%, transparent), linear-gradient(270deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-85 {
    background-image: linear-gradient(396deg, #0DE315 50%, transparent 50%, transparent), linear-gradient(270deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-90 {
    background-image: linear-gradient(414deg, #0DE315 50%, transparent 50%, transparent), linear-gradient(270deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-95 {
    background-image: linear-gradient(432deg, #0DE315 50%, transparent 50%, transparent), linear-gradient(270deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-100 {
    background-image: linear-gradient(450deg, #0DE315 50%, transparent 50%, transparent), linear-gradient(270deg, #0DE315 50%, #fafafa 50%, #fafafa);
}

.height100pct {
    height: 100% !important;
}

.autoWidth {
    width: auto !important;
}

.padding8px {
    padding: 8px !important;
}

.padding0px {
    padding: 0px !important;
}

.stickyTopbar {
    top: 70px;
    position: sticky;
    z-index: 10;
}

.languagesDiv {
    z-index: 100;
}

.fc-toolbar-title {
    line-height: 36px !important;
    font-size: 24px !important;
    font-weight: 400 !important;
}

.ribbonContentLeft {
    position: absolute;
    bottom: 0px;
    color: #ffffff;
    left: 5px;
    font-weight: bold;
    z-index: 45;
}

.ribbonContentRight {
    position: absolute;
    bottom: 0px;
    color: #ffffff;
    right: 5px;
    font-weight: bold;
    z-index: 45;
}

.ribbonContentLeftTop {
    position: absolute;
    top: 5px;
    color: #ffffff;
    left: 5px;
    font-weight: bold;
    z-index: 45;
}

.ribbon-corner {
    z-index: 40
}

.yellow {
    color: yellow;
}

.redBorder {
    border: 1px solid red;
}

.morningHospitalization {
    text-align: center;
    background-color: green;
    position: absolute;
    bottom: 0px;
    height: 28px;
    left: 0%;
    width: 25%;
    padding-top: 3px;
    z-index: 9999;
}

.morningHospitalization span {
    color: white;
    font-weight: bold;
}

.eveningHospitalization {
    text-align: center;
    background-color: #dc2626;
    position: absolute;
    bottom: 0px;
    height: 28px;
    right: 0%;
    width: 25%;
    padding-top: 3px;
    z-index: 9999;
}

.eveningHospitalization span {
    color: white;
    font-weight: bold;
}

.ambulatories {
    text-align: center;
    background-color: yellow;
    position: absolute;
    bottom: 0px;
    height: 28px;
    left: 37.5%;
    width: 25%;
    padding-top: 3px;
    z-index: 9999;
}

.ambulatories span {
    color: black;
    font-weight: bold;
}

.fc .fc-more-popover {
    z-index: 10000 !important;
}

.fc-daygrid-more-link {
    color: black;
}

.black {
    color: black;
}

.width100pct {
    width: 100%;
}

.noBorder {
    border: none !important;
}

.mbminus8px {
    margin-bottom: -8px;
}

.maxWidth120px {
    max-width: 120px;
}

.screeningEvent {
    color: black !important;
    font-weight: bold !important;
}

.screeningEvent .fc-event-main {
    color: black !important;
}

.cardHoverHighlight:hover {
    background-color: lightgray !important;
    border: 1px solid black !important;
    box-shadow: 0 0 8px #6E6E6E !important;
    color: black !important;
    cursor: pointer !important;
}

.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.grouppedSopUpperPart {
    border-left: darkblue 1px solid;
    border-top: darkblue 1px solid;
    padding: 8px;
    margin-bottom: 0px;
    border-right: darkblue 1px solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.grouppedSopLowerPart {
    border-left: darkblue 1px solid;
    border-bottom: darkblue 1px solid;
    border-right: darkblue 1px solid;
    padding: 8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.popoverContainer {
    min-width: 400px;
}

.popoverContainer .popover-body table {
    min-width: 100%;
}

.popoverContainer .popover-body table thead tr th {
    font-weight: bold;
    text-align: center;
}

.popoverContainer .popover-body table tbody tr td {
    text-align: center;
}

.swal2-radio label input {
    position: relative !important;
    left: auto !important;
    opacity: 1 !important;
}

.mb0 {
    margin-bottom: 0px;
}

.fontBold {
    font-weight: 500;
}

.participantsDataDisplay {
    width: 25px;
    height: 25px;
    border: 1px solid darkgrey;
    display: inline-block;
    margin-right: 3px;
    text-align: center;
    cursor: pointer
}

.selectedParticipantsDataDisplay {
    width: 40px;
    height: 40px;
    border: 1px solid darkgrey;
    display: inline-block;
    margin-right: 3px;
    text-align: center;
    padding-top: 4px;
    font-size: 20px;
    font-weight: 500;
    border: 2px solid blue !important;
    background-color: lightblue !important;
    color: black !important;
}


.disabledRow {
    background: #b1b1b1 !important;
    color: white !important;
}

.whiteBackground {
    background-color: white;
}

.fooicon {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}

.fooicon-loader:before {
    /*Old Glyph - content: "\e030";*/
    content: "\f01e" !important;
}

.fooicon-plus:before {
    /*Old Glyph - content: "\2b";*/
    content: "\f067" !important;
}

.fooicon-minus:before {
    /*Old Glyph - content: "\2212";*/
    content: "\f068" !important;
}

.fooicon-search:before {
    /*Old Glyph - content: "\e003";*/
    content: "\f002" !important;
}

.fooicon-remove:before {
    /*Old Glyph - content: "\e014";*/
    content: "\f00d" !important;
}

.fooicon-sort:before {
    /*Old Glyph - content: "\e150";*/
    content: "\f0dc" !important;
}

.fooicon-sort-asc:before {
    /*Old Glyph - content: "\e155";*/
    content: "\f0de" !important;
}

.fooicon-sort-desc:before {
    /*Old Glyph - content: "\e156";*/
    content: "\f0dd" !important;
}

.fooicon-pencil:before {
    /*Old Glyph - content: "\270f";*/
    content: "\f040" !important;
}

.fooicon-trash:before {
    /*Old Glyph - content: "\e020";*/
    content: "\f1f8" !important;
}

.fooicon-eye-close:before {
    /*Old Glyph - content: "\e106";*/
    content: "\f070" !important;
}

.fooicon-flash:before {
    /*Old Glyph - content: "\e162";*/
    content: "\f0e7" !important;
}

.fooicon-cog:before {
    /*Old Glyph - content: "\e019";*/
    content: "\f013" !important;
}


.grayBackground {
    background-color: lightgray;
}

.redBackground {
    background-color: darkred;
    color: white;
}

.yellowBackground {
    background-color: yellow;
    color: black;
}

.greenBackground {
    background-color: forestgreen;
    color: white;
}

#researchProcessTable1 {
    font-size: 14px !important;
}

#researchProcessTable1 td {
    padding: 0.25rem;
    text-align: center;
    height: 60px !important;
}

#researchProcessTable1 th {
    padding: 0.25rem;
    text-align: center;
}

#researchProcessTable2 {
    font-size: 14px !important;
}

#researchProcessTable2 td {
    padding: 0.25rem;
    text-align: center;
    height: 60px !important;
}

#researchProcessTable2 th {
    padding: 0.25rem;
    text-align: center;
}


#configureVisitsInResearchModal {
    overflow-y: scroll;
}

.disabledButton {
    opacity: 0.5;
    background: gray;
    pointer-events: none;
}

.boldCourier {
    font-weight: 900;
    font-family: 'Courier New';
}

.cardWideHR {
    margin-right: -20px !important;
    margin-left: -20px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.labelViewTaskModal {
    margin-top: 4px;
    margin-right: 10px;
}

.textTableCell {
    color: white;
    background: gray;
}

.lightTextTableCell {
    color: black;
    background: lightgrey;
}

.disabledStrongly {
    opacity: 0.4 !important;
}

#pdfContent {
    padding: 0px !important;
}


.pt3rem {
    padding-top: 3rem !important;
}

.barcodeHighlighted div div div div {
    background-color: lightblue;
}

.lightGreenBG {
    background-color: rgba(0, 255, 0, 0.1);
}

.lightRedBG {
    background-color: rgba(255, 0, 0, 0.1);
}