.hideElement{
	display:none;
}

/*Page: header.htm*/

/*Width of the header div only*/
#headerDIV{
	width:100%;
}

/* Logout and userName styler */ 
.rightHeaderTop a{
	color: #fff;
	font-size: 14px;
}

/* Logout and User Div position */
#userHeadDetails{
	position: relative;
	top: 27px;
	right: 4px;
}

/* logout bottom formatter */
.buttonFormatterLogout{
	position: relative;
	float: right;
}

/* user name bottom formatter */
#buttonFormatterUserName{
	position: relative;
	left: 77px;
}

/*Right Bottom Div for all navigation menu items */
.rightHeaderBottom{
	position: relative;
	float: right;
	top: 26px;
	right: 11px;
}

#rightHeaderWhole{
	/*right: 8px;*/
	padding-right: 23px;
}

/* New UL formatter - Upper Header DIV */
#upperHeaderUL{
	list-style-type: none;
	display: inline-flex;
}

#upperHeaderUL li{
	padding-left: 14px;
}

/* Realign the primeNavs */
ul#primeNav li a {
	padding: 14px 7px 29px 7px;
}

/* Realign the header logo*/
#header .logo{
	top: 3px;
	left: 10px;
}

/*Remove footer Logo */
#footer {
	margin: -50px 0 0 0;
	background: #2db46a;
	bottom: 0;
	left: 0;
	width: 100%;
}

.centeredDiv {
  position: relative; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#footerPara{
	text-align: center;
	line-height: 10px;
}

/* category heading fot nav */
.lMargin{
	margin-left: 0px;
}

/* for left alignment Physician Productivity Report */
.content{
	width: 95%;
}	

.formLeft{
	margin-left: 20px;
}

.new-bg-box {
	background: #D2DEE1;
	border: solid 1px;
	margin-left: 0px;
	padding: 12px 0px 15px 11px;
	border-radius: 9px;
}

.new-box-title {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0;
	padding-top: 0px;
	padding-left: 0px;
}
/* for left alignment User Administration */
.rightFormDivNoBG{
	margin-left: 130px;
}

/* margin reset */
.marginReset{
	margin: 0;
}
.coverPageWidth{
	width: 100%;
}

/* Profile Page Patient Info */
#tools .content .profilediv {
	margin-right: 0;
	margin-left: 2%;
}
#tools .content table.profileinfo {
	table-layout: fixed;
	width: 98%;
	margin: 0;
	margin-left: 1%;
}

#tools .content .graphingdiv {
    width: 98%;
    height: 414px;
    margin-right: 2%;
}

#tools .content .graphingdiv .graphtitle{
	text-align: center;
	margin: 0 auto;
}

.blackHR{
	border-right: none;
	border-bottom: 1px solid black;
	border-left: none;
	height: 1px;
	padding: 3px 0 0 0;
	margin: 0 0 15px 0;
	clear: both;
}

#showgraph{
	position: relative;
	top: 22px;
	text-align: center;
	margin: 0 auto;
}

/* Query tool */
.crossIcon{
	color: white;
	background: green;
	padding: 2px;
	position: relative;
	left: -11px;
	top: -1px;
}

.gridTableFormatter{
	box-sizing: content-box;
}

div.queryfilter, div.queryandbox{
	margin-bottom: 5px;
}

/* All4Cure */
#all4CureUl{
	margin-top:10px;
}

/*Header Changes */

#headerDIV {
    min-height: 125px;
}

#wrapper, #headWrap, #loginBar, #header, #page, #footer, .content {
    overflow: unset;
}
 
/*Collapse*/
ul#primeNav li .dropdown-menu{ display: hidden;}
ul#primeNav li:hover .dropdown-menu{ display: block; margin-top: 0;}
ul#primeNav li:hover .dropdown-item{ color: green;}

.dropdown-menu{
	min-width: auto;
}

.dropdown-style{
	font-size: 12px;
	background: unset !important;
	color: #004631 !important;
}
.dropdown-style:hover{
	background-color: #f8f9fa !important;
}

#pleasewaitScreen{
	left: 0px;
	left: 50%;
	transform: translateX(-50%);
}
th.ui-th-column div {
    white-space: normal !important;
    height: auto !important;
    padding: 2px;
}
.gridHeaderCss{
	text-align :left !important;
}
.gridHeaderCss div { 
	padding-left : 2px !important;
}
.ui-search-input {
	font-size: x-small !important;
}
.ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-input {
	width: 38px !important;
}
.ui-jqgrid tr.jqgrow td { 
	word-wrap: break-word !important;
	white-space: pre-wrap !important;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	overflow: hidden; 
	height: auto; 
	vertical-align: middle; 
	padding-top: 3px; 
	padding-bottom: 3px; 
}
th.ui-th-column div {  
	word-wrap: break-word;
	white-space: pre-wrap; 
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap; 
	white-space: -o-pre-wrap; 
	overflow: hidden; 
	height: auto; 
	vertical-align: middle; 
	padding-top: 3px; 
	padding-bottom: 3px;  
}
tr.jqgrow td { 
	word-wrap: break-word;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap; 
	overflow: hidden; 
	height: auto; 
	vertical-align: middle; 
	padding-top: 3px; 
	padding-bottom: 3px; 
}
th.ui-th-column div {
    white-space: normal !important;
    height: auto !important;
    padding: 2px;
}
.gridHeaderCss{
	text-align :left !important;
}
.gridHeaderCss div {
	padding-left : 2px !important;
}
.searchDocsResultsJQgrid {
	padding-top : 10px;
}

#footSpace{
	height:10px;
}

.nsclc-jqgrid {
	padding-top: 10px;
}

.select-all-checkbox {
	float: left;
	font-size: 13px !important;
	padding-right: 20px;
	font-weight: bold;
}

.upload-area{
    width: 70%;
    height: 138px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
    overflow: auto;
}

.download-image {
    font-size: 40px;
    margin-bottom: 1rem;
    transition: all .2s ease-in-out;
	padding-top: 25px;
}

.plus-image {
	font-size: 24px;
    margin-bottom: 1rem;
    transition: all .2s ease-in-out;
	position: absolute;
	padding-top: 22px;
	margin-left: -5px;
}

.upload-area-text {
	font-size: 16px;
}

.excel-files {
	font-size: 16px;
	border: 2px solid lightgray;
	margin-left: 0.35em;
	width: 99% !important;
	padding: 6px;
	margin-top: 7px;
	background-color: #feae96;
	font-weight: bold;	
}

.upload-area:hover{
    cursor: pointer;
}

.all-excel, .project-details {
	width: 99%;
	margin-left: 0.5em;
	border-left: 2px solid lightgray;
	border-right: 2px solid lightgray;
	border-bottom: 2px solid lightgray;
	font-size: 11px;
}

.upload-area h1{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 50px;
    color: darkslategray;
}

#excelFileInput, #excelFileInputNew, #excelFileInputAppend{
    display: none;
}

.size{
    font-size:12px;
}

.upload-append {
	width:49%;
	background-color: #fbb034;
	background-image: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%);;
}

.upload-new {
	width:49%;
	color:#fff;
	background-color: #3bb78f;
	background-image: linear-gradient(315deg, #3bb78f 0%, #0bab64 74%);
}

.upload-start {
	color:#fff;
	background-color: #3bb78f;
	background-image: linear-gradient(315deg, #3bb78f 0%, #0bab64 74%);
}

.project-button {
	text-align: center;
	padding-top: 10px;
}

.doc-key {
	display: inline-block;
	background-color: #FCC;
	padding: 1px;
	margin: 2px;
}

.dup-key {
	display: inline-block;
	background-color: rgb(255, 255, 117);
	padding: 1px;
	margin: 2px;
}

.profile-key-duplicate {
	font-size: 12px;
	font-weight: bold;
	background-color: rgb(255, 255, 117);
	padding: 3px;
	border: 2px solid lightgray;
}

.profile-key-documents {
	font-size: 12px;
	font-weight: bold;
	background-color: #fcc;
	padding: 3px;
	border: 2px solid lightgray;
}

.project-input-row {
	padding: 3px;
	font-size: 16px;
}

.input-box {
	line-height: 1em !important;
}

.all-input-fields {
	margin-left: -15px;
	margin-right: -15px;
}

.loader {
	position: fixed;
	top: 43%;
	left: 48%;
	border: 12px solid #f3f3f3; /* Light grey */
	border-top: 12px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.top-vertical-align {
	vertical-align: top;
}

.share-email {
	width: 100%;
	height: 75px;

}

.demo-notes {
	color: #666 !important;
	cursor: default !important;
	opacity: 0.5;
}

.dialog-notes-span {
	display: inline-block;
	width: 6%;
	vertical-align: top;
	font-weight: bold;
	padding-top: 4px;
}

.previous-edit-text {
	font-size: 24px;
	font-weight: bold;
	padding: 10px 0px 5px 0px;
}

.hr-dialog {
	padding-top: 0px;
	margin-bottom: 5px;
}

.dialog-content-header {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 3px;
}

.highlight {
	background: #E6FEE6;
}

.graph-date-label {
	padding-left: 5px;
	display: inline-block;
	width: 15%;
}

.graph-footer-div {
	width: 100%; 
	display:inline-block;
	background: #E6FEE6;
	padding-top: 13px;
	margin-top: -20px;
}

.datepicker_recurring_start {
	border: 1px solid gray !important;
}

.graph-footer-date-picker {
	display: inline-block;
	width: 52%;
}

.checkbox-label-span {
	width: 33%;
	display: inline-block;
}

.checkbox-range {
	padding-right: 7px;
	margin-right: 3px;
	display: inline-block;
	cursor: pointer;
}

.chart-area-main {
	display: inline-block;
}

.graph-date-button {
	font-weight: bold;
	color: #fff;
	background: url('../images/btn_login.png') no-repeat;
	width: 59px;
	height: 25px;
	font-size: 12px;
	cursor: pointer;
	margin-left: 20px;
	margin-top: -22px;
	border: none;
	vertical-align: top;
	border-radius: 7px;
}
	
.overflow-css {
	overflow: auto;
	max-height: 80vh;
	padding-right: 15px;
}

.remove-raw-biomarker {
	cursor: pointer;
	float: right;
	padding-right: 10px;
}

.grid-header-css {
	float: left;
	margin-left: -10px;
	color: #484e53;
	font-weight: bold;
}

.grid-header2-css {
	color: #484e53;
	font-weight: bold;
	margin-left: -12px;
}

.href-color {
	color: #2db46a !important;
	text-decoration: none;
}

.span-center {
	text-align: center;
	display: block;
}

.result-main-title {
	font-weight: bold;
	color: #484e53;
}

.caption-style {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 3px;
	margin-top: 13px;
}

.foot-total-l {
	width: 90%;
	display: inline-block;
	font-size: 12px;
}

.foot-total-r {
	width: 10%;
	display: inline-block;
	font-size: 12px;
}
.buttons {
    min-width: 310px;
    text-align: center;
    margin-bottom: 1.5rem;
    font-size: 0;
}

.buttons button {
    cursor: pointer;
    border: 1px solid silver;
    border-right-width: 0;
    background-color: #f8f8f8;
    font-size: 11px;
    padding: 6px;
    transition-duration: 0.3s;
    margin: 0;
}

.buttons button:first-child {
    border-top-left-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
}

.buttons button:last-child {
    border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    border-right-width: 1px;
}

.buttons button:hover {
    color: white;
    background-color: rgb(158 159 163);
    outline: none;
}

.buttons button.active {
    background-color: #0051b4;
    color: white;
}
.highcharts-figure,
.highcharts-data-table table {
    min-width: 360px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.egfr-table-td {
	border-right: 1px solid #9bcba6;
	border-bottom: 1px solid #9bcba6;
	border-left: 1px solid #9bcba6;
}

.egfr-table-th {
	text-align: center;
	background-color: #2db46a; 
	color: #fff;
	font-size: 1.9em;
	border-bottom: 2px solid white;
	border-left: 1px solid #9bcba6;
}

.cursor-default {
	cursor: default;
}

.new-result-stat {
	font-size: 1em;
	font-weight: bold;
	position: relative;
	height: 10px;
}

#tools p.excelfilenew {
  font-size: 1.4em;
  font-weight: normal;
  margin-top: 0px;
}

#businessNotesModal p.pagedescription {
	font-size: 1.22em;
	font-weight: bold;
	margin-top: 0;
	padding-top: 10px;
	padding-left: 25px;
}

div.highcharts-button span {
  pointer-events: none;
}

.border-graph-css {
	display: inline-block;
	border: 3px solid #2db46a;
	padding: 0px !important;
	margin: 5px 2px 2px 2px;
}

.grid-container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 7px;
}

.grid-max-span {
	grid-column: span 2;
}

.w-33 { 
	width:33% !important;
}

.w-45 { 
	width:45% !important;
}

.w-23 { 
	width:23% !important;
}

.jqgrid-copy-row {
	border: 1px solid #aaa !important;
	background: #F6F6F6;
	color: #222;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
}

.caption-copy {
	color: #6c757d;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 15px;
}

#ui-datepicker-div {
	z-index: 120 !important;
}

.adv-search {
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
}

.adv-icon {
	font-weight: bold;
	font-size: 13px;
	color: #2db46a;
	cursor: pointer;
}

.sim-search {
	font-weight: bold;
	font-size: 12px;
}

.title-div-new-p {
	font-size: 1.4em;
	text-align: right;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
	margin: auto;
}

.title-div-new {
	font-size: 1.4em;
	text-align: right;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
}

.td-div-new {
	font-size: 1.2em;
}

.sup {
  position: relative;
  bottom: 1ex; 
  font-size: 80%;
}

.highcharts-title{
	cursor: move;
}

.box-header {
  font-size: 1.9em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  padding: 7px;
  text-align: center;
  color: rgb(51, 51, 51);
}

.pagination {
  display: block;
  width: 50%;
  text-align: center;
  float: right;
  
  &:after {
    content: '';
    clear: both;
  }
}

.pagination-button {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #e0e0e0;  
  background-color: #eee;
  color: #333;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
  
  &:hover {
    background-color: #ddd;
    color: #3366cc;
  }
  
  &.active {
    background-color: #bbb;
    border-color: #bbb;
    color: #3366cc;
  }
  
  $border-radius: 18px;  
  
  &:first-of-type {
    border-radius: $border-radius 0 0 $border-radius;
  }

  &:last-of-type {
    border-radius: 0 $border-radius $border-radius 0;
  }
}

/* arbitrary styles */
.heading { text-align: center; max-width: 500px; margin: 20px auto; }
/*
.article-loop {
  display: block;
  width: 75%;
  padding: 1em 2em;
  margin: 1em auto;
  border: 1px solid #ddd;
  background-color: #ededed;
}*/

.dropbtn {
  border: none;
  height: 17px;
  cursor: pointer;
  margin: 11px 11px 0px 0px;
  color: #252525;
  font: 1.15em Helvetica, Arial, Sans-Serif;
  padding: 2px 5px;
  border-radius: 7px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000000;
  height: 38em;
  overflow-y: scroll;
  width: 100%;
}

.dropdown-content-parent, .dropdown-content-parent-biosimilar {
  top: auto; 
  bottom: 100%;
}

.dropdown-content-parent-emesis {
  min-width: 130px !important;
  height: 6em;
  overflow-y: unset;
}

.dropdown-content span {
  color: black;
  padding: 2px 16px;
  text-decoration: none;
  display: inline-block;
}

.dropdown-content span:hover {background-color: #ddd; }

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #ddd;}

.drop-parent {
	margin: 0px 0px 11px 11px !important;
}

.h2-new-css {
	padding-top: 15px;
	text-align: left;
}

.ai_highlighted
    {
        background-color: #fff34d;
		cursor: pointer;
    }