.mbsc-form, .mbsc-control-w, .mbsc-btn, .mbsc-segmented {
    font-family: Verdana, Roboto, Arial;
    font-size: 1rem;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.md-tab {
    display: none;
}

.md-tab-sel {
    display: block;
}

.mbsc-form-group {
    margin: .5em 0 !important;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-input .mbsc-input-wrap {
    background: none !important;
}

.mbsc-mobiscroll.mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
    background: #34a8cf !important;
}

.mbsc-mobiscroll.mbsc-ms-c .mbsc-scv-sc .mbsc-ms .mbsc-ms-item.mbsc-active {
    background: #34a8cf !important;
}

.mbsc-mobiscroll .mbsc-btn {
    background: #34a8cf;
    border-radius: 4px;
    height: 2em;
    line-height: 2em;
    padding: 0 1em;
    color: #ffffff;
    text-transform: none !important;
    font-size: .9em;
}

.mbsc-mobiscroll.mbsc-ms-a .mbsc-ms-item-sel {
    border-bottom: solid 0 #34a8cf !important;
}

.ms-option-list > .mbsc-mobiscroll.mbsc-ms-a .mbsc-ms-item-sel {
    color: #34a8cf !important;
}

.mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, .mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content {
    background: #34a8cf;
    color: #f7f7f7;
}

.mbsc-segmented .mbsc-segmented-item:last-child > .mbsc-segmented-content {
    border-right-width: 1px !important;
}

.mbsc-mobiscroll .mbsc-segmented-content {
    border: 1px solid #34a8cf !important;
    border-right-width: 0 !important;
    color: #34a8cf;
}

/*ListView*/

.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-left {
    padding-left: 3.5em !important;
}

.mbsc-mobiscroll .mbsc-lv-item {
    padding: .5em .5em;
    background: #ffffff;
    border-bottom: solid 1px #eee;
}

/*li.md-lv-item-left-icon {
    padding: .5em .5em .0em 3.5em !important;
    min-height: 3.5em;
}*/

.mbsc-lv-img-left .mbsc-lv-img {
    left: 1.75em !important;
}

.mbsc-mobiscroll.mbsc-lv-cont {
    padding-bottom: 58px !important;
}

.mbsc-mobiscroll .mbsc-lv-gr-title {
    background: #235988 !important;
    color: #f7f7f7;
}

.mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item-sel {
    border-bottom: none !important;
    background: white !important;
    color: #34a8cf !important;
}

.mbsc-sc-whl-gr {
    max-width: unset !important;
}

.mbsc-mobiscroll .mbsc-sc-itm {
    font-size: 1em !important;
}

.mbsc-mobiscroll.mbsc-form {
    background: none !important;
}

.mbsc-mobiscroll.mbsc-input {
    margin: 0 .5em .5em !important;
}

    .mbsc-mobiscroll.mbsc-input .mbsc-control {
        border-bottom: 1px solid #9dc6dd !important;
        color: #1f1f1f;
    }

#popup {
    position: fixed;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 100px;
    background: rgba(78, 204, 196, .6);
    color: #235988;
    font-size: 1em;
    font-family: sans-serif;
    line-height: 100px;
    text-align: center;
    top: 50%;
    left: 50%;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    transition: opacity 300ms;
}

    #popup.md-show-popup {
        opacity: 1;
    }

.mbsc-fr-w {
    min-width: 350px !important;
}

.mbsc-ic-fas:before, .mbsc-ic-fab:before, .mbsc-ic-fa:before {
    font-family: 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands', 'Font Awesome 5 Pro' !important;
    font-weight: normal !important;
    font-weight: 900 !important;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box .mbsc-label {
    color: #007bfe !important;
}

.mbsc-mobiscroll.required.mbsc-ltr.mbsc-input-box .mbsc-label {
    color: maroon !important;
}

.mbsc-mobiscroll .mbsc-ltr .mbsc-fr-btn-cont {
    text-align: center !important;
}

.mbsc-mobiscroll .mbsc-fr-hdr, .mbsc-mobiscroll .mbsc-fr-btn {
    color: #009688 !important;
}

.mbsc-mobiscroll .mbsc-cal-days > div {
    border-bottom: 1px solid #009688 !important;
    color: #009688 !important;
}

.mbsc-mobiscroll .mbsc-fr-btn {
    text-transform: none !important;
}

.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
    color: #0f1113 !important;
}

.mbsc-input-clear {
    right: 0;
    color: #F44336;
    background: #ffffff;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: solid 0 #ccc;
    cursor: pointer;
    top: 25%;
    position: absolute;
    text-align: center;
}

.mbsc-label-inline .mbsc-input-clear {
    top: 0;
}

.mbsc-label-inline .mbsc-label {
    display: none;
}

.mbsc-mobiscroll.mbsc-control-w {
    color: #046c3c;
}

.mbsc-mobiscroll .mbsc-input-ic {
    color: #3c8dbc;
}

.mbsc-fr-popup {
    max-width: 98%;
    min-width: 380px;
}

.mbsc-alert.mbsc-fr .mbsc-fr-c.mbsc-wdg-c {
    padding: 1em !important;
    max-width: 100% !important;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-switch {
    padding: 1em 1em 1em 3em !important;
    margin: 0 .5em .5em !important;
}

.mbsc-mobiscroll .mbsc-switch-track {
    left: 0em !important;
    right: unset !important;
}

.mbsc-mobiscroll .mbsc-divider, .mbsc-mobiscroll .mbsc-form-group-title {
    background: #343a40 !important;
    color: #ffffff !important;
}

/*.mbsc-mobiscroll.mbsc-input input, .mbsc-mobiscroll.mbsc-input textarea, .mbsc-mobiscroll.mbsc-color-input {
    font-size: .9em!important;
}

.mbsc-form, .mbsc-control-w, .mbsc-btn, .mbsc-segmented {
    font-family: Verdana, Calibri;font-size: 13px;
}
.mbsc-mobiscroll.mbsc-input input, .mbsc-mobiscroll.mbsc-input textarea, .mbsc-mobiscroll.mbsc-color-input {
    font-size: 1em!important;
}*/