/* Used in the Apply Now page */
.flex-content {
    display: flex;
}
.flex-left {
    flex: 1;
}
.flex-center {
    flex: 1;
}
.flex-right {
    flex: 1;
}
.flex-right-2 {
    flex: 2;
}
.form-tab {
  cursor:pointer;
	color:Gainsboro;
	font-weight:bold;
	font-size:x-small;
	font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
	padding-bottom:1em;
	border-bottom:solid Gainsboro 1px;
}
.form-tab.active {
  cursor:default;
	color:#066ab8;
	border-bottom:solid #066ab8 2px;
}
.your-progress {
	color:LimeGreen;
	font-size:x-small;
	font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
	margin-top:1.5em;
}
.decor-sidebar {
  height:35em;
	background-color:#066ab8;
  color:white;
	position:relative;
}
#sidebar-top {
  position:absolute;
	left:7%;
	top:10%;
}
#sidebar-top h2 {
  color:white;
  font-weight:bold;
  font-size:1.5em;
  line-height:1.6em;
}
#sidebar-top p {
  font-size:0.75em;
}
#sidebar-top h2 span, #sidebar-top p span {
  display:block;
  clear:both;
}
#small-circular-progress {
  width:4em;
  height:4em;
  margin-right:0.5em;
  float:right;
}
#circular-progress {
  width:13em;
  height:13em;
  background-color:#066ab8;
  position:relative;
  text-align:center;
  /* border-radius:50%; */
}
.circles {
	/* to change origin of dash stroke */
	transform-origin:center center;
	/* transform:rotate(90deg); */
  transition: 1s ease-out;
}
.circles circle, path {
	stroke-linecap:round;
}
#circular-progress-percentage {
  z-index:2;
  margin-top:-3em;
  font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size:3em;
  font-weight:bold;
}
#step-icon {
	position:absolute;
	left:1.5em;
	bottom:2em;
}
/* START : Prevent rows from disintegrating */
#content-1,#content-2,#content-3,#content-4 {
  font-size:0.9em;
}
label.block_40 {
    max-width: 40%;
}
label.block_20 {
    max-width: 20%;
}
label.block_30 {
  max-width: 30%;
}
label.block_80 {
  max-width: 75%;
}
/* END : Prevent rows from disintegrating */

/* Override  the placeholder color from the one defined by the theme */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #7A7A7A;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #7A7A7A;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #7A7A7A;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #7A7A7A;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color: #7A7A7A;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color: #7A7A7A;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color: #7A7A7A;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color: #7A7A7A;}

span.asterisk {
  color:#0E6ED6;
}
.wpcf7 input[type="text"].has-error,
.wpcf7 input[type="tel"].has-error,
.wpcf7 input[type="email"].has-error,
.wpcf7 input[type="date"].has-error,
.wpcf7 textarea.has-error,
.wpcf7 select.has-error {
  background-color: #f5b7b1;
}
span.wpcf7-list-item {
	margin-right:10px;
}
.download-button {
  text-align:center;
  padding-bottom:2em;
  border-radius:1em;
  border:dashed 1px #4682B4;
  background-color:#f2f9ff;
}
.download-button.has-error {
  border-color:crimson;
}
.download-button svg {
  width:60%;
  margin:1.5em auto 1em;
}
.download-button > span, .download-button > span > span {
  text-align:center;
  font-size:0.9em;
}
.download-button input[type=file] {
  visibility:hidden;
}
.middle-download-button {
  margin-left:5%;
  margin-right:5%;
}
.ml-3p {
  margin-left: 3%;
}
.ml-5p {
  margin-left: 5%;
}
.ml-8p {
  margin-left: 8% !important;
}
.mt-1 {
	margin-top:1em;
}
.pl-2p {
  padding-left: 2%;
}
.pl-5p {
  padding-left: 5%;
}
.underline {
  text-decoration:underline;
}
.show-inline {
  display:inline-block;
}
.show {
  display:block;
}
.hide {
  display:none;
}
.fake-vertical-center {
  text-align:center;
  -ms-transform: translateY(11em);
  transform: translateY(11em);
}
#complete-circular-progress {
  display:none;
}

.question > span {
  font-size: 16px;
  color:#777;
}
.question > div:last-child {
  margin-top:10px;
  margin-bottom:20px;
}

.business-information-note {
  margin-bottom:10px;
}
.business-information-note-content {
  height: 140px;
  border:solid 1px #066ab8;
  display: flex;
  align-items: center;
}
.business-information-note-content > div:first-child {
  height:100%;
  width: 100px;
  background-color: #066ab8;
  display:flex;
  align-items: center;
}
.business-information-note-content > div:first-child > span {
  font-size: x-large;
  font-family: sans-serif;
  color: #FFFFFF;
  display:block;
  margin:0 auto;
}
.business-information-note-content > div:last-child {
  flex-grow:1;
  text-align:center;
  padding:5px;
}
.business-information-note-content > div > h3, 
.business-information-note-content > div > p {
  margin-bottom: 5px;
}
.business-information-note-content > div > p {
  color:#777;
}

.button-yes-no {
  align-items: center;
  /* background-color: #06f; */
  background-color: #FFFFFF;
  border: 1px solid #066ab8;
  box-sizing: border-box;
  color: #066ab8;
  cursor: pointer;
  display: inline-flex;
  /* font-family: Inter,sans-serif; */
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 24px;
  min-width: 100px;
  outline: 0;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  /* stop Safari Mobile from giving input buttons rounded corners */
  -webkit-appearance: none;
  border-radius: 0;
}
.button-yes-no:active, .button-yes-no.clicked {
  background-color: #066ab8;
  color: #FFFFFF;
}

@media (max-width: 590px){
  #step-1 {
    margin-top:3em;
  }
  .form-tab {
    text-align:center;
  }
  /* Hide sidebar for small screens.
  However, it needs to be visible at some point */
  .hide-on-small-screen {
    display:none;
  }
  .fake-vertical-center {
    -ms-transform: translateY(2em);
    transform: translateY(2em);
  }
  #complete-circular-progress {
    display:block;
    width:100%;
    min-height:24em;
  	background-color:#066ab8;
    color:white;
  	position:relative;
  }
  #complete-circular-progress-percentage {
    margin:0;
    position: absolute;
    top: 50%;
    font-weight:bold;

    z-index:2;
    -ms-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
    font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size:5em;
  }
  label.block_30, label.block_40, label.block_20 {
    max-width: 100%;
  }
  .ml-3p, .ml-5p {
    margin-left: 0;
  }
  .middle-download-button {
      margin-top: 5%;
      margin-left: 0;
      margin-bottom: 5%;
  }

  .business-information-note-content {
    height: 160px;
  }
}