@import  url(https://fonts.googleapis.com/css?family=Roboto:200,300,400,500|Material+Icons);

:root {
  --primary-bg: #ae2181;
  --primary-co: #ffffff;
  --secondary-bg: #31479d;
  --secondary-co: #ffffff;
  --page-bg: #e3e3e3;
  --page-co: #4a4a4a;
  --logo: url(https://static.itsme247.com/iris/378/itsme247/v1/img/desktop/hhK4pBOJkae94kqrlMo5vBlJHA5OrgOFydTYerzr.png);
}

body {
	background: var(--page-bg);
  color: var(--page-co);
	font-family: 'Roboto' !important;
}

.formbox {
	background-image: none !important;
	padding: 18px;
	background-color: #F5F5F7;
  color:#4a4a4a;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	border: none;
	margin-bottom: 20px;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
.progress_nav ul li a {
  height: 23px;
  background: var(--secondary-bg);
  color: var(--secondary-co);
  box-shadow: none;
  border-radius: 5px;
  opacity: 0.7;
  transition: all 0.2s;
}
.progress_nav ul li a:after {
  display: none;
}
.progress_nav ul li a:hover {
  background: none;
  filter: brightness(110%);
  background-color: var(--secondary-bg);
  color: var(--secondary-co);
  opacity: 1;
}

.progress_nav ul li.disabled {
	height: 23px;
  background: #f1f1f1;
  box-shadow: none;
  border-radius: 5px;
}

.progress_nav ul li.current {
  height: 23px;
  background: var(--secondary-bg);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: var(--secondary-co);
  box-shadow: none;
}

.radio_togglebtn2 .togglebtn .ui-state-default,
.radio_togglebtn2 .togglebtn .ui-widget-content .ui-state-default,
.radio_togglebtn2 .togglebtn .ui-widget-header .ui-state-default {
  user-select: none;
  text-align: center;
  text-indent: 0;
  font-size: 14px;
  display: block;
  float: left;
  cursor: pointer;
  width: auto;
  margin-right: 7px;
  text-shadow: 0 0px 0 rgb(0 0 0 / 0%);
  padding: 11px 20px;
  border-radius: 4px;
  border: none;
  color: inherit;
  background: #e5e5e5;
  font-family: inherit;
  font-weight: 400;
}

.radio_togglebtn2 .togglebtn .ui-state-active,
.radio_togglebtn2 .togglebtn .ui-widget-content .ui-state-active,
.radio_togglebtn2 .togglebtn .ui-widget-header .ui-state-active {
  color: var(--primary-co);
  background: var(--primary-bg);
}

.checkradio_frame input[type=checkbox] {
  accent-color: var(--primary-bg);
}

.checkradio_frame input[type=radio] {
  accent-color: var(--primary-bg);
}
.checkradio_frame:hover {
  background: none;
}



.header1_wrap {
  display: none;
}

.header2_wrap {
  background: none;
  background-color: var(--secondary-bg);
  box-shadow: none;
  height: 93px;
}

.header2_wrap .header_bottom {
  background: none;
}
.header2_wrap .header_logo {
  content: var(--logo);
  max-width: 200px;
  height: auto;
  max-height: 60px;
  width: auto;
  float: none;
  margin: 17px auto 0 auto;
}




h2, h5 {
  color: #4a4a4a;
}
h5 {
  line-height: 20px;
}
h6, h3 {
  color: var(--primary-bg);
}
h3 {
  font-size: 16px;
}
h3.gray {
  font-size: 16px;
  font-weight: 500;
  color: #4A4A4A;
}

.label, label {
  color: inherit;
  font-weight: 400;
  font-size: 14px;
}

.text-14 {
  font-size:14px;
  line-height: 20px;
}

.text-primary {
  color:var(--primary-bg) !important;
}

.text-primary sup {
  color:var(--primary-bg) !important;
}

.text-bold {
  font-weight:700;
}

.stepheader {
  font-size:24px;
  font-weight:700;
  color:#4A4A4A;
  text-shadow: none;
}

.validation-summary-errors {
 color: #D92D20;
}
.validation-summary-errors li {
 font-weight: 700;
}

.formbox1_flex .field_data.solid-primary {
  color: var(--primary-co);
  background-color: var(--primary-bg);
  padding: 7px 10px;
  font-size: 18px !important;
  font-weight: 500;
}

.body_wrap .submitbutton1,
.body_wrap .button_1,
.body_wrap .button_3 {
  background: none;
  background-color: var(--primary-bg);
  color: var(--primary-co);
  text-shadow: none;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  border-width: 0;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgb(0 0 0 / 15%);
  padding: 10px 10px;
  height: auto;
  min-width: calc(50% - 7px);
  box-sizing: border-box;
  transition: all 0.2s;
}
.body_wrap .submitbutton1:focus,
.body_wrap .submitbutton1:hover,
.body_wrap .button_1:focus,
.body_wrap .button_1:hover,
.body_wrap .button_3:focus,
.body_wrap .button_3:hover {
  background: none;
  filter: brightness(110%);
  background-color: var(--primary-bg);
}


.body_wrap .submitbutton3,
.body_wrap .submitbutton4,
.body_wrap .button_4 {
  position: relative;
  background: none;
  color: var(--primary-bg);
  border: 1px solid var(--primary-bg);
  text-shadow: none;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 9px 10px;
  height: auto;
  line-height: unset;
  min-width: calc(50% - 7px);
}

.body_wrap .button_4,
.body_wrap .submitbutton4.back {
  color: #8D8D8D;
  border-color:#8D8D8D;
}

.body_wrap .submitbutton3:focus,
.body_wrap .submitbutton3:hover,
.body_wrap .submitbutton4:focus,
.body_wrap .submitbutton4:hover,
.body_wrap .button_4:focus,
.body_wrap .button_4:hover {
  background: none;
}

.body_wrap .submitbutton3:after
.body_wrap .submitbutton4:after,
.body_wrap .button_4:after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  border-radius: 5px;
  transition: all 0.2s;
}

.body_wrap .submitbutton3:hover:after,
.body_wrap .submitbutton3:focus:after,
.body_wrap .submitbutton4:hover:after,
.body_wrap .submitbutton4:focus:after,
.body_wrap .button_4:hover:after,
.body_wrap .button_4:focus:after {
  background-color: var(--primary-bg);
}

.body_wrap .submitbutton1 {
  margin-right:-15px;
}

.body_wrap .button_wide {
  width:100%;
}
.body_wrap .formbox1_flex .button_half {
  min-width: calc(50% - 7px);
  width: auto;
  margin-top: auto;
}


input[type="text"],
input[type="password"],
input.text-box {
  width: 100%;
  border-color: #8D8D8D;
  border-radius: 4px;
  color: #4A4A4A;
  box-shadow: none;
  background: none;
  background-color: white;
  padding: 8px 10px;
  box-sizing: border-box;
  height: 38px;
  font-size: 15px;
  font-family: inherit;
  text-align: left !important;
  margin-bottom: 10px;
}

/* ios datepicker text alignment */
input::-webkit-date-and-time-value{ text-align:left; }

select {
  position: relative;
  width: 100%;
  border-color: #8D8D8D;
  border-radius: 4px;
  color: #4A4A4A;
  font-size: 15px;
  box-shadow: none;
  background: none;
  background-color: white;
  padding: 8px 8px;
  box-sizing: border-box;
  height: 38px;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='lightgray'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 25px 12px;
  background-position: right 13px;
}

textarea {
  width: 100%;
  border-color: #8D8D8D;
  border-radius: 4px;
  color: #4A4A4A;
  font-size: 15px;
  padding: 8px 10px;
  font-family: inherit;
  box-sizing: border-box;
}

.formbox1_flex {
  border-radius: 5px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  background: none;
  border: none;
  background-color: white;
  padding:15px;
}

.sticky {
  background-color: white;
  border: 1px solid var(--primary-bg);
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgb(0 0 0 / 6%);
  -moz-box-shadow: 0 4px 12px rgb(0 0 0 / 6%);
  box-shadow: 0 4px 12px rgb(0 0 0 / 6%);
  padding: 10px;
  margin: 0;
}

.sticky h3 {
  color: var(--primary-bg);
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
}
.sticky.taped2 h3:after {
  display: none;
}

.loanappdivline1 {
  background: none;
  background-color: #E0E0E0;
  height: 1px;
  margin-bottom: 20px;
}

.inputhelper_left {
  position: relative;
  background: none;
  border: none;
  box-shadow: none;
  width: 0;
  height: 0;
  top: 18px;
  color: #B2B2B2;
  left: 5px;
  font-size: 15px;
  line-height: 0;
  margin: 0;
  pointer-events: none;
}
.inputhelper_right {
  position: relative;
  background: none;
  border: none;
  box-shadow: none;
  top: 18px;
  color: #B2B2B2;
  left: 5px;
  font-size: 15px;
  margin: 0px 0 0 -126px;
  text-align: right;
  width: 100px;
  display: inline-block;
  height: 0;
  line-height: 0;
  pointer-events: none;
}
.inputhelper_left + input[type="text"] {
  padding-left: 20px;
}

.notify1 {
  position: relative;
  box-shadow: none;
  border-color: #E0E0E0;
  border-radius: 4px;
  background: none;
}
.notify1:before {
  position: absolute;
  content: '\e000';
  font-family: "Material Icons";
  font-size: 34px;
  left: 3px;
  top: calc(50% - 17px);
  color: #ff6b6b;
}

.Success {
  position: relative;
  background: none;
  border-radius: 5px;
  box-shadow: none;
  padding: 0;
  border: none;
  color: var(--primary-bg);
  font-style: italic;
  font-weight: 500;
}

.alert1 {
  background: none;
  padding:2px;
}

.alert4 {
  position: relative;
  background: none;
  color: var(--primary-bg);
  font-size: 14px;
  font-weight: 500;
  background-color: white;
  border: 1px solid;
  border-color: var(--primary-bg);
  border-radius: 4px;
  padding: 15px 15px 15px 52px;
  line-height: 20px;
}
.alert4:before {
  position: absolute;
  content: '\e0bf';
  font-family: "Material Icons";
  font-size: 31px;
  left: 13px;
  top: calc(50% - 10px);
  color: var(--primary-bg);
}

.alert5 {
  position: relative;
  background: none;
  padding: 2px 0 2px;
}

/* specifics **************************/

.box1_flex {
  border-color: #C2C2C2;
  background: none;
  background-color: #F7F7F7;
  border-radius: 4px;
  box-shadow: none;
}

.box1_flex label {
  margin-top:10px;
}
.box1_flex .checkradio_frame label {
  margin:0;
}

.box1_flex .submitbutton1 {
  margin-top:10px;
  width:100%;
}
.formbox1_flex .submitbutton4,
.formbox1_flex .button_3 {
  margin-top:10px;
  width:100%;
}

.formbox1_flex .field_data {
  border: none;
  width: 100% !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: var(--primary-bg);
  background: #F9FAFF;
  font-weight: 700;
  padding: 6px 7px;
  font-size: 15px;
  line-height: 20px;
}

.formbox1_flex .submitbutton3 {
  width:100%;
}

.ui-dialog {
  background: white;
  border: none;
  border-radius: 10px;
  font-family: 'Roboto';
  width: auto !important;
  max-width: 600px;
}

.ui-dialog .ui-dialog-titlebar {
  display: none;
}

.ui-dialog h2 {
  color:var(--secondary-bg);
  font-size: 18px;
  font-weight: 500;
}

.ui-dialog p {
  margin-top:20px;
  font-size:15px;
}

.ui-dialog .ui-dialog-buttonset .ui-button {
  background: none;
  background-color: var(--primary-bg);
  color: var(--primary-co);
  text-shadow: none;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  border-width: 0;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgb(0 0 0 / 15%);
  padding: 10px 25px;
  height: auto;
  font-family: 'Roboto';
  min-width: 157px;
  transition: all 0.2s;
}
.ui-dialog .ui-dialog-buttonset .ui-button:focus,
.ui-dialog .ui-dialog-buttonset .ui-button:hover {
  background: none;
  filter: brightness(110%);
  background-color: var(--primary-bg);
}

.ui-dialog .ui-resizable-se {
  display: none;
}

.ui-dialog .ui-dialog-buttonpane {
  border-width: 0;
}
 
.ui-dialog .ui-dialog-buttonpane button:hover {
  background: none;
}

.ui-dialog .ui-dialog-buttonset .ui-button + .ui-button:after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  border-radius: 5px;
  transition: all 0.2s;
}

.ui-dialog .ui-dialog-buttonset .ui-button + .ui-button:hover:after,
.ui-dialog .ui-dialog-buttonset .ui-button + .ui-button:focus:after {
  background-color: var(--primary-bg);
}

.ui-dialog .ui-dialog-buttonset .ui-button + .ui-button {
  position: relative;
  background: none;
  color: var(--primary-bg);
  text-shadow: none;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid var(--primary-bg);
  border-radius: 5px;
  box-sizing: border-box;
  padding: 9px 10px;
  height: auto;
  line-height: unset;
  box-shadow: none;
  min-width: 156px;
}

.ui-widget-overlay {
  background: none;
  background-color: rgba(0,0,0,0.8);
}

.timer {
  width: 200px !important;
  font-size: 15px;
}

.footer_text {
  color: inherit;
}

@media  screen and (max-width: 480px) {
  
  .formbox, .formbox_membership1 {
    width: 100%;
    border-radius: 0;
  }
  
  .body_wrap .submitbutton1,
  .body_wrap .submitbutton4,
  .body_wrap .button_4 {
    min-width: calc(50% - 7px);
  }
  
  .ui-dialog {
    margin:auto 10px;
  }
  
  .ui-dialog .ui-dialog-buttonset .ui-button {
    padding: 10px 10px;
    min-width: 100px;
  }
  .ui-dialog .ui-dialog-buttonset .ui-button + .ui-button {
    min-width: 100px;
  }
  
}