/* Dynamic Styles For WP Mortgage Calculator */ .shmac-form .mui-form-group > .mui-form-control:focus ~ label { color: #00bfa5; } .shmac-form .mui-select:focus > select { border-color: #00bfa5; } .shmac-form .mui-btn.submit-shmac, .shmac-form .mui-btn.submit-shmac:hover { background-image:none; background-color: #00bfa5; 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 #00bfa5; box-shadow: 0 1px 0 0 #00bfa5; } .shmac-form [type="checkbox"]:checked + label:before { border: none; border-right: 2px solid #00bfa5; border-bottom: 2px solid #00bfa5; } .shmac-div { border: 5px solid #00bfa5; } .shmac-div .schedule-table th { color: #00bfa5; } .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: #00bfa5; } .ui-mprogress .bar-bg, .ui-mprogress .buffer-bg { background: rgba(0,191,165,0.4); } /* Custom CSS Below */