/* Dynamic Styles For WP Mortgage Calculator */
.shmac-form .mui-form-group > .mui-form-control:focus ~ label {
	color: #01728f;
}
.shmac-form .mui-select:focus > select {
	border-color: #01728f;
}
.shmac-form .mui-btn.submit-shmac,
.shmac-form .mui-btn.submit-shmac:hover {
	background-image:none;
	background-color: #01728f;
	color: #ffffff;
}
.shmac-form .mui-btn.shmac-reset,
.shmac-form .mui-btn.shmac-reset:hover {
    background-image:none;
    background-color: transparent;
}
.shmac-form input[type=text]:focus:not([readonly]),
.shmac-form input[type=password]:focus:not([readonly]) {
	border:none;
    border-bottom: 1px solid #01728f;
    box-shadow: 0 1px 0 0 #01728f;
}
.shmac-form [type="checkbox"]:checked + label:before {
  border: none;
  border-right: 2px solid #01728f;
  border-bottom: 2px solid #01728f;
}
.shmac-div {
	border: 5px solid #01728f;
}
.shmac-div .schedule-table th {
	color: #01728f;
}

.ui-mprogress .deter-bar,
.ui-mprogress .indeter-bar,
.ui-mprogress .query-bar,
.ui-mprogress .bar-bg,
.ui-mprogress .buffer-bg,
.ui-mprogress .mp-ui-dashed {
  background: #01728f;
}
.ui-mprogress .bar-bg,
.ui-mprogress .buffer-bg {
  background: rgba(1,114,143,0.4);
}


/* Custom CSS Below */
shmac-div divfrom-form-1 {
background-color:  #ffffff;
border: 5px solid  #01728f;
box-shadow:  rgba(0, 0, 0, 0.16) 0px 3px 6px,  rgba(0, 0, 0, 0.23) 0px 3px 6px;
box-sizing: border-box;
color:  rgba(0, 0, 0, 0.87);
font-family: Roboto;
font-size: 14px;
font-weight: 400;
height: 175%;
line-height: 1.429;
margin: 100px auto;
overflow: hidden;
padding: 20px;
width: 75%;

}