/* 2020-05-18 Andrew Brisbin (49592) Harris Color Scheme.  
light:  #4f8c98
medium: #25525f
dark:   #002c36

blue-green light: def3ec Used for "active" elements.

*/

body  { 
	background-color: #EFEFEF; 
	
	/* 2016-11-29 Andrew Brisbin Extend screens out to edge of window (don't use a border on the content. */
	margin:0px;
}

/* 2016-11-29 Andrew Brisbin Removing the weird vertical scrollbar in IE when zoomed. */
@-ms-viewport{
	/* First try. This removed valid scrollbars.
	-ms-overflow-style: none;
	overflow: auto; 
	*/
	width:auto!important;
}

.invisible   { visibility: hidden; position: absolute; width: 0; height: 0 }
/* 2016-11-15 Andrew Brisbin Changed font-family */
.heading     { font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; background-color: #a0b8c8 }

.sub-heading { background-color: #C0C0C0; font-family: Microsoft Sans Serif; font-size: 8pt }
.table_body  { font-family: Arial; font-size: 8pt; background-color: #FFFFFF }
.filter_options  { color: #336699 }

.active_tab  { font-family: Arial; font-size: 8pt; background-color: #BDCCDB }
.outside_month_cell  { background-color: #CACACA; font-size: 10pt; color: #808080 }
.month_cell  { background-color: #FFFFFF; font-size: 10pt; color: #000000 }
.current_date_cell  { background-color: #FFFFCE; font-size: 10pt; color: #000000 }
.weekend_cell {background-color: #E8E8E8; font-size: 10pt; color: #808080 }

/* 2016-11-15 Andrew Brisbin Changed font-family */
.sub_table_body  { font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; background-color: #FFFFD9 }
.selected_tab { font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; background-color: #FFFFFF }
.selected_sub_tab { font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; background-color: #FFFFD9 }

.tab_heading  { color: #336699; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bolder; }

/*2020-08-03 Muneeb Ul Hassan Added new class to display td header */
.td_heading {
	background-color: rgb(0, 44, 54); 
	color: white;
    OVERFLOW: hidden;
    font-size: 8pt;
    font-family: Arial, sans-serif;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    TEXT-ALIGN: left;
    padding: 0px;
    WORD-BREAK: break-all;
    BORDER-STYLE: none;
}

/* 2016-11-10 Andrew Brisbin */
.inline_button { 

	/* From Bootstrap */
	padding: 4px 12px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	
	/* 2020-05-19 Andrew Brisbin (TODO) Why did we do important! 
	* Removing it for now so a white color works on hover.
	*color: #efefef !important;*/
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	vertical-align: middle;
	cursor: pointer;
	
	/*
	blue button
	light color:588bab
	dark color: 40657C
	
	tab color
	light color:588bab
	dark_color: #40657C
	
	*/
	
	/* 2020-05-18 Andrew Brisbin (49592) Update color scheme for harris. Stop defining a gradient.
	* background-color: #588bab;
	* *background-color: #40657C;
	* background-image: -moz-linear-gradient(top, #588bab, #40657C);
	* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#588bab), to(#40657C));
	* background-image: -webkit-linear-gradient(top, #588bab, #40657C);
	* background-image: -o-linear-gradient(top, #588bab, #40657C);
	* border-color: #40657C #40657C #bfbfbf;
	* background-image: linear-gradient(to bottom, #588bab, #40657C);
	* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff588bab', endColorstr='#ff40657C', GradientType=0);
	* filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	* background-repeat: repeat-x;
	*/
	
	border: 1px solid #cccccc;
	*border: 0;
	
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
		  border-radius: 4px;
	*zoom: 1;

	/* Epitomax Style */
	FONT:8pt "Arial", sans-serif;
	FONT-STYLE:normal;
	FONT-WEIGHT:normal;
}

/* 2016-11-10 Darken buttons on hover. */
.inline_button:hover,
.inline_button:focus { 
	color: #333333;
	background-color: #40657C;
	
	border-color: #adadad;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	 -moz-transition: background-position 0.1s linear;
	   -o-transition: background-position 0.1s linear;
		  transition: background-position 0.1s linear;
}

.inline_button:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.inline_button:disabled {
	text-decoration: none;
	background-position: 0 0px;
	-webkit-transition: background-position 0s linear;
	 -moz-transition: background-position 0s linear;
	   -o-transition: background-position 0s linear;
		  transition: background-position 0s linear;
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;

}

form					{ margin: 0 0 }
frame					{ margin: 0 0; padding: 0 0 }
frameset				{ margin: 0 0; padding: 0 0 }

.notification {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 1.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
    margin: 10 10;
    padding: 10 10 10 10;
}

.primary {
    color: #ffffff; 
    background: #0275d8;
}

.success {
    color: #000000; 
    background: #71c171;
}

.info {
    color: #000000; 
    background: #5bc0de;
}

.warning {
    color: #000000; 
    background: #fde073;
}

.danger {
    color: #ffffff; 
    background: #ff3333;
}

.notification_close {
	cursor: pointer;
	text-align: right;
	font-size: 85%;
	position: absolute;
	top: 5;
	right: 5;
    background: #ff0000;
    color: #ffffff; 
    line-height: 1;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
    padding: 0 2 0 2;
}


/* 2016-08-29 Andrew Brisbin I am removing this. 
	We don't know why it was here and it is making tabs or menu items have an underline.
a { text-decoration:underline; color:#0000EE; }
a:hover { text-decoration:underline ; color:#0000EE; }
a:visited { color: #551A8B; }
*/

/* 2016-11-15 Andrew Brisbin 
	Putting the above style back in place with some adjustments.
	This was fixing an issue on the the clinician dashboard 
	where links weren't shown as underlined and weren't turning purple when visited. */

/*

a { color: #0000EE; text-decoration: underline; }
a:hover { text-decoration:underline; color:#0000EE; }
a:visited { color:#551A8B; }
*/

li > a 			{ text-decoration:none !important; }
li > a:hover 		{ text-decoration:none !important; }
li > a:visited 	{ text-decoration:none !important; }


/* 2016-08-29 Andrew Brisbin New tab style. */
ul.tab {
	/* remove default list styling */
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	
	/* Use a font that is dyslexic friendly. */
	font-family:Geneva, Arial, Helvetica, Verdana, sans-serif;

}

li.tab_element {
	/* place elements to the top left.  */
    float: left;

}

li.tab_element a.tab_element {
	display: block;
    text-align: center;
    text-decoration: none;
	/* 2016-11-08 Some screens were adding scroll bars to frame becuase the size height of the tabs increased. 
				  Let's make the tabs a little bit smaller so this doesn't happen.
	padding: 6px 8px;
	*/
	padding: 4px 8px;
	

	/* Style the rounded border */
	border-width: 1px;
	border-style: solid;
	border-radius:8px 8px 0px 0px;

}

/* Sub Tab Styling */
li.tab_element--subtab a.tab_element--subtab {
	font-size:11px;
}

li.tab_element a.tab_element {
	display: block;
    text-align: center;
    text-decoration: none;
	padding: 6px 8px;
	border-width: 1px;
	border-style: solid;
	border-radius:8px 8px 0px 0px;

}

a.tab_element--inactive {
	color: #EBEFF1;
	background-color: #40657C;
	border-color:#EBEFF1;

	/* 2016-11-10 Andrew Brisbin Adding dark gradient. */
	/* 2020-05-18 Andrew Brisbin (49592) Update color scheme for harris. Stop defining a gradient.	
	* background-image: -webkit-linear-gradient(top, #588bab 0%, #4a7793 100%);
	* background-image: -o-linear-gradient(top, #588bab 0%, #4a7793 100%);
	* background-image: -webkit-gradient(linear, left top, left bottom, from(#588bab), to(#4a7793));
	* background-image: -ms-linear-gradient(top, #588bab 0%, #4a7793 100%); 
	* background-image: linear-gradient(to bottom, #588bab 0%, #4a7793 100%);
	* background-repeat: repeat-x;
	* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff588bab', endColorstr='#ff4a7793', GradientType=0);
	* border-color: #3d6279;
	*/
}


a.tab_element--inactive:hover {
	color: #40657C;
	background-color: #EBEFF1;
	border-color:#EBEFF1;	
	
	/* 2016-11-10 Andrew Brisbin Adding light gradient. */
	color:#588bab;
	/* 2020-05-18 Andrew Brisbin (49592) Update color scheme for harris. Stop defining a gradient.
	* background-image: -moz-linear-gradient(top, #EBEFF1, #D4E8F3); 
	* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEFF1), to(#D4E8F3));
	* background-image: -webkit-linear-gradient(top, #EBEFF1, #D4E8F3);
	* background-image: -o-linear-gradient(top, #EBEFF1, #D4E8F3);
	* background-image: -ms-linear-gradient(top, #EBEFF1 0%, #D4E8F3 100%); 
	* background-repeat: repeat-x;
	* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffEBEFF1', endColorstr='#ffD4E8F3', GradientType=0);
	*/
	border-color: #D4E8F3;
	
}

a.tab_element--active {
	color: #40657C;
	background-color: #EBEFF1;
	border-color:#EBEFF1;	
	
	/* 2016-11-10 Andrew Brisbin Adding light gradient. */
	color:#588bab;
	/* 2020-05-18 Andrew Brisbin (49592) Update color scheme for harris. Stop defining a gradient.
	* background-image: -moz-linear-gradient(top, #EBEFF1, #D4E8F3);
	* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEFF1), to(#D4E8F3));
	* background-image: -webkit-linear-gradient(top, #EBEFF1, #D4E8F3);
	* background-image: -o-linear-gradient(top, #EBEFF1, #D4E8F3);
	* background-image: -ms-linear-gradient(top, #EBEFF1 0%, #D4E8F3 100%);
	* background-repeat: repeat-x;
	* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffEBEFF1', endColorstr='#ffD4E8F3', GradientType=0);
	*/
	border-color: #D4E8F3;
	
}

li.tab_element--subtab a.tab_element--subtab {
	font-size:11px;
}

/* 2016-11-16 Andrew Brisbin 
	We want to make sure that dropdowns are always left-aligned.
	Use the !important reference so that nothing can override this.
	Note: Firefox was the only browser we knew of that was right aligning dropdowns due to text-align:right;
	If we do want to right-align something we could use dir="rtl".
*/
select {
	text-align:left !important;
}

frame {
	margin-width: 0px !important;
}

textarea {
	resize: none;
}


/* 2019-01-25 Andrew Brisbin(1733) */
.alertsymbol { padding-left:2px; padding-right:1px; border-radius:3px; }


/* 2020-05-18 Andrew Brisbin (49592) Update color scheme for harris. Only define colors here. */
.heading     		 		{ color: white; background-color: #25525f; }
.filter_options   		{ color: #002c36 !important; }	
#count    		 		{ color: white; }
.active_tab           		{ background-color: #25525f }
.outside_month_cell 	 	{ background-color: #CACACA; color: #808080; }	/*TODO*/
.month_cell  			{ background-color: #FFFFFF; color: #000000; }	/*TODO*/
.current_date_cell  		{ background-color: #FFFFFF; color: #000000; }	/*TODO*/
.weekend_cell 			{ background-color: #E8E8E8; color: #808080; }	/*TODO*/
.sub_table_body  		{ background-color: #FFFFFF !important; }	
.selected_tab 			{ background-color: #FFFFFF !important; }	
.selected_sub_tab 		{ background-color: #FFFFFF !important; }	
.tab_heading  			{ color: #002c36; }	
/*  2020-06-01 Abdul Quddos  (49082) Adjust picklist and Sign-In button color
.inline_button 			{ color: white !important; background-color: #4f8c98; border-color: #002c36; }	*/
.inline_button,input[class^="picklist"][type^="button"],input[class^="patientactivitylist"][type^="button"] 			{ color: white !important; background-color: #4f8c98; border-color: #002c36; }	
/* Light color */
.inline_button:hover,
.inline_button:focus,
input[class^="picklist"][type^="button"]:hover,/* 2020-06-01 Abdul Quddos  (49082) Adjust picklist button color*/
input[class^="picklist"][type^="button"]:focus,/* 2020-06-01 Abdul Quddos  (49082) Adjust picklist button color */
input[class^="patientactivitylist"][type^="button"]:hover ,	/* 2020-06-01 Abdul Quddos  (49082) Adjust Sign-in button color */
input[class^="patientactivitylist"][type^="button"]:focus	 /* 2020-06-01 Abdul Quddos  (49082) Adjust Sign-in button color */
{ color: #002c36 !important; background-color: #def3ec; border-color:#002c36;}

.primary 				{ color: #ffffff; background: #25525f; }	/*TODO*/
.success				{ color: #ffffff; background: #71bf43; }	/*TODO*/
.info 					{ color: #ffffff; background: #4f8c98; }	/*TODO*/
.warning 				{ color: #ffffff; background: #fdcd28; }	/*TODO*/
.danger 					{ color: #ffffff; background: #cc3e3d; }	/*TODO*/
.notification_close 		{ color: #ffffff; background: #cc3e3d; }	/*TODO*/
a.tab_element--inactive 			{ color: white; background-color: #4f8c98; border-color:#002c36; }
a.tab_element--inactive:hover 	{ color: #002c36; background-color: #def3ec; border-color:#002c36; }
a.tab_element--active 			{ color: #002c36; background-color: #def3ec; border-color:#002c36; }

.btn-info 				{ color: white;	background-color: #4f8c98; border-color:#002c36; }
.btn-info:hover,
.btn-info:focus 			{ background-color: #4f8c98; }
.btn-info:active,
.btn-info.active 		{ background-color: #4f8c98; border-color: #3f657d; }

.subtab_div				{ background-color: #25525f; }

/* 2020-05-21 Abdul Quddos  (49082) Update Logo, Colorscheme, and remove all verbiage that references Psytech Solutions*/
.hlight	{ Background-Color : yellow; Cursor:hand; }
.nohlight { Cursor:hand; }
.menu_cat_over{ cursor:hand ; font-weight:bold ; background-color:#25525f ; list-style:none ; font-family: Century Gothic; font-size: 9pt; font-style: italic; color:white }
.menu_cat_out { cursor:hand ; font-weight:bold ; background-color:#25525f ; list-style:none ; font-family: Century Gothic; font-size: 9pt; color:white }
#menu_cat{ cursor:hand ; font-weight:bold ; background-color:#BDCCDB ; list-style:none ; font-family: Century Gothic; font-size: 9pt; color:#313063 }
#menu_items{ list-style:none ; background-color:#FFFFFF ; font-family: Arial; font-size: 8pt }
.Button
        {
            font-family: Segoe UI,Tahoma;
            font-size: 12px;
            font-weight: bolder;
            color: #000000;
            background-repeat: no-repeat;
            width: 80px;
            height: 20px;
            border: none;
            border: solid 1px #DCDCDC;
            margin: 5px;
        }
.table-bgcolor-dark{
	background-color:#25525f;
}
.body-bgcolor{
	background-color:#ffffcc;
}
.ui-widget-header{
	height:30px;
	font-size:1.1em;
	/*background:#a0b8c8;*/
	background-image:url('<%=root%>/graphics/gradient-alert.jpg');
	background-repeat:repeat-x;
}
.ui-widget {
	font-size: .8em;
}
#container{
	opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
    filter:alpha(opacity=20);
}
.heading  > a{
	color:white !important;
}

/*Note The :not(selector) selector matches every element that is NOT the specified element/selector.*/
/*Rule# 2 
	Why We need it?
		Some screens like "Payor Plan" have medium color for parent and dark color for the controls in it. 
	What does it break?
		This rule does sets the color to white for some screens like "Admission Tab" and "Activity Detail". We are exculding them using ":not" selector*/ 
	
:not([class|='table_body'])  span[id$='header']  *:not([class^='admission']):not([class^='activityrecord-autosearch']), 
span[id|='raitemsfilter_detail_0'] *
{
	background-color: transparent ;
	/* 2020-06-26 Abdul Quddos  (50555) Tabs inside of clinical required white color and we don't want them to force inherit old color scheme text color.
	color :inherit !important;  it was white before*/
	color :inherit; 
}

/*Rule# 1 
	Why We need it?
		We need header of the table with dark color and text color to white that is why we are using following CSS
	What does it break?
		Some datawindows have controls (Admission tab, Activity Detail Screen ) in header and we don't want them to have following properties. We are exculding them using ":not" selctor*/
.table_body span[id$='header'],
.sub_table_body span[id$='header'] {
	background:	transparent;
}
.table_body span[id$='header'] > span:not([class^='admission']):not([class^='activityrecord-autosearch']) , 
.sub_table_body span[id$='header'] > span, 
.ag-header-viewport, .ag-header-viewport div
/*2020-10-28 Abdul Quddos (53053) Set Pinned Column Header.*/
, .ag-pinned-left-header div, .ag-pinned-right-header div
{ 
	background-color : rgb(0, 44, 54) !important;
	color :white !important;
}
/*Rule# 3
	Why We need it?
		Some screen like "Activity Maintenance" have two dark and medium blusih gray color like.
	What does it break?
		So far it does not break anything.*/	
.heading  span[id$='header_detail_0'],.heading span[id$='header_detail_0'] >:not([type|="button"]){
	background-color : #25525f; /*This is same color as of the element's parent color */
	color :white;
}	
/*Rule# 4
	Why We need it?
		Some screen have Medium Gray e.g Add Allowance and we don't want them to have dark bluish gray background.
	What does it break?
		So far it does not break anything.*/	
.table_body span[id$='header_detail_0'],.table_body span[id$='header_detail_0'] >:not([type|="button"]){
	background-color : white !important;
	color: inherit !important;
}
/*Rule# 5
	Why We need it?
		Some screen use Ag-Grid and we need to override "AG-Grids" styling for the sake of consistancy.
	What does it break?
		So far it does not break anything.*/
/*
// 2020-06-29 Abdul Quddos  (50555) Footer icon was hidden.
.ag-theme-balham .ag-header-icon,.ag-header-icon .ag-header-cell-menu-button,.ag-icon .ag-icon-menu,.ag-theme-balham .ag-icon{*/		
.ag-header-icon.ag-header-cell-menu-button,.ag-icon.ag-icon-menu{
	color: white !important;
	opacity: 1 !important;
}
/*To make background transparent for all elements containting prevbackgroundcolor
This attribute is inserted from javascript when user select a row */
span[prevbackgroundcolor] span, span[prevbackgroundcolor] input {
  background: transparent;
  color : inherit;
}
/*Making the pick list button consistent across the application*/
input[type='button'][onclick*='_criteria.restoreFocus()'],
input[type='button'][onclick*='_criteria.restoreFocus()']:active,
input[type='button'][onclick*='_criteria.restoreFocus()']:hover,
input[type='button'][onclick*='_criteria.restoreFocus()']:focus{
	background-color: rgb(239, 239, 239) !important;
	border-width: 1px;
    border-style: outset;
}
/*2020-05-21 Abdul Quddos  (49082) set "Misc Activity Completion" color to new color scheme */
#episodehdr_header{
	background-color: #25525f !important;
}
/*2020-05-21 Abdul Quddos  (49082) set "Patient Activity Inquiry Criteria" anchor color to white */
#ptheader_detail_0 a{
	color : white !important;
}
/*2020-06-25 Abdul Quddos  (49082) distinguish selction on daypilot */
.btn:active, .btn.active{
	background-color: #def3ec !important;
    color: black !important;
}
/*2020-06-25 Abdul Quddos  (49082) set ag-grid header text color */
.ag-header-cell-label .ag-header-cell-text{
	color: white !important;
}
/*2020-09-29 Abdul Quddos  (53053) No show Records overlap to header when there is no record in grid */
#myGrid{
	min-height : 150px;
}
/*2020-09-29 Abdul Quddos  (53053) Allow copying of grid text */
div.ag-root .ag-cell-focus {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
#lock-modal {
  background-color: black;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  z-index: 1;
  display:none;
  
}
#loading-circle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  /* 2021-01-14 Abdul Quddos (TODO)
  border-top: 4px solid #3498db; */
  border-top: 4px solid #25525f;
  border-radius: 50%;
  animation: spin 0.6s ease-in infinite;
  z-index: 1;
  display:none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*2020-10-20 Abdul Quddos  (53996) implement Clinical sub-tabs and sorting header UI/UX feedback*/
.ag-icon-asc, .ag-icon-desc{
	color:white !important;
}
.ag-tabs.ag-menu .ag-icon-menu{
	color: black !important;
}
/*2020-10-28 Abdul Quddos  (53996) implement Clinical sub-tabs and sorting header UI/UX feedback
filter icon in column menu is black but filter icon in column header needs to be white*/
.ag-header-icon  .ag-icon-filter{
	color: white !important;
}

/*2021-11-01 Abdul Quddos (60953) Buttons color was white and making them invisible in "Sing in Sheet" screen. 
To make them visible and for the sake of consistence we need to set color as per application color scheme.*/
input[ type="button"][class^='patientactivitysignaturelist']{
	background-color : #4f8c98 !important;
}
input[ type="button"][class^='patientactivitysignaturelist']:hover{
    color: #002c36 !important;
    background-color: #def3ec !important;
    border-color: #002c36 !important;
}
input[ type="button"][class^='patientactivitysignaturelist']:focus {
	color: #002c36 !important;
    background-color: #def3ec !important;
    border-color: #002c36 !important;
}