/* Dynamic Styles For WP Mortgage Calculator */
.shmac-form .mui-form-group > .mui-form-control:focus ~ label {
	color: #b32317;
}
.shmac-form .mui-select:focus > select {
	border-color: #b32317;
}
.shmac-form .mui-btn.submit-shmac,
.shmac-form .mui-btn.submit-shmac:hover {
	background-image:none;
	background-color: #b32317;
	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 #b32317;
    box-shadow: 0 1px 0 0 #b32317;
}
.shmac-form [type="checkbox"]:checked + label:before {
  border: none;
  border-right: 2px solid #b32317;
  border-bottom: 2px solid #b32317;
}
.shmac-div {
	border: 5px solid #b32317;
}
.shmac-div .schedule-table th {
	color: #b32317;
}

.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: #b32317;
}
.ui-mprogress .bar-bg,
.ui-mprogress .buffer-bg {
  background: rgba(179,35,23,0.4);
}


/* Custom CSS Below */
.shmac-form,
.shmac-div {
    line-height: 2;
}

.shmac-symbol {
    top: 15px;
}

.mui-panel {
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: none;
}

.mui-form-group {
  padding-top: 20px;
  margin-bottom: 35px;
}

.mui-form-control:focus ~ .mui-form-floating-label {
  font-size: 16px;
  line-height: 20px;
}

.mui-form-control:not(:focus).mui-not-empty ~ .mui-form-floating-label,
.mui-form-control:not(:focus)[value]:not([value=""]):not(.mui-empty):not(.mui-not-empty) ~ .mui-form-floating-label,
.mui-form-control:not(:focus):not(:empty):not(.mui-empty):not(.mui-not-empty) ~ .mui-form-floating-label,
.shmac-form .info {
  font-size: 16px;
  line-height: 20px;
}

.shmac-form .mui-btn {
  font-size: 18px;
  background-color: #eaeaea;
}

.mui-form-group > input.mort-amount,
.mui-form-group > input.input-symbol {
    padding-left: 20px;
}

.shmac-div .disclaimer {
    font-size: 14px;
}