@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVjJx26TKEr37c9aBVJmQ.woff) format('woff');
}

html {
	font-family: Sarabun, Roboto, Helvetica, Arial, sans-serif;
	height: 100%;
}
h1 {
	font-family: Merriweather;
	font-style: normal;
	font-weight: 900;
	font-size: 36px;
	line-height: 45px;
	color: var(--h1_color);
}

h2 {
	font-family: Sarabun;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px;
	letter-spacing: 0em;
	color: var(--h2_color);
}

h3 {
	font-family: Sarabun;
	font-size: 28px;
	font-style: normal;
	font-weight: 300;
	line-height: 36px;
	letter-spacing: 0em;
	color: var(--h3_color);
}

h4 {
	font-family: Sarabun;
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--h4_color);
}

h5 {
	font-family: Sarabun;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0em;
	color: #333333;
}

label, label small {
	font-family: Sarabun;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;	
	color: #000;
}

.nojavascript {
	color: red;
	font-weight: bold;	
}

.red {
	color: #D60000;	 
}

.uppercase {
	text-transform: uppercase;
}

#content-div a, #content-div a:hover, #content-div a:visited {
	color: #996B00;
}

.dmepos {
	font-family: Sarabun;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 47px;
	display: flex;
	align-items: center;
	color: #F7F9FC;
}
.round {
	font-size: 20px;
	font-family: Sarabun;
	font-style: normal;
	color: #F7F9FC;
	padding-top: 18px;
}
.nav-top {
	font-family: Sarabun;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;
	display: flex;
	align-items: center;
	text-align: right;
	text-align: right;
}

.nav-top:hover, .navsubheaderlink:hover, .nav-desktop:hover {
	text-decoration: underline;
}

.reg-switch {
	margin-left: 2em;	
}

.subdocument-header {
	padding-top: 8px;
	color: #085599;
}

.subdocument {
	padding-top: 8px;
}

.subdocument div a, .cke_editable a {
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	color: #996B00;
}


.btn-anchor-action, .btn-anchor-action:hover, .btn-anchor-action:visited, .btn-anchor-action:disabled {
	font-size: 16px !important;
	font-style: normal;
	font-weight: bold;
	line-height: 21px;
	letter-spacing: 0.06em;
	align: center;
	color: var(--button_anchor_foreground) !important;
	background-color: var(--button_anchor_background);
	border-color: var(--button_anchor_border);
	border-radius: 2px;
	padding: 16px;
	text-transform: uppercase;
}

/* This is used to style WCM buttons, kept separate from btn-anchor-action just in case */
.anchor-primary, .anchor-primary:hover, .anchor-primary:visited, .anchor-primary:disabled {
	font-size: 16px !important;
	font-style: normal;
	font-weight: bold !important;
	line-height: 21px;
	letter-spacing: 0.06em;
	align: center;
	color: var(--button_anchor_primary_foreground) !important;
	background-color: var(--button_anchor_primary_background);
	border-color: var(--button_anchor_primary_border);
	border-radius: 2px;
	padding: 16px;
	text-transform: uppercase;
}

/* This is used to style WCM buttons, kept separate from btn-anchor-action just in case */
.anchor-secondary, .anchor-secondary:hover, .anchor-secondary:visited, .anchor-secondary:disabled {
	font-size: 16px !important;
	font-style: normal;
	font-weight: bold;
	line-height: 21px;
	letter-spacing: 0.06em;
	align: center;
	color: var(--button_anchor_secondary_foreground) !important;
	background-color: var(--button_anchor_secondary_background);
	border-color: var(--button_anchor_secondary_border);
	border-radius: 2px;
	padding: 16px;
	text-transform: uppercase;
}

.anchor-empty, .anchor-empty:hover, .anchor-empty:visited, .anchor-empty:disabled {
	border: #fff;
	background-color: #fff;	
	cursor: default !important;
}

.btn-fill {
	width: 100%;	
}

.btn-height-48, .btn-height-48:hover, .btn-height-48:visited, .btn-height-48:disabled {
	padding: 0px;
	height: 48px;	
}

#cbatable p {
	margin: 0px;	
}
#cbatable h4 {
	padding-top: 24px;	
}

.zipcodelookup, .hcpcscodelookup  {
	background-color: #E2EEFF;
	padding: 16px;
	border-radius: 4px;
}

.excel, .pdf {
	height: 24px;
	width: 24px;	
}

.newupdated {
	color: blue;
}

#breadcrumbs {
	padding-bottom: 8px;
	font-family: Sarabun;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
}


.newsdocument { 
	border-top: solid 1px #707070;
	padding-top: 8px;
	padding-bottom: 8px;
}

.newsdocument #newsdate {
	font-family: Sarabun;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
}

.newsdocument #newslink {
	font-family: Sarabun;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
}

.paginator {
	color: #085599 !important;
	background-color: #FCD240;
	border-color: #FCD240;
	border-radius: 2px;
	margin: 16px;	
}

.paginator:disabled {
	color: #085599 !important;
	background-color: #EBC120;
	border-color: #EBC120; 
	border-radius: 2px;
}

.searchresult {
	margin-top: 8px;	
}

img#echat-image {
	/*content: url("/cbic/cbicr2021.nsf/btnChatNow.png");*/
}

.italic {
	font-style: italic;	
}

.homepage-subsection {
	border: solid 1px #ddd;
	min-height: 100%;
	margin-bottom: 4px;
}

.faq-question {
	color: #4385BF;
	font-size: 28px;
	line-height: 36px;
	font-family: Sarabun;
	font-style: normal;
}

.faq-answer {
	color: #262626;
}

#hcpcscodelookupfield, #zipcodelookupfield {
	padding-left: .25em;
}

/* OLD */
.navbar-container {
	background-color: var(--round_background);
}
.navbarsubheader-container {
	background-color: var(--round_subheader);
}
/* Navigation header CSS modifications */
.navheader,.navheader a {
	color: #FFFFFF;
	font-family: Sarabun;
}
/* This affects the search icon that only display in <= md */
.nav-search-icon path {
	height: 24px;
	width: 24px;
	fill: white;
}
p,.paragraph-text {
	color: #262626;
}
.p-desktop {
	font-family: Sarabun;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;
	display: flex;
	align-items: center;
}
.nav-desktop {
	font-family: Sarabun;
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 18px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
.navbarsubheader,.navsubheaderlink {
	color: var(--round_foreground) !important;
	background-color: var(--round_subheader);
	font-family: Sarabun;
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 18px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
.navsubheaderhr {
	background-color: var(--round_background);
}
.footer-main-container {
	background-color: #9C9C9C;
}
.footer-main {
	margin-top: 8px;
	padding-top: 48px;
	background-color: #9C9C9C;
}
.footer-main h4 {
	color: black;
	font-family: Sarabun;
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
.footer-sub-container {
	background-color: #8A8A8A;
}
.footer-sub {
	background-color: #8A8A8A;
	padding-top: 8px;
}
.footer-main p a,.footer-main span a,.footer-main div a {
	color: black;
	font-size: 16pt;
}
.footer-sub p {
	color: black;
	padding: 8px;
}
.footer-sub a {
	color: black;
}

#email-mismatch {
	padding: 0px;
}

.subscribe {
	font-family: Sarabun;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	display: flex;
	align-items: center;
}
.subscribe-button {
	background-color: #FCD240;
	border-color: #FCD240;
	cursor: pointer;
}
.max-width {
	max-width: 1060px;
	display: flex-inline;
	margin-left: auto;
	margin-right: auto;
}
#content-div {
	min-height: 300px;
	margin: 8px;
	padding: 8px;
}
.h4-desktop {
	font-family: Sarabun;
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.caption {
	color: #707070;
	font-family: Sarabun;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
}

.critical-alert, .critical-alert a {
	background-color: #996B00;
	color: white;
    padding: 0px;
    margin: 0px;
}

.critical-alert div p {
	background-color: #996B00;
	color: white;
    max-width: 960px;
    padding: 0.25em;
    margin: 0px;
}

.critical-alert-separator {
	margin: 0px;
	background-color: #444;
}


.program-phases {
	width: 100%;
	padding: 2px;
	margin: 0px;
}

.program-phase {
    border: solid 1px #B4CBDF;
    border-radius: 1px;
    margin: 2px;
    background-color: #FDFDFD;
}

.program-phase-active {
	background-color: #E3EDF5;	
}

.program-phase div {
	margin-bottom: 2px;	
}

program-phase-status {
	color: #707070;
}

.program-phase-num, .program-phase-date {
	color: #707070;
	font-size: 12px;
}

.program-phase-graphic {
	height: 110px;
}
.program-phase-graphic img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

.program-phase-name h4 a {
	color: #085599;
	font-size: 13px;
}

.program-phase-status {
	color: #707070;
	text-transform: uppercase;
	font-weight: bold;
}

.program-phase-status-active {
	color: #085599;
}


.program-phase-active {
	border: solid 3px #085599;
	border-radius: 2px;	
}


.program-phase-active .program-phase-status h4 {
	color: #085599;
	background-color: #EDE3F5;
}

.event {
    border: solid 1px #B4CBDF;
    border-radius: 1px;
    margin: 2px;
    background-color: #FDFDFD;
}

.event-StartDate h4 {
	font-size: 16px;
}

.event-Title {
	height: 100px;
	min-height: 100px !important;
	max-height: 100px;
}

.event-anchor {
	width: 100%;	
}

.event-Location {
	color: #707070;
	font-size: 12px;
}

.empty-state {
	border: solid 1px #cccccc;
	border-radius: 1px;
    margin: 2px;
}

.empty-state-header h4 {
	color: #555555;
}

.nav-item {
	padding-right: 0.5em;
}

.g-recaptcha-lookup {
    position: relative;
    width: 100%;
    background: #f9f9f9;
    overflow: hidden;
    height: 45px;
}

.g-recaptcha-lookup > * {
    float: right;
    right: 0;
    margin: -2px -2px -10px;/*remove borders*/ 
    padding-left: 5px;
	margin-top: -19px;
}

.g-recaptcha-contactus {
	padding-left: 1em;
}

.recaptcha-branding {
	font-size: 50%;
	padding: 0px;
	margin: 0px;
}

.dt-first:before {
	content: "<<";
}

.dt-last:before {
	content: ">>";
}

.dt-next:before {
	content: ">";
}

.dt-previous:before {
	content: "<";
}

.holidays thead tr th {
    font-weight: normal;
}

.holidays tbody tr.month {
    background-color: #eee;
}

#contactTabContent {
	border: solid 1em var(--round_background);
	padding: 2em;
}

#contactTab li a {
	border: solid 1px black;
	background-color: var(--round_subheader);
	border-bottom: none;
	border-radius: 0px;
	color: black;
	font-size: 20px;
	font-family: Sarabun;
	font-weight: bold;
}

#contactTab li a.active {
	color: white;
	background-color: var(--round_background);
}

.archivedround {
	background-color: var(--button_anchor_primary_background);
}

.archivedroundtitle {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: var(--button_anchor_primary_foreground);
    margin-top: 0.5em;
    font-family: "Sarabun Bold", Sarabun, sans-serif;
}

.archivedroundcontent {
	background-color: white;
	padding: 0.5em;
	min-height: 125px;
}

.archivedroundfiles {
	width: 100%;
	display: inline-flex;
}

.archivedroundfile {
	width: 50%;
	text-align: center;
}
.archivedroundfile a, .archivedroundfile a:visited, .archivedroundfile a:hover  {
	color: var(--button_anchor_primary_foreground) !important;
}

#datatabletype, #datatabletypeempty {
	display: none;
}