/* ********************* DO NOT TOUCH THESE STYLES ******************************************* */
/* ********************* DO NOT TOUCH THESE STYLES ******************************************* */
/* ********************* DO NOT TOUCH THESE STYLES ******************************************* */

#wrapper {
  margin-top: 225px;
}


/* Datepicker Styles */

	.datepicker table tr td span.active{
		background: #000 !important;
	}
	#eligiblitydate > .datepicker{
		margin-top: 225px !important;
	}
	.datepicker{
		margin-top: 235px !important;
	}
	@media (max-width: 800px){
		.datepicker{
		margin-top: 190px !important;
		}
		#eligiblitydate > .datepicker{
		margin-top: 150px !important;
		}
		
	}	
	@media (min-width: 800px){
		.datepicker{
		margin-top: 230px !important;
		}
	}



#cont-diagnosis > .datepicker{
	margin-top: 225px !important;
}

/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */
/* **************************************************************** */

/*.error-inline{
	margin-top: -25px;
}*/
.alert-danger{
	font-size: 1.15em;
	margin-bottom: 15px;
	border-left: 10px solid #721c24;	
}
.alert-danger::before{
	display: inline-block;
   	padding-right: 6px;
   	vertical-align: middle;
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	content: "\f06a";
  	font-size: 1.25em;
}
.error-top, .error-inline{
	margin-bottom: 15px;
	border-left: 7px solid #d63e04 !important;
	border-color: #f5c6cb;
	background: #f4e3db;	
	display: inline-block !important;
	color: #212529;	
}
.error-top{
	width: 100%;
	font-size: 1.1em;
}
.error-inline{
	max-width: 384px;
	width: 100%;
	font-size: 1.0em;
}

.warn-inline{
	margin-bottom: 15px;
	border-left: 7px solid #fdb81e;
	border-color:#fdb81e;	
	background: #fff1d2;	
}
 .info-inline{
 	margin-bottom: 15px;
	border-left: 7px solid #00bde3;
	border-color:#00bde3;	
	background: #e7f6f8;
	font-size: .9rem;	
 }

.error-top:before{
	display: inline-block;
   	padding-right: 6px;
   	vertical-align: middle;
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	content: "\f06a";
  	font-size: 1.3em;
}

.popover{
    max-width: 400px;
    border: 1px rgb(36, 129, 143) solid;   
}
.popover:focus{
	
}
.popover-header {    
    font-size: 1.3rem;
    font-weight:700;
}
.popover-body {    
    font-size: 1.1rem;
    margin-left: -20px
}

fieldset {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
legend{
	font-size: inherit;
	
}

input[type="radio"], input[type=checkbox] {
    zoom: 1;
}
input[type="radio"], input[type="checkbox"] {
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 4px;
    margin-right: 7px;
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1.5rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.form-check-label  {
    margin-bottom: 15px;
    margin-left: 10px;
}


.form-control-radio-toggle {
  border: none;
}

.short-field {
	width: 100px;
}

.medium-field {
	width: 160px;
}

.long-field {
  width: 290px;
}
.agency-field{
		width: 500px;	
	}

@media only screen and (max-width: 768px){
	.agency-field{
		width: 290px;	
	}
}

#main-content h2 {
    font-family: Poppins;
    color: #181d31;
    margin-bottom: 25px;
}

/* indented medical questions */
.alphaB {
	width: 100%;
	min-height:	10px;
	margin: 10px 0px 20px 0px;
	display: flex;
}
	.alphaLetter{
		font-weight: bold;
		float:left;
		width: 10px;
		height: 20px;
		margin-left: 10px;
	}

	.medInfo {
		float:left;
		margin-left: 12px;
	}

.delete-style {
    font-size: 1.5em;
    /* display: inline-block; */
    margin-top: 10px;
    /* margin-left: -10px; */
    vertical-align: middle;
    font-weight: 900;
    margin-left: 10px;
    color: #000;
    background: none;
    border:none;
    cursor: pointer;

}
/* End indented medical questions */

/* add delete medication and practitioners */

.delete-field{
	width:100%;
	min-height: 20px;
	display: flex;
}
	.delete-txt{
		width:90%;
	}
	.delete-icon {
	    width: 10%;
	    float: right;
	    padding-top: 8px;
	    padding-left: 10px;
	}
			.delete-icon a {
			color: #d80000;
		}


/* ********************************* */


/* datepicker active select background */

.datepicker table tr td.active.active {
	background-color: #181D31 !important;
	background-image: none;
}

.datepicker table tr td.active.active:hover {
	background-color: #00818F !important;
	background-image: none;
}

span.month.active, span.month.active.active {
  background-color: #181D31 !important;
  background-image: none;
}

span.month.focused.active {
  background-color: #181D31 !important;
  background-image: none;
}

span.month.focused.active:hover {
  background-color: #181D31 !important;
  background-image: none;
}
/*#main-content ul, ol {
  list-style-type:square;
  padding-left: 40px;
}*/

/* *******************************************************/
/* ********************* progress bar ********************/
/* *******************************************************/

.appbreadcrumbs {
  list-style-type: none;
  padding: 0;
  border: 1px solid #bfc2cc;
  border-radius: .5rem;
  background-color: #efefef;
}


.appbreadcrumbs__item {
	/*background: #efefef;*/
	color: #kkkkkk;
	font-weight: 600;
	text-align: center;
	position: relative;
	display: inline-block;
	height: 2em;
	width: 110px;
	/*margin: 0 0.5em;*/
	font-size: 14px;
}


.appbreadcrumbs__link {
	color: #kkkkkk;
	font-weight: 600;
	line-height: 2;
	display: inline-block;
	width: 100%;
	padding: 0 1em;
	box-sizing: border-box;
	text-decoration: none;
	position: relative;
}


.appbreadcrumbs__item_active {
	background: #181D31/*#d25a02*/;
	font-weight: 600;
	position: relative;
	display: inline-block;
	height: 2em;
	width: 110px;
	/*margin: 0 0.5em;*/
	font-size: 14px;
}

.appbreadcrumbs__link_active {
	color: #ffffff;
	text-align: center;
	line-height: 2;
	display: inline-block;
	width: 100%;
	padding: 0 1em;
	box-sizing: border-box;
	text-decoration: none;
	position: relative;

}

.appbreadcrumbs_start {
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
}

.appbreadcrumbs_end {
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem

}

/* *******************************************************/




/***********************************/
/********** app accordian *********/
/***********************************/

/*.app-accordian ul li {
    display: block;
    line-height: 37px;
}*/

.app-accordian ul li a {
    color: #6e789b;
    font-size: 14px;
    display: block;
    /*border-bottom: 1px solid #9398a9;*/
    margin-bottom: 4px;
}

.app-accordian ul li a > span {
    text-align: right;
    display: inline-block;
    float: right;
    font-size: 12px;
    padding: 12px 0;
}

.app-accordian {
    margin-top: 0px;
    margin-bottom: 20px;
}

.app-accordian .panel-title > a {
    display: block;
    font-size: 14px;
    /*line-height: 40px;*/
    /*border-bottom: 1px solid #b5bace;*/
    color: #00818F;
    margin-bottom: 4px;
}

.app-accordian .panel-title > a:hover {
    color: #00818f;
}

.app-accordian .panel-body {
   margin-left: 30px;
   margin-right: 30px;
   padding: 5px 0px 5px 0px;
   border-top: 1px solid #9398a9;
   border-bottom: 1px solid #9398a9;
}


.app-accordian a.collapsed {
    position: relative;
}

.app-accordian .panel-title > a.collapsed:before {
    content: "+";
    float: left;
    font-size: 20px;
    margin-top: -3px;
    margin-right: 4px;
}

.app-accordian .panel-title > a:before {
    content: "-";
    float: left;
    font-size: 24px;
    margin-top: -5px;
    margin-right: 4px;
}

/*******************************************/
/*******YES NO RADIO BUTTON STYLES *********/
/*******************************************/


/* TOGGLE STYLING */
.toggle {
  margin: 0 0 1.5rem;
  box-sizing: border-box;
  font-size: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.toggle input {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
}
.toggle input + label {
  margin: 0;
  padding: 0.75rem 2rem;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  border: solid 1px #c5c5c5;
  background-color: #fff;
  font-size: 1rem;
  line-height: 140%;
  font-weight: 600;
  text-align: center;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
  /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
  /*flex: 0 0 50%; display: flex; justify-content: center; align-items: center;*/
  /* ----- */
}
.toggle input + label:first-of-type {
  border-radius: 6px 0 0 6px;
  border-right: none;
}
.toggle input + label:last-of-type {
  border-radius: 0 6px 6px 0;
  border-left: none;
}
.toggle input:hover + label {
  border-color: #213140;
  background-color: #E0E5E9;
}
.toggle input:checked + label {
  /*background-color: #4b9dea;*/
  background-color: #181D31;
  color: #fff;
  /*box-shadow: 0 0 10px rgba(102, 179, 251, .5);*/
  /*border-color: #4b9dea;*/
    background-color: #181D31;
  z-index: 1;
}

/*.toggle input:checked + label:before {
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: 900;
    content: "\f00c";
    width: 1.4em;
    color: #45CF0D;
    padding-right: 4px;
    padding-bottom: : 0.75rem;
    margin-left: -10px;
}*/

.toggle input:focus + label {
  outline: dotted 1px #ccc;
  outline-offset: 0.45rem;
}
@media (max-width: 800px) {
  .toggle input + label {
    padding: 0.75rem 0.25rem;
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
/* STYLING FOR THE STATUS HELPER TEXT FOR THE DEMO 
.status {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
}
.status span {
  font-weight: 600;
  color: #b6985a;
}
.status span:first-of-type {
  display: inline;
}
.status span:last-of-type {
  display: none;
}
@media (max-width: 800px) {
  .status span:first-of-type {
    display: none;
  }
  .status span:last-of-type {
    display: inline;
  }
}
*/

option.separator {
   background-color: #dadada;
   font-size: 1px;
   min-height:1px; 
   max-height:1px; 
   padding:0;
}


.part {
    margin-top: -15px;
    font-size: 20px;
}

.part span {
  font-weight: normal;
  /*color: #00818F;*/
}

.appnav-border {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #ccc;
}


.app-nav-buttons {
  margin-top: 40px;
  justify-content: center!important;
  display: flex!important;
  padding-top: 20px;
  border-top: solid 1px #ccc;
}

textarea{
	resize: none;
}

.percent-control {
    padding: .375rem .75rem;
      padding-top: 0.375rem;
      padding-right: 3px;
      padding-bottom: 0.375rem;
      padding-left: 0rem;

  border: 1px solid #ced4da;
    border-top-color: rgb(206, 212, 218);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(206, 212, 218);
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-color: rgb(206, 212, 218);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(206, 212, 218);
    border-left-style: solid;
    border-left-width: 1px;
}

.percent-input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;

  }
.percent-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    /*padding: .375rem .75rem;*/
    padding-left: 0;
    padding-right: 5px;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    /* background-color: #e9ecef; */
    border: 1px solid #ced4da;
    border-top-color: rgb(206, 212, 218);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(206, 212, 218);
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-color: rgb(206, 212, 218);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(206, 212, 218);
    border-left-style: solid;
    border-left-width: 10px;
    border-radius: .25rem;
  }


.percent-input-group-append {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  padding: .375rem .75rem;
      padding-top: 0.375rem;
      padding-right: 12px;
      padding-bottom: 0.375rem;
      padding-left: 0rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    /*background-color: #e9ecef;*/
    border: 1px solid #ced4da;
    border-top-color: rgb(206, 212, 218);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(206, 212, 218);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(206, 212, 218);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(206, 212, 218);
    border-left-style: solid;
    border-left-width: 0px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: .25rem;
  }

    .delete-style-percent {
    font-size: 1.5em;
    /* display: inline-block; */
    margin-top: -15px;
    /* margin-bottom: 5px; */
    /* margin-left: -10px; */
    /* vertical-align: middle; */
    font-weight: 900;
    margin-left: 10px;
    color: #d80000;
    background: none;
    border:none;
    cursor: pointer;
  }

.sections{
font-family: poppins;
  font-size: 25px;
  font-weight: normal;
}

  .password-section > input::-ms-reveal,
  .password-section > input::-ms-clear
  {
	   display: none !important;
   }


/* application sections chevron */

.accordion .card-title{
  cursor: pointer;
}
.accordion .card-header:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px;      
    content: "\f078";
    float: right; 
    cursor: pointer;

}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    font-family: 'Font Awesome 5 Free'; 
    font-weight: 900;
    font-size: 20px; 
    content: "\f054"; 
    cursor: pointer;
}

.accordion .card-body {
      border-bottom: 1px solid rgba(0,0,0,.125);
}
/*******************************************/
/******* Password Rules Styling *********/
/*******************************************/
.pwd-rules{
	position:absolute; 
    color:#dc3545;
    background: #fff;
    border: 1px solid #00818F;
    border-radius: 4px;
    z-index:1100;  
    font-size: .90em;
}
.pwd-rules ul li{
	padding: 5px;
	list-style: none;
	margin-left:-30px;
}
.pwd-rules ul li:first-child{
	padding-top: 15px;
}
.pwd-rules ul li:last-child{
	margin-bottom: -25px;
}
.pwd-rules ul li span{
	padding-right: 5px;
	font-size: 1.0em;
}
.pwd-rules h3{
	color: #323857;
	padding-left: 15px;
}
.pwd-rules .arrow{
	color: #999;
	font-size: 2.1em;
	
}


@media only screen and (min-width: 1024px){
.pwd-rules{       	
    padding: 0px 0px 20px 0px;    
    width: 235px;    
    right: -90px;
    top: 25px;    
}

.pwd-rules .arrow{    
    position: absolute;
    margin-top: 0px;    
    top: 5px;
    left: -13px;    
    transform: rotate(90deg)
}
}


@media only screen and (min-width: 1200px){
.pwd-rules{       	
    padding: 0px 0px 20px 0px;    
    width: 235px;    
    right: -10px;
    top: 25px;    
}
.new-pass{
	right: -185px !important;
}
.pwd-rules .arrow{    
    position: absolute;
    margin-top: 0px;    
    top: 5px;
    left: -13px;    
    transform: rotate(90deg)
}
}


@media only screen and (max-width: 812px){
	.pwd-rules{    
    padding: 0px;    
    width: 290px;
    bottom: 55px;    
}

.pwd-rules .arrow{    
    justify-content: center;
    display: flex;
    margin-top: 0px;
    position: relative;
    top: 19px;
    
}
}

.pwd-note{
	color:#000; 
	background:#eee; 
	padding:10px; 
	margin:27px 0px -28px 0px;
	font-size: .8em;
}
.ssn-elem-disc{
	font-family: 'text-security-disc';
}
.top-border-2x {
    border-top: 2px solid ;
}
#linkBackElgRvw{
	margin-left: 20px;
}

.sugguested{	
	border-left: 7px solid #00818f;
}
.age-mb{
	margin-bottom: 11px
}
.hnt-answer-input{
	width: 345px; 
	padding-right: 59px !important; 
	text-overflow: ellipsis;
}
.input-group button {
    border: 0;
    background: transparent;
    color:#fff;
}
/* select:required {
  box-shadow: 0px 1px 5px rgba(200, 0, 0, 0.85);
} */

.nounderline{
	text-decoration: none !important;
}
#search_input_cludo2>.input-group {
    border: 1px solid rgba(0,0,0,.5);
    box-shadow: 0 2px 3px rgba(0,0,0,0.06);
}
#search_input_cludo2 input{
	font-size: 1.3rem;
	height:45px;
	box-sizing: border-box;
}
#search_input_cludo2>.input-group .input-group-addon {
    color: #fff;
    background-color: #63B2BB;
    border-color: #63B2BB;
    padding: 8px;
    width: 3.6rem
}
#search_input_cludo2>#search-input{
	    font-size: 1.15em;
}