body{
	background-color:#fff;
}

.main-content > .section {
  padding-bottom: 2px;
}

.cms-section{
  padding-bottom: 2px;
  margin-left: 1%;
}

.application-container{
  	margin-left: 2%;
}

.cms-section-header {
	height: 25px;
	padding-left: 1%;
	background-color:#BEBEBE;
  	border-color: #BEBEBE;
  	background: linear-gradient(to right, #BEBEBE, rgba(0,0,0,0.1));
  	font-family: sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
  	font-stretch: expanded;
	font-weight: bold;
	valign: middle;
}

.cms-container-transparent {
  background: transparent;
}

.form-group {
  margin-bottom: 5px;
}

.cms-font-standard{
	font-family: sans-serif;
	font-weight: normal;
  	color: #212121;
  	font-size: 14px;
  	font-size: 0.875rem;
  	valign: middle;
}

.cms-control-height {
	height: 20px;
}

.breadcrumb{
	display:none;
}

input[type=text]::-ms-clear{ /*for clear icon on input fields*/
  display: block;
}

embed{
	max-width: 100%;
	height: 95%;
	overflow:hidden !important;

}
.cms-display-none{
	display: none !important;
}

.cms-display-block{
	display: block !important;
}

.cms-display-inline-block{
	display: inline-block !important;
}

.cms-btn-align-right{
	text-align:right;
}

.cms-childDiv-container{
	width:100%;
	background-color: #F8F8F8;
    border-color:1px solid #F8F8F8;
    overflow: auto;
  	padding-left: 15px;
  	padding-right: 15px;
}

.cms-global-header-d3 {
  background-color:#e7f4e4;
}

.cms-global-header-ts {
  background-color:#bce4ef;
}

.cms-global-header-tu {
  background-color:#fff1d2;
}

.cms-global-header-tt {
  background-color:#f9dede;
}

.cms-global-header-tp {
  background-color:#e6987a;
}

/* -----------------------------------------
   page header 
----------------------------------------- */
 .global-header hr {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #AEB0B5;
}
.cms-branding {
  margin-right: 0px;
  margin-left: 300px;
  margin-top: -50px;
  padding-left: 0px;
  padding-right: 15px;
  position: absolute;
  height: 55px;
  z-index: 26;
}
.cms-logo-table{
	max-height: 60px;
  	width: 100%;
  	margin-top:-50px
}
.cms-logo-title {
  font-family: sans-serif;
  font-stretch: expanded;
  font-weight: bold;
  color: #212121;
  font-size: 20px;
  font-size: 1.25rem;
  padding-right: 10px;
  padding-left: 10px;
}
.cms-logo-subtitle {
  font-family: sans-serif;
  font-stretch: expanded;
  font-weight: bold;
  color: #212121;
  font-size: 14px;
  font-size: 0.875rem;
  padding-right: 70px;
  padding-left: 10px;

}

.three-fifths{
	width: 60%;
	float:left;
	position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.two-fifths{
	width: 40%;
	float:left;
	position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.cms-half {
	float:left;
	width: 50%;
	position: relative;
	min-height: 1px;
	padding: 0px 0px;
}

.cms-quarter {
	float:left;
	width: 25%;
	position: relative;
	min-height: 1px;
	padding: 0px 0px;
}

.cms-width-thirty{
	width: 30%;
	float:left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.cms-width-twenty{
	width: 20%;
	float:left;
	position: relative;
	min-height: 1px;
}

.cms-two-thirds {
  position: relative;
  min-height: 1px;
  width: 66.66666667%;
}

.eventCounterContainer {
	width:20px;
	height:20px;
	background-color:#9fc7da;
	border-radius:50px;
	display:inline-block;
	text-align:center;
	position:relative;
	top:0px;
	right:0px;
}

.eventCounter {
	background-color:#9fc7da;
	color:#17315A;
	position:absolute;
	right:6px;
	top:0px;
	display:inline-block;
}

/* -----------------------------------------
   header search container 
----------------------------------------- */

#head-search{
background-color:#e1f3f8;
text-align:center;
}

#searchApplication.cms-form-control {
  display: block;
  width: 80%;
  height: 36px;
  padding: 2px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #AEB0B5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin:0px auto;
  
}
#searchApplication:focus {
  border:  1.5px solid #17315A;
  outline: 3px solid #e1f3f8;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 5px;

  
}
.search-container .cms-close-search
{
  display: none;
  font-size: 48px;
  font-size: 3rem;
  position: absolute;
  right: 5px;
  top: 0px;
  line-height: 44px;
  cursor: pointer;
  color: #777777;
  opacity: .8;
}

.search-container.active .cms-close-search {
  display: block;
}

#head-search .btn-row{
 margin-top: 15px;
display:inline-block;
}
#searchApplication {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#searchApplication::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
#searchApplication {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#searchApplication {
  -webkit-appearance: none;
}
/* -----------------------------------------
   button styles 
----------------------------------------- */
.cms-btn-blue {
  background-color: #17315A;
  border-color: #205493;
  font-family: sans-serif;
  color: #212121;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color:#fff;
  white-space: normal;  
}
.cms-btn-blue:hover,
.cms-btn-blue:focus,
.cms-btn-blue:active,
.cms-btn-blue.active,
.open > .dropdown-toggle.cms-btn-blue {
  background-color: #205493;
  border-color: #205493;
  color:#fff;
}
.cms-btn-blue:active,
.cms-btn-blue.active,
.open > .dropdown-toggle.cms-btn-blue {
  background-image: none;
}
.cms-btn-blue.disabled,
.cms-btn-blue[disabled],
fieldset[disabled] .cms-btn-blue,
.cms-btn-blue.disabled:hover,
.cms-btn-blue[disabled]:hover,
fieldset[disabled] .cms-btn-blue:hover,
.cms-btn-blue.disabled:focus,
.cms-btn-blue[disabled]:focus,
fieldset[disabled] .cms-btn-blue:focus,
.cms-btn-blue.disabled:active,
.cms-btn-blue[disabled]:active,
fieldset[disabled] .cms-btn-blue:active,
.cms-btn-blue.disabled.active,
.cms-btn-blue[disabled].active,
fieldset[disabled] .cms-btn-blue.active {
  background-color: #AEB0B5;
  border-color: #AEB0B5;
  color:#fff;
}

.cms-btn-align {
	text-align: center;
}

.cms-btn-align-left {
	text-align: left;
	margin-left: 1px;
}

/* -----------------------------------------
  field label styles
----------------------------------------- */
label{
  width: 100%;
  font-family: sans-serif;
  color: #212121;
  font-size: 14px;
  font-size: 0.875rem;
}

.cms-required-label, .cms-field_level-error {
  color: #a12b1b;
   margin-left : 2px;
}

.cms-field_level-error{
	display:none;
}

.cms-error-border{
	border: 1.5px solid #cd2026 !important;
}

/* -----------------------------------------
   alert message styles 
----------------------------------------- */
.cms-messages {
  display:none;
  padding: 5px;
  margin-top: 1px;
  margin-bottom: 1px;
  border: 1px solid transparent;
  border-radius: 0;
 
}

.cms-close {
	margin-right: 15px;
}

.cms-messages .close {
  position: relative;
  top: -2px;
  right: -15px;
  opacity: .5;
}
.cms-messages .cms-font-standard{
	font-size: 14px;
	font-size: 0.875rem;
}
.cms-messages .container .row{
	display: inline-block;
	clear:both;
}
.cms-messages .container .cms-messages-icon{
  width:2%;
  float:left;
}
.cms-messages .container .cms-messages-status{
  width:98%;
  float:right;
  font-size: 16px;
  font-size: 1rem;
  font-stretch: expanded;
  font-weight: bold;
}
.cms-messages [id^=span-alert-]{
	display:block;
	font-size: 14px;
	font-size: 0.875rem;
   font-stretch: normal;
   font-weight: normal;

}
.cms-messages-success {     
  border-color: #d6e9c6;
  color: black;
  background: linear-gradient(90deg, #4aa564 0.5%, #e7f4e4 0.5%);

}
.cms-messages-info{
   border-color: #bce8f1;
   color: black;
   background: linear-gradient(90deg, #4773aa 0.5%, #bce4ef 0.5%);
}
.cms-messages-warning{
   border-color: #bce8f1;
   color: black;
   background: linear-gradient(90deg, #f9c642 0.5%, #fff1d2 0.5%);
}
.cms-messages-error{
   border-color: #bce8f1;
   color: black;
   background: linear-gradient(90deg, #cd2026 0.5%, #f9dede 0.5%);
}

/* -----------------------------------------
   end of alert message styles 
----------------------------------------- */
/* -----------------------------------------
  input control styles
----------------------------------------- */

.cms-date-control {
	background-color: #fff;
}

.cms-phonetype-control {
	background-color: #fff;
}

.cms-text-control {
  display: block;
  height: 22px;
  padding: 0px 6px;
  font-family: sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  border:  1px solid #AEB0B5;
  border-radius: 4px;
  vertical-align: text-top;
}

 .cms-textarea-control{
  display: block;
  height: 50px;
  padding: 1px 6px;
  font-family: sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  border:  1px solid #AEB0B5;
  border-radius: 4px;

 }  

.cms-text-control:disabled {
  background-color: #DCDCDC;
  cursor: default;
}

.cms-text-control:focus,
.cms-textarea-control:focus {
  border:  1.5px solid #17315A;
  outline: 3px solid #e1f3f8;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 5px;
}

.cms-textarea-counter-div{
	text-align:right;
	padding-top: 5px;
}

.cms-zipCity-control,
.cms-zipState-control,
.cms-zipCode-control,
.cms-zipExt-control {
  display: block;
  width: 60px;
  height: 22px;
  padding: 0px 6px;
  font-family: sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  border:  1px solid #AEB0B5;
  border-radius: 4px;
}

.cms-zipCity-control,
.cms-zipState-control {
	padding: 3px 3px;
}

.cms-zipCity-label,
.cms-zipState-label,
.cms-zipCounty-label {
	margin-top: 2px;
}
 
.cms-zipCity-value,
.cms-zipState-value,
.cms-zipCounty-value {
	font-family: sans-serif;
	font-size: 14px;
	color: #212121;
	margin-bottom: 10px;
}

.cms-zipCode-control {
   margin-right: 3px;
}

.cms-zipCity-control {
  width: 130px;
   margin-right: 8px;
}

.cms-zipState-control {
  width: 35px;
  margin-right: 10px;
}

.cms-zipExt-control {
  width: 50px;
}

.cms-zipExt-label {
 margin-left: 2px;
 margin-top: 28px;
}

.cms-zipCode-control:focus,
.cms-zipExt-control:focus {
  border:  1.5px solid #17315A;
  outline: 3px solid #e1f3f8;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 5px;
}

.cms-zipCode-control:disabled,
.cms-zipExt-control:disabled {
  background-color: #DCDCDC;
  cursor: default;
}

.zip-overlay {
	display: none;
	height: 0%;
	width: 239px;
	position: relative;
	z-index: 99999;
	background-color: #fff;
	border: 1px solid #AEB0B5;
    line-height: 1.42857143;
	overflow-x: hidden;
	transition: 0.9s;
}

.zip-overlay-content {
	width: 100%;
	color: #212121;
	font-family: sans-serif;
	font-size: 14px;
	background-color: #fff;
	text-align: left;
	margin-left: 3px;
}

.zip-overlay-content th {
	background-color: #f1f1f1;
	#border: 1px solid #AEB0B5;
}

.zip-overlay-content a:hover {
	color: blue;
}

.cms-image-loading {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -128px;
	margin-left: -128px;
}

.loading-overlay {
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    position: fixed;
    z-index: 1;
    opacity: 0.5;
	background-color: #e1f3f8;
    overflow-x: hidden;
    transition: 0.5s;
}

.screen-overlay {
	top: 0;
	left: 0;
	width: 100%;
    position: fixed;
    z-index: 1;
    opacity: 0.5;
	background-color: #e1f3f8;
    overflow-x: hidden;
    transition: 0.5s;
}

.provider-overlay {
	display: none;
	height: 0%;
	width: 0%x;
	position: fixed;
	z-index: 10;
	left: 15%;
	top: 20%;
	background-color: #fff;
	border: 1px solid #AEB0B5;
	overflow-x: hidden;
	transition: 0.5s;
}

.cms-display-inline {
	display: inline-block;
}

#providerOverlayHeader {
 	background-color: #DCDCDC;
 	position: fixed;
 	width: 80%;
 	top: 15%;
 	z-index: 11;
 	border: 1px solid #AEB0B5;
}

#providerOverlayDetail {
 	position: absolute;
 	width: 100%;
 	top: 1.5%;
 	z-index: 10;
}

#providerOverlayHeader thead {
	height: 20px;
}

#CloseOverlayBTN {
	font-size: 30px;
 	font-weight: bold;
 	text-align: center;
}

#CloseOverlayBTNLink {
	color: #000;
	text-decoration: none !important;
}
#CloseOverlayBTNLink:hover{
	color: blue;
}

#headSearch_error {
	float:left;
}

.provider-overlay-content {
	width: 100%;
	color: #212121;
	font-size: 14px;
	background-color: #fff;
	text-align: left;
	margin-left: 3px;
}

.provider-overlay-content a:hover {
	color: blue;
}

.add-unit-designator {
	margin-top: 23px;
}

.cms-add-unit,
.cms-add-phone,
.cms-add-specialty,
.cms-delete-phone,
.cms-delete-unit,
.cms-delete-branchoffice,
.cms-delete-facilitypersonnel,
.cms-delete-facilityprovider,
.cms-delete-specialty
{
	text-decoration: none;
}

.cms-span-link{
	font-size: 20px;
	cursor: pointer; 
	text-decoration: none;	
}
.cms-span-link span[class="ca-gov-icon-plus-fill"]{
 	color: #17315a;
}

.cms-span-link span[class="ca-gov-icon-plus-fill"]:disabled {
 	color: rgba(174, 176, 181, 1);
 	cursor: not-allowed;
}

.cms-span-link span[class="ca-gov-icon-close-fill"]{
 	color: #FF0000;
}
.cms-span-link:hover,
.cms-span-link:active,
.cms-span-link:focus{
	text-decoration: none;
}
.cms-span-link:hover span[class="ca-gov-icon-plus-fill"],
.cms-span-link:active span[class="ca-gov-icon-plus-fill"],
.cms-span-link:focus span[class="ca-gov-icon-plus-fill"]{
	 color: #17315A;
}

.unit-designator {
	margin-top: 1px;
	margin-bottom: 1px;
}

.cms-select-div select::-ms-expand { display: none; }
.cms-select-multiple-div::-ms-expand { display: none; }

.cms-select-div {
  	display:block;
    vertical-align:middle;
    position:relative;
    width:125px;
 	height: 22px;    
 }
 /*CSS class for dropdown with multiple option*/
 .cms-select-multiple-div {
 	display:block;
    vertical-align:middle;
    position:relative;
    width:150px;
 	height: 90px;  
 }
 .cms-select-div select {
 	line-height:normal;
    display:block;
    width:100%;
    height:100%;
    border:1px solid #AEB0B5;
    padding: 3px 12px 2px 6px;
    margin:0;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:4px;
 	font-family: sans-serif;
   	color: #212121;
   	font-size: 14px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
   	
 }
 .cms-select-multiple-div select {
 	line-height:normal;
    display:block;
    width:100%;
    height:100%;
    border:1px solid #AEB0B5;
    padding: 3px 6px 2px 6px;
    margin:0;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:4px;
 	font-family: sans-serif;
   	color: #212121;
   	font-size: 14px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
   	
 }
.ie8 .cms-select-div select{padding-right:3px}
.ie8 .cms-select-multiple-div select{padding-right:3px}

.cms-select-div:after{
    content:">";
    position:absolute;
    font-family: monospace;
   	color: #A4A4A4;
   	font-size: 16px;
   	-webkit-transform: rotate(90deg);
   	-moz-transform: rotate(90deg);
   	-ms-transform: rotate(90deg);
   	transform: rotate(90deg);
   	right:4px;
   	top: 1px;
   	pointer-events:none;
}

/* for orange dropdown character use the below in the above style:

	border-top:6px solid #f99300;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
  
*/

.cms-select-div select:focus {
  border:  1.5px solid #17315A;
  outline: 3px solid #e1f3f8;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 5px;
}
 
.cms-file-div {
    position: relative;
    overflow: hidden;

}

.cms-file-div input.cms-file-control {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.cms-file-input{
  height: 22px;
  padding: 1px 6px;
  font-family: sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #AEB0B5;
  border-radius: 4px;
} 

input[type="file"] { display: none; }
 
.cms-check-container {
    display: block;
    position: relative;
    padding-left: 20px;
    font-family: sans-serif;
	color: #212121;
	font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox/radio button */
.cms-check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    visibility:hidden;
}

/* When the checkbox/radio button is disabled, add a light gray background */
.cms-check-container input:disabled ~ .cms-checkbox,
.cms-check-container input:disabled ~ .cms-radio,
.cms-check-container:hover input:disabled ~ .cms-checkbox,
.cms-check-container:hover input:disabled ~ .cms-radio {
    background-color: #AEB0B5;
  	border-color: #AEB0B5;
  	cursor: default;
}
/* Create a custom checkbox */
.cms-checkbox {
    position: absolute;
    top: 3px;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #fff;
    border: 1px solid #AEB0B5;
     border-radius: 2px;
     cursor: pointer;
 }
 
 .cms-checkbox:focus,
 .cms-checkbox:hover{
 	border:  1.5px solid #17315A;
  	outline: 3px solid #e1f3f8;
  	outline: 5px auto -webkit-focus-ring-color;
  	outline-offset: 5px;
 }

/* Create a custom radio button */	
.cms-radio {
    position: absolute;
    top: 3px;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #fff;
    border: 1px solid #AEB0B5;
    border-radius: 50%;
}

.cms-radio:focus,
.cms-radio:hover{
 	border:  1.5px solid #17315A;
  	outline: 3px solid #e1f3f8;
  	outline: 5px auto -webkit-focus-ring-color;
  	outline-offset: 5px;
 }


/* When the checkbox/radio button is checked, add a blue background */
.cms-check-container input:enabled, input:checked  ~ .cms-checkbox,
.cms-check-container input:enabled, input:checked ~ .cms-radio  {
    background-color: #17315A;
    border-color:  #17315A;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cms-checkbox:after,
.cms-radio:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cms-check-container input:checked ~ .cms-checkbox:after,
.cms-check-container input:checked ~ .cms-radio:after  {
    display: block;
}

/* Style the checkmark/indicator */
.cms-check-container input:enabled ~ .cms-checkbox:after {
    left: 3px;
    top: 0.5px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cms-check-container input:disabled ~ .cms-checkbox:after {
    left: 3px;
    top: 0.5px;
    width: 5px;
    height: 8px;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Style the indicator (dot/circle) */
.cms-check-container .cms-radio:after {
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
}

/* When the checkbox/radio button is disabled, add a light gray background */
.cms-check-container input:disabled ~ .cms-checkbox,
.cms-check-container input:disabled ~ .cms-radio,
.cms-check-container:hover input:disabled ~ .cms-checkbox,
.cms-check-container:hover input:disabled ~ .cms-radio {
    background-color: #AEB0B5 !important;
  	border-color: #AEB0B5 !important;
  	cursor: default;
}

.cms-text-control::-moz-placeholder {
	color: #777777;
	font-size: 12px;
  	valign: middle;
   	opacity: 1;
}
.cms-text-control:-ms-input-placeholder {
	color: #777777;
	font-size: 12px;
  	valign: middle;
}
.cms-text-control::-webkit-input-placeholder {
	color: #777777;
	font-size: 12px;
  	valign: middle;
}

/* -----------------------------------------
  phone/fax styles
----------------------------------------- */
.cms-phone-select{
	float: left;
	width: auto;
	padding-left: 15px;
  	padding-right: 15px;
}
.cms-phone-number{
	width: 80%;
	align: left;
}
.cms-phonePart1-control, 
.cms-phonePart2-control, 
.cms-phonePart3-control,
.cms-phoneExt-control,
.cms-ssnPart1-control, 
.cms-ssnPart2-control, 
.cms-ssnPart3-control
 {
  display: block;
  width: 40px;
  height: 22px;
  padding: 1px 2px;
  font-family: sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  border:  1px solid #AEB0B5;
  border-radius: 4px;
}
.cms-phonePart2-control {
 width: 40px;
 margin-left: 4px;
 }
.cms-phonePart3-control,
.cms-ssnPart3-control 
 {
  width: 50px;
  margin-left: 4px;
}
.cms-phoneExt-control {
  width: 55px;
  margin-left: 2px;
}
.cms-phoneExt-label{
 max-width: 100%; 
 margin-right: 8px;
 margin-bottom: 0px;
}

.cms-phonePart1-control:focus,
.cms-phonePart2-control:focus,
.cms-phonePart3-control:focus,
.cms-phoneExt-control:focus,
.cms-ssnPart1-control:focus,
.cms-ssnPart2-control:focus,
.cms-ssnPart3-control:focus{
  border:  1.5px solid #17315A;
  outline: 3px solid #e1f3f8;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 5px;
}

.cms-phonePart1-control:disabled,
.cms-phonePart2-control:disabled,
.cms-phonePart3-control:disabled,
.cms-phoneExt-control:disabled,
.cms-ssnPart1-control:disabled,
.cms-ssnPart2-control:disabled,
.cms-ssnPart3-control:disabled {
  background-color: #DCDCDC;
  cursor: default;
}

.cms-ssnPart2-control {
  width: 32px;
  margin-left: 4px;
 }
 
/* -----------------------------------------
  footer styles
----------------------------------------- */
.global-footer {
  z-index: 9999;
  /*background-color:#212121;*/
  background-color: #17315A;
}
.global-footer a:not(.btn) {
  color: #FFFFFF;
  text-decoration: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 13px;
  font-size: 0.9rem;
}

.cms-footer-text{
	color: #FFFFFF;
  text-decoration: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  margin: 10px 0;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 13px;
  font-size: 0.9rem;
}

.global-footer .copyright {
  font-family: sans-serif;
  font-weight: normal;
  font-size: 10px;
  font-size: 0.625rem;
  color: #212121;
}

/* -----------------------------------------
  table styles
----------------------------------------- */
.cms-table-standard {
	width: 100%;
	background-color: inherit;
}
.cms-table-section{
	width: 98%;
}

.cms-table-list{
	width:100%;
	margin:0 auto;
	clear:both;
	border-collapse:separate;
	border-spacing:0;
	background-color: inherit;	
}

.cms-table-list > thead > tr > th,
.cms-table-list > thead > tr > td {
 	font-weight:bold;
 	padding: 4px;
 	border-bottom:1px solid #111;
 	background-repeat:no-repeat;
 	background-position:center right;
}

.cms-table-list > tbody > tr > td{
	border-top:1px solid #ddd;
	padding: 4px;
}
.cms-table-list > tbody > tr:first-child > td {
	border-top:none;
}
.cms-table-list > tbody > tr:last-child > td {
	border-bottom:1px solid #111;
}
.cms-table-list> tbody> tr{
	background-color:#ffffff;
}

.cms-table-tr-highlight,
.cms-table-list> tbody> tr:hover{
	background-color:#f6f6f6;
}
/*adding non-breaking space(&nbsp;) content*/
.cms-empty-row,
.cms-empty-div {
 	height: 8px;
 	content: "\00a0"; 
 }
/* -----------------------------------------
  login page styles
----------------------------------------- */
.about-panel{
  display: block;
  width: 100%;
  vertical-align: text-top;
  min-height: 75px;
  line-height: 1.42857143;
  background-color: #fff;
  border:  1px solid #AEB0B5;
  border-radius: 0px;
  padding-top: 5px;
}
.warning{
  display: block;
  vertical-align: center;
  text-align: left;
  font-family: sans-serif;
  color: #212121;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  background-color: #fff;
  border:  1px solid #AEB0B5;
  border-radius: 0px;
  width: 100%;
  min-height:250px;
}

.warning .panel-heading {
  width:100%;
  background-color: #AEB0B5;
  border-color: #AEB0B5;
  color:#212121;
  background: linear-gradient(to right, #AEB0B5, rgba(0,0,0,0.1));
}

/* For accordion headers within CMS applications */

.cms-panel {
  margin-bottom: 10px;
  background-color: #fff;
  border: 0px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.cms-panel-heading {
  width:100%;
  background-color: #fff;
  border:  1px solid #AEB0B5;
  border-radius: 0px;  
  color:#212121;
  padding-left: 0px;
  vertical-align: middle;
  background: linear-gradient(to right, #AEB0B5, rgba(0,0,0,0.1));
}

.cms-panel-heading a {
  outline: none;
}

.cms-panel-heading a:after {
  content: "\4f";
  font-family: 'CaGov';
  position: relative;
  color: #777777;
}

.cms-panel-heading a:hover,
.cms-panel-heading a:focus
 {
  text-decoration: none;
}

.cms-panel-heading a.collapsed:after {
  content: "\50";
}

.cms-panel-body {
  width:100%;
  background-color: #fff;
  border:  1px solid #AEB0B5;
  border-radius: 0px;  
}

.cms-panel-body-padding{
	padding: 10px !important;
}
.cms-captcha-div{
 text-align:center;
}

.cms-captcha-div .cms-text-control{
	display:inline-block;
	margin-top:10px;
}

/* -----------------------------------------
  tooltip styles
----------------------------------------- */
.cms-tooltip {
    position: relative;
    display: inline-block;
}

.cms-tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #f1f1f1;
    font-family: sans-serif;
	font-weight: normal;
  	color: #212121;
  	font-size: 14px;
  	font-size: 0.875rem;
  	valign: middle;
    border-radius: 4px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -65%;
}

.cms-tooltiptext::after { /*for arrow on tooltip*/
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #f1f1f1 transparent transparent transparent;
}

.cms-tooltip:hover .cms-tooltiptext {
    visibility: visible;
}
/* -----------------------------------------
  home page styles
----------------------------------------- */
.cms-widget{
	margin-left:10px;
	border:  1px solid #AEB0B5;
}
.cms-widget .group{
	width:96%;
	margin-left:2%;
	margin-right:2%;
}
.cms-section-heading{
  display: block;
  font-size: 16px;
  font-size: 1rem;
  font-stretch: expanded;
  font-weight: bold;
}
.cms-widget a {
	font-weight: bold;
	color: #212121;
	text-decoration: none;
}
.cms-widget .cms-a-plain-text{
	color: #212121;
}
.cms-widget a:hover,
.cms-widget a:focus
{
	color:#205493;
}
.cms-widget .cms-a-highligted-text
{
	color:#205493;
}
.ca-gov-icon-caret-right {
	color: #212121;
	font-size:14px;
	font-weight:bold;
	margin-right:5px;
	cursor: pointer;
}
.ca-gov-icon-caret-right:hover {
	color:#205493;
}
.ca-gov-icon-caret-down {
	color: #205493;
	font-size:14px;
	font-weight:bold;
	margin-right:5px;
	cursor: pointer;
}

.cms-widget-gov-icon {
	font-size:18px;
	font-weight:bold;
	margin-right:5px;
}

.cms-widget .cms-blurb-div{
	color: #212121;
	background-color: #e1f3f8;
    border-color:1px solid #dce4ef;
	padding: 5px 5px 5px 5px;
	margin-top:20px;
	margin-bottom:15px;
	border:  1px solid #f1f1f1;
}

.cms-blurb-div .btn,
.cms-blurb-div .btn:hover,
.cms-blurb-div .btn:focus,
.cms-blurb-div .btn:active
{
	color:#fff;
}

.blurb_div_desc{
	width: 425%;
}
/* -----------------------------------------
  Allied Application - Additional Facility Information
----------------------------------------- */
#physicalPlantQuestionsTBL tr{
	height: 20px;
}

#physicalPlantQuestionsTBL .cms-select-div{
	width: 120px;
}

#physicalPlantQuestionsTBL .cms-checkbox{
	top: -4px;
	margin-left: 5px;
}

#SpecialtyTBL .cms-checkbox,
#FacilityTBL .cms-checkbox {
	top: -5px;
}

td[id^="SpecialtyTD"] .cms-select-div {
	width: 410px;
}

#SpecialtyDiv .cms-select-div {
	width: 250px;
}

.fixed.compact .cms-branding {
  margin-top: -30px;
  max-height: 45px;
}

.fixed.compact .dhcslogo {
  width: 280px;
  height: 55px;
}

.dhcslogo {
  width: 280px;
  height: 60px;
}

.cms-bold-font {
	font-weight: bold;
}

.cms-underline-font {
	text-decoration: underline !important;
}

/****************************
PANEL- High contract styles
******************************/
/* used for after events like checkbox, radio and select dropdown arrow etc*/
html.high-contrast *:after { 
  color: #ffd600 !important;
  border-color: #ffd600 !important;
}
/* for placeholders for multi browsers*/
html.high-contrast *::-webkit-input-placeholder
{
  color: #ffd600 !important;
}
html.high-contrast *::-moz-placeholder
{
  color: #ffd600 !important;
}

/*changing background to yellow for footer, settings, buttons, section headers */
html.high-contrast #footerContainer *,
html.high-contrast #settingsContainer *,
html.high-contrast .cms-btn-blue,
html.high-contrast .cms-section-header
{
	background-color: #ffd600 !important;
}
/*changing text color to black on yellow background for footer, settings, buttons, section headers */
html.high-contrast #footerContainer a,
html.high-contrast #footerContainer span,
html.high-contrast #settingsContainer a,
html.high-contrast .cms-btn-blue, 
html.high-contrast .cms-section-header,
html.high-contrast .cms-table-list thead th,
html.high-contrast .cms-table-list thead th .cms-required-label
{
  color: #000 !important;
}
/*adding green background and black text on disabled fields*/
html.high-contrast input:disabled,
html.high-contrast .cms-check-container input:disabled ~ .cms-checkbox,
html.high-contrast .cms-check-container input:disabled ~ .cms-radio{
	background-color: rgba(0, 255, 0, 1) !important;
	border: rgba(0, 255, 0, 1) !important;
	color: #000 !important;
}
/*changing validation messages color from yellow to grey*/
html.high-contrast .cms-field_level-error{
	color: rgba(221, 221, 221, 1) !important
}
/*adding background on table headers*/
html.high-contrast .cms-table-list thead th,
html.high-contrast .cms-table-list thead th .cms-required-label
{
	background-color: #ffd600 !important;
	opacity: 0.8;
}
/*adding gradient background on section headers*/
html.high-contrast .cms-section-header{
	background: linear-gradient(to right, #ffd600, rgba(0,0,0,0.1)) !important;
}
/*adding hyperlinks on datatable links*/
html.high-contrast table.dataTable a{
	text-decoration: underline !important;
}

html.high-contrast table.dataTable .cms-span-link{
	text-decoration: none !important;
}

/* for the loading progress bar style */
html.high-contrast .progress-striped .progress-bar-warning {
  background-color: #ffd600 !important;
  background-image: -o-linear-gradient(45deg, rgba(255,255,0, 0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,0, 0.15) 50%, rgba(255,255,0, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: -webkit-linear-gradient(45deg, rgba(255,255,0, 0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,0, 0.15) 50%, rgba(255,255,0, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: linear-gradient(45deg, rgba(255,255,0, 0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,0, 0.15) 50%, rgba(255,255,0, 0.15) 75%, transparent 75%, transparent) !important;
}

/* for event message counter */
html.high-contrast #eventCounter,
html.high-contrast #eventMessageNumber
{
	background-color: #000 !important;
}
html.high-contrast #eventMessageNumber
{
	color: #ffd600 !important;
}
html.high-contrast .cms-blurb-div .row
{
	margin-left: -5px !important;
}
html.high-contrast .cms-blurb-div .cms-btn-align-left
{
	margin-left: 10px !important;
}
/*for close button on search results overlay*/
html.high-contrast #CloseOverlayBTNLink
{
	background-color: #ffd600 !important;
	color:#000 !important;
}
html.high-contrast #CloseOverlayBTNLink:hover
{
	color:blue !important;
}

html.high-contrast table.dataTable thead .sorting{background-image:url("../images/sort_both_hicontrast.png") !important;}
html.high-contrast table.dataTable thead .sorting_asc{background-image:url("../images/sort_asc_hicontrast.png") !important;}
html.high-contrast table.dataTable thead .sorting_desc{background-image:url("../images/sort_desc_hicontrast.png") !important;}

/*DHTML calendar styles*/
html.high-contrast .dhtmlxcalendar_container {
	background-color: #ffd600 !important;
}
html.high-contrast div.dhtmlxcalendar_days_cont li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell_first, 
html.high-contrast div.dhtmlxcalendar_days_cont li.dhtmlxcalendar_cell{
	background-color: #ffd600 !important;
	color: #000 !important;
}
/*setting all the dates styles white color*/
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell,
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend{
	color: rgba(221, 221, 221, 1) !important;
}
/*selected/todays date styles*/
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date,
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend {
	background-color: #ffd600 !important;
	color:#000 !important;
}
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_hover,
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_hover {
	background-color: #ffd600 !important;
	color:#fff !important;
}
/*changing current month date color white to yellow*/
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month,
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend,
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_hover,
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_hover{
	color:  #ffd600 !important;
}
/*disabled dates styles*/
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_dis,
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_dis,
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_dis,
html.high-contrast .dhtmlxcalendar_container div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_dis{
	color: rgba(0, 255, 0, 1) !important;
}


/****************************
PANEL- tabbing styles
******************************/
.nav-item.focus > a > span[class^="ca-gov-icon"]
{
  color: #17315A;
}

 .ca-gov-icon-collapse,
  .ca-gov-icon-expand
  {

  position: absolute;
  right: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: -5px;
   cursor: pointer;
}

.ca-gov-icon-plus-line,
  .ca-gov-icon-minus-line
  {

  position: absolute;
  right: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: -5px;
   cursor: pointer;
}

.ca-gov-icon-caret-right.disabled,
a.disabled,
.ca-gov-icon-caret-right.disabled:hover,
a.disabled:hover,
.ca-gov-icon-caret-right.disabled:focus,
a.disabled:focus
{
    color: #AEB0B5;
  	cursor: default;
}

/********************************
*  CMS Waiting Overlay Modal
********************************/

.cms-waiting-overlay {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.4);
	border: 1px solid #BEBEBE;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top:15%; 
	overflow-y:visible;
}

/*****************
* Custom styles
******************/
.text-align-center {
	text-align: center !important;
}

.text-align-right {
	text-align: right !important;
}

.text-align-left {
	text-align: left !important;
}

.visibility-hidden {
	visibility: hidden !important;
}

.visibility-visible {
	visibility: visible !important;
}

.td-150-px {
	width: 150px;
}

.td-75-px {
	width: 75px;
}

.td-50-px {
	width: 50px;
}

.td-40-px {
	width: 40px;
}

.td-12-px {
	width: 12px;
}

.td-5-px {
	width: 5px;
}

.td-100-percent {
	width: 100%;
}

.td-98-percent {
	width: 98%;
}
.td-80-percent {
	width: 80%;
}
.td-30-percent {
	width: 30%;
}

.td-25-percent {
	width: 25%;
}

.td-22-percent {
	width: 22%;
}

.td-20-percent {
	width: 20%;
}

.td-16-percent {
	width: 16%;
}

.td-15-percent {
	width: 15%;
}

.topcorner{
    position:absolute;
    top:0px;
    right:0px;
 }
.td-12-percent {
	width: 12%;
}
.top-align-cell 
{
vertical-align: top; 
}

.td-10-percent {
	width: 10%;
}

.td-5-percent {
	width: 5%;
}

.listStyleSquare {
	list-style-type: square;
}

.scrollBarPlugInWidthStyleDIV {
	width: 50px;
	height: 50px;
	overflow: auto;
}

.supportPlugInFixedPositionDIV {
	position: fixed;
	top: 20px;
}

#skipToMainContent {
	background-color:#fff;
	color: #2F77A0;
}

#skipToMainContent:focus,
#skipToMainContent:hover {
	background-color:#fff;
	color: #7f2e77;
}

.aboutCMSSection {
    min-height: 100px !important;
}
.attachmentTypeUserKit {
	-webkit-user-select: none;
}

#modalDialogParentDIV {
	padding-top: 15%; 
	overflow-y: visible;
}

#modalDialogHeaderH3,
#modalWaitingDialogHeaderH3 {
	margin: 0;
}

#modalDialogProgressParentDIV,
#modalWaitingDialogProgressParentDIV
{
	margin-bottom: 0;
}
#FQHCQuestionSpan {
	font-weight: bold; 
	display: inline-block;
}
#headSearch_error {
	float: left;
}
#dhtmlxcalendar_month_arrow_left_div,
#dhtmlxcalendar_month_arrow_right_div {
	font-size: 11pt;
	top: 0.5pt;
}
.cms-height-100-percent {
	height: 100%;
}
.cms-height-60-percent {
	height: 60%;
}
.cms-height-40-percent {
	height: 40%;
}
.cms-height-10-percent {
	height: 10%;
}
.cms-height-0-percent {
	height: 0%;
}
.htmlDisableScroll {
	height: 100%; 
	overflow-y: hidden;
}
.bodyDisableScroll {
	overflow-y: scroll;
}
.margintop20px {
	margin-top: 20px;
}
.margintop0px {
	margin-top: 0px;
}
.top10px {
	top: 10px;
}
.top0px {
	top: 0px;
}
.dataTableChildRowFirstCell {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: rgb(248,248,248);
}
.dataTableChildDIVRow {
	background-color: inherit;
	opacity: inherit;
}
.dataTableChildDIVColumn {
	border-top: none !important;
	border-bottom: none !important;
}
.statusBannerListMessageDIV {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: rgb(248,248,248);
}