/** ** ** **
*
* General
*
** ** ** **/
#dmForm {
	color: #777;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 600px;
	min-height: 600px;
}

#dmForm .tab {
  display: none;
  /* display: initial; */ 		/*      DEVELOPMENT ONLY      */
  padding-bottom: 30px;
}

/**
* Debt Type Amounts
**/
#dmForm .debt-amount {
	display: none; /* Debt Type Amounts do not show until they are selected */
}

/**
Spacing
**/
#dmForm .title-label,
#dmForm .subtitle-label,
#dmForm #regForm .permission {
	margin-top: 20px;
}

#dmForm .progress-bars,
#dmForm .title-label,
#dmForm .subtitle-label {
	margin-bottom: 20px;
}

#dmForm .subtitle-label {
	margin-top: 20px;
}


#dmForm .title-label {
	font-weight: bold;
	
}



/** ** ** **
*
* Buttons and Inputs
*
** ** ** **/
#dmForm button {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#dmForm .ui-button {
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	border: none;
	background-color: #e5e5e5;
	border-radius: 4px;
	color: #777;
	display: flex;
	flex-direction: column;
	text-align:center;
	justify-content: center;
	height: 100%;
}

#dmForm .debt-type-button,
#dmForm .debt-amount-box {
	padding-bottom: 10px;
}

#dmForm .ui-button:hover { 
	background-color: #d5d5d5;
	border: none;
}

#dmForm .ui-state-active,
#dmForm .ui-button.ui-state-active:hover,
#dmForm .ui-button.ui-state-active { 
	background: #90c34a;
	border: none;
	color: #fff;
}

#dmForm #regForm #nextBtn {
	background-color: #90c34a;
	border: 3px solid #90c34a;
	color: #fff;
}
#dmForm #prevBtn {
	background-color: #fff;
	border: 3px solid #90c34a;
	color: #777;
}

#dmForm #regForm .nextBtnCol #nextBtn:hover {
	border: 3px solid #fff;
}

#dmForm #prevBtn:hover {
	background-color: #90c34a;
	border: 3px solid #fff;
	color: #fff;
}

#dmForm .input-text {
	text-align: center;
	width:100%;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 2px solid #ddd;
	border-radius: 4px;
}

#dmForm .permission .checkbox {
	height: 30px;
	width: 30px;
	position: absolute;
}


/** ** ** **
*
* Validation
*
** ** ** **/
#dmForm #regForm .permission {
	/* max-width: 450px; */
	font-style: normal;
}

#dmForm .permission-check--label {
	margin-left: 40px;
}

#dmForm .permission-check--no-check {
	color: #fe4444;
}

#dmForm input::placeholder, #dmForm textarea::placeholder {
	color: #ddd;
	opacity: 1;
}

#dmForm .need-selection {
	display: none;
}

#dmForm .checkboxradio {
	/* display: none; */
	outline: none;
}

#dmForm input {
	outline: none;
}

#dmForm #regForm .invalid {
	border: 1px solid #fe4444;
}

/** ** ** **
*
* Progress Bar
*
** ** ** **/
#dmForm .step {
	height: 20px;
	width: 20px;
	margin: 0 2px;
	background-color: #ddd;
	border: 5px solid white; 
	border-radius: 50%;
	display: inline-block;
}

#dmForm .step.active {
	/* Mark the active step: */
	background-color: #90c34a;
	opacity: 1;
	border: 10px solid #90c34a;
  
}

#dmForm .step.finish {
	background-color: #90c34a; /* Mark the steps that are finished and valid: */
}

/** ** ** **
*
* Qualifier Loading
*
** ** ** **/
#dmForm #load {
	font-size: 3em;
	margin-top: 90px;
	margin-bottom: 50px;
	color: #90c34a;
}

/** ** ** **
*
* Results
*
** ** ** **/
#dmForm .congratulations {
	font-size: 2.1em;
	/* padding-top: 20px; */
	margin-top: 0;
	margin-bottom:30px;
	color: #333;
}

#dmForm .success {
	font-size: 4.4em;
	color: #90c34a;
}

#dmForm #approved, #dmForm #uneligible {
	display: none;
}