/* html { visibility:hidden; } */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap");

* {
    font-family: "Open Sans", sans-serif;
}

/* .pacs-faciity_tool {
  width: max-content;
  display: inline-block;
  margin-left: 50px;
} */

#viewertools {
    color: white;
    padding-bottom: 2em;
}

#target_email {
    color: black;
    font-size: 12px;
    width: 200px;
    border-radius: 10px;
}

.pacs-faciity_tool label,
.pacs-faciity_tool select {
    padding-right: 10px;
    font-size: 0.8em;
    font-weight: bold;
}

#myModal {
    margin: 10px 30px 10px 10px;
    max-width: 100%;
}

.uiinfo,
.uiinfo * {

    color: white !important;
    font-size: 10px;
    background-color: #009525 !important;
    border-radius: 4px;
    border: none;
    padding: 1px;
    font-weight: bold;
    margin: 1px;
    height: max-content !important;
    width: max-content !important;
    max-width: 100%;
    display: inline-block;

}

.activemenu {
    background-color: #2a5881 !important;
    color: white !important;
}

input[type="checkbox"] {
    appearance: checkbox;
    height: 1.5em;
    box-shadow: unset !important;
}

/* COOKIE CONSENT */
.cookie-consent {


    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    /* background: #000 !important; */
    /* border: 2px black solid; */
    width: 100%;
    top: 0;
    z-index: 10;
    opacity: 1.0;
    padding: 5px;
    height: 100%;
    text-align: center;

}

.cookie-consent__message {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    /* border: 1px black solid; */
    padding: 20px;
    background: #202536;
    border-radius: 10px;
    width: 640px;
    right: 0;
    left: 0;
    position: absolute;
    margin: auto;
    top: 5px;
}

.cookie-consent__agree {

    color: #070c1f;
    text-decoration: none;
    cursor: pointer;
}

.cookie-consent__agree:hover {

    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

#studylist {

    margin: 0px 20px;
    /* background:black; */
    /* color:white; */

}

.startenddate {
    color: white;
}


/* YAJRA DATATABLES */
.yajra-datatable thead {
    background: #2a5881;

}

.yajra-datatable thead th {
    border: 1px solid #070c1f;
    border-collapse: collapse;
    color: white;
    font-size: .8em;
    padding: .8em !important;
    line-height: .8em;

}

.yajra-datatable tbody {

    color: #fff;
    font-weight: bold;
    font-size: .8em;
    padding: .8em !important;
    line-height: .8em;

}


.yajra-datatable tbody tr:nth-child(odd) {
    background: #202536;
}

.yajra-datatable tbody tr:nth-child(even) {
    background: #141c33;
}

.user_avatar {
    width: 100%;
    margin: auto;
    text-align: center;
}

.user_avatar img {
    max-height: 75px;
    max-width: 75px;
}

/* MIGRATED CSS */

#orderrequests {
    border: 1px solid black;
}

#studycountselect select,
.selector select {

    /* padding: 0; */
    /* color: black; */
    /* outline: 1px solid white; */
    /* margin: 0px; */
    /* line-height: 14px; */
    font-size: 10px;
}

select.ui-datepicker-month,
select.ui-datepicker-year {

    line-height: 12px;
    color: black;
    padding: 2px;

}

.spinner_overlay {
    display: none;
    position: fixed;
    width: 60px;
    height: 60px;
    top: 0;
    left: 0;
    z-index: 10000;
    background: url("/images/progress.gif") center no-repeat;
    background-size: contain;
    right: 0;
    margin: auto;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

/* Absolute Center Spinner */
.page-loading {
    display: none;
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.page-loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));

    background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}

/* :not(:required) hides these rules from IE9 and below */
.page-loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.page-loading:not(:required):after {
    content: '';
    display: block;
    font-size: 15px;
    width: 0.8em;
    height: 0.8em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Turn off scrollbar when body element has the loading class */
body.loading {
    overflow: hidden;
}

/* Make spinner image visible when body element has the loading class */
body.loading .page-loading {
    display: block;
}

body.modal-open {
    padding-right: 0px !important;
}


/* FOR syntaxHighlight. STUFF AFTER THAT IS JUST A DUMP OF CSS, WILL HAVE TO BE CLEANED UP. */

.syntaxHighlighted {
    background-color: whitesmoke !important;
}

.syntaxHighlighted .string {
    color: green !important;
}

.syntaxHighlighted .number {
    color: darkorange !important;
}

.syntaxHighlighted .boolean {
    color: blue !important;
}

.syntaxHighlighted .null {
    color: magenta !important;
}

.syntaxHighlighted .key {
    color: #0158ff !important;
}

body {
    overflow-y: scroll !important;
}

.sharelist {

    color: black;
    font-size: 12px;
    border: 1px solid black;

}

.shareform textarea {

    color: black;
    font-size: 12px;
    border: 1px solid black;

}

/* jQueryUI Tabs */

.centertabs {

    font-size: 10px;
    width: max-content;
    margin: auto !important;
    background: none;
    border: none;
}

#webcamwrapper,
#cropperimage,
#results {

    margin: 20px;
    border: 2px solid black;
    color: black;
    background: #0b0a0a;

}

form {

    line-height: 1em !important;
}

.listheading {

    font-size: 1em;
    margin: 10px auto 10px auto;
    color: black;
    text-align: center;

}

.plupload_wrapper {
    min-width: 320px !important;
}

.ui-widget.admins {

    background: none;
    max-width: 100%;
    padding: 10px;

}

.ui-widget.admins * {
    color: black;
}

.modal-open {
    overflow: auto;
}

/*  CSS for the Paginator Widget  */
.pageactive {
    color: #070c1f !important;
    /* background-color: white; */
}

.totalperpage {
    color: white;
}

.modal-dialog {
    max-width: 100%;
}

.modal-footer {

    text-align: center;
    margin: auto;
    padding: 0px;
}


#widget,
.RISpaginator,
.paginator {

    font-size: 10px !important;
    padding: 2px;
    border-radius: 4px;
    width: max-content;
    margin: auto;
    border-radius: 10px;
}

#widget a,
.RISpaginator a,
.paginator a {

    margin: 2px 5px 2px 0px;
    text-decoration: none;
    background: #15cf15;
    display: inline-block;
    width: 20px;
    font-size: 12px;
    color: #070c1f;
    /* border: 1px solid black; */
    text-align: center;
    border-radius: 5px;
    line-height: 16px;
}



.claimstatus,
.billingstatus {
    display: block;
}

#EditingForm>span:first-child {
    text-align: center;
    display: inline-block;
    width: 100%;
}

/*
FOR THE FILE BROWSER
 */
#filelist {
    background: white;
    color: black;
    text-align: left;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
}

#filelist .row {
    margin: 0px;
    padding: 3px;
    border: 1px solid black;
    border-collapse: collapse;
}

#filelist>row:first-child div {}

.billingfunctionbutton {
    display: inline-block;
}


#studieswrapper * {
    /* font-size:10px !important; */
}

.captchaimage {
    height: 60px;
    width: auto;
    text-align: center;
    margin: auto;

}

/* Timepicker font-size */
.ui-timepicker-am,
.ui-timepicker-pm {
    font-size: 16px !important;
    color: black;

}

.ui-timepicker-selected {
    color: red !important;
}

/* BOOTSTRAP MODAL (SEE BOTTOM OF FOOTER), modal-content and modal-footer also. */

.modal {
    z-index: 5000;
    color: black;

}

.modal-header {
    text-align: center;
    margin: auto;
}

.modal-content {
    width: max-content;
    margin: auto;
    max-width: 100%;
}


/* BEGIN CROPPER CSS for WebCam and Image Upload */


video {

    width: 320px;
    float: left;
}

#croppercontrols {

    color: black;
    font-size: 16px;
    line-height: 24px;
    display: none;
    color: black;
    margin-left: 20px;

}


#title {

    font-size: 18px;
    font-weight: bold;
    /* 	padding-left: 30px; */
}

#capture {

    display: block;
    clear: both;
}



#webcamwrapper {

    margin-bottom: 20px;
    text-align: left;
    display: inline-block;


}

#webcamwrapper span,
#results span {
    color: black;
    display: block;
    /* 	text-align: center; */
    font-weight: bold;
    clear: both;

}


.cropper-container {

    margin: 0px 0px;
    max-width: 320px;
    clear: both;
    display: inline-block;
}

.cropper-container img {
    max-width: 100%;

}

#result {
    vertical-align: top;
    /*         margin-left:20px; */
    max-width: 320px;

}

#results {

    display: none;
    vertical-align: top;
    color: white;
    position: relative;

}


.cropper-view-box,
.cropper-face {
    border-radius: 50%;
}

.cropper-bg {
    background-image: none !important;
}

.cropper-modal {
    background: none !important;
}

.square {
    border-radius: 0% !important;
}

#uploadavatar,
#webcamupload,
#deleteavatars,
#profileavatar,
#userform {

    border: 3px solid #2d6ba0;
    border-radius: 10px;
    padding: 20px;
    margin: 20px;
    clear: both;

}

#profileavatar {

    max-width: 300px;
    text-align: center;
    cursor: pointer;
}

#profileavatar img {

    height: 128px;
}

/* END CROPPER CSS for WebCam and Image Upload */

.formselectorbuttons {
    background: white;
    max-width: 800;
    text-align: center;
    margin: 0 20px 0 20px;
    border: 2px solid black;
    border-radius: 10px;
}

.feedbackwrapper {

    background: #7d0101;
    color: white;
    padding: 0px;
    font-size: 10px;
    text-align: center;
    margin: auto;
    width: 100%;
}

.user_avatar {
    width: 100%;
    margin: auto;
    text-align: center;
}

.user_avatar img {
    max-height: 75px;
    max-width: 75px;
    display: inline-block;
}

.orderstatusicons * {
    color: white !important;
}

.billingbutton {

    color: white !important;
    font-size: 10px !important;
    background-color: #8e0022 !important;
    border-radius: 2px;
    border: none;
    padding: 2px;
    font-weight: 300;
    margin: 2px 2px 2px 2px;
    cursor: pointer;
    float: right;

}


.contact-form input:not([type=submit]),
.contact-form textarea {
    background-color: white !important;
    color: black !important;
    border: 1px solid black !important;
}

.contact-form textarea {
    height: 200px;
}

/* .form-group {
margin-bottom:0px;
}

.form-group .control-label {
font-size:14px;
color:black;
} */

#disclaimer {

    white-space: normal;
    margin-top: 20px;
    text-align: justify;
    font-size: 8px;

}

/*For the iframe loaded info pages */

#nav-tabContent * {

    font-weight: bold;
    font-size: 16px;
    margin: 10px;
    text-align: justify;
}

#nav-tabContent img {
    margin: 0px;
    width: 100%;
}

.uibuttonsmallred,
.uibuttonsmallred * {

    color: #070c1f !important;
    font-size: 12px;
    font-weight: bold;
    background-color: #16cf16 !important;
    border-radius: 8px;
    border: none;
    padding: 6px;
    margin: 2px 2px 2px 2px;
    cursor: pointer;
    width: max-content !important;
    height: max-content !important;
    max-width: 100%;

}


/* .form-group label {
text-align:right;
margin:0;
padding:0;
} */

/* ::placeholder {
	color: red !important;
	opacity: .8 !important;
	font-size: 12px;
	font-weight: 200;
	background: white !important;
} */


.editableform {

    /* background: white; */
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    /* border: 2px solid black; */
    overflow: visible;
    margin: 0 auto;
}


.editableformaddbutton,
#close_editform,
#closeform {

    margin: auto;
    display: block;

}

#userform {
    display: block;
    position: relative;
    z-index: 0;
    background: black;
    border: 3px solid black;
    padding: 20px;
    background: white;
    border-radius: 10px;
}

#spinner {

    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 10002;

}

#spinner img {

    height: 100px;
    border-radius: 100px;
    background: transparent;

}

.errormessage {
    padding: 5px;
    border: 2px solid black;
    color: red !important;
    display: block;
    width: max-content;
    margin: auto;
    background: white;
    outline: 2px solid whitedashed;
    outline-style: dashed;
}

.admins,
.users {
    padding-top: 20px;
    padding-bottom: 60px;
}


.leftalignblock,
.leftalignblock * {
    text-align: left;
    color: black;
    font-size: .8em;
}

span.edited_green {

    font-size: .8em !important;
    white-space: nowrap;
    position: absolute;
    left: 0px;
    top: 5px;
    border-radius: 3px;
}

span.edited_red {

    font-size: 0.8em !important;
    display: block;
    border: 1px solid black;
    border-radius: 3px;

}


.profile {
    /* wrapper for profile view */

    margin: 20px;


}


#new_password_form {

    text-align: center;
    margin: auto;
    width: 320px;

}

#new_password_form * {
    width: 100%;
}

.box {

    padding: 0px 10px 10px 10px;

}

.ui-tooltip {

    max-width: 800px;

}


.nav-item.active>a {
    color: white;
    text-decoration: underline;
}

#patient_actions {

    text-align: center;
    margin: auto;
}

#patientdiv,
#searchdiv {
    /* The AJAX loaded thing with red border */

    display: block;
    border: 2px solid red;
    width: 100%;
    max-height: 100%;
    margin: 5px 0px 5px 0px;
    background: #111;
    padding: 0 5px 20px 5px;

}

#searchdiv {
    border: 2px solid springgreen;
}


/* The AJAX loaded thing the drops down from above */

#orderform,
#patientform,
#insuranceform {

    /* 	background: white; */
    /*
	color: white;
	font-weight: bold;
	border-radius: 20px;
	border: 2px solid white;
 */
    padding: 5px;
    width: 100%;
}

h4 {
    font-size: 16px !important;
}

#modalDiv {

    position: fixed;
    z-index: 2000;
    background: #000;
    color: white;
    top: 0px;
    left: 0px;
    right: 0px;
    overflow: scroll;
    height: 100vh;
    display: none;

}

#modalDiv .form-group {
    text-align: right;
    /* margin: 5px; */
    border-radius: 5px;
    border: 2px solid white;
    margin: 0px 10px 0 10px;
}

#orderform .form-group {
    text-align: left !important;
}


.datepicker,
.timepicker:focus {
    /* border: 1px solid #16cf16 !important; */
    line-height: 14px !important;

}

.ui-timepicker-list li {
    margin: 0;
    font-size: 10px;
    text-align: center;
    padding: 0px;
    border: 1px solid black;
    background: white;
    padding: 5px;
}

/* /* font-family: courier; */
*/
/*  For Styled Forms, could use theme */

/* /* .worklist:nth-child(even), .worklist:nth-child(even) *,  .worklist:nth-child(even) .CaptionCont  {

background:#DDD;
color:black;
font-weight:bold;
font-size:10px;
}

.worklist:nth-child(odd), .worklist:nth-child(odd) *, .worklist:nth-child(odd) .CaptionCont {
background:#FFF;
color:black;
font-weight:bold;
font-size:10px;
} */
*/ .shadedform:nth-child(even),
.shadedform:nth-child(even) *,
.shadedform:nth-child(even) .CaptionCont {

    background: #DDD;
    color: black;
    font-weight: bold;
    font-size: 10px;
    padding-right: 0px;
}

.shadedform:nth-child(odd),
.shadedform:nth-child(odd) *,
.shadedform:nth-child(odd) .CaptionCont {
    background: #FFF;
    color: black;
    font-weight: bold;
    font-size: 10px;
    padding-right: 0px;
}

.shadedform h5 {
    margin: 0px;
    padding: 2px 0px 4px 0px;
    font-weight: bold !important;
    font-size: 14px !important;
}


#demographics textarea {
    background: white;
    color: black;
}

/* BEGIN HISTORY FORM CSS */

#historywrapper {

    background: #DDD;
    color: black;
    border-radius: 20px;
    padding: 20px;
    display: table;
}

#historywrapper .form-group {
    border-radius: 5px;

    border: 2px solid white;

    margin: 0px 10px 0 10px;
}

#historywrapper * {

    font-size: 12px;
}

.searchresults {

    display: grid;
    overflow: hidden;

}

.searchresults option {

    width: 360px;

}

.fa-trash-alt {

    font-size: 16px !important;
    color: red;
    margin: 0px 10px 0px 10px;
}

.fas.fa-plus {
    font-size: 16px !important;
}


#rxwrapper,
#icdwrapper {
    text-align: center;
}

/* END HISTORY FORM CSS */

[readonly],
[disabled],
.SumoSelect.disabled,
.readonly {
    border: 2px solid red !important;
}

.SumoUnder {
    display: none !important;
}

.SumoSelect {
    display: block !important;
}

.SumoSelect * {
    color: black !important;
}

.CaptionCont {
    border: none !important;
}

.CaptionCont .search-txt {
    height: 14px !important;
    margin: 10px 0px 0px 0px;
    display: none !important;
}

.open .CaptionCont .search-txt {
    display: block !important;
    border: none !important;
}

.canedit {
    border: 2px solid green !important;
}


.ui-tabs-panel.ui-widget-content {
    border: 2px solid snow;
    margin: 5px;
    border-radius: 10px;
}

.widget {
    display: inline-block;
}

#icd10dxcodes,
#medicationlist {

    font-size: 12px;
    text-align: left;

}

[for=icd10codes],
[for=medicationlist] {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-decoration: underline;

}


/* Calendar for Order Form */

#calendardiv {

    height: max-content;
    overflow: scroll;
    display: none;

}

/* The AJAX loaded thing the drops down from above */


.selectPatient,
.selectedOrder {
    background-color: rgba(0, 255, 127, 0.5) !important;
    -moz-opacity: .5;
}

.selectPatient *,
.selectedOrder * {
    color: white !important;
}

/*
select.form-control {
    -webkit-appearance: menulist;
}
 */

.ui-datepicker-header,
.ui-datepicker-calendar {
    color: white;
}


#textmarkup {
    background: #222;
}

#apiresults {

    line-height: normal;
    font-size: 16px;
    color: black;
    background: seashell;
    border-radius: 20px;
    padding: 20px 10px 20px 10px;
    text-shadow: black 2px;
}

/* centers the tabs */

.nav-tabs>li {

    margin-bottom: -1px !important;
    float: none !important;
    display: inline-block !important;
}

ul.nav-tabs {

    text-align: center !important;

}

.rangedates {
    background: rgba(255, 255, 255, 0.141) !important;
    color: white !important;
}

#filedetails {
    color: white;
    font-size: 0.75em;
}

.iconinfo {
    color: white;
    font-size: 0.75em;
}

.iconinfo img {
    padding-right: 5px;
    height: 2.0em;
    display: inline;
}

.iconinfo a {
    padding-right: 20px;
}

.popover {
    border: 2px solid black;
    border-radius: 10px;
    padding: 5px 5px 5px 5px;
    z-index: 100000;
}

.popover-body {
    border: 2px solid black;
    border-radius: 10px;

}

/* [data-toggle="popover"]::after {
	content: '?';
	font-size: 16px;
	color: black;
	background: white;
	border-radius: 5px;
	display: inline-block;
	width: 16px;
	line-height: 16px;
	margin-left: 5px;
} */


/*
.viewicon > img, .fetchicon > img, .isoicon > img, .zipicon > img, .oldstudyicon > img {
height:1.2em;
}
 */

.uiicons img,
.uiicons {
    height: 1.4em;
}

.uiiconslarge img,
.uiiconslarge {
    height: 3.0em;
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}



.uiiconsorder img {

    height: 2.5em;
    text-align: center;


}

#loadoldreport {
    padding: 0px 2px !important;
    margin: 15px 0px 0px 15px !important;
}

#reportOverlay {

    display: none;
    position: absolute;
    z-index: 10;
    background: #141c33;
    width: max-content;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 20px;
    border-radius: 5px;
}

[data-status="NONE"] {
    display: none;
}

#APImonitor {

    display: block;
    padding: 10px;
    color: white;
    background: #070c1f;
}

.medpicslogo {
    background: transparent;
    color: #FF0008;
    font-family: arial;
    font-style: normal;
    font-size: 16px;
    font-variant: small-caps;
    text-shadow: 1px 1px 1px #FFF;
    margin: 10px 0px 10px 0px;

}

.medpicslogo img {
    height: 30px;
    margin-bottom: 15px;
}


#contract_id {
    color: black;
}


#myNav {
    z-index: 10000;

}



#delegator {

    text-align: center !important;
    /* min-height: 2048px; */
    height: 100%;
    min-height: 100vh;
}


#studycontainer {
    width: 100%;
    max-width: 100%;
}

.info {
    height: 100%;
    font-size: 0.8em;
}

.info img {
    height: 1em;
}

.ui-tabs {

    font-size: 0.7em;

}

.divtableheader,
.worklistheader {

    padding: 8px;
    margin: 0px 0px 0px -1px;
    background: #202536;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    text-align: center;

}

.divtableheader *,
.worklistheader * {
    color: white !important;
}

.divtableheader>div {

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    border-left: 1px solid white;
    color: white;

}

.divtableheader div:first-child {

    border: none;
}

.divtable {


    color: black;
    font-weight: bold;
    font-size: 0.9em;
    /* 	box-shadow: 0px 0px 0px 2px #1e40eb; */
    margin: 0px;
    padding: 5px 0px 5px 0px;
    overflow: hidden;
    width: 100%;
    text-align: left;

}

.divtable,
.divtable>div {

    display: flex;
}


.divtable>div,
.divtable>div>div {

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* 	max-height:80px; */
    padding: 0px 0px 0px 0px;
    border-right: 1px solid white;
    font-size: 12px !important;
    padding-left: 5px;

}

.divtable span {
    color: black;
}


.divtable div:last-child,
.divtable>div>div:last-child {

    border-right: none;

}

#searchform,
.searchform {

    box-shadow: none !important;
    background: none;
    font-size: 14px;
    padding: 0px;
}

#searchform input,
.searchform input,
.searchform select,
#searchform select {

    background: #BBB;
    color: black;
    width: 100%;
    border: none;
    font-size: 14px;
    display: block;
    line-height: 12px;
    /* padding: 2px; */

}

.rowcount,
.rowcount * {

    background: white !important;
    color: black !important;
    width: max-content;
    margin: auto;
}

input[name=begindate],
input[name=enddate],
input[name=changedate] {

    width: 100px;
    display: inline-block;
    margin: 5px;
    /* padding: 5px; */
    color: black;
    font-size: 12px;
    line-height: 14px;
    border-radius: 0.5em;
}

input[name=changedate] {
    width: 10px;
}

.nopadding {
    padding: 0px !important;
    margin: 0px;
}

.padding {
    padding: 2px !important;
    margin: 0px;
}


.narrowmedia {
    display: none;
}

[data-sort-param] {
    cursor: pointer;
}


.latestHL7 {
    float: right;
}

@media only screen and (max-width: 580px) {

    .row.widemedia {
        display: none !important;
    }

    .worklist .narrowmedia {
        display: inline-block !important;
        width: max-content;
    }

    #searchform .narrowmedia,
    .searchform .narrowmedia {
        display: inline-block !important;
        background: transparent !important;
        color: white !important;
        padding-bottom: 5px;
    }

    .divtable div {

        display: table !important;
        border-right: none !important;

    }

    .divtable div span:first-child {
        width: 150px;
    }

    #searchform * {
        background: #888;
    }

    #searchform input {
        border: 1px solid white;
    }

}


/* primary = blue, danger = red, info = light blue, success = green, danger = red */


/*  READERS & BILLERS & REFERRERS & PATIENTS STUDIES LIST PAGES */

#studies .storagenamespace {

    font-size: 16px !important;

}

.facilityinfo {
    position: relative;
    text-align: left;
}

select {

    color: black;
    padding: 2px;
    font-size: 12px;
    padding-right: 20px;
}


#reportsselectorform {
    /*  */
    /* display: inline-block; */
    /* margin-left: 10px; */
    /* width: 500px; */

}

#emailreport_to {

    width: 200px;
    padding: 0px;
    background: black;
    margin-bottom: 10px;
}


#teleRadDivOverlayWrapper {

    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3000;
    background: black;
    /*     height: 100vh; */
    overflow-y: scroll;

}

#teleRadDivOverlay {

    background: black;

}

.vieweroverlay a {
    padding: 0px;
    font-size: inherit;
}

.vieweroverlay {
    background-color: black;
    transition: 0s;
}

/* #teleradClose {
display:block;
text-align: center;
margin:auto;
} */

#noreports {
    color: #fff;
    display: inline-block;
    padding: 10px;
}

.btn-hide {
    display: none;
}

.btn-show {
    display: inline-block;
}

.route_select {
    position: absolute;
    z-index: 10;
    display: none;
    color: black;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;

}

.showselect {

    color: #8e0022;
    margin-left: 5px;
    font-size: 16px;
}


.shareDiv {
    margin-right: 10px;
    margin-left: 10px;
}

.info {
    color: black;
    font-weight: 500;
    font-size: .7em;

    clear: both;
}

.info img {
    height: 1.5em;
}

.error {
    background: #fff;
    text-align: center !important;
    font-size: 12px;
    color: red !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 0px !important;
    margin: 0px;
    width: 100%;
    max-width: none;
    display: inline-block;
}


blockquote {
    border-color: transparent !important;

}

/*
::-moz-selection {
  color: red;
  background: white;
}
 */

/* ::selection {
  color: red;
  background: white;
} */

#database {
    /* database selection form */
    color: black;
    text-align: center;
}

/* The Overlay (background) */
.vieweroverlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed;
    /* Stay in place */
    z-index: 10;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0);
    /* Black fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/opacity */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    overflow-y: hidden;
    transition: 1s;
    /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.vieweroverlay-content {
    position: relative;
    top: 0px;
    /* 25% from the top */
    width: 100%;
    /* 100% width */
    text-align: center;
    /* Centered text/links */
    margin-top: 0px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
}


/* Position the close button (top right corner) */

.vieweroverlay a.closebtn {

    position: absolute;
    z-index: 2;
    top: 50px;
    right: 0px;
    background: transparent;

}

.vieweroverlay .fa-window-close {
    color: red;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .vieweroverlay a {
        font-size: 20px
    }

    .vieweroverlay .closebtn {
        font-size: 40px;
        top: -25px;
        right: 0px;
    }
}

label .fa-asterisk {
    color: red !important;
}

.laravel_pagination {

    margin: auto;
    width: max-content;
    padding-bottom: 20px;
    position: relative;
}

.laravel_pagination div:nth-child(2) {
    display: block;
}

.laravel_pagination div:nth-child(1) p {
    margin: 0;
}

span[aria-current="page"] * {
    font-weight: bold;
    color: red;

}

.docselect {

    background-color: #202536;
    color: #fff;
    border-radius: 20px;
    font-size: 18px;
    height: 45px;
    width: 220px;
    text-align: center;
    margin-bottom: 20px;

}

#uploader {

    width: 400px;
    font-size: 20px;
    margin-bottom: 20px;
    border-radius: 15px;


}

#uploadButton {

    /* border: #fff solid 1px; */
    border-radius: 15px;
    font-size: 18px;
    padding: 15px;
    background-color: #202536;
}

#uploadButton:hover {

    background: #FFF;
    color: #000 !important;
    transition: background-color 1s ease;
}