/*_root.css*/
:root {
	/*MOBILE*/
	--mblMenuTitleBG:white;/*hsl(30, 100%, 80%);/*cornsilk;/*rgb(255, 204, 153);*/
	/*FOR EVERYONE!*/
	--backDarkColor:#0099CC; /*:#F7F4FF;*/
	--backColor:#E6E6E6; /*#F7F4FF;*/
	--clicked:#E8E8E8;
	--hisRadius:0px; /*WAS 6px; DO NOT USE, WILL CASUE BLURRY FONTS*/
	--hisBtnShad: 1px 1px 2px gray;
	--hiLiRowHoverBG:#FFFFCC; /*Background when hover over HiLi rows.*/
	--hisWS:0px; /*Word Spacing*/
	--hisLS:0.4px;  /*Letter Spacing*/
	--hisFS:12pt;  /*Font Size*/
	--hisFC:hsl(31, 100%, 10%); /*#003366;  /*Font Color*/
	--hisFF:helvetica, arial, sans-serif,roboto; /*:Verdana, Geneva, Tahoma, sans-serif; /*Font Family*/
	--hisFP:2px; /*Padding*/
	--hisFM:2px; /*Marging*/
	--hisLH:19px; /*auto? Line Height*/
	--hisInputFS:11pt; /*Input font size*/
	--hisInputBG:hsl(180, 20%, 95%) ;/*hsl(0, 0%, 95%); /*Input background color*/
	--hisInputFC:hsl(30, 100%, 20%); /*hsl(30, 100%, 20%) ;/*hsl(0, 0%, 95%); /*Input fore color*/
	--hisSliderBG:#FFFFE8; /*UPDATE THIS ON slider() FUNCTION!!!*/
	--hisReqShadow:0px 0px 0px 1px hsl(12, 100%, 85%); /* ; /*The shape base shadow for requires*/
	--hisReqBG:hsl(46, 100%, 95%); /* Require init blue border*/
	--hisReqBG1:hsl(30, 100%, 65%); /*12, 100%, 65% 45, 100%, 85% Require NOT OK Red border*/
	--hisReqBG2:hsl(120, 100%, 95%); /*Require OK green border*/
	--hisCardsTitleBG:hsl(34, 54%, 95%); /*#F8F0E7; /*Light gray for cards like in confirmation, rehash, KIT ETC.*/
	--h3FF:helvetica, arial, sans-serif,roboto;
	--h3FS:12pt;

	/*Canvass Background for areas with INPUT elements like in confirmation, dispatch, rehash, KIT ETC*/
	--hisInptCnvsBG:hsl(221, 100%, 95%);
	--hisCnvsTitle:hsl(221, 100%, 90%);
	/*Canvass:*/

	/*BEGIN hiliPads*/
	--hiliPadBG:hsl(240, 100%, 95%); /*#F7F7F7;*/
	/*END hiliPads*/
	/*FOR EVERYONE!*/

	/*Use for hisDivs*/
	--hisPanel_HiLiBG:#FFFFE8; /*:#FFFFE8;*/
	--hisPanel_bg:#E8E8E8;
	--hisPanelON_bg:hsl(240, 100%, 95%); /*#F3F3F3;*/
	--hisPanel_border:1px solid #DFDFDF;
	--hisPanel_borderON:1px solid hsl(210, 50%, 70%); /*hsl(285, 100%, 80%); /*#CFCFCF;*/
	--hisPanelHead_bg:#C1E0FF;
	--hisPanelHead_bgOn:#99CCFF;
	/*Use for hisDivs*/

	/*Use CLose X buttons*/
	--hisPanelButtBG:#00CC00;
	--hisPanelButtBorder:none; /*1px outset #CCCCCC;*/
	--hisPanelButtSH:1px 1px 2px gray;
	/*Use for hisDivs*/

	/*Use for HIS buttons*/
	/*NOTE!!! It get color in code: --btns_FC:white; /*#000066;*/
	--btns_shadow_on:2px 2px 2px 0px #999999;
	--btns_shadow:0px 0px 0px 0px #ECD9C6;
	--btns_radius:30px; /*27*/
	--btns-FF:Helvetica; /*Verdana, Geneva, Tahoma, sans-serif;*/
	--btns-FS:14pt;
	--btns-FW:normal;
	--btns-BG:#FFFFCC;/*ONLY Optional for hilighted buttons!*/
	--btns-Border:0px solid #CCCCCC;
	--btns-BorderHover:0px solid #999999;
	/*END HIS buttons*/

	/*MENU Div*/
	--mnu-BRD:2px solid #663300; /*#CCCCCC;*/
	--mnu-BG:#FFFFE8;
	--mnu-FS:14pt;
	--mnu-TitleBG:#FFCC66;
	--mnuSub-FS:12pt;
	--mnuSub-BRD:3px solid #663300; /*#CCCCCC;*/
	/*END MENU Div*/

	/*Right Click*/
	--rc-Radius:6px;
	--rc-BRD:1px solid  #663300; /*#DFDFDF;*/
	--rc-Shadow:2px 2px 2px 0px #999999;
	/*END Right Click*/

	/*Use for Tabs*/
	--tabsBG:#E4E4F1;
	--tabsBGON:#CCCCFF;
	--tabsFS:12pt;
	--pagesBG:#CCCCFF;
	--tabsBGHover:#E8E8FF;
	/*END for Divs*/
	
	/*Use For YN()*/
	--ynBtnsBG:#CCFF66;
	--ynShad: 1px 1px 4px gray;
	/*End For YN()*/

	/*Input, Select*/
	--focusedBG:#FFFFCC;
	--input_radius:0px; /*27*/
	/*END Input, Select*/
	
	/*Phone Class*/
	--phoneWidth:116px;
	/*Phone Class*/
	/*Table*/
	--tblHdrFS:12pt;
	--tblHdrH:20pt;
	--tblRowFS:12pt; /*13pt*/
	--tblRowFC:hsl(31, 100%, 15%); /*hsl(30, 100%, 15%);	/*#00005B;*/
	--tblRowFF:helvetica, arial, sans-serif,roboto; /*Verdana, Geneva, Tahoma, sans-serif;*/
	--tblRowRH:33px;
	--tblRowLH:33px;
	--tblBorders:1px solid #EBEBEB;
	--tblRowONBG:hsl(60, 100%, 95%); /*Hilighted row #D9ECFF*/ 
	--tblRowONFC:hsl(31, 100%, 20%); /*Hilighted row*/ 
	--tblCHeadEvenBG:hsl(221, 100%, 90%); /*Even Headers BG*/
	--tblCHeadOddBG:hsl(221, 100%, 95%); /*Odd Headers BG*/
	--tblCEvenBG:hsl(209, 100%, 93%); /*hsl(0, 0%, 93%); /*DARKER, EVEN COLUMNS*/
	--tblCOddBG:hsl(209, 100%, 95%); /*hsl(0, 0%, 95%); /*LIGHTER, ODD COLUMNS!!!*/
	--tblColOrdr:hsl(240, 100%, 95%); /*Background for clicable header*/
	/*END Table*/

	/*Radio Buttons and regular buttons*/
	--selBtnsRadius:2px;
	--selBtnsBG:hsl(240, 100%, 95%); /*hsl(240, 33%, 90%); /*#E2E2E2;*/
	--selBtnsBGActive:#999999;
	--selBtnsBGON:hsl(240, 100%, 85%); /*hsl(120, 100%, 90%); /*#999999;*/
	--selBtnsFCON:hsl(240, 100%, 15%); /*white;*/
	/*END Radio Buttons*/
	
	/*BEGIN appDiv*/
	--appDivBG:#CCCCFF;
	--appImgBG:hsl(240, 100%, 85%);
	/*END appDiv*/
	
	/*Switch Colors:*/
	--hisSwitchON:#CCFFCC;
	--hisSwitchOFF:#FFFFCC;
	/*Switch Colors:*/
	
	/*DateTime Class*/
	--hisDateTimeBG:hsl(120, 100%, 95%);
	--hisDateTimeBRD:1px solid #CCCCCC;
	/*ENDS Date Time Class*/
}
/*_root.css*/
/*Styles Main*/
body, html {
	background-color: var(--backDarkColor);
	/*background-color:#0099CC;*/
	height:100%;
	width:100%;
	overflow:hidden;
	position:relative;
	display:inline-block;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
	}

img {
	position:relative;
	margin:0px;
	padding:0px;
	display:inline-block;
}

div {
	/*font-family:var(--hisFF);*/
	/*font-size:var(--hisFS);*/
	/*letter-spacing:var(--hisLS);*/
	/*word-spacing:var(--hisWS);*/
	/*display:inline-block;*/
	}

tr {
	/*font-family:var(--hisFF);*/
}

p, input, option, select, textarea, h1, h2, h3,h4, label,span, button,li,tr,marquee {
	font-family:var(--hisFF);
	}


p, input, option, select, textarea, h1, h2, h3, label,li {
	/*
	-webkit-filter: blur(0px);
	-webkit-font-smoothing: antialiased;
	-webkit-filter: blur(0.00001px);
	font-smooth: subpixel-antialiased;
	*/
	height:var(--hisLH);
	word-spacing:var(--hisWS);
	letter-spacing:var(--hisLS);
	padding: var(--hisFP);
	margin: var(--hisFM);
	line-height:var(--hisLH);
	color: var(--hisInputFC);
	vertical-align:middle;
	-moz-osx-font-smoothing: grayscale;
	}

input, select, textarea, div, p, span, button {
	outline:none;
	}

label {
	display:inline-block;
	text-align:right;
	margin-right:0px;
	padding-right:0px;
	margin-left:4px;
	padding-left:0px;
	color:hsl(30, 100%, 20%);/*#666666;*/
	font-size:10pt;
	}

h3 {
	font-size:var(--h3FS);
	font-family:var(--h3FF);
}

p1, h1, h2, h3, div, button, label, div, p  {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
	}


p {
	font-size:var(--hisFS);
	}

p,li {
	height:auto;
	}

h1 {
	font-size:20pt;
	margin:10px 0px 10px 0px;
	}

h2 {
	font-size:14pt;
	}

input, select, textarea {
	border: var(--hisDiv_border);
	border-radius: var(--input_radius);
	font-size: var(--hisInputFS);
	word-spacing:var(--hisWS);
	letter-spacing:var(--hisLS);
	background-color:var(--hisInputBG);
	}

select {/*KEEP!!! Not working from input, select, textarea!!!*/
	border-radius:0px !important;
	height:23px;
	padding:0px;
	}

input:focus , select:focus, textarea:focus {
	background-color: var(--focusedBG);
	}

button {
	background-color:var(--selBtnsBG);
	}

button p {
	font-size:14pt;
	color: var(--hisFC);
}

button, .selector, .buttonDisable {
	vertical-align:middle;
	cursor:pointer;
	border:none;
	border-radius: var(--hisRadius);
	font-family:var(--hisFF);
	text-align:center;
	box-shadow: var(--hisBtnShad);
	color: var(--hisFC);
	font-size:12pt;
	/*New 11.24*/
	position:relative;
	/*New 11.24*/
	}

button:active, .selector:active {
	/*box-shadow: inset var(--hisBtnShad);*/
	border:1px solid #hsl(30, 100%, 20%);/*666666;*/
	background-color:var(--selBtnsBGActive);
	box-shadow:inset var(--hisBtnShad);
	}
	
.buttonDisable {
	color:#hsl(30, 100%, 20%);/*666666;*/
	background-color:#CCCCCC;
	cursor:not-allowed;
	}
	
textarea {
	border-radius:0px !important;
	resize:none;
	}
	
input[type=radio] {
	/*
	-webkit-appearance: none; /* Remove default appearance styling for Webkit * /
	*/
	-moz-appearance:none; /* Remove default appearance styling for Firefox */
	}
input[type=button] {
	background-color:var(--btns-BG); /*#CCCCCC;*/
	border:thin outset;
	height:26px;
	cursor:pointer;
	}

input[type=button]:active {
	background-color:#C0C0C0;
	border:thin inset;
	height:26px;
	}

/*END Styles Main*/

/*HIS Common Classes*/
/*STOP!!! Only edit with NOTEPAD++, Encoding UTF-8 with BOM*/
/*New setSelect styles*/
/*Font Colors:*/
.selectableText, .selectableText * {
	-webkit-user-select: text; /* For Safari and older Chrome versions */
	-moz-user-select: text;    /* For Firefox */
	-ms-user-select: text;     /* For Internet Explorer */
	user-select: text;         /* Standard syntax */
	cursor: text;
	}
.myAntHelpPanel {
	position: relative;
    display: inline-block;
    background: white;
    width: 99%;
    height: 98%;
    border-radius: 6px;
    border: none;
    left: 1%;
    top: 1%;
	}
._red{
	color:red;
	}
/*Font Colors:*/
.selectDivClass {
	position:absolute;
	background:cornsilk !important;
	overflow-x:hidden !important;
	overflow-y:auto !important;
	box-shadow:2px 2px 4px 0px gray !important;
	border:none;
	margin:0px;
	padding:0px;
	z-index:1;
	display:block;
}
.selectLblClass {
	position:relative !important;
	display:block !important;
	width:auto !important;
	border:none !important;
	outline:none !important;
	text-align:left !important;
	margin:2px !important;
	padding:0px !important;
	line-height: 20px !important;
	/*height:auto !important;*/
	white-space: nowrap !important;
	float: none !important;
	}
.selectLblClass:hover {
	background-color:hsl(60, 100%, 75%);
	}
.selectTxtClass {
	margin:0px !important;
	}
	
/*New setSelect styles ENDS*/

/*Scrollbars start*/	
/* width */
::-webkit-scrollbar {
	width:20px;
	}
::-webkit-scrollbar:vertical {
	width:20px;
}
::-webkit-scrollbar:horizontal {
	width:0px;
}

/* Track */
::-webkit-scrollbar-track {
	background:hsl(219, 100%, 90%);/* #f1f1f1; */
	border-radius: 0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
	background:hsl(219, 100%, 85%);/* #888; */
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:hsl(219, 100%, 80%);/* #555; */
}
/*
::-webkit-scrollbar-button:single-button {
	background-color:azure;
	display: block;
    border-style:1px solid;
    border-radius:6px;
	height: 20px;
    width: 20px;
}
*/
/*Scrollbars ends*/	
/*Google Docs CSS Classes*/
.docsFiles {
	white-space: nowrap;
	display: inline-block;
	text-align: left;
	border: none;
	background-color: hsl(199, 100%, 95%);
	width: 96%;
	font-size: 12pt;
	padding: 6px;
	cursor: pointer;
	color:#333333;
	outline:none;
   	}
.docsFiles img {
	vertical-align:text-bottom;
	margin-right:4px;
	}
.docsFilesON {
	background-color: hsl(199, 100%, 80%);
	}

.gglTopDiv, .gglDocsDiv,.gglDocsPrv,.gglDocsButts {
	outline:none;
	position: absolute !important;
	display:inline-block; !important;
	/*border:1px solid green;*/
	}
.gglTopDiv, .gglDocsDiv,.gglDocsButts {
	width: 400px;/*500*/
	left: 0px;
	}
.gglTopDiv {
	top:0px;
	height:38px;
	}
.gglDocsDiv {
	top:42px;
	bottom:40px;
	}
.gglDocsButts {
	bottom:0px;
	height:36px;
	}

.gglDocsPrv {
	left:404px;
	top:0px;
	right:0px;
	bottom:0px;
	}
.gglDocsPrvHH {
	left:0px;
	top:300px;
	right:0px;
	height:400px;
	}

/*Elements in the search box:*/
.gglRefresh, .gglOpnDocs, .gglSearch, .gglRexX,.gglHowTo {
	top:2px;
	vertical-align: middle;
	}

.gglRefresh, .gglOpnDocs{
	cursor:pointer;
	}

.gglOpnDocs {
	position:absolute; /*LEAVE! Won't work otherwise!*/
	left:2px;
	}
	
.gglRefresh {
	position:absolute; /*LEAVE! Won't work otherwise!*/
	left:40px;
	}

.gglSearch {
	position:absolute; /*LEAVE! Won't work otherwise!*/
	top:4px;
	left:82px;
	width:60%;
	}
.gglRedX {
	position:absolute; /*LEAVE! Won't work otherwise!*/
    top: 4px;
    right: 86px;
    color: red;
    font-size: 18pt;
    font-weight: bold;
    cursor:pointer;
   	}
   
.gglHowTo {
	top:3px;
	}

.gglDocsButts button {
	position: relative;
    display: inline-block;
    height: 30px;
    font-weight: bold;
    font-size: 9pt;
    margin: 3px;
    width:10%;
    padding:0px;
	}
.docsIcon {
	width:20px;
	font-size:7pt;
	font-family:"Arial Narrow";
	vertical-align:text-top;
	margin-right:3px;
	}
.docsIconDOC {
	color:blue;
	}
.docsIconTXT {
	color:navy;
	}
.docsIconSHT {
	color:orange;
	}
.docsIconPDF {
	color:red;
	}
.docsIconIMG {
	color:green;
	}
.docsIconDRW {
	color:brown;
	}
.docsIconPRS {
	color:olive;
	}
.docsIconUK {
	color:gray;
	}

.docsThumbsPage, .docsThumbsPage div,.docsThumbsPage div img  {
	padding:0px;
	margin:0px;
	}
.docsThumbsPage {
	position:absolute;
    inset: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 6px;
	border:1px solid gray;
	border-radius:6px;
	background-color:white;
	text-align:center;
   	}
.docsThumbsPage div {
	position:relative;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	width:30%;
	padding:4px;
	}

.docsThumbsPage div label {
	width:100%;
	text-align:center;
	}

.docsThumbsPage div img {
	position:relative;
	display:inline-block;
	box-shadow:grey 4px 4px 7px 2px;
	max-width:100%;
	}
	
.docsThumbsPage a {
	}

.docsThumbsPage p {
	font-size:12px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}

.docsPreviewImg {/*To show a thumb in full page*/
	margin: 10px;
	box-shadow:grey 4px 4px 7px 2px;
	position:relative;
	left:50%;
	transform:translatex(-50%);
	width:98%;
	height:98%
	}
/*Google Docs CSS Classes*/

.helpSpan {/*Showing the ? with some color ETC*/
	padding: 2px 6px 2px 6px;
    border: 1px solid gray;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 12px;
    margin: 2px 2px 2px 2px;
    cursor:pointer;
	}

.helpSpanPanel {
	position: absolute;
    background: aliceblue;
    z-index:1;
    visibility:hidden;
	}
.disEna {
	background-color:green;
	}
hr {
	margin:0px 5px 0px 5px;
	}

.helpButt {
	width:36px;
	font-size:18pt;
	color:#0000FF;
	font-weight:bold;
	}
	
.phone {
	width:var(--phoneWidth);
}

.hiliPad, .inptCnvs {/*hiliPad for background areas. inptCnvs for where you have data entry inputes elements.For white background bubbles in Confirmation, Rehash ETC*/
	border:var(--hisPanel_border);
	border-radius: var(--hisRadius);
	margin:2px;
	padding:0px;
	position:relative;
	display:block;
	}

.hiliPad {
	background-color:var(--hiliPadBG);
	}

.inptCnvs {
	background-color:var(--hisInptCnvsBG);
	}

.cnvsTitle {
	background-color:var(--hisCnvsTitle);
	}

.smallUpperCaption {
	font-size:8pt;
	line-height:12px;
	margin-bottom:-8px;
	padding:0px;
	}
	
.verticalDivs {
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
	left:0px;
	top:0px;
	height:100%; 	
}

.SquareButt {
	width:40px;
	height:95%;
	margin:3px;
	font-size:10pt;
}

.SquareButt p {
	}
	
.slider {
	/*background-color:var(--hisSliderBG);*/
	border-radius: var(--hisRadius);
	border:none; /*MUST HAVE NO BORDERS!*/
	}

.hiLiRow img {
	vertical-align:middle;
	margin:0px 3px 4px 0px;
	}
	
.hiLiRow {
	/*
	Use to hilight a frame dive around a line of data entry
	*/
	border:0px solid green;
	display:flex;
	height:auto;
	margin:0px;padding:0px;
	border:none;
	}

.hiLiRow:hover {
	background-color:var(--hiLiRowHoverBG);
}


.leftCols, .centerCols, .rightCol {
	/*
	NOTE!!! To modify width, create classes like LCleftColsW in each file. Have class="leftCols LCleftColsW"
	*/
	margin:0px;
	padding:0px;
	text-align:right;
	float:left;
}

._rightClick {
	border-radius: var(--hisRadius);
	border:var(--mnuSub-BRD);
	background-color:var(--mnu-BG);
	border:var(--mnu-BRD);
	display:inline-block;
	font-size:var(--mnuSub-FS);
	z-index:150;
	}

.disEnb {
	background-color:gray;
	opacity:0.2;
	padding:0px;
	margin:0px;
	cursor:not-allowed;
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	display:none;
	}

.disEnbOld {
	background-color:gray;
	opacity:0.2;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	z-index:10000;
	cursor:not-allowed;
	position:absolute;
	display:none;
	}

.passWord, .passWord:focus {
	/*
	onselectstart="return false" onpaste="return false;" onCopy="return false" onCut="return false" onDrag="return false" onDrop="return false" autocomplete=off
	*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
	color:gray;
	background-color:gray;
	font-family:dotsfont;
	}

.savEdtCncl {
	}

.savEdtCncl button {
	display:inline-block;
	margin:2px;
	padding:0px;
	}

.savEdtCncl button:active {
	border:1px solid red;
	background:initial;
	border-radius:3px;
	}
	
.req {/*Fore required, init. Only hilight required fields*/
	/*box-shadow:var(--hisReqShadow) hsl(12, 100%, 85%);*/
	box-shadow:var(--hisReqShadow);
	background-color:var(--hisReqBG);
	}

.req1 {/*For required, values NOT OK*/
	box-shadow:var(--hisReqShadow) hsl(12, 100%, 65%);
	background-color:var(--hisReqBG1) !important;
	}

.req2 {/*For required, values OK*/
	box-shadow:var(--hisReqShadow) hsl(225, 100%, 90%);
	background-color:var(--hisReqBG2);
	}

.savEdtDelBtns {
	border-radius:0px;
	}

.savEdtDelBtns:first-of-type {
  border-radius: var(--hisRadius) 0 0 var(--hisRadius);
}

.savEdtDelBtns:last-of-type { /*Used in savEdtDel and savCntl as className for buttons*/
  border-radius: 0 var(--hisRadius) var(--hisRadius) 0;
  }


/*Cockpit Pages:*/	
.cockOutDiv { /*The outer div, for dev, KEEP!*/
	width:1070px;
	height:760px;
	display:inline-block;
	position:relative;
	}

.hisCharts {
	border-radius: var(--hisRadius);
	background-color:hsl(0, 0%, 93%);
	margin:4px;
	}

.cockPages {
	margin:0px;
	display:inline-block;	
	position:absolute;
	left:4px;top:4px;
	right:4px;
	bottom:4px;
}

.cockChartSet {
	width:49%;
	height:330px;
	display:inline-block;
	position:relative;
	margin-top:10px;
	}

.cockHlpBtnRight {
	display:inline-block;
	position:absolute;
	right:4px;
	top:5px;
	width:72px;
	height:26px;
	padding:0px;
	background-color:#CCFFCC;
	border:1px solid #006600;
	z-index:1;
	transition:0.2s;
	overflow:hidden;
	border-radius:var(--hisRadius);
	}

.cockHlpBtnRight:hover {
	width:98%;
	height:300px;
	}

.cockHlpBtn:hover {
	width:49%;
	height:300px;
	}

.cockHlpBtn {
	display:inline-block;
	position:absolute;
	left:4px;
	top:5px;
	width:64px;
	height:26px;
	padding:0px;
	background-color:#CCFFCC;
	border:1px solid #006600;
	z-index:1;
	transition:0.2s;
	overflow:hidden;
	border-radius:var(--hisRadius);
	}

.cockHlpBtn:hover {
	width:49%;
	height:300px;
	}

.cockHlpBtn p, .cockHlpBtnRight p {
	display:table; /*inline-table;*/
	}
	
.shwHst {
	width:40px;
	height:32px !important;
	margin-right:5px !important;
	background-color:var(--hisSwitchON);
}

.hisPerc {
	width:50px;
	text-align:right;
}

.right {
	text-align:right;
}

/*Cockpit Pages Ends*/
/*The lead count and lock note in the Conf,Disp,Resc,Reha,KIT,SAG,TOS*/
#cnfDtsInfo,#cnfLdsWrkOna,#dspDtsInfo,#dspLdsWrkOna,#rscDtsInfo,#rscLdsWrkOna,#rhsDtsInfo,#rhsLdsWrkOna,#arcDtsInfo,#arcLdsWrkOna,#sagDtsInfo,#sagLdsWrkOna,#tosDtsInfo,#tosLdsWrkOna {
	font-size:10pt;
	}

.rexExes {/*Show red X in CNF,DSP,KIT,TOS,SAG,RSC,RHS appointments*/
	color: red;
    font-weight: normal;
    margin-right: 2px;	
    font-family:"Arial Narrow";
	}

/*HIS Common Classes ENDS*/
/*7.20: ONE Day, check against dateTime.js and remove all eccess classes!*/
.dtCurDT {
	color:blue;
	font-weight:bold;
	background-color:hsl(29, 100%, 95%) !important;
	}
	
.dtpDiv {
	position:absolute;
	left:200px;
	top:200px;
	background-color:white;
	border-radius:3px;
	border:1px solid #E1E1E1;
	margin:0px;
	padding:1px;
	display:none;
	opacity:0;
	}

.dysDiv, .dtphDiv, .dtpBtmDiv /*Divs for Days, Hours, Minutes*/
	{
	width:238px;
	}

.dtphDiv, .dtpBtmDiv {
	position:relative;
	height:30px;
	background-color:#CCFFCC;
	margin:1px;
	border-radius:3px;
	}

.dtphDiv {
	border-radius:3px 3px 0px 0px;
	}

.dtpBtmDiv {
	border-radius:0px 0px 3px 3px;
	top:206px;
	}

.dtpBtmDiv button {
	position:absolute;
	/*width:160px;*/
	width:50%;
	height:26px;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	}

.dow, .dtpd { /*Days / Hours divs*/
	width:30px;
	height:29px;
	margin:2px;
	padding:0px;
	display:inline-box;
	border-radius:2px;
	text-align:center;
	}

.dow {
	font-size:10pt;
	height:20px;
	line-height:20px;
	}

.dtpd[type=radio] {
	/*display:none;*/
	}


.dtpd {
	box-shadow:0px 0px 1px 1px blue;
	background-color:#E6E6E6;
	text-decoration:underline;
	}

.dtpd {
	margin:0px;
	width:0px;
	height:0px;
	padding:0px;
	}

.dtpL, .dtpM {
	background-color:#F2F2F2;
	color:#808080;
	cursor:pointer;
	}

.dtpL {
	outline:0px;
	height:29px;
	width:30px;
	margin:2px;
	padding:0px;
	line-height:30px !important;
	text-align:center !important;
	}

.dtpL:focus,.dtpM:focus {
	box-shadow:0px 0px 1px 1px blue;
	font-weight:bold;
	}


.dtpM {
	height:42px;
	width:32px;
	line-height:40px;
	text-align:center;
	margin:2px;
	}

.curmnt {
	color:#000066; 
	/*background-color:#ECECFF;*/
	}
	
.dtpDtTm {
	text-align:center;
	line-height:22px;
	}
	
.dtOnFcs {
	background-color:#FFFFCC;
	}
	
.dysDiv, .hrsDiv, .mntDiv {
	float:left;
	display:inline-block;
	position:relative;
	margin:2px;
	height:200px;
	}

.dhmDvsON { /*Show selected the Days, Hours, Minutes divs*/
	box-shadow:0px 0px 1px 1px red;
	}


.hrsDiv {
	width:138px;
	}

.mntDiv {
	width:36px;
	}

.dtpMntBut {
	width:20px;
	height:20px;
	margin:3px;
	background-color:#F1E4E4;
	box-shadow:0px 0px 1px 0px gray;
	text-align:center;
	font-weight:bold;
	}
	
.dtpMntBut:active {
	box-shadow:inset 0px 0px 1px 0px blue;
	font-weight:bold;
	}

.dtpSlctd {
	color:purple;
	font-weight:bold;
	}


.dtpSlctBtn {
	background-color:#99FF33;
	font-size:14pt;
	}

.dtpBtmBtn {
	background-color:#FFFFCC;
	font-size:14pt;
	}
	
.dateTime {
	width:180px;
	text-align:center;
	background-color:var(--hisDateTimeBG);
	border:var(--hisDateTimeBRD);
	}
/**//*DO NOT CHANGE ANYTHING HERE!*/
#_wrapper {
	/*
	display:block;
	margin:0px;
	padding:0px;
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	*/
	display:inline-block;
	margin:0px;
	padding:0px;
	position:absolute;
	left:0px;
	top:5px;
	right:0px;
	bottom:0px;
	}
	
#_HISwrapper {
	background-color: var(--HTMLBodyFrameBG);
	border:0px solid #E9E9E9;
	margin:0px;
	padding:0px;
	display:inline-block;
	position:absolute;
	left:0px;
	top:6px;
	right:6px;
	bottom:20px;
	/*border:1px solid yellow;*/
	}

#_mainFrame, #_menu {
	display:inline-block;
	margin:0px;
	padding:0px;
	border:none;
	}

#_menu {
	float:left;
	position:relative;
	border:none;
	padding:2px;
	left:4px;
}

._mainFrame {
	/*visibility:hidden;*/
	border-radius: var(--hisRadius);
	box-shadow:inset var(--hisBtnShad);
	transition: 1s ease; /*-in-out;*/
	/*NEW*/
	position:absolute;
	left:60px;
	top:2px;
	right:2px;
	bottom:0px;
	overflow:hidden;
	/*NEW*/
}
.grayBG {
	background-color:hsl(0, 0%, 95%);
	}

.beigeBG {
	/*transition: 2.5s ease;*/
	background-color:beige; /*var(--backColor);*/
	}
.blackBG {
	/*transition: 2.5s ease;*/
	background-color:black; /*var(--backColor);*/
	}
	
.whiteBG {
	/*transition: 2.5s;*/
	/*background-color:hsl(0, 0%, 95%);/*var(--backColor);*/
	background-color:hsl(0, 0%, 95%);/*hsl(221, 100%, 95%);*/
	opacity:0;
	}

.menuItems img:active {
	border:1px inset gray;
	/*opacity:1;*/
	}


.menuItems img:hover {
	border:1px solid gray;
	}

.menuItems {
	width:36px;
	height:36px;
	padding:0px;
	cursor:pointer;
	border:0px none;
	margin:0px;
	border:none;
}

.menuItems img {
	/*opacity:0.6;*/
	margin:0px;
	padding:0px;
	position:relative;
	width:36px;
	height:36px;
	border:1px solid #E6E6E6;
	}

#copyRightsP {
	line-height:20px;
	text-align:center;
	font-size:9pt;
	padding:0px;
	margin:0px;
	color:white;
	display:none;
	position:absolute;
	bottom:0px;
	left:50%;
	transform:translatex(-50%)
	}
	
#copyRightsP a {
	color:white;
	}

/*END DO NOT CHANGE ANYTHING HERE!*/
	/*Table Styles*/
/*NEW*/
/*Print classes used in printTable function*/
.tblPrtMainDiv {
	background:white;
	}
@page {
	size:A4 portrait;
	margin:10mm;
	}
@media print {
	/*
	footer::after {
        content: "Page " counter(page) " of " counter(pages); /* X of Y * /
        position: fixed;
        bottom: 0.5in;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 12pt;		
		}
	*/
	html,body {
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		height: auto !important;
		position:relative !important;
		display:block !important;
		background:white !important;
		}

	body {
		}
	.tblPrtMainDiv {
		background:white;
		}
	.tblPrtMainDiv table {
		width: 100%;
		border-collapse: collapse;
		page-break-inside: auto; /* Allow table rows to break across pages */
		}
	.tblPrtMainDiv 	thead {
		display: table-header-group; /* Repeat the header on each page */
		}
	.tblPrtMainDiv tfoot {
		display: table-footer-group; /* Repeat the footer on each page */
		}
	.tblPrtMainDiv table tr {
		page-break-inside: avoid; /* Avoid breaking inside rows */
		page-break-after: auto;  /* Automatically break after a row if needed */
		}

	.tblPrtMainDiv td,.tblPrtMainDiv th,.tblPrtMainDiv h1,.tblPrtMainDiv h2,.tblPrtMainDiv p {
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		font-size:8pt;
		font-weight:normal;
		}
	.tblPrtMainDiv h1,.tblPrtMainDiv h2 {
		text-align:center;
		font-size:14pt;
		color:black;
		}
	.tblPrtMainDiv p {
		font-size:11pt;
		text-align:center;
		color:black;
		}
	.tblPrtMainDiv td {
		border:none !important;
		}
	.tblPrtMainDiv thead {
		}
	.tblPrtMainDiv thead tr {
		}
	.tblPrtMainDiv thead tr th {
		}
	.tblPrtMainDiv tbody {
		}
	.tblPrtMainDiv tbody tr:nth-child(odd) {
		background-color:hsl(0, 0%, 95%);
		}
	.tblPrtMainDiv tbody tr:nth-child(even) {
		background-color:white;
		}

	.tblPrtMainDiv tbody tr {
		/*box-shadow:0px 1px 5px -2px hsl(0, 0%, 95%) !important;*/
		}
	.tblPrtMainDiv tbody tr td {
		box-shadow:0.3px 0px 0px 0px hsl(0, 0%, 90%) !important;
		padding:4px 2px 4px 2px !important;
		}
	.tblPrtMainDiv tfoot {
		}
	.tblPrtMainDiv tfoot tr {	
		}
	.tblPrtMainDiv tfoot tr td {	
		text-align:center;
		}
	.prtTblFont8pt,.prtTblFont9pt,.prtTblFont10pt,.prtTblFont11pt,.prtTblFont12pt {
		margin:0px 0px 0px 0px !important;
		line-height:16px !important;
		}
	.prtTblFont8pt {/*Use to set fontsize in report*/
		font-size:8pt !important;
		}
	.prtTblFont9pt {/*Use to set fontsize in report*/
		font-size:9pt !important;
		}
	.prtTblFont10pt {/*Use to set fontsize in report*/
		font-size:10pt !important;
		}
	.prtTblFont11pt {/*Use to set fontsize in report*/
		font-size:11pt !important;
		}
	.prtTblFont12pt {/*Use to set fontsize in report*/
		font-size:12pt !important;
		}
	.prtTblAlignRight {/*Use to set text-align:right in report*/
		text-align:right !important;
		}
	}
/*Print classes used in printTable function*/
/**/
.tblBotLbl {
	text-align: left !important;
	background:var(--tblCEvenBG) !important;
	margin: 0px !important;
	padding: 0px 0px 0px 4px !important;
	display: inline-block !important;
	position:absolute !important;
	color:navy;
	/*bottom:0px !important;*/
	}
/*NEW*/
.tableDiv {
	border:var(--tblBorders);
	border-radius:var(--hisRadius);
	position:relative;/* !important;*/
	}

.tblB {
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0px;
	margin:0px;
	border:none;
	/*border-radius:0px 0px var(--hisRadius) var(--hisRadius);*/
	border-radius:0px !important;
	background-color:var(--tblCEvenBG);
	position:relative;
	}


.tblH {
	padding:0px;
	margin:0px;
	overflow:hidden;
	border-bottom:none; /*1px #CCCCCC solid;*/
	border-radius:var(--hisRadius) var(--hisRadius) 0px 0px;
	cursor:default;
	background-color:var(--tblCHeadEvenBG);
	height:var(--tblHdrH);
	line-height:var(--tblHdrH);
	}

.tblH div {
	font-size:var(--tblHdrFS);
	/*height:100%;/*var(--tblHdrH);*/
	/*line-height:100%;/*var(--tblHdrH);* /;*/
	}

.tblR:hover {
	}

.tblR, .tblROn {
	cursor:cell;
	outline:hsl(0, 0%, 80%) 1px solid !important;
	}

.tblROn td{
	background-color:var(--tblRowONBG) !important;
	color:var(--tblRowONFC);
	/*border-bottom: 1px solid gray;*/
	}

.tblB table {
	display:none;
	table-layout: fixed;
    border-spacing: 0px;
    border-collapse:separate;
	}

.tblB table tr {
	outline:none;
}

.tblB table tr:focus {
	outline:0px solid;
	outline-color:hsl(240, 100%, 90%);
}

.tblB table tr td p {
	padding:0px;
	margin:4px;
	overflow:hidden;
	color:var(--tblRowFC);
	font-size:var(--tblRowFS);
	font-family:var(--tblRowFF);
	text-overflow:clip;
	white-space:nowrap;
	line-height:normal;
	/*NEW 5.19.20*/
	/*display:table;*/
	/*NEW 5.19.20*/
	/*
	text-rendering:geometricPrecision;
	*/
	}
   
.tblB table tr td {
	padding:0px;
	margin:0px;
	height:var(--tblRowRH);
	overflow:hidden;
	border-right:1px solid var(--tblCEvenBG);
	position:relative;
 	}

.tblC {
	border:none;
	float:left;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	white-space: nowrap;
	}

/*Tabls Even Columns:*/
.tblCHeadEvenBG { /*Even Column Head BG*/
	background-color:var(--tblCHeadEvenBG);
	}

.tblCEvenBG { /*Even Column BG*/
	background-color:var(--tblCEvenBG);
	}

/*Tabls Odd Columns:*/
.tblCHeadOddBG { /*Odd Column Head BG*/
	background-color:var(--tblCHeadOddBG);
	}

.tblCOddBG { /*Odd Column BG*/
	background-color:var(--tblCOddBG);
	}

.tblCOrdBG { /*Odd Column BG*/
	background-color:var(--tblColOrdr);
	}

.tblH .tblC div {
	top:50%;
	position: relative;
    transform: translatey(-50%);
	font-family:var(--tblRowFF);
   	}

.tblPgsDiv {
	}

.tblPgsSlider {
	background-color:gray;
	width:auto;
	}
	
.tblPgsBtn {
	background-color:#CCCCFF;
	font-family:var(--hisFF);
	/**/
	margin:1px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	/**/
}

.tblPgsBtnON {
	background-color:#9999FF;
	box-shadow: inset black 0px 0px 3px;
}

.tableInput {
	border:0px solid hsl(0, 0%, 95%);
	margin:0px !important;
	padding:4px !important;
	color:hsl(240, 100%, 30%) !important;
	background: transparent;
	}

.tableInput:focus {
	background: hsl(120, 100%, 95%);
	}
	
.tableTitle {
	padding:0px;
	margin:0px;
	}

.tableTitle h1 {
	font-size:14pt;
	font-weight:normal;
	text-align:center;
	margin:0px;
	padding:0px;
	line-height:30px;
	}
	
.tblDelButt, .tblInsButt {
	position: absolute;
    top: 0px;
    width: 44px;
    height: 26px;
    font-size: 10pt;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    border-radius: 0px;
    box-shadow: 0px 0px;
    text-align: center;
    border:1px solid gray;
   	}

.tblInsButt,.tblExpButtPrt {
	background-color:hsl(120, 100%, 90%);
    left: 0px;
    width: 20px;
    height: 26px;
	}

.tblExpButtDiv {
	z-index:0 !important;
	overflow:hidden !important;
	position: absolute !important;
	display: block !important;
	top: 0px !important;
	right: 0px !important;
	width: 21px !important;
	height: 28px !important;
	transition:0.5s !important;
	background:transparent !important;
	}

.tblExpButtDiv:hover {
	z-index:1 !important;
	height: 62px !important;
	/*background:white !important;*/
	}    

.tblExpButt,.tblExpButtPrt {
	border:none !important;
	position:absolute !important;
	left:0px !important;
	width: 20px !important;
	padding: 0px !important;
	font-size:16px !important;
	height: 30px !important;
	}

.tblExpButt {
	border-radius:0px 6px 0px 0px !important;
    right: 0px !important;
	top: 2px !important;
	line-height: 6px !important;
	}

.tblExpButtPrt {
	top: 34px !important;
	z-index:0 !important;
	}

.tblExpButtPrt img {
	position:absolute !important;
	left:50% !important;
	top:50% !important;
	transform:translate(-50%,-50%) !important;
	}


.tblDelButt {
	background-color:hsl(0, 100%, 81%);
    right: 0px;
    border-radius:0px 6px 0px 0px;
	}
	
.tblBold p, .tblBold input {
	font-weight:bold;
	}

.tblGray p, .tblGray input {
	color:gray !important;
	}
.tblRed p, .tblRed input, .tblRed select {
	/*color:red !important;*/
	color:hsl(0, 100%, 40%) !important;
	}

.tblDarkRed, .tblDarkRed p, .tblDarkRed input, .tblDarkRed select {
	/*color:red !important;*/
	color:hsl(0, 100%, 30%) !important;
	}

.tblGreen, .tblGreen p, .tblGreen input, .tblGreen select {
	color:green !important;
	}

.tblOrange p, .tblOrange input {
	color:orange !important;
	}


.tblBlue, .tblBlue p, .tblBlue input, .tblBlue select {
	color:blue !important;
	}

.tblBlack, .tblBlack p, .tblBlack input, .tblBlack select {
	color:black !important;
	}

.tblDarkGreen p,.tblDarkGreen input,.tblDarkGreen select{
	color:hsl(120, 100%, 20%) !important;
	}
	
.tblLightBlue p,.tblLightBlue input{
	color:hsl(220, 100%, 70%) !important;
	}

.tblRec p, .tblRec input {
	color:hsl(120, 100%, 25%) !important;
	}
.tblPay p, .tblPay input {
	color:hsl(0, 100%, 45%) !important;
	}

.tblComm p, .tblComm input {
	color:hsl(20, 100%, 25%) !important;
	}
/*To expend the oP to show long texts. NOT USED YET:*/
.tblExpandCell:hover {
	position: absolute;
	top: 4px;
	z-index: 10;
	background: var(--tblRowONBG) !important;
	border: 1px solid beige;	
	}
/*END Style for Tables - DO NOT ALTER!*/
/*appsPanel Classes*/
/*STOP!!! Edit ONLY in NOTEPAD++, Encoding=TF-8 without BOM*/
.appsPanel {
	position:absolute;
	width:80%;
	height:80%;
	padding:0px;
	border-radius: 6px;/*var(--hisRadius);*/
	overflow:hidden;
	background-color: var(--hisPanel_bg);
	border:var(--hisPanel_border);
	}

.appsPanelON {
	background-color: var(--hisPanelON_bg);
	box-shadow: var(--hisPanel_sha);
	border:var(--hisPanel_borderON);
	}

.appsPanelBodyHiLi {
	background-color:var(--hisPanel_HiLiBG);
}

._appsPanelAI {
	position:absolute;
	display:inline;
	top:2px;
	right:2px;
	width:200px;
	border-radius: 8px;
	font-size: 10pt;
	}
._appsPanelHead {
	background-color: var(--hisPanelHead_bg);
	margin:0px;
	padding:0px;
	height:36px;
	width:100%;
	border-radius: var(--hisRadius)  var(--hisRadius) 0px 0px;
	cursor:move;
	}

._appsPanelHead:active {
	cursor:grabbing;
	}

._appsPanelHeadOn {
	background-color: var(--hisPanelHead_bgOn);
	}

._appsPanelHead p {
	cursor:move;
	color:#333399;
	margin:5px;
	text-align:right;
	font-size:14pt;
	/*New, 12.24*/
	overflow: hidden;
	white-space: nowrap;
	width: 90%;
	text-align: left;
	position: absolute;
	left: 60px;
	/**/
	}

._appsPanelHead:active p {
	cursor:grabbing;
	}

._appsPanelBody {
	/*border-radius:0px 0px 0px 0px; var(--hisRadius) var(--hisRadius);*/
	position:relative;
	top:0px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	display:inline-block;
	width:100%;
	}

.closeButt {
	float:left;
	width:56px;
	height:30px;
	background-color: var(--hisPanelButtBG);
	background-color:#FFCC99;
	border: var(--hisPanelButtBorder);
	margin:3px;
	border-radius:6px; /* var(--hisRadius);*/
	box-shadow: var(--hisPanelButtSH);
	cursor:pointer;
	}

.closeButt:active {
	box-shadow: inset var(--hisPanelButtSH);
	}

.closeButt P {
	position: relative;
	left: 0px;
	margin: 4px 0px 0px 2px;
	}

.pageFrame {
	border-radius: var(--hisRadius);
	border:none;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	/*
	width:820px;
	height:500px;
	*/
	position:absolute;
	display:inline-block;
	top: 0px;
	left: 0px;
	bottom:0px;
	right:0px;
	/*background-color:#FFCC99;*/
	}
/*END Main Div Classes*/
.menuButt {
	position:relative;
	width:50px;
	height:50px;
	left:0px;
	padding:0px;
	/*margin:8px auto 8px auto;*/
	margin:8px 0px 8px 0px;
	cursor:pointer;
	border:var(--btns-Border);
	border-radius: var(--btns_radius);
	box-shadow: var(--btns_shadow);
	transform:scale(1);
	/*transform-origin:center center;*/
	transform-origin:left top;
	transition:0.2s;
	overflow:hidden;
	background-color: hsl(209, 100%, 90%);
	}

.mnuFKeys {
	float:right;
	padding-right:0px;
	}
	
.menuButt a {
	text-decoration:none;
	}

.menuButt p {
	width:300px;
	text-align:left;
	position:relative;
	top:50%;
  	transform:translateY(-50%);
	font-family: var(--btns-FF);
	font-size:var(--btns-FS);
	font-weight:var(--btns-FW);
	color:var(--btns_FC);
	height:auto;
	left:3px;
	/*
	height:50%;
	line-height:22px;
	*/
	}

.menuTxt {
	background-color:red;
	width:200px;
	}

.menuButtON {
	box-shadow: var(--btns_shadow_on);
	border:var(--btns-BorderHover);
	width:310px;
	transition:0.2s;
	}

.menuButt p:hover {
	/*text-shadow: var(--btns_text_shadow);*/
	}

.menuButt:active {
	box-shadow:inset var(--btns_shadow_on);
	}

.menuToolTip {
	height:30px;
	display:block;
	border:1px solid gray;
	background-color:black;
	}

.mnuOn {
	width:200px;
	height:120px;
}

#logInDiv, #logInDiv label, #logInDiv button, #logInDiv input, #logInDiv img, #logInDiv a {
	font-family:var(--hisFF);
	font-size:14pt;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin:5px;
	line-height:26px;
	}

#logInDiv {
	margin:auto;
	width:460px;
	/*height:300px;*/
	left:50%;
	top:45%;
	transform:translate(-50%, -50%);
	opacity:0;
	/*transition:opacity 1s;*/
	}

#logInDiv div {
	float:left;
	display:inline-block;
	width:440px; /*340*/
	}

#logInDiv img, #logInDiv a {
	left:50%;
	transform:translateX(-50%);
	}

#logInDiv label {
	float:left;
	width:110px;
	color:#CCCCCC;
	text-align:right;
	}

#logInDiv input {
	float:left;
	width:200px;
	background-color:#F5F5F5;
	}

#logInDiv button {
	width:100px;
	top:4px;
	height:56px;
	margin:0px;
	padding:0px;
	font-size:14pt;
	color:#003366;
	}
	
#logInDiv a {
	font-size:12pt;
	text-align:center;
	color:black;/*#CCCCCC;*/
	margin-top:10px;
	}

.redNote {
	display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 16pt;
    background-color: bisque;
    padding: 12px;
    border: 1px solid black;
    z-index: 100000;	
	}.menuPanel:hover {
	height:600px;
	width:240px;
	}

.menuPanel, .menuPanelOff {
	/*MUST BE LIKE the code in MENUpANEL.JS
	top:2px;
	left:6px;
	*/
	top:5px;
	left:5px; /*5px*/
	height:48px;
	width:48px;
	border-radius:26px;
	margin:0px; /* 0px 0px -1px;*/
	padding:0px;
	position:absolute;
	z-index:100;
	/*MUST BE LIKE the code in MENUpANEL.JS*/

	/*box-shadow: var(--btns_shadow_on);*/
	display:inline-block;
	overflow:hidden;
	border:var(--mnu-BRD);
	background-color:var(--mnu-BG);
	transition:all 0.2s ease;
	}

.menuPanelON {
	height:600px;
	width:240px;
	}

.menuPanel p {
	margin:`0px;
	padding:6px;
	width:100%;
	font-size:var(--mnu-FS);
	}

.menuPanelTitle {
	background-color:var(--mnu-TitleBG);
	width:100%;
	padding:0px;
	margin:0px;
	height:50px;
	}

.menuPanelTitle p {
	margin:0px;
	padding:10px 0px 0px 4px;
	width:240px;
	}

.appsDiv, .appsDivR {
	margin:0px;
	padding:0px;
	width:100%;
	background-color:var(--appDivBG);
	}

.appsDiv {
	height:88px;
	}
	
.appsDivR {
	height:36px;
	}

.appsIcon {
	width:32px;
	height:32px;
	margin:2px;
	padding:2px;
	cursor:pointer;
	float:left;
	border-radius:4px;
	background-color:var(--appImgBG);
	border:2px solid hsl(240, 100%, 85%);
	}

.appsIconON {
	border:2px solid hsl(240, 100%, 75%);
	background-color:hsl(240, 100%, 80%);
	}
	
/*
.appsDivR img:hover {
	margin:1px;
	border:1px solid gray;
}
	*/
/*Start tabs.css*/
.hisTabsFrame {
	padding:0px;
	border:none;
	border-radius:var(--hisRadius);
	background-color: var(--tabsBG);
	}

.hisTabsHead {
	padding:0px;
	margin:0px;
	border:none;
	background:transparent;
	overflow:hidden;
    white-space:nowrap;
	}

.hisTabsDis p, .hisTabsDis {
	cursor:not-allowed;
	color:#999999;
	}

.hisTabsDis:active, .hisTabsDis p:active {
	box-shadow: none;
	background-color: var(--tabsBG);
	border:none;
	border-radius:var(--hisRadius) var(--hisRadius) 0px 0px;
	}
.hisTabs, .hisTabsDis {
	position:relative;
	display:inline-block;
	border-radius:var(--hisRadius) var(--hisRadius) 0px 0px;
	cursor:pointer;
	border:none;
	padding:0px;
	margin:0px;
	box-shadow: none;
	}

.hisTabs {
	/*position:absolute;*/
	}

.hisTabs:hover {
	background-color: var(--tabsBGON);
	}

.hisTabsOFF {
	background-color: var(--tabsBG);
	}
	
.hisTabsON {
	background-color: var(--tabsBGON);
	font-weight:bold;
	}

.hisPages {
	/*visibility:visible;*/
	visibility:inherit;
	display:inline-block;
	position:relative;
	border-radius:0px 0px var(--hisRadius) var(--hisRadius);
	background-color: var(--pagesBG);
	overflow:hidden;
	border:none;
	margin:0px;
	padding:0px;
	float:left;
	margin:0px 0px 0px 0px; /*-5px 0px 0px 0px;*/
	}

.hisPagesOFF {
	display:none !important;
	}

.hisPagesON {
	display:inline-block;
	/*visibility:visible;*/
	visibility:inherit;
	}

	
.hisTabsP {
	padding:10px 5px 10px 5px;
	margin:0px;
	text-align:center;
	font-size:12pt;
}
/*END hisTabs */
/*Start tabsV.css Vertical Tabs*/
.vTabsFrame, .vTabsTabs, .vTabsPage, .vTabs, .vTabsDis {
	padding:0px;
	margin:0px;
	border:none;
	}

.vTabsFrame {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color: var(--tabsBG);
	}

.vTabsTabs {
	background-color: var(--tabsBG);
	display:inline-block;
	height:100%;
	}
	
.vTabsPage {/*Use for pages within the tabs*/
	}

.vTabsPage, .vTabsTabs {
	position:relative;
	height:100%;
	float:left;
	}

.hisTabsHead {
	padding:0px;
	margin:0px;
	border:none;
	}

.vTabs, .vTabsDis {
	position:relative;
	border:none;
	border-right:none;
	text-align:left;
	box-shadow:none;
	height:43px;
	position:relative;
	border-radius: var(--hisRadius) 0px 0px var(--hisRadius);
	cursor:pointer;
	padding:0px 5px 0px 0px;
	margin:0px 0px 1px 0px;
	background-color: var(--tabsBG);
	overflow:hidden;
	text-overflow:clip;
	white-space:nowrap;
	z-index:1;
	width:120px;
	transition:0.2s;
	}

.vTabs p span, .vTabsDis p span {
	/*
	border-radius:20px;
	background-color:yellow;
	width:40px;
	*/
	padding:0px;
	margin:0px;
	line-height:38px;
	height:38;
	/*margin-right:20px;*/
	/*text-align:center;*/
	display:inline-block;
	width:120px;
	}

.vTabsDis {
	background-color:#CCCCCC;
	cursor:not-allowed;
	}

.vTabsDis:active {
	background-color:#CCCCCC;
	border:none;
	box-shadow:var(--hisBtnShad);
	}

.vTabsDis p, .vTabs p {
	margin-left:8px;
	height:40px;
	margin:0px;
	}

.vTabsDis p {
	color:#666666;
	}

.vTabs:hover {
	/*border-radius:10px;/*var(--hisRadius); /* 0px 0px var(--hisRadius);*/
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	z-index:2;
	width:530px;
	background-color: var(--tabsBGHover);
	box-shadow:0px 1px 3px gray;
	border-top:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	}

.vTabsOFF {
	background-color: var(--tabsBG);
	}
	
.vTabsON {
	background-color: var(--tabsBGON);
	font-weight:normal;
	}

.vTabsON p span {
	border-radius: 20px 0px 0px 20px !important;
    /*width: 42px !important;*/
    margin-left: 0px !important;
    margin-top: 1px !important;
    /*
    To add dark border:
    margin-left: -2px !important;
    margin-top: -2px !important;
    border-left: 4px solid hsl(240, 100%, 75%);
    border-top: 4px solid hsl(240, 100%, 75%);
    border-bottom: 4px solid hsl(240, 100%, 75%);
    height: 34px !important;
    line-height:36px;
    */
   	}

.vTabsON p span::after {
	content: "➤" !important;
	/*content: "✓>⇨☛" !important;*/
	}

.vPages {
	position:relative;
	height:100%;
	display:inline-block;
	background-color: var(--pagesBG);
	overflow:hidden;
	border:none;
	margin:0px;
	padding:0px;
	}

.vPagesOFF {
	display:none;
	}

.vPagesON {
	display:inline-block;
	}
}

/*END Vertical Tabs */
/*Starts YN.css*/
#_hisYN {
	margin:0px;
	padding:3px;
	position:fixed;
	border: var(--rc-BRD);
	border-radius: var(--rc-Radius);
	box-shadow: var(--rc-Shadow);
	position:absolute;
	}

._hisYNCapt {
	position:relative;
	border-radius: var(--hisRadius) var(--hisRadius) 0px 0px;
	background-color: var(--mnu-TitleBG);
	}

._hisYNCapt p {
	/*
	*/
	position:relative;
	font-family: var(--hisFF);
	font-size:18pt;
	text-align:left;
	top:50%;
	transform:translateY(-50%);
	}

._hisYNMsg {
	position:relative;
	margin:0px;
	padding:0px;
	border:none;
	background-color: var(--hisPanel_HiLiBG); /*var(--ynMsgBG);*/
	overflow-y:auto;
	overflow-x:hidden;
	}

._hisYNMsg p,  ._hisYNBtnsDiv p {
	position:relative;
	padding:2px;
	margin:0px;
	border:none;
	}

._hisYNMsg p {
	position:relative;
	font-family: var(--hisFF);
	font-size:18pt;
	line-height:36px;
	text-align:center;
	padding: 0px 6px 0px 8px;
	height:auto;
   	}

._hisYNBtnsDiv button {
	margin:0px 3px 0px 3px;
	padding:0px 15px 0px 15px;
	font-size:16pt;
	height:76%;
	background-color: var(--ynBtnsBG);
	}

._hisYNBtnsDiv button:active {
	box-shadow: inset var(--ynShad);
	}

._hisYNBtns {
	display:block;
	position:relative;
	background-color:var(--mnu-TitleBG);
	margin:0px;
	border:none;
	border-radius: 0px 0px var(--hisRadius) var(--hisRadius);
	top:0px;
	}

._hisYNBtnsDiv {
	border:none;
	display:inline-block;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	}


/*Ends YN.css*/
	.selectorBtnsHH {
	background-color:var(--selBtnsBG); /*var(--tabsBG);/**/
	border-radius:var(--selBtnsRadius);
	font-weight:normal;
	font-size:10pt !important;
	/*font-family:"Arial Narrow" !important;*/
	}
.selectorBtns {
	background-color:var(--selBtnsBG); /*var(--tabsBG);/**/
	border-radius:var(--selBtnsRadius);
	/*color:var(--selBtnsFCON) !important;*/
	/*NEW 5.20.20*/
	font-weight:normal;
	font-size:13pt !important;
	/**/
	}

.selectorBtns:active {
	box-shadow: inset var(--hisBtnShad);
	}

.selectorBtnsON {
	background-color:var(--selBtnsBGON); /*var(--tabsBGON); /*var(--selBtnsBGON);*/
	box-shadow: inset var(--hisBtnShad) !important;
	color:var(--selBtnsFCON) !important;
	}

/*NEW 5.20.20*/
/*.selectorBtnsON p{*/
.selectorBtnsON,.selectorBtnsON p{
	font-weight:bold;
	font-style:italic;
	}
	
/*
.selectorBtns p {
	font-weight:normal;
	font-size:14pt !important;
	}
*/

.selectorBold p,.selectorBold {
	font-weight:bold !important;
	}

.selectorNormal p,.selectorNormal {
	font-weight:normal !important;
	}

.rcClick {
	border-radius:var(--rc-Radius);
	box-shadow: var(--rc-Shadow);
	border:var(--rc-BRD);
	background-color:var(--mnu-BG);
	display:inline-block;
	position:absolute;
	z-index:150;
	overflow:hidden;
	margin:0px;
	padding:0px;
	transition: 0.2s ease;
	} 

.rcClickP {
	font-size:12pt;
	padding:5px;
	}

.rcClickP:hover {
	background-color:var(--hiLiRowHoverBG);
	}

.rcClickH {
	background-color:var(--mnu-TitleBG);
	padding:5px;
	} 

.rcClickH p {
	text-align:center;
	font-size:var(--mnuSub-FS);
	} 

.rcClickP:focus {
	background-color:var(--mnu-TitleBG);
	}
.switch {
  position: relative;
  display: inline-block;
  /*
  width: 60px;
  height: 34px;
  */
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--hisSwitchOFF); /*#FFFFCC; /*#ccc;*/
  -webkit-transition: .4s;
  transition: .2s;
  text-align:center;
  line-height:36px;
  box-shadow:var(--btns_shadow_on); /*  0 0 1px #2196F3;*/
  }

.slider:before {
  position: absolute;
  content: "";
  height: 0px; /*Make it 26 to get switch!*/
  width: 0px; /*Make it 26 to get switch!*/
  left: 4px; /*Make 4px for switch*/
  bottom: 4px;/*Make 4px for switch*/
  border-radius:3px; /*Make 3px for switch*/
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
}

input:checked + .slider {
	background-color:var(--hisSwitchON); /*#CCFFCC; /*#2196F3;*/
	box-shadow:inset var(--btns_shadow_on); /*  0 0 1px #2196F3;*/
}

input:focus + .slider {
	/*box-shadow:inset var(--btns_shadow_on); /*  0 0 1px #2196F3;*/
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(270px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}/*May not need it*/
.phnGray p {
	color:#CCCCCC;
	}

.phnDialBut {
	border-radius:var(--hisRadius);
	position:relative;
	width:31%;
	float:left;
	height:32px;
	background-color:hsl(60, 80%, 90%); /*hsl(240, 100%, 95%);*/
	box-shadow:0px 1px 1px gray;
	margin:3px;
	}
	
/*.phnDialBut:active {
	box-shadow:inset 0px 1px 1px gray;
	}
*/
.phnDialBut p {
	text-align:center;
	line-height:30px;
	font-size:14pt;
	top: 50%;
    position: relative;
    transform: translatey(-50%);
   	}
	
.phnCtrlBut, .phnDialBut, .phnMicSpkr {
	cursor:pointer;
	}

.phnCtrlBut {
	border-radius:var(--hisRadius);
	position:relative;
	width:48%;
	float:left;
	height:34px;
	background-color:#99CCFF;
	box-shadow:0px 1px 1px gray;
	margin:0px;
	display:inline-block;
	}

.phnCtrlBut p {
	text-align:center;
	line-height:26px;
	font-size:11pt;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	}

/*#phoneDiv, #phoneDiv1 {*/
#_panelPhone {
	width:140px;
	min-height:360px;
	background-color:var(--hisPanel_HiLiBG);
	padding:6px;
	margin:10px;
	overflow:auto;
	float:left;
	border:1px solid red;
	}
	
.phnNmbr {
	border-radius:var(--hisRadius);
	font-size:14pt;
	width:92%;
	height:36px;
	padding:0px;
	margin:5px 0px 3px 0px;
	box-shadow:inset 0px 1px 1px gray;
	padding-left:8px;
	}
	
.phnCtrlPnl {
	width:100%;
	display:inline-block;
	}

.phnCtrlPnl p {
	width:100%;
	line-height:12px;
	}

.phnCtrlPnl p, .phnCtrlPnl label {
	height:16px;
	text-align:left;
	font-size:9pt;
	}

.phnCtrlPnl label {
	vertical-align:middle;
	height:17px;
	width:40%;
	}

.phnCtrlPnl input {
	vertical-align:middle;
	height:17px;
	width:45%;
	}

.callButt {
	transition:0.2s;
	position:absolute;
	border:0px solid red;
	display:inline-block;
	background-color:hsl(120, 100%, 90%);
	overflow:hidden;
	padding:3px;
	margin:0px;
	font-weight:bold;
	color:hsl(30, 100%, 15%); 
	letter-spacing:2px;
	}
@media all {
	.pagebreak { display: none;}
	}

@media print {
	.pagebreak { display: block;visibility:hidden;}
	p,h1,h3, th,td, label {
		font-family:Arial, Helvetica, sans-serif;
		}

	.rprtDivPrt label {
		padding:0px;
		margin:0px;
		}
	}

.pagebreak {
	clear: both;
	page-break-after: always;
	}

.rprtDiv {
	/*
	border:1px solid blue;
	position:relative;
	display:block;
	width:1000px;
	height:800px;
	*/
	position:absolute;
	display:block;
	top:10px;
	left:10px;
	bottom:10px;
	right:10px;
	overflow-x:hidden;
	overflow-y:scroll;
	background-color:white;
	border-radius:var(--hisRadius);
	}

.rprtDivPrt {
	/*border:1px solid blue;
	overflow-x:hidden;
	overflow-y:hidden;
	width:1000px;
	*/
	position:relative;
	display:block;
	}

.rprtDivPrt table, .rprtDiv table {
	width:100%; /*Comment the width for automatically columns width*/	
	table-layout: fixed;
	border-spacing:0px 1px;
	margin-bottom:0px;
	}

.rprtDiv label, .rprtDivPrt label {
	display:inline-block;
	margin:0px 0px 0px 0px;
	text-align:left;
	}


.rprtDiv td, .rprtDiv th, .rprtDiv label {
	color:var(--hisFC);
	}
.rprtDiv td, .rprtDiv th, .rprtDivPrt td, .rprtDivPrt th, .rprtDiv label, .rprtDivPrt label {
	text-align:left;
	padding:2px 5px 2px 5px;
	font-size:8pt;
	}

.rprtDiv th, .rprtDivPrt th {
	font-weight:normal;
	border-bottom:1px solid gray;
	font-size:8pt;
	}

.rprtDiv tr, .rprtDivPrt tr {
	border:none;
	margin:0px;
	}

.rprtDiv td, .rprtDivPrt td {
    overflow: hidden;
   	border:none;
	margin:0px 0px 0px 0px;
	white-space:normal;/*nowrap;*/
	vertical-align:top;
	}
	
.chkBox {
	text-align:right !important;
	font-size:12pt !important;
	}
	
.rprtCaption {
	text-align:center;
	margin:10px 0px 5px 0px;
	}

.rprtDesc {
	text-align:center;
	margin:5px 0px 20px 0px;
	}

.rprtFooter {
	margin:0px 0px 0px 0px;
	text-align:center;
	font-size:10pt;
	}
	
.groupClass {
	font-size:8pt;
}
/*Estimates classes*/
/*prjESTEdit - 2 */
#ESTEdtTemplateLbl label {
	width:100px;
	}

.ESTEdtTemplateP {
	font-weight:bold;
	display: block;
	position: relative;
	margin: 10px 0px 0px 0px;
	padding:6px 0px 0px 0px;
	width:552px;
	height:28px;
	}
#ESTEdtTemplateCstCmp {
	}
#ESTEdtTemplateSchdPay {
	}
#ESTEdtTemplateOpt {
	}

#ESTEdtTemplateOpt,#ESTEdtTemplateCstCmp,#ESTEdtTemplateOpt1,#ESTEdtTemplateCstCmp,#ESTEdtTemplateSchdPay {
	position:initial;
	left:0px;
	width:100%;/*96*/
	height: auto;
	padding:0px;
	margin:0px;
	}
#ESTEdtTemplateTopSec input {
	width:342px;
	}
#ESTEdtTemplateOpt label,#ESTEdtTemplateCstCmp label,#ESTEdtTemplateTopSec label {
	vertical-align: top;
	width:200px;
}
#ESTEdtTemplateOpt textarea,#ESTEdtTemplateCstCmp textarea {
	border:none;
	}
#ESTEdtTemplateOpt input, #ESTEdtTemplateOpt textarea,#ESTEdtTemplateCstCmp textarea,#ESTEdtTemplateCstCmp input {
	vertical-align: top;
	width:342px;
	word-break:break-word;
	height:auto;
}

/*prjESTEdit - 2 END */
/*prjESTEdit - 3 */
.estTblFldHeader td {
	color:gray !important;
	}
.estSummColor input {
	color:blue !important;
	}

#ESTEdtTemplate {
	}

#ESTEdtTemplateCstCmp {
	}	

#ESTEdtTemplate label, #ESTEdtTemplate input {
	} 
	
#ESTEdtTemplate label {
	width:140px;
	}
#ESTEdtTemplate input {
	text-align:left;
	width:448px;
	}

.estExtraVTabsClass {
	height:auto !important;
}    
/*prjESTEdit - 3 END*/
/*est Price Builder */
.estPrcBldPrdDtls h2 {
	text-align:center;
}
.estPrcBldPrdDtls label,.estPrcBldPrdDtls input {
	line-height: 10px;
    height: auto;
    margin-top:4px;
	}
.estPrcBldPrdDtls label,.estPrcBldPrdDtls input,.estPrcBldPrdDtls textarea { 
	font-size:10pt;
	}
.estPrcBldPrdDtls label {
	position:relative;
	text-align:right;
	width:120px;
	vertical-align:top;
	line-height:16px;
}
.estPrcBldPrdDtls input,.estPrcBldPrdDtls textarea {
	position:relative;
	text-align:left;
	width:320px;
	}
.estPrcBldPrdDtls input {
	padding:4px;
	}

.estPrcBldPrdDtls textarea {
	height:82px;
	width:378px;
	}
.estPrcBldPrdDtls .widthAuto {
	width:auto;
	min-width:84px;
	}
.estPrcBldPrdDtls .widthNarrow {
	width:96px;
	}
.estPrcBldPrdSum label {
	width:90px;
	}
.estPrcBldPrdSum input {
	padding:4px;
	width:100px;
	}
.estPrcBldPrdSum input, .estPrcBldPrdSum label {
	font-size:9pt;
	line-height: 10px;
    height: auto;
   	}
.estPrcBldPrdTreeCtrls label {
	width:80px;
	}
.estPrcBldPrdTreeCtrls input {
	width:80px;
	}
.estPrcBldPrdTreeCtrls label, .estPrcBldPrdTreeCtrls input {
	font-size: 8pt;
	height: 14px;
	vertical-align: middle;
	line-height: 12px;
   	}
.estPrcBldPrdTreeCtrls div input {
	text-align:right;
}

.estTreeDtlsSumBar {
	}
.estTreeDtlsSumBar label {
	background-color:beige;
	padding:2px;
	position:relative;
	top:2px;
	border-left: 1px solid #6666;
	width:20%;
	}
	
.estTempPrdHTMLTextDiv {
	position: absolute; 
	top: 6px; 
	left: 6px; 
	bottom: 6px; 
	right:854px;
	border:0px solid blue;
}

.estPrcBldsHTMLEdit button {
	font-size:10pt !important;
	}
.estHideShowColsDiv label {
	position:relative;
	display:block;
	text-align:left;
	cursor:pointer;
	}
.estHideShowColsDiv label:hover {
	background:beige;
}
.estHideShowColsDiv input {
	float:right;
	}
.estPrcTblCtrls input[text] {
	float:right;
	width:180px;
	}
.estPrcTblCtrls label {
	width:95%;
	}
.estEdtPrcTblDiv table {/*The editable table in the estimate choose product*/
	position:relative;
	display:inline-block;
	width:99.6%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	border-collapse:collapse; 
	background:transparent;
	border-collapse: collapse;
	/*
	border:1px solid red;
	border-spacing: 5em;
	*/
	}

.estEdtPrcTblDiv_tbody {
	/*background:var(--tblCEvenBG);/*hsl(0, 0%, 95%);/*beige;*/
	display:block;
	}
	
/*
.estEdtPrcTblDiv table tr:nth-child(odd) td{
	background-color:hsl(0, 0%, 95%);
	}
.estEdtPrcTblDiv table tr:nth-child(even) td{
	}
*/

.estEdtPrcTblDiv table tr {
	border-bottom:0px solid white;
	background:transparent;
	}
	
.estEdtPrcTblDiv table input:hover,.estEdtPrcTblDiv table textarea:hover {
	/*background:hsl(60, 100%, 70%);*/
	/*background:hsl(60, 100%, 95%);*/
	}
.estEdtPrcTblDiv table tr:hover {
	/*background:hsl(60, 100%, 95%);*/
	}
.estEdtPrcTblDiv table td,.estEdtPrcTblDiv table th {/*The editable table in the estimate choose product*/
	white-space:nowrap;
	background:transparent;
	padding:0px 4px 0px 0px;
	border:none;
	vertical-align:top;
	margin:0px;
	}

.estEdtPrcTblDiv table td {
	border:1px inset;
	}

.estEdtPrcTblDiv table input {/*The editable table in the estimate choose product*/
	width: 100%;
	padding: 0px 2px 0px 2px;/**/
	margin: 2px 0px 0px 0px;;/**/
	background: transparent;
	color: hsl(209, 100%, 15%);
	height: 26px;
	overflow:hidden;
	}

.estEdtPrcTblDiv textarea::-webkit-scrollbar {
    width: 1px;
	}	
/*
.estEdtPrcTblDiv textarea {
	position:relative;
	height:100%;
	width:98%;
	padding: 4px 0px 4px 4px;
	margin: 0px;
	line-height: normal;
	background:transparent;
	break-spaces:break-spaces;
	height:26px;
	/*display:flex;* /
    }
*/

.estEdtPrcTblDiv textarea {
	position: relative;
	width: 98%;
	padding: 4px 0px 4px 4px;
	margin: 0px;
	line-height: normal;
	background: transparent;
	white-space: nowrap;
	height: 26px;
	overflow: hidden;
	}

.estEdtPrcTblDiv table input, .estEdtPrcTblDiv textarea {
	font-size:13px !important;
	}
	
.estEdtPrcTblDiv textarea,.estEdtPrcTblDiv th,.estEdtPrcTblDiv td,.estEdtPrcTblDiv input {
	font-weight:normal;
	font-size:12px;	
	color:hsl(0, 0%, 20%);
}
.estEdtPrcTblDiv table th {
	background:beige;/*hsl(209, 100%, 80%);*/
	}

.estAddDelRow, .estDragRow {
	padding:0px !important;
	text-align:center;
	}

.estAddDelRow button {
	width:100%;
	height:32px;
	line-height:26px;
	margin:0px 0px 0px 0px;
	display:inline;/*block;*/
	font-size:26px;
	/*box-shadow: 1px 1px 1px -1px;*/
	border:0px outset;
	border-radius:20px;
	}

.estDragButton {
	width:100%;
	line-height:24px;
	margin:0px 0px 0px 0px;
	display:inline;
	font-size:18px;
	cursor:ns-resize !important;
	/*box-shadow: 1px 1px 1px -1px;*/
	border:0px outset;
	height:32px;
	border-radius:20px;
	background: hsl(60, 100%, 95%);
	}


.estEdtPrdDsc {
	width:100%;
	line-height:14px;
	margin:0px 0px 0px 0px;
	display:inline;
	font-size:10pt;
	cursor:pointer !important;
	/*box-shadow: 1px 1px 1px -1px;*/
	border:0px outset;
	height:32px;
	background: hsl(60, 100%, 95%) !important;
	border-radius:20px;
	}
.estDragRow {
	}

/*est Price Builder ENDS*/
/*Editor classes*/
.editorOutterDiv {
	position:absolute !important;
	top:10px;
	right:10px;
	bottom:10px;
	left:10px;
	margin:0px;
	padding:10px;
	background:rgb(242, 242, 242);
	}

.editorImagesDiv button {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translateX(-50%);
	width:auto;
	padding: 4px 10px 4px 10px;
	font-size: 24px;
	height: auto;
	}

.editorImagesDiv div div {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:200px;
	height:200px;
	margin:10px;
	padding:0px;
	box-shadow:0px 0px 4px 0px;
	}	
	
.editorImagesDiv div div label {
	position:relative;
	display:block;
	width:auto;
	left:50%;
	top:0px;
	transform:translatex(-50%);
	text-align:center;
	}

.editorImagesDiv div div label span {
	float: right;
	color: red;
	margin-right: 6px;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	background: hsl(0, 0%, 90%);
	width: 20px;
	text-align: center;
	padding: 0px;
   	}	
.editorImagesDiv div div img {
	max-width:180px;
	max-height:180px;
	left:50%;
	top:50%;
	transform:translate(-50%,-60%);
	}
	
.editorHTMLPreview {
	position:absolute;
	left:10px;
	top:10px;
	bottom:8px;
	width:988px;
	border:0px solid gray;
	margin:0px;
	padding:0px;
	}
editorTextButtons {
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	height:auto;
	border:none;
	background:hsl(0, 0%, 95%);
	padding:6px;	
	}
.editorTextButtons button {
	min-width:30px;
	width:auto;
	height:30px;
	display:inline-block;
	margin:2px;
	padding:4px;
	text-align:center;
	}

.editorHTMLDiv textarea {
	width:99%;
	height:99%;
	border: 1px inset;
	outline: none;
	background:white;
	font-size:14px;
	font-family:Courier;
	white-space: nowrap;
	}

.editorHTMLDiv {
	position: absolute;
	left: 0px !important;
	top: 50px !important;
	right: 0px !important;
	bottom: 0px !important;
	border:none !important;
	outline: none !important;
	margin:0px !important;
	padding:0px !important;
}

.editorHTMLIFrameDiv {
	position: absolute;
	left: 1012px;
	top: 10px;
	bottom: 10px;
	right: 10px;
	border: none;
	margin: 0px;
	padding: 10px;
	box-shadow: 0px 0px 4px 0px;
	border-radius:4px;
	overflow:hidden;
	background:white;
	}

.editorHTMLIFrameDiv iframe {
	width:100%;
	height:100%;
	border:none;
	padding:0px;
	margin:0px;
	background:white;
	}

.editorDocsDiv iframe {
	position:relative;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	border:none;
	}
.editorMngTmpTbl {
	position:absolute !important;
	top:6px !important;
	left:6px !important;
	bottom:200px;
	}
.editorMngTmpDtls {
	position:absolute !important;
	height:150px;
	bottom:40px !important;
	left:6px !important;
	}
.editorMngTmpDtls label,.editorMngTmpDtls input,.editorMngTmpDtls select {
	display:inline-block;
	}
.editorMngTmpDtls select {
	width:204px;
	}
.editorMngTmpDtls label {
	width:100px;
	text-align:right;
	}
.editorMngTmpDtls input {
	width:200px;
	}
.editorMngTmpNED {
	position:absolute !important;
	height:30px !important;
	width:300px !important;
	bottom:4px !important;
	left:200px !important;
	}
.editorMngTmpPrv {
	position: absolute !important;
	top: 10px !important;
	bottom: 10px !important;
	right: 10px !important;
	border: none;
	padding: 10px;
	box-shadow: 0px 0px 2px 0px;
	border-radius: 6px;
	background:white;
   	}
.editorMngTmpPrv iframe {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 6px;
   	}

/*Editor classes ends*/
/*Estimates classes ENDS*/
/*realTime styles*/
#mainRealTimeDiv div {
	padding:0px;
	margin:0px;
	display:inline-block;
	}
#mainRealTimeDiv p,#mainRealTimeDiv h1,#mainRealTimeDiv h2,#mainRealTimeDiv h3,#mainRealTimeDiv label,#mainRealTimeDiv li,#mainRealTimeDiv td {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	}
#mainRealTimeDiv p,#mainRealTimeDiv li {
	font-size:12pt;
}
#mainRealTimeDiv label {
	font-size:10pt;
	height:auto;
	white-space:nowrap;
	overflow:hidden;
	}
#mainRealTimeDiv input {
	outline: none;
	border:none;
	background:#FFFFCC;
	}
#mainRealTimeDiv {
	display:inline-block;
	position:absolute;
	inset:0px 0px 0px 0px;
	padding:0px;
	margin:0px;
	border:0px solid red;
}
#mainRealTimeDiv #leadInfoDiv {
	position:absolute;
	width:200px;
	height:290px;
	right:6px;
	top:6px;
	border:0px solid blue;
	overflow:hidden;
}

#mainRealTimeDiv #leadInfoDiv button {
	position:absolute;
	top:170px;
	height:30px;
	width: 47%;
	margin: 2px;
	padding: 4px;
	background: var(--btns-BG);
	}

/*^^*/
#mainRealTimeDiv #statsMainDiv {
	position:absolute;
	top:160px;/*126*/
	left:60px;
	right:424px;
	height:46px;
	border:0px solid brown;
	text-align:center;
}

#mainRealTimeDiv #statsMainDiv span {/*input*/
	font-size: 13pt;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
   	}
#mainRealTimeDiv #statsMainDiv label {
	width:auto;
	display:inline-block;
	text-align:right;
	}
#mainRealTimeDiv .rtFantastic {
	color:hsl(0, 0%, 50%) !important;
	font-size:9pt !important;
	}

#mainRealTimeDiv #fantasticDiv {
	position: absolute;
	top:6px;
	left: 60px;
	right: 424px;
	height: 20px;
	border: 0px solid black;
	overflow: hidden;
	white-space: nowrap;
	margin:0px;
	padding:0px;
	text-align:center;
	}
#mainRealTimeDiv #fantasticDiv label {
	margin:0px;
	padding:0px;
	height: 24px;
	font-size: 11pt;
	color:blue;
   	}
#mainRealTimeDiv #chartDiv {
	position: absolute;
	top:32px;
	left: 60px;
	right: 424px;
	height: 114px;
	border: 0px solid black;
	overflow: hidden;
	white-space: nowrap;
   	}

#mainRealTimeDiv #avgChart,#mainRealTimeDiv #workChart {
	position: absolute;
	background: hsl(0, 0%, 92%);
	border: 0px solid red;
	width:49.40%;
	bottom:0px;
	top:20px;
	overflow:hidden;
	}

#mainRealTimeDiv #avgChart {
	left: 0px;
   	}
#mainRealTimeDiv #workChart {
	right: 0px;
   	}
#mainRealTimeDiv #avgChart p {
	font-size: 7pt;
	position: absolute;
	bottom: -4px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	left: 50%;
	transform: translatex(-50%);
	z-index:1;
	}
#mainRealTimeDiv #avgChartLbl,#mainRealTimeDiv #workChartLbl {
	position: absolute;
	width:49.40%;
	top:0px;
	height:20px;
	text-align:center;
	padding:0px;
	margin:0px;
	}

#mainRealTimeDiv #avgChartLbl {
	left:0px;
	}
#mainRealTimeDiv #workChartLbl {
	right:0px;
	}

#mainRealTimeDiv #avgChart div {
	position:absolute;
	bottom:0px;
	border:0px solid green;
	}

#mainRealTimeDiv #avgChart label,#mainRealTimeDiv #workChart label {
	position: absolute;
	left: 0px;
	padding: 0px;
	width: 40px;
	margin: 0px;
	transform: translatey(-50%);
	z-index:1;
   	}

#mainRealTimeDiv #avgChart hr,#mainRealTimeDiv #workChart hr {
	position: absolute;
	left: 40px;
	right:0px;
	z-index:1;
   	}

#mainRealTimeDiv #workChart div {
	position:absolute;
	bottom:0px;
	border:0px solid green;
	}
#mainRealTimeDiv #barDiv {
	position:absolute;
	top:200px;/*166*/
	width:38px;
	left:6px;
	bottom:12px;/*12px*/
	border:0px solid black;
	overflow:hidden;
	}
#mainRealTimeDiv #barDiv label {
	position:absolute;
	left:0px;
	right:0px;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:7pt;
	line-height:12px;
	}
/*^^*/
#mainRealTimeDiv #agentsDiv {
	position:absolute;
	top:220px;/*166*/
	left:56px;
	right:426px;
	bottom:12px;/*12px*/
	border:0px solid black;
	}

#mainRealTimeDiv #callDiv {
	position:absolute;
	top:60px;/*394px;*/
	width:190px;
	right:220px;
	height:236px;
	border:0px solid fuchsia;
	}
#mainRealTimeDiv #longCallsDiv {
	position:absolute;
	top:312px;
	width:404px;
	right:6px;
	bottom:12px;/*was 6px*/
	border:0px solid fuchsia;
	}

#mainRealTimeDiv #callDiv p {
	text-align: center;
	margin: 16px 0px 4px 0px;
	padding: 0px;
   	}

#mainRealTimeDiv #callDiv input {
	text-align: center;
	font-size: 14pt;
	margin: 0px;
	padding: 4px;
	width: 94%;
   	}

#mainRealTimeDiv #colorCode {
	transition:0.5s;
	position:absolute;
	top:6px;
	width:40px;
	left:6px;
	height:182px;
	border:0px solid maroon;
	overflow:hidden;
	white-space:nowrap;
	z-index:1;
	border:0px solid gray;
	}

#mainRealTimeDiv #colorCode:hover {
	top:6px;
	width:192px;
	right:270px;
	height:520px;/*490*/
	box-shadow:0px 0px 1px 0px;
	}
#mainRealTimeDiv #colorCode label {
	height: 6.3%;
	max-height:22px;
	display: block;
	padding: 0px;
	margin: 0px;
	font-size: 9pt;
	border-bottom:1px solid #E5E5E5;
	}
#mainRealTimeDiv #colorCode label span {
	padding-left: 40px;
	margin-right: 8px;
	}
#mainRealTimeDiv #webPhone {
	position:absolute;
	top:6px;
	width:194px;
	right:220px;
	height:36px;
	border:0px solid black;
	overflow:hidden;
	transition:0.5s;
	margin:0px;
	padding:0px;
	border:1px solid #CCCCCC;
	z-index:1;
	}

#mainRealTimeDiv #webPhone:hover{
/*
	height:400px;
	width:210px;
*/
	height:406px;
	width:214px;
	}

#mainRealTimeDiv #webPhoneDiv {
	position:absolute;
	display:inline-block;
	margin:0px;
	padding:0px;
	top:48px;
	left:0px;
	width:214px;
	height:500px;
	overflow:hidden;
	border:none;
	}

/*Agent colors code*/
#mainRealTimeDiv .rtUnderLine, #mainRealTimeDiv  .rtUnderLine td, #mainRealTimeDiv  .rtUnderLine td p {
	text-decoration:underline;
	}
#mainRealTimeDiv .red, #mainRealTimeDiv .red td, #mainRealTimeDiv .red td p {
	color:white;
	background:hsl(0, 100%, 40%);/*#FF4500;*/
	}
#mainRealTimeDiv .blue,#mainRealTimeDiv .blue td ,#mainRealTimeDiv .blue td p {
	background:#2c6af8;
	}
#mainRealTimeDiv .orange,#mainRealTimeDiv .orange td ,#mainRealTimeDiv .orange td p {
	background:#ffa037;	
	}

#mainRealTimeDiv .lightblue,#mainRealTimeDiv .lightblue td ,#mainRealTimeDiv .lightblue td p {
	background:#ADD8E6;	
	}
#mainRealTimeDiv .blue,#mainRealTimeDiv .blue td ,#mainRealTimeDiv .blue td p {
	background:#2c6af8;
	}
#mainRealTimeDiv .midnightblue,#mainRealTimeDiv .midnightblue td ,#mainRealTimeDiv .midnightblue td p {
	color: white;
	background-color: #191970;
    }
#mainRealTimeDiv .thistle,#mainRealTimeDiv .thistle td,#mainRealTimeDiv .thistle td p {
    color: black;
    background-color: #D8BFD8;
	}
#mainRealTimeDiv .violet,#mainRealTimeDiv .violet td,#mainRealTimeDiv .violet td p {
    color: black;
    background-color: #EE82EE;
	}
#mainRealTimeDiv .purple,#mainRealTimeDiv .purple td,#mainRealTimeDiv .purple td p {
	color:white;
    background-color: #A020F0;
	}
#mainRealTimeDiv .khaki,#mainRealTimeDiv .khaki td,#mainRealTimeDiv .khaki td p {
    color: black;
    background-color: #F0E68C;
	}
#mainRealTimeDiv .yellow,#mainRealTimeDiv .yellow td,#mainRealTimeDiv .yellow td p {
	color:black;
    background-color: #ffc80a;
	}
#mainRealTimeDiv .olive,#mainRealTimeDiv .olive td,#mainRealTimeDiv .olive td p {
    color: white;
    background-color: #808000;
	}
#mainRealTimeDiv .darkolivegreen,#mainRealTimeDiv .darkolivegreen td,#mainRealTimeDiv .darkolivegreen td p {
    color: white;
    background-color: #556B2F;
	}
#mainRealTimeDiv .saddlebrown,#mainRealTimeDiv .saddlebrown td,#mainRealTimeDiv .saddlebrown td p {
    color: white;
    background-color: #8B4513;
	}
#mainRealTimeDiv .lime,#mainRealTimeDiv .lime td ,#mainRealTimeDiv .lime td p {
    color: white;
    background-color: #006600;
	}
#mainRealTimeDiv .black, #mainRealTimeDiv .black td , #mainRealTimeDiv .black td p {
	color:white;
    background-color: #000000;
}
#mainRealTimeDiv .lightgreen, #mainRealTimeDiv .lightgreen td , #mainRealTimeDiv .lightgreen td p {
	color:black;
    background-color: hsl(120, 100%, 90%);
}
#mainRealTimeDiv .lightyellow, #mainRealTimeDiv .lightyellow td , #mainRealTimeDiv .lightyellow td p {
	color:black;
    background-color: hsl(60, 100%, 90%);
}
#mainRealTimeDiv .darkgray, #mainRealTimeDiv .darkgray td , #mainRealTimeDiv .darkgray td p {
	color:black;
    background-color: hsl(0, 0%, 70%);
}


/*QUEUE*/
#mainRealTimeDiv .bold{
	font-weight:bold;
}
/*Agent colors code*/

#mainRealTimeDiv .statDivDivs {
	position:relative;
	display:inline-block;
	height:100%;
	width:24%;
	border:0px solid maroon;
	top: 0px;
	vertical-align: top;
    }

#mainRealTimeDiv .statDivDivs label {
	position:relative;
	display:inline-block;
	width:50%;
	text-align:right;
	}
#mainRealTimeDiv .statDivDivs input {	
	width:40%;
	}
#mainRealTimeDiv .statDivDivs input,.statDivDivs label {
	margin: 0px 0px 4px 0px;
	}

#mainRealTimeDiv #callOptionsDiv {
	position:absolute;
	left:50%;
	transform:translatex(-50%);
	top:34px;
	bottom:10px;
	width:96%;
	}
#callOptionsDiv button {
    position: relative;
    left: 50%;
    transform: translatex(-50%);
    font-size: 16px !important;
    text-align: center;
    width: 98% !important;
    height:25% !important;
    display: inline-block;
    border:1px solid #CCCCCC;
   	}
#mainRealTimeDiv .panel {
	background:hsl(0, 0%, 96%);
	padding:4px;
	margin:0px;
	}

#mainRealTimeDiv .drawInfo {
	position:absolute;
	width:94%;
	right:0px;
	text-align:left;
	font-size:8pt;
	line-height:12px;
	height:12px;
	}
#mainRealTimeDiv #historyTbl {
	position:absolute;
	inset:40px 4px 4px 4px;
	}

#getNAStatus {
	position: absolute;
	top: 10px;
	background: var(--btns-BG);
	padding: 4px;
	height: 70px;
	line-height: 30px;
	left: 20px;
	right: 20px;
	}
#NAStatTable {
	position: absolute;
	top: 94px;
/*
	border: 1px solid red;
	left: 50%;
	transform: translatex(-50%);
*/
	bottom: 20px;
	left:20px;
	right:20px;
	background: var(--hisInputBG);
	}
/*realTime styles ends*//*Common CSS for HIS App*/
#tosBtnToss,#sagBtnSag,#arcBtnArchive,#rhsBtnRehash,#rscBtnResched,#dspBtnDispatch,#cnfBtnConfirm {
	font-weight:bold;
	}
/*Common CSS for HIS App ENDS*/