/**
  * style stuff for pac
  */

/* remember: top right bottom left */


@font-face
{
    font-family:            Muli;
    src:                    url('../font/Muli-Regular.woff');
}

html {
/*	overflow-y:				hidden;  */
}

body { }

body
{
	border:					0px;
	margin:					0px;
	background:				#fff;
	font-family:			Muli;
	/*line-height:			1.8em; */
	color:					#444;
	width:					100%;
	text-align:				left;
	color:					#ffffff;
	background-color:		#525252;
	overflow:				visible;
	display:				inline;
}

table#body
{
	background:				#525252;
}

navigation
{
	border-bottom:			5px solid black;
	background:				#525252;
	color:					#ffffff;
	height:					35px;
	overflow:				hidden;
	position:				absolute;
	top:					0px;
	width:					100%;
}

div#top-icons
{
    height:                 35px;
    width:                  100%;
    overflow:               hidden;
    position:               absolute;
    top:                    0px;
    background-color:       rgb(77,77,77);
    border-bottom:          5px solid #000000;
}

div.header-span
{
    height:                 100%;
    float:                  right;
    line-height:            35px;
    display:                inline-block;
}

div#hummingbird-name
{
    position:               absolute;
    left:                   0px;
    width:                  15%;
    padding-left:           5px;
    font-family:            Muli;
    font-size:              130%;
    color:					#ffffff;
}

div#top-overview
{
    height:                 35px;
	width:                 -webkit-calc(100% - 5px);    /* top 120px bottom 120px */
    width:                 -moz-calc(100% - 5px);    /* top 120px bottom 120px */
    width:                 calc(100% - 5px);    /* top 120px bottom 120px */
    overflow:               hidden;
    position:               absolute;
    top:                    40px;
    padding-left:           5px;
    background-color:       rgb(77,77,77);
    border-bottom:          5px solid #000000;
}

div#dancefloor
{
    position:               absolute;
    top:                    80px;
    margin-bottom:          115px;
	height:                 -webkit-calc(100% - 195px);    /* top 120px bottom 120px */
    height:                 -moz-calc(100% - 195px);    /* top 120px bottom 120px */
    height:                 calc(100% - 195px);    /* top 120px bottom 120px */
    width:                  100%;
    background-color:		#525252;
}

.top-section {
    max-height: 			29VH;
    overflow: 				initial;
    height: 				29VH;
	border-bottom:          5px solid #000000;
}

.bottom-toolbar-icons
{
    display:                inline-block;
    float:                  left;
    height:                 55px;
    width:                  100%;
    position:               absolute;
    border:                 none;
    overflow:               hidden;
}

div#bottom-tasks
{
    height:                 35px;
    width:                  100%;
    overflow:               hidden;
    position:               absolute;
    bottom:                 75px;
    background-color:       rgb(77,77,77);
    border-top:             5px solid #000000;
}

.bottom-toolbar-text
{
	font-size:              10px;
    font-weight:            lighter;
    text-transform:         uppercase;
    color:                  white;
    padding-left:			10px;
    padding-right:			10px;
    width:					20px;
}

div#bottom-icons
{
    height:                 75px;
    width:                  100%;
    overflow:               hidden;
    position:               absolute;
    bottom:                 0px;
    background-color:       rgb(77,77,77);
}

.bottom-toolbar-icon
{
    height:                 40px;
    width:                  40px;
    padding-left:           10px;
    padding-right:          10px;
    padding-top:            6px;
    display:                inline-block;
}

div#bottom-icon-drawer
{
    display:                inline-block;
    white-space:            nowrap;
    height:                 75px;
    overflow:               hidden;
    padding-bottom:         0px;
    box-shadow:             0pt 0pt 10px black inset;
    background-color:       rgb(58, 58, 58);
}

div#logout-icon
{
	width: 					40px;
	height:					40px;
	padding-right:			5px;
}

.generic-button {
	display:				inline-block;
	position:				fixed;
	right:					5px;
	top:					48px;
}

.view-button {
	height:					15px;
	width:					30px;
}

input[type=submit] {
	background-color:		#525252;
	border:					1px solid #9edbf7;
	border-radius:			5px;
	color:					#9edbf7;
	font-size:				9pt;
	height:					18px;
	width:					50px;
}

table.sidebar
{
	background-color:		#525252;
	border-top:				5px solid black;
	position:				absolute;
	bottom:					0px;
}

table.navigation td {
	text-decoration: 		none;
	padding: 				2px 2px 0px 2px;
}

table.navigation a {
	font-weight: 			bold;
	text-decoration: 		none;
	color:					#eeeeee;
}

table.navigation a:hover
{
    text-decoration: 		underline;
}

/*td#flower-cell
{
	background:             #ffffff;
	background-image:       url(../images/mum_image_pac.jpg);
	height:                 52px;
	border-bottom: 1px solid black;
}*/

td#task-title
{
	background:				#525252;
}

div#worker-name
{
	color:					#faf39b;
	position:				absolute;
	right:					50px;
	text-transform:			capitalize;
}

div#task-title-text {
	padding-top:			3px;
	color:					#ffffff;
}

.currentpage-links
{
    font-size:              13px;
    float:                  left;
    display:                inline-block;
    text-transform:         uppercase;
    padding:                5px 2px;
    color:					#9edbf7;
}

span.currentpage-dot
{
	height: 7px;
	width: 7px;
	padding: 0px;
	border-radius: 50%;
	display: inline-block;
	color: #a3a3a3;
	background-color: #a3a3a3;
}

div.currentpage-dot
{
    float:                  left;
    display:                inline-block;
    padding:                0px;
    padding-top:            13px;
}
td#side-bar
{
	height:					70px;
	bottom:					0px;
	background-color:		red;
}

td#side-bar, td#main-panel, td#main-cell
{
	/*background-image:       url(../images/gradient.png);
	background-repeat:			repeat-x;*/
	background-color:       #ffffff;
}

td#main-cell {
	padding: 				10px 0px 0px 0px;
}

a:visited,
a:link
{
    text-decoration:        none;
    color:                  #9edbf7;
    font-weight:            lighter;
}

.details-nochange
{
	padding-left:			5px;
	color:					#a3a3a3;
}

.details
{
	padding-left:			5px;
	color:					#ffffff;
}

.table-wrapper {
    padding-left: 			1px;
    padding-right: 			0;
    padding-top: 			0;
}

div.chart_footer {
	display:				none;
}

/* main */

table {
	margin:					0px;
	border:					0px;

}

table.subtasks
{
	width:					auto;
	height:					35px;
}

table.his-preview td {
	padding:				2px 5px;
	border:					1px solid #3a3a3a;
}

span.his-problem {
    color:					#FF7777;
}

div.visit-item {
	display: 				inline-table;
	margin-left:	      	5px;
	margin-top:				5px;
	margin-right:			5px;
	border: 				solid 1px #3a3a3a;
	background-color:		#6a6a6a;
	color:					#a3a3a3;
	width:					80%;
}

tr.visit-item-head {
	background-color:		#3a3a3a;
}

td.visit-item-head {
	padding: 0;
    vertical-align: middle;
	width:					167px;
}

.visit-head {
    font-size: 				110%;
    color:					#9edbf7;
    padding-left:			5px;
}

td.visit-item-details {
	padding: 				0px 0px 0px 0px;
	width: 					510px;

}

tr.visit-item-detail {
	background-color: 		#6a6a6a;
}

td.visit-item-detail {
	vertical-align: 		middle;
	color:					#a3a3a3;
	font-weight:			lighter;
	padding-left:			3px;
	width:					auto;
}

td.visit-item-stuff {
	border-top: 			1px solid #3a3a3a;
}

span.visit-buttons {
    padding-top: 2px;
}

span.delete-button {
	margin-left:			20px;
}

span.resolve-button {
	margin-left:			20px;
}

td {
    padding:                0px;
}

.head2 {
    font-size: 				125%;
    color:					#faf39b;
    padding-left:			5px;
}

.head-Chart {
    font-size: 				125%;
    color:					#faf39b;
    padding-left:			5px;
    float:					left;
    padding-top:			2px;
    background-color:		#3a3a3a;
    height: 				25px;
    padding-top: 			5px;
}

.status-info {
	color:					#ffffff;
}

div.archive-item {
    display: 				block;
    padding:      			10px 10px 0px 10px;
	margin:	     	 		.6em .6em 1.6em .6em;
}

.archive-head {
    display: 				block;
    font-weight: 			bold;
    font-size: 				120%;
    padding:      			6pt .3em 6pt .3em;
}

table.archive-commands-title {
  	width:      			100%;
	margin-top:				10px;
	color:					#9edbf7;
	font-size:				12pt;
	text-transform:			uppercase;
}

table.archive-commands {
	font-size:				10pt;
}

table.archive-commands > tbody {
	font-size:				10pt;
	color:					#a3a3a3;
}

td.archive-title {
	padding-top:			5px;
	padding-left:			5px;
}

td.archive-command-start {
  	font-size:				9pt;
  	width:					135px;
  	padding-left:			5px;
  	padding-top:			5px;
  	padding-bottom:			5px;
}

td.archive-command-next {
  	font-size:				9pt;
	text-align: 			left;
	width:					300px;
  	color:					#9edbf7;
  	padding-left:			5px;
  	vertical-align:			middle;
}


td.archive-command-last {
	text-align: 			right;
	padding-left:			5px;
	font-size:				12px;
}

.archive-command-on {
	padding-bottom:			3px;
	margin-bottom:			3px;
}

.archive-command-off {
}


/* location page archive commands */
table.loc-archive-commands {
  	margin:     			0px 20px 0px 20px;
}

table.location-commands {
	float: 					right;
	margin-top:				-16px;
}

td.loc-archive-command-start {
  	padding:				0px 0px 0px 0px;
  	font-weight:			bold;
  	font-size:				10pt;
}

td.loc-archive-command-next {
	padding: 				0px 0px 0px 10px;
  	font-weight:    		bold;
  	font-size:    			10pt;
  	text-align: 			left;
}

td.loc-archive-command-last {
	padding: 				0px 0px 0px 30px;
  	font-weight:    		bold;
  	font-size:    			10pt;
  	text-align: 			left;
}



.patient-visitor {
    margin-left: 			10px;
    color:					#faf39b;
}

.visit-date, .visit-time, .visit-type {
    width: 					6.5em;
    padding: 				0px 0px 4px 4px;
    margin: 				0px 0.75em 0px 0px;
    font-size: 				100%;
    font-family:            Muli;
    border: 				0px;
    text-align:				left;
	vertical-align:			middle;
	background-color: 		#6a6a6a;
	color:					#faf39b;
}


.dt-change-button
{
	display: 				none;
}

.dt-change-link
{
	color: 					blue;
}

.visit-meds, .visit-questionnaires, .note{
	color: 					#ffffff;
}

.visit-med
{
  	position: 				relative;
  	display: 				inline-block;
  	padding: 				3px;
  	width: 					550px;
}

.visit-quest {
	padding-left:			3px;
}

.visit-quest-buttons {
	float: 					right;
}

.copy {
    color: 					gray;
    margin: 				0px 16px 0px 12px;
}

a { text-decoration: none; }

A:hover {text-decoration: underline; }

a.downlink {
    text-decoration: underline;
    font-weight: bold;
}

li {
    padding: 				6px 0px 6px 0px;
}


/**
 * table
 */

/**
 * listing
 */

table.listing
{
	border-collapse:        collapse;
	border-spacing:         0px;
	border:					1px solid #3a3a3a;
}

table.listing > tbody > tr:nth-child(odd)
{
    background-color:       #515151;
}

table.listing > tbody > tr:nth-child(even)
{
    background-color:       #6a6a6a;
}

table.his-preview
{
	border-collapse:        collapse;
	border-spacing:         0px;
	border:					1px solid #3a3a3a;
	margin-top:				5px;
	position:				absolute;
	color:					#ffffff;
	background-color:		#3a3a3a;
}

table.his-preview > tbody > tr:nth-child(odd)
{
    background-color:       #515151;
    border:					1px solid #3a3a3a;
}

table.his-preview > tbody > tr:nth-child(even)
{
    background-color:       #6a6a6a;
    border:					1px solid #3a3a3a;
}

table.sortable a.sortheader
{
    padding:                0px;
    display:                block;
    text-decoration: 		none;
}


table.sortable a.sortheader
{
    text-decoration: 		none;
}


th.continue, th.end, th.start, thead#thead
{
    background:             #3a3a3a;
	color:					#9edbf7;
    border-left:            1px solid #3a3a3a;
    padding:                0px .2em 0px .2em;
    text-align:             center;
    font-size:				13px;
    font-weight:			lighter;
}

th.end
{
    border-right:           1px solid #3a3a3a;
}

/*tbody#tbody
{
    overflow:               auto;
}

table.sortable td:first-child
{
    text-align:             center;
}*/

table.listing td
{
    text-align:             left;
    border-left:            1px solid #3a3a3a;
    border-bottom:          1px solid #3a3a3a;
    padding:                0.3em 0.3em 0.3em 0.3em;
    color:					#ffffff;
}

td.end
{
    border-right:            1px solid #3a3a3a;
}

td.button {
	border: 				0px;
	background-color:		transparent;
	padding-right: 			4px;
	text-align:				right;
}

a.pac-button:hover {
	text-decoration: 		none;
}

.pac-button {
	background-color: 		#525252;
	border: 				1px solid #9edbf7;
	border-radius:			5px;
	color: 					#9edbf7;
	text-decoration: 		none;
	min-width: 				60px;
	text-align: 			center;
	padding: 				1px 3px 1px 3px;
	margin: 				0px 3px;
	display: 				inline-block;
	cursor: 				pointer;
}

select.pp-dropdown {
    color:                  #9edbf7;
    background-color:       #525252;
    border:                 1px dotted #343434;
    background-position-x:  right;
	background-position-y:	center;
}

div.visit-quest {
	padding-left: 			3px;
	display:				block;
	width:					100%;
}

div.visit-quest-title {
	max-width: 				75%;
	float:					left;
	display:				inline-block;
	padding-top:			5px;
}

div.visit-quest-buttons{
	padding-right:			6px;
	display:				inline-block;
	text-align:				right;
	margin:					5px 0px;
	
}


#alert-zone{
	position: 				inherit;
	top: 					20px;
	left: 					50%;
/*	margin-left: 			-200px; */
	z-index: 				9999;
}

.alert-box {
    background: 			#3a3a3a;
    border: 				1px solid #a3a3a3;
    -webkit-transform:		translate(-50%, -50%);
    left:					50%;
    top:					50%;
    margin-left:			-50px;
    margin-top:				-50px;
    position:				fixed;
    height:					auto;
    width:					auto;
}

@-moz-document url-prefix() {
    .alert-box {
	left: 32%;
		top: 47%;
    }
}

.alert-box input {
	border: 				1px solid #9edbf7;
	color:					#9edbf7;
	background:				transparent;
	border-radius:			2px;
	text-align: 			center;
	position: 				relative;
	bottom:					20%;
	height:					20px;
	font-family:			Muli;
	font-weight:			normal;
	font-size:				12px;
}

.alert-box input:hover {
	cursor:					pointer;
}

.alert-message {
	display: 				block;
	height:					auto;
	width:					auto;
	padding-right:			5px;
	padding-left:			5px;
	font-weight:			normal;
	font-size:				15px;
	font-family:			Muli;
}

.alert-box-label {
	max-width: 30vw;
	padding-left:			5px;
	padding-right:			5px;
	text-align:				left;
	font-weight:			normal;
	font-size:				15px;
	font-family:			Muli;
}

.alert-box-label > select {
	width: 100%;
}

.alert-box-visitid {
	color:					red;
}

span.red {
	color: 					#F00;
}

div.head-Chart-heading {
	background-color:		#3a3a3a;
	color:					#faf39b;
	font-weight:			lighter;
	font-size:				125%;
	cursor:					pointer;
	padding-left: 			2px;
    padding-top: 			5px;
}

div.chart-main-heading {
	background-color:		#3a3a3a;
	color:					#9edbf7;
	font-weight:			lighter;
	font-size:				125%;
	cursor:					pointer;
	padding-left: 			2px;
	height: 				25px;
    padding-top: 			5px;
	margin-top:				1px;
}

div.chart-year-heading {
	background-color:		#3a3a3a;
	color:					#9edbf7;
	font-weight:			lighter;
	font-size:				125%;
	cursor:					pointer;
	padding-left: 			10px;
	height: 				25px;
    padding-top: 			5px;
    margin-top:				1px;
}

div.chart-month-heading {
	background-color:		#3a3a3a;
	color:					#9edbf7;
	font-weight:			lighter;
	font-size:				125%;
	cursor:					pointer;
	padding-left: 			20px;
	height: 				25px;
    padding-top: 			5px;
    margin-top:				1px;
}

div.chart-heading {
	background-color:		#3A3A3A;
	color:					#9EDBF7;
	font-weight:			lighter;
	font-size:				125%;
	cursor:					pointer;
	margin-top:				1px;
	height: 				20px;
    padding-top: 			3px;
    padding-bottom: 		2px;
    padding-left:			30px;
}

img.chart-img {
	height:					11px;
	width:					11px;
	padding-left:			5px;
}

.tree-icons {
	height: 				11px;
	width: 					11px;
}

table.chart-choose td {
    padding:            	0px 6px;
}

input[type="radio"]
 {
    margin-left: 			1px;
    margin-right: 			5px;
    margin-bottom: 			3px;
    margin-top: 			2px;
}

.dateLabel
{
    width: 					13%;
    float: 					left;
    padding: 				5px 0px;
}

.dateInput
{
    width: 					75px;
    float: 					left;
    padding: 				5px 0px;
}

.datePicker {
	padding: 				4px 0px;
}

.textInput {
	border: 				1px dotted #a3a3a3 !important;
	margin-left: 			5px;
	width: 					70px;
}

.chart_button {
    background-color: 		transparent;
    border: 				1px solid #9edbf7;
    border-radius: 			3px;
    padding: 				5px;
    font-size: 				11px;
    color: 					#9edbf7;
    cursor: 				pointer;
    position: 				relative;
}

table.questionnaire-view, table.questionnaire-summary, div.division, div.division-last {
	margin-left:			35px;
	margin-right:			10px;
}

table.questionnaire-view, table.questionnaire-summary {
    margin-top: 1px;
}

div.division, div.division-last {
    margin-top: 1px;
}

table.division {
    width: 					-webkit-calc(100% - 46px);
    margin: 				0px 0px 0px 35px;
    padding: 				0px 1px 0px 1px;
}

div.division table.division {
    width: 					100%;
    margin: 				0px 0px 0px 0px;
    padding: 				0px 1px 0px 1px;
}

ul.response-given {
    padding: 				0px;
    margin: 				0px;
}

td.division-Related_To, td.division-Relacionado_a, td.division-Relacionado {
    border-top:             1px solid #3a3a3a;
}

td.division-Interventions, td.division-Intervención, td.division-Plan_Establecido {
    border-top:             1px solid #3a3a3a;
}

td.question-description, td.question-description-fakey, td.multi-line-question-description, td.signature-line-question-description, td.date-line-question-description {
    font-size: 			8pt;
}

li.response-given {
    font-size: 			8pt;
}

div.question-description-stacked {
    font-size: 			8pt;
}

div.question-description-stacked {
    font-size: 			8pt;
}

/***************************************************************************************
----------------------------------------------------------------------------------------
									Print Page CSS
----------------------------------------------------------------------------------------
***************************************************************************************/

@media print {

html {
	overflow-y:				visible;
}

body { 
	-webkit-print-color-adjust: exact;
	overflow-y:				visible;
}

.whole-chart {
	background-color:		#ffffff;
}

div#top-icons {
	display:				none;
	border-bottom:			0px;
}

div#top-overview
{
    display:				none;
}

div#dancefloor
{
    top: 					0px;
    bottom: 				0px;
    margin-bottom: 			0px;
    height: 				100%;
    overflow: 				visible;
}

div#bottom-tasks
{
    display:				none;
}

div#bottom-icons
{
    display:				none;
}

.top-section {
    display:				none;
}

div.chart_footer {
	display:				none;
}

div.chart-anchors {
    display:				none;
}

div.chart-heading {
    height: 				auto;
}

* {
	color:					#000000 !important;
}

img.chart-img {
	display:				none;
}

.tree-icons {
	display:				none;
}

.head-Chart {
	background-color:		#f0f0f0 !important;
	margin-bottom:			5px;
}

.head-Chart-heading {
	background-color:		#f0f0f0 !important;
	margin-bottom:			5px;
}

.chart-main-heading {
	background-color:		#ffffff !important;
	border:					1px solid #000000;
}

.chart-year-heading {
	margin-bottom:			1px;
	padding-left:			10px;
	background-color:		#ffffff !important;
	border:					1px solid #000000;
}

.chart-month-heading {
	margin-bottom:			1px;
	padding-left:			5px !important;
	background-color:		#ffffff !important;
	border:					1px solid #000000;
}

.chart-heading {
	margin-bottom:			1px;
	padding-left:			5px;
	background-color:		#ffffff !important;
	border:					1px solid #000000;
}

div#Care-Plan-Problems {
	
}

table.questionnaire-view, table.questionnaire-summary {
    border:					0px;
    margin-left:			12px;
    width: 					calc(100% - 24px);
    background-color:		#ffffff !important;
}

td.questionnaire-name, td.overview-questionnaire-name, div.questionnaire-details, td.questionnaire-details, table.questionnaire-details {
	background-color:		#ffffff !important;
}

div.division, div.division-last, .division-name, .division-name-red {
    border:					0px;
    background-color:		#ffffff !important;
}

div.division {
	border: 				1px solid #000000;
	margin:					6px 12px;
}

div.division-name {
	border-bottom:			1px solid #000000;
}

td.division-assessment, td.division-assessment-last {
	padding:				0px 0px;
}

table.asked-question-table {
	border-bottom:			1px solid #000000;
}

table.further-questions-table {
	width:					100%;
	margin:					0px;
}

table.division {
    width: 					-webkit-calc(100% - 24px);
    margin: 				0px 0px 0px 12px;		
}

div.division table.division {
    width: 					100%;
    margin: 				0px 0px 0px 0px;
}

td.division-problem
{
    border-right:           1px solid #000000;
}

td.division-Related_To, td.division-Relacionado_a, td.division-Relacionado {
    border-top:             1px solid #000000;
    border-right:           1px solid #000000;
    border-left:            1px solid #000000;
    background-color: 		#ffffff !important;
}

td.division-Interventions, td.division-Intervención, td.division-Plan_Establecido {
    border-top:             1px solid #000000;
    border-right:           1px solid #000000;
    border-bottom:          1px solid #000000;
    background-color:       #ffffff !important;
}

td.division-Goals, td.division-Objetivos, td.division-Objetivos_Metas {
    border-top:             1px solid #000000;
    border-right:           1px solid #000000;
    border-left:            1px solid #000000;
    background-color:       #ffffff !important;
}

div.dc {
	background-color:		khaki;
}

/********* MEDS *******/

table.meds {
    margin-top: 5px;
}
tr.script-inline-discontinued td.continue, .script-inline-discontinued, .script-inline-modified {
    font-style: oblique;
    font-variant: small-caps;
    font-weight: lighter;
    text-decoration: underline;
}
th.start {
    border-left: 1px solid #000000;
}
th.continue, th.end {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
th.start, th.continue, th.end, th.synch-start, th.synch-continue, th.synch-end {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    color: #000000;
}
td.continue, td.start, td.end, td.synch-continue, td.synch-start, td.synch-end, td.synch-open-visit {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
}
td.end, td.synch-end {
    border-right: 1px solid #000000;
}
td.continue, td.end, td.synch-continue, td.synch-end, td.synch-open-visit, td.continue-no-pointer, td.end-no-pointer {
    border: 1px solid #000000;
}
span.script-class, span.drug-pack-name, span.script-inline-highlighted, span.script-covered {
    color: #000000;
}
.script-inline {
    color: #000000;
}

}

/***************************************************************************************
----------------------------------------------------------------------------------------
									   Spinner
----------------------------------------------------------------------------------------
***************************************************************************************/

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

svg {
    z-index: 100;
    height: 300px;
    width: 300px;
    margin-left: -157px;
    margin-top: -150px;
    left: 50%;
    top: 50%;
    position: absolute;
}


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.8);
}

.overlay, .overlay-clear {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.8);
}

.overlay-clear {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

svg {
  z-index: 100001;
  height: 300px;
  width: 300px;
  margin-left: -157px;
  margin-top: -150px;
  left: 50%;
  top: 50%;
  position: absolute;
}

optgroup.make-responsive {
  display: none;
}

/********* AG GRID FOR HIS *******/

.custom-tooltip {
    position: absolute;
    width: 150px;
    height: 70px;
    border: 1px solid cornflowerblue;
    overflow: hidden;
    pointer-events: none;
    transition: opacity 1s;
}

.custom-tooltip.ag-tooltip-hiding {
    opacity: 0;
}

.custom-tooltip p {
    margin: 5px;
    white-space: nowrap;
}

.custom-tooltip p:first-of-type {
    font-weight: bold;
}

.ag-theme-balham .row-red {
    background-color: #F09595 !important;
}

.ag-theme-balham .ag-cell {
	line-height: unset !important;
/*	vertical-align: center;  */
}