BODY {background-color: white;	font-family: Tahoma,Arial, Verdana, Helvetica, sans-serif;	font-size: 10pt;}
INPUT {	font-size: 10pt;}

.page-container {padding-top: 15px;	padding-bottom: 15px;	margin-left: 25px;	margin-right: 10px; background-color: white;vertical-align: top;}
.page-text {color: black;	font-size: 9pt;	font-family: Arial, Tahoma, Verdana;	font-weight: normal;	text-decoration: none;}
.footer-container {	background-color: #242642;	margin-left: auto;	margin-right: auto;	vertical-align: top;}

/* forms related */
label {display: inline-block; text-align: left;font-weight: bold;}
textarea {vertical-align: top;}
.message-line {margin-bottom: 10px; margin-top:0px;}
.read-only-div {margin-top: 6px;}
.read-only {min-height: 22px; border: 1px solid #999; background-color:lightgray; width:auto; padding: 3px 10px 3px 1px;}
.read-only-no-padding { min-height: 22px; border: 1px solid #999; background-color: lightgray;  width: auto;}
.read-only-big { font-size: 12pt; min-height: 27px;  border: 1px solid #999; border-radius:4px;  background-color: lightgray;  width: auto;  padding: 3px 15px 3px 2px; }

/* override Bootstrap begin */
.btn-primary {	min-width: 150px;}
.btn { margin-top: 4px; margin-bottom: 4px; }
.form-horizontal .control-label {text-align: left;}
.form-control { height: 29px;	font-size: inherit;	margin-bottom: 6px;}
.row {margin-bottom: 4px; margin-top: 4px; }
.paginate_button {padding-right: 2px; cursor:pointer;}
.card-body { padding-bottom: 0.25rem;}
.card { margin-bottom: 1rem;}
/* override Bootstrap end */

.ui-datepicker-month {color: cadetblue;}
.ui-datepicker-year {color: cadetblue;}

/* non Bootstrap styles */
.form-line {margin-bottom: 8px; clear:both; display: inline-block;}
.form-line div {float: left; margin-right: 10px;}

.row-expanded {margin-top: 15px;	margin-bottom: 15px;}

.page-link {color: navy;	font-size: 9pt;	font-family: Arial, Tahoma, Verdana;	font-weight: normal;	text-decoration: underline;}
.page-text-medium {color: black;	font-size: 12pt;	font-family: Arial, Tahoma, Verdana;	font-weight: bold;	text-decoration: none;}
.page-text-small {color: black;	font-size: 8pt;	font-family: Arial, Tahoma, Verdana;	font-weight: normal;	text-decoration: none;}
.page-text-red {	color: red;	font-size: 9pt;	font-family: Arial, Tahoma, Verdana;	font-weight: bold;	text-decoration: none;}
.comments-label{    text-align: left;}
.center-text {text-align: center;}
.bold-text {font-weight: bold;}
.link-text {text-decoration: none;color: blue; cursor:pointer}
.link-text-medium {font-size: 10pt;}
.link-text:hover {text-decoration: underline;color: blue; cursor:pointer}
.file-upload {width:100%; color: black;	font-size: 8pt;	font-family: Arial, Tahoma, Verdana;	font-weight: normal;	text-decoration: none;}
.no-link {cursor:default !important}

.required {	color: red;	font-size: 12pt;	font-family: Arial, Tahoma, Verdana;	font-weight: bold;	display: inline;}
.required-field {font-size: 9pt;	color: red;	font-family: Arial, Tahoma, Verdana;}
.menu-item-dynamic {text-align: left;	font-size: small;	font-family: Verdana;	color: black; }
.display-no {display: none;}
.checkbox-list label {padding-left: 4px; padding-right: 12px;}
.ui-dialog-titlebar {	display: none;}

.col {float: left;padding-top: 4px;	padding-bottom: 3px;	margin-right: 4px;}

.button[disabled="disabled"] {opacity: 0.5;cursor: not-allowed;}
.col-data-indent {padding: 1px 1px 1px 10px}

.issue-who {font-style: italic; font-weight:bold;}
.issue-text {padding-left: 20px;}

.tooltip {cursor: pointer;}
fieldset {	border: 1px solid;	margin-bottom: 10px;}
legend {	padding: 0.2em 0.5em;	border: 1px solid black;	text-align: right;}
.clear-both {clear: both;}
.tooltip-popup {font-size: 10pt;	font-family: Arial, Tahoma, Verdana;}
.header-row {	background-color: #fcecb8;}
.result-row {background-color: #f7fc64;}

.link-cell {	padding-right: 10px;	padding-left: 5px;}
.highlight-cell {background-color: pink;}
.link-cell img {height: 18px;	width: 21px;	padding-top: 2px;}

.footer-link {color: white !important;	font-size: 8pt;	font-family: Arial, Tahoma, Verdana;	font-weight: normal;	text-decoration: underline;}
.footer-text {	color: silver;	font-size: 8pt;	font-family: Arial, Tahoma, Verdana;	font-weight: normal;	text-decoration: none;	padding-top: 5px;	padding-bottom: 5px; }

.title-bar { background-color: transparent; width: 100%;}
.titlebar-pagename {font-family: Arial, Tahoma, Verdana;	font-size: 14pt;font-weight: normal; padding: 30px 0px 30px 20px;}
.titlebar-application {font-family: Arial, Tahoma, Verdana;	font-weight: bold;text-align: center;	padding-top: 30px;}
.titlebar-title {	font-size: 20pt;}
.titlebar-subtitle {font-size: 14pt;}
.titlebar-logo {float: right; margin-right:20px;}
.titlebar-version {font-family: Arial, Tahoma, Verdana;	font-size: 8pt;}
.titlebar-testing {position: absolute; font-size: 10pt; font-weight:bold; background-color:yellow; top: 10px; left: 250px;}

.button { margin-top: 4px; margin-bottom: 4px; }

.grid-container {margin-top: 10px;	margin-bottom: 10px;}
.grid th:focus, .grid th.focus {background: #FF9D00; color: #19068A;}
.grid { border-collapse: collapse; border-width: 0px; border-style: none; }
.grid tr.no-sorting th {text-decoration:none !important}
.grid th {font-size: 100%; font-weight: bold; text-align: left; vertical-align:bottom; background: #6699CC url(Images/blueheader-gradient.jpg) 50% 0% repeat-x !important; color: #ffffff; padding: 3px 7px 3px 7px; cursor:pointer;}
.gridview tr:first-child { font-size: 100%; font-weight: bold; text-align: left; vertical-align:bottom; background: #6699CC url(Images/blueheader-gradient.jpg) 50% 0% repeat-x !important; color: #ffffff; padding: 3px 7px 3px 7px; }
.grid th.center { text-align: center; }
.grid td { font-size: 100%; text-align: left; border-style: none; padding: 1px 8px 1px 8px; height:21px; }
.grid td.center { text-align: center; }
.grid th.right { text-align: right; }
.grid th.pad-right { padding-right: 15px; }
.grid td.currency { text-align: right; padding-right: 25px; width: 90px !important;}
.grid td.number-40px { text-align: right; padding-right: 40px; }
.grid td.number-100px { text-align: right; padding-right: 100px; }
.grid td.number-30px { text-align: right; padding-right: 30px; }
.sorting, .sorting_asc, .sorting_desc { text-decoration:underline; cursor: pointer; }
.grid tr:nth-child(odd) { background-color: #EDEDED; }
.grid tr:nth-child(even) { background-color: #DEDEDE; }
.grid tr:hover { background-color: lightblue; }
.grid tr:hover td { background-color: transparent; }
.grid th.transparent-cell {	background: white !important;}
.grid th.group1-cell {	background: #5000ff !important; vertical-align:middle; height:40px;}
.grid th.group2-cell {	background: #bf00ff !important; vertical-align:middle; height:40px;}

.modal-dialog {position: fixed;  top: 0;  left: 0; background-color: black;  z-index: 999;  opacity: 0.6;   filter: alpha(opacity=60);   -moz-opacity: 0.6;   min-height: 100%;   width: 100%;  }
.loading-dialog {font-family: Arial; font-size: 10pt; border: 5px solid #67CFF5;  width: 200px; height: 120px; display: none; position: fixed;  background-color: White;  z-index: 10000; text-align:center; }
.load-me-dialog.modal-dialog {position: fixed;  top: 0;  left: 0; background-color: black;  z-index: 999;  opacity: 0.6;   filter: alpha(opacity=60); min-height: 100%;   min-width: 100%;  }
.report-dropdown li {font-size:10pt;    padding: 0;}
.report-dropdown span.dropdown-item {    cursor: pointer;}
.report-dropdown li:hover {    background-color: whitesmoke;}

 input.button-add {
    background-image: url(../images/add_001.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 26px;           /* make this the size of your image */
    width: 26px;
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.login-textbox {width: 250px !important;	height: 31px !important;}

.button-as-link { background-color:transparent; border:none; cursor:pointer; padding: 0px; color: dodgerblue; padding-right:5px; text-decoration:underline; font-size: 9pt;}
.button-as-link:hover { text-decoration:underline; }

.hccreport-hios-totals {font-size: 130%; font-weight: bold;}
.hccreport-enrollee {font-size: 130%;	font-weight: bold;}
.hccreport-create-issue {font-size: 110%;	padding-bottom: 5px; margin-top:-15px}
.hccreport-enrollee span {padding-right: 30px; padding-left: 10px;}
.hccreport-enrollee-mrinfo {font-size: 90%;font-weight:normal;}
.hccreport-hios-link {font-size: 80%;font-weight:normal; padding-left:30px;}
.hccreport-hcc-updated {font-weight:bold; color:orange;}  /* referenced in tblIVAHCCCompareValue */
.hccreport-hcc-removed {font-weight:bold; color:red;} /* referenced in tblIVAHCCCompareValue */
.hccreport-hcc-added {font-weight:bold; color:green;} /* referenced in tblIVAHCCCompareValue */
.hccreport-hcc-normal {font-weight:normal; color:black;} /* referenced in tblIVAHCCCompareValue */

.issue-panel { background-color: palegoldenrod; width: 50%; padding: 3px 0 3px 10px;}
.issue-section { margin-left: 80px;}
.report-image {height: 30px;	width: 30px;	padding-top: 2px;}

#txtServiceCode { min-width: 80px}
#lblServiceCodeDescription { min-width: 250px; background-color:lightgray}
.ui-datepicker {z-index: 10000 !important;}
.right-border {border-right-color: black; border-right-style: solid !important; border-right-width: 1px;}
.all-coding-completed-no { background-color: yellow; font-size: 10pt;}
.change-reviewer { border: 1px solid #999; background-color:lightgreen; width:auto; padding: 3px 7px 0px 3px; margin: 10px 0 3px 15px; }

.text-large-bold {font-size: 12pt; font-weight:bold}
.logo-image {height: 70px; width:180px; margin-top:10px;}

.timeout-dialog .ui-dialog-titlebar-close {visibility: hidden;}
.timeout-dialog { font-size: 14pt; z-index:999999;}
.timeout-dialog .ui-dialog-titlebar {background-color: #ff8080;	background-image: none;	color: #000;	font-size: large;	font-weight: bold;	display:revert }
.ui-widget-overlay.timeout-overlay {	background-color: gray;background-image: none;	opacity: 0.9;	z-index: 1040;}

.logout-section { font-size: 14pt; margin-left: 50px;}
.cursor-pointer {cursor: pointer;}

/*body { background-color:silver;}
@media screen and (min-width:576px) { body { background-color: lime;}}
@media screen and (min-width:768px) { body { background-color: maroon;}}
@media screen and (min-width:992px) {body {background-color: dodgerblue;}}
@media screen and (min-width:1200px) {	body {background-color: gold;}}
@media screen and (min-width:1400px) {	body {background-color: orange;}}*/