@import url("https://fonts.googleapis.com/css?family=Roboto:300i,400,400i,500,700,900");

:root
{
	--primary-blue: #006ca7;
	--light-blue: #0bb5ff;
	--light-light-blue: #e5f0f7;
	--shadow-blue: rgba(0,108,167,.3);
	--dark-blue: #014576;
	--orange: #e7792b;
	--green: #7ab642;
	--white: #ffffff;
	--black: #3d3d3d;
	--dark-grey: #212121;
	--medium-grey: #6b6b6b;
	--medium-light-grey: #afafaf;
	--light-grey: #d6d9db;
	--light-light-grey: #e9e9e9;
	--red: #c10221;
}

/* Disable mobile scroll up page auto-refresh which resets everything */
body
{
	overscroll-behavior: contain;
	overflow-x: hidden;
}

#hdr
{
	background-color: rgb(0, 30, 64);
}
#hdrCUTXLogo
{

}
#hdrLoanApp
{

}

.declarations
{
	margin-bottom: 20px;
	border-bottom: 1px solid lightgray;
	padding-bottom: 15px;
}

@media only screen and (max-width: 600px)
{
	.navOpt.step-complete, .navOpt.step-incomplete
	{
		max-width: 40px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		margin-left: auto;
		margin-right: auto;
	}
	.navOpt.step-complete::first-letter, .navOpt.step-incomplete::first-letter
	{
		color: transparent;
	}
}

.justify
{
	text-align: justify;
}

.step-complete {
  box-shadow: none;
  background: #80be2a;
  color: #000;
}
.step-active {
	background: #0076bc;
	color: #fff;
}
.step-incomplete {
	box-shadow: none;
	background: rgb(213,216,219);
	color: #000;
}
.switch input:checked + .slider {
	background-color: #0076bc;
}
.form-control {
	color:#000;
}
.footer_link{
	color:#0076bc;
}
.footer_link:hover {
	color:#0bb5ff;
}
.btn-cutx-blue {
padding: 20px 45px;
border-radius: 2px;
transition: all .2s ease-in-out;
font-size: .9125rem;
text-transform: uppercase;
background: #0076BB;
border: 3px solid transparent;
color: #FFF!important;
white-space: initial;
line-height: 1.2;
margin-top: 15px;
margin-left: 15px;
}
.btn-cutx-blue:hover {
padding: 20px 45px;
border-radius: 2px;
transition: all .2s ease-in-out;
font-size: .9125rem;
text-transform: uppercase;
background: #FFF;
border: 3px solid #0076BB;
color: #0076BB!important;
white-space: initial;
line-height: 1.2;
margin-top: 15px;
margin-left: 15px;
cursor: pointer;
text-decoration: none;
}
.btn-cutx-grey {
padding: 20px 45px;
border-radius: 2px;
transition: all .2s ease-in-out;
font-size: .9125rem;
text-transform: uppercase;
background: #212121;
border: 1px solid transparent;
color: #FFF!important;
white-space: initial;
line-height: 1.2;
margin-top: 15px;
margin-left: 15px;
}
.btn-cutx-grey:hover {
padding: 20px 45px;
border-radius: 2px;
transition: all .2s ease-in-out;
font-size: .9125rem;
text-transform: uppercase;
background: #FFF;
border: 1px solid #212121;
color: #212121!important;
white-space: initial;
line-height: 1.2;
margin-top: 15px;
margin-left: 15px;
cursor: pointer;
}


.btn-cutx-green
{
	width: 100%;
	padding: 8px;
	transition: all .2s ease-in-out;
	font-size: 1rem;
	text-transform: uppercase;
	background: #80be2a;
	/* border: 5px solid transparent; */
	color: #FFF !important;
	white-space: initial;
	line-height: 1rem;
	margin-top: 15px;
	margin-left: 5px;
	border-radius: 1rem;
}

.btn-cutx-green:hover {
	width:100%;
padding: 8px;
transition: all .2s ease-in-out;
	font-size: 1rem;
text-transform: uppercase;
background: #FFF;
border: 5px solid #80be2a;
color: #80be2a!important;
white-space: initial;
	line-height: 1rem;
margin-top: 15px;
margin-left: 5px;
cursor: pointer;
	border-radius: 1rem;
}







/*
.a41_btn_blue		{	border-top: 0.375rem solid var(--primary-blue);	}
.a41_btn_orange	{	border-top: 0.375rem solid var(--orange);			}
.a41_btn_green		{	border-top: 0.375rem solid var(--green);			}
.a41_btn_red		{	border-top: 0.375rem solid var(--red);				}
*/







/*
.primarySection2 {
	margin-left:7px;
	margin-right:7px;
}
*/


#hmda_pri_fieldset	{	border-color: var(--primary-blue) !important;		}
#hmda_co_fieldset	{	border-color: var(--orange) !important;		}
#hmda_3rd_fieldset	{	border-color: var(--green) !important;		}
#hmda_4th_fieldset	{	border-color: var(--red) !important;		}

.primarySection {
  border-right: 2px solid var(--primary-blue);  /* #0076bc; */  
  border-left: 2px solid var(--primary-blue);  /* #0076bc; */  
  border-radius: 2px;
}
.primarySection .input-group-text {
	background: var(--primary-blue);  /* #0076bc; rgba(0, 118, 188, .5); */  
	color:#000;
}
.primarySection input:checked + .slider {
	background: var(--primary-blue);  /* #0076bc;  */ 
}

.primarySection h3 {
  font: bold 12px Sans-Serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: var(--primary-blue);  /* #0076bc;  */ 
  color: #fff;
  padding: 5px 10px;
  margin: 0 0 10px 0;
  line-height: 24px;
}



.coBorrowerSection {
	margin-top: 15px;
  border-left: 2px solid var(--orange);  /* rgba(237,132,28, .5); */
  border-right: 2px solid var(--orange);  /* rgba(237,132,28, .5); */
  border-radius: 2px;
}
.coBorrowerSection .input-group-text {
	background: var(--orange);  /* rgba(237,132,28, .5); */
	color:rgb(54,54,54);
}
.coBorrowerSection input:checked + .slider {
	background: var(--orange);  /* rgba(237,132,28, .5); */
}

.coBorrowerSection h3 {
  font: bold 12px Sans-Serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: var(--orange);  /* rgba(237,132,28, .5); */
  color: #fff;
  padding: 5px 10px;
  margin: 0 0 10px 0;
  line-height: 24px;
}




.\33rdBorrowerSection {
	margin-top: 15px;
  border-left: 2px solid var(--green);  /* rgba(237,132,28, .5); */
  border-right: 2px solid var(--green);  /* rgba(237,132,28, .5); */
  border-radius: 2px;
}
.\33rdBorrowerSection .input-group-text {
	background: var(--green);  /* rgba(237,132,28, .5); */
	color:rgb(54,54,54);
}
.\33rdBorrowerSection input:checked + .slider {
	background: var(--green);  /* rgba(237,132,28, .5); */
}

.\33rdBorrowerSection h3 {
  font: bold 12px Sans-Serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: var(--green);  /* rgba(237,132,28, .5); */
  color: #fff;
  padding: 5px 10px;
  margin: 0 0 10px 0;
  line-height: 24px;
}



.\34thBorrowerSection {
	margin-top: 15px;
  border-left: 2px solid var(--red);  /* rgba(237,132,28, .5); */
  border-right: 2px solid var(--red);  /* rgba(237,132,28, .5); */
  border-radius: 2px;
}
.\34thBorrowerSection .input-group-text {
	background: var(--red);  /* rgba(237,132,28, .5); */
	color:rgb(54,54,54);
}
.\34thBorrowerSection input:checked + .slider {
	background: var(--red);  /* rgba(237,132,28, .5); */
}

.\34thBorrowerSection h3 {
  font: bold 12px Sans-Serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: var(--red);  /* rgba(237,132,28, .5); */
  color: #fff;
  padding: 5px 10px;
  margin: 0 0 10px 0;
  line-height: 24px;
}





label{
	color:#000;
	font-weight: 600; 
	margin-bottom: 0 !important;
}
.input-group{
	color:#000;
	font-weight: 600; 
}
.navigation-arrow:hover {
	font-size:125%;
	box-shadow: 0 0px 3px 2px #212121;
	border-radius: 8px;
	padding:10px;
	margin:-10px;
}
.navigationSpace {
	margin-top: 23px;
	margin-left:20px;
}
.navigationSpace:hover {
	margin-top: 7px;
	margin-left:10px;
}
#disclosures {
	line-height: 1.2; 
}
.slim {
	margin-top:0;
}
.form-group {
	margin-bottom: 0;
}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
  border: 1px solid black;
  border-radius: 34px;
}
.switch:hover {
	cursor: pointer;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.slider_option{
	margin-left: 10px; 
	margin-right: 3px;
}
.slider_option2{
	position: absolute;
	padding-left: 110%;
}
/*.emphasis{
	text-decoration: underline;
	font-weight: bold;
}*/
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0076bc;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(360deg);
  }
}

#page1Navigation, #page2Navigation, #page3Navigation
{
	padding: 20px;
	font-size:1.75em;
}

.form-subgroup
{
	margin-left: 50px;
}

.hmda_subgrp
{
	margin-left: 50px;
}

.hmda_txt
{
	max-width: -webkit-fill-available;
}

.hmda_sectheader
{
	background-color: #e9ecef;
	/* border: 1px solid #ced4da; */
	border-radius: 0.25rem;
	font-weight: bold;
	padding-left: 20px;
	margin-top: 20px;
}

.hmda_valError
{
	background-color: #fff0f0;
}

.hmda_valError I
{
	color: #dc3545;
}

.hmda_fieldset
{
	display: block;
	margin-inline-start: 2px;
	margin-inline-end: 2px;
	padding-block-start: 0.35em;
	padding-inline-start: 0.75em;
	padding-inline-end: 0.75em;
	padding-block-end: 0.625em;
	min-inline-size: min-content;
	border-width: 2px;
	border-style: groove;
	border-color: rgb(192, 192, 192);
	border-image: initial;
	border-radius: 10px;
}

.hmda_legend
{
	width: unset;
	margin-bottom: unset;
	font-size: unset;
	display: block;
	max-width: 100%;
	padding: 0;
	/* width: 100%; */
	/* margin-bottom: 0.5rem; */
	/* font-size: 1.5rem; */
	line-height: inherit;
	color: inherit;
	white-space: normal;
	padding: 10px;
}


.pri_decl_fieldset, .co_decl_fieldset, .\33rd_decl_fieldset, .\34th_decl_fieldset
{
	display: inline-block;
	width: 140px;
	margin-inline-start: 2px;
	margin-inline-end: 2px;
	padding-block-start: 0px;
	padding-inline-start: 8px;
	padding-inline-end: 8px;
	padding-block-end: 8px;
	min-inline-size: min-content;
	border-width: 2px;
	border-style: solid;
	border-color: rgb(192, 192, 192);
	border-radius: 8px;
	text-align: left;
}

.pri_decl_legend, .co_decl_legend, .\33rd_decl_legend, .\34th_decl_legend
{
	width: unset;
	margin-bottom: unset;
	font-size: unset;
	display: block;
	max-width: 100%;
	padding: 0;
	line-height: inherit;
	color: inherit;
	white-space: normal;
	padding: 10px;
}

.declarationAnswer
{
	max-width: 320px;
	width: 320px;
	min-width: 320px;
	text-align: right;
}

.navOpt
{
	color: #000;
	padding: 8px;
	font-size: 1em;	
	border-bottom: solid 3px #d5d8db;
}

.limitImgWidth
{
	max-width: 72vw;
}

div#hdrLoanAppDiv {
 @media screen and (min-width : 321px) and (max-width: 599px){
		 display: flex;
	}
   
}

img#hdrLoanAppImg {
	@media screen and (min-width : 321px) and (max-width: 599px){
		width : 90%;
		align-self : center;
	}
}


.form-group
{
	margin-bottom: 0 !important;
}

body
{
	font-size: 1rem !important;
}
		 
.input-group-text
{
	 font-size: 1rem !important;
}

.form-control
{
	font-size: 1rem !important;
}