Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .mbsc-cal-slide,
- .mbsc-cal-day,
- .mbsc-cal-day-i {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-cal .mbsc-cal-day-date {
- text-align: center;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box
- }
- .mbsc-cal-hdr,
- .mbsc-cal-btn-w,
- .mbsc-cal-days-c,
- .mbsc-cal-days,
- .mbsc-cal-tabbed .mbsc-fr-c .mbsc-sc-whl-gr-c {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex
- }
- .mbsc-cal-btn-w,
- .mbsc-cal-month,
- .mbsc-cal-year,
- .mbsc-cal-days,
- .mbsc-cal-days>div {
- -webkit-box-flex: 1;
- -webkit-flex: 1 auto;
- -ms-flex: 1 auto;
- flex: 1 auto
- }
- .mbsc-cal-c {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- text-align: center
- }
- .mbsc-cal-btn-w {
- width: 50%
- }
- .mbsc-cal-month,
- .mbsc-cal-year {
- width: 1%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- cursor: pointer
- }
- .mbsc-cal-btn.mbsc-disabled {
- opacity: .3;
- cursor: not-allowed
- }
- .mbsc-cal-days {
- line-height: 1.875em;
- text-align: center
- }
- .mbsc-cal-days>div {
- width: 14.285715%
- }
- .mbsc-cal-body {
- position: relative
- }
- .mbsc-cal-scroll-c {
- overflow: hidden;
- height: 100%
- }
- .mbsc-cal-scroll {
- width: 100%;
- height: 100%
- }
- .mbsc-cal-slide {
- position: absolute;
- z-index: 0;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%
- }
- .mbsc-cal-slide:first-child {
- position: relative
- }
- .mbsc-cal-table {
- display: table;
- width: 100%;
- height: 100%
- }
- .mbsc-cal-row {
- display: table-row
- }
- .mbsc-cal-cell {
- display: table-cell;
- vertical-align: middle
- }
- .mbsc-cal-cell:focus {
- outline: 0
- }
- .mbsc-cal-picker {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- padding: .9375em 0;
- transition: all .2s ease-in-out
- }
- .mbsc-cal-picker .mbsc-cal-cell {
- width: 33.333333%;
- height: 25%;
- cursor: pointer
- }
- .mbsc-cal-h {
- visibility: hidden;
- opacity: 0
- }
- .mbsc-cal-day {
- max-width: 14.285715%;
- height: 16.666667%;
- position: relative;
- text-align: center;
- cursor: pointer
- }
- .mbsc-cal-day-i {
- position: relative;
- height: 100%
- }
- .mbsc-cal-day-diff .mbsc-cal-day-i {
- opacity: .5
- }
- .mbsc-cal-week-view .mbsc-cal-day-i,
- .mbsc-cal-day-diff.mbsc-selected .mbsc-cal-day-i {
- opacity: 1
- }
- .mbsc-cal-cell.mbsc-disabled {
- cursor: not-allowed
- }
- .mbsc-cal-cell.mbsc-disabled .mbsc-cal-cell-txt {
- opacity: .2
- }
- .mbsc-cal-hide-diff .mbsc-cal-day-diff {
- cursor: default
- }
- .mbsc-cal-hide-diff .mbsc-cal-day-diff .mbsc-cal-day-i {
- visibility: hidden
- }
- .mbsc-cal-hide-diff .mbsc-cal-table .mbsc-cal-row .mbsc-cal-day.mbsc-cal-day-diff:hover {
- background: none
- }
- .mbsc-ltr .mbsc-cal-weeks .mbsc-cal-days {
- margin-left: 1.625em
- }
- .mbsc-rtl .mbsc-cal-weeks .mbsc-cal-days {
- margin-right: 1.625em
- }
- .mbsc-cal-week-nr {
- width: 1.625em;
- text-align: center
- }
- .mbsc-cal-multi .mbsc-cal-hdr {
- display: block
- }
- .mbsc-cal-multi .mbsc-cal-btn-w {
- width: auto
- }
- .mbsc-cal-multi .mbsc-cal-days,
- .mbsc-cal-multi .mbsc-cal-slide {
- padding: 0 .5em
- }
- .mbsc-fr-liq .mbsc-cal-c {
- display: block
- }
- .mbsc-fr-liq .mbsc-cal-table {
- table-layout: fixed
- }
- .mbsc-calendar.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-overlay {
- display: none
- }
- .mbsc-calendar.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-w {
- border-radius: 0;
- padding-left: constant(safe-area-inset-left);
- padding-left: env(safe-area-inset-left);
- padding-right: constant(safe-area-inset-right);
- padding-right: env(safe-area-inset-right);
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom)
- }
- .mbsc-cal-tabs-c {
- display: none
- }
- .mbsc-cal-tabs {
- display: table;
- width: 100%;
- margin: 0;
- padding: 0;
- list-style: none
- }
- .mbsc-cal-tab {
- position: relative;
- width: 33.33%;
- display: table-cell;
- overflow: hidden;
- cursor: pointer;
- text-align: center
- }
- .mbsc-cal-tabbed .mbsc-fr-c {
- position: relative
- }
- .mbsc-cal-tabbed .mbsc-w-p {
- transition: opacity .2s ease-in-out
- }
- .mbsc-cal-tabbed .mbsc-sc-whl-gr-c {
- position: absolute;
- z-index: 1;
- top: 0;
- left: 0;
- right: 0;
- max-width: none;
- height: 100%;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-box-align: center;
- align-items: center
- }
- .mbsc-cal-tabbed .mbsc-cal-c,
- .mbsc-cal-tabbed .mbsc-cal-tabs-c {
- display: block
- }
- .mbsc-cal-tabbed .mbsc-fr-pos .mbsc-sc-whl-gr-c {
- width: auto
- }
- .mbsc-cal-has-marks .mbsc-cal-day {
- padding-bottom: .25em
- }
- .mbsc-cal-marks {
- position: absolute;
- left: 0;
- right: 0;
- height: .375em;
- margin-top: -0.125em;
- overflow: hidden;
- white-space: nowrap
- }
- .mbsc-cal-mark {
- display: inline-block;
- vertical-align: top;
- width: .25em;
- height: .25em;
- margin: .0625em;
- border-radius: .25em
- }
- .mbsc-cal-has-txt .mbsc-cal-day {
- padding-bottom: 1em
- }
- .mbsc-cal-has-txt .mbsc-cal-day .mbsc-cal-icons {
- background: none
- }
- .mbsc-cal-txt {
- position: absolute;
- left: .1em;
- right: .1em;
- height: 1.6em;
- line-height: 1.6em;
- overflow: hidden;
- padding: 0 .2em;
- font-size: .625em;
- white-space: nowrap
- }
- .mbsc-cal .mbsc-cal-btn {
- position: relative;
- z-index: 1
- }
- .mbsc-mobiscroll .mbsc-cal-c {
- padding: .5em
- }
- .mbsc-mobiscroll .mbsc-cal-btn-w {
- font-size: 1.125em;
- line-height: 2.222223em
- }
- .mbsc-mobiscroll .mbsc-cal .mbsc-cal-btn {
- width: 2.666667em;
- height: 2.666667em;
- line-height: 2.666667em;
- padding: 0;
- border-radius: 2em;
- margin: -0.222222em
- }
- .mbsc-mobiscroll .mbsc-cal-picker {
- border-top: 1px solid transparent;
- background: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-cal-picker .mbsc-cal-cell-i {
- display: inline-block;
- height: 2em;
- padding: 0 1em;
- line-height: 2em;
- border-radius: 2em;
- white-space: nowrap
- }
- .mbsc-mobiscroll .mbsc-cal-days>div {
- border-bottom: 1px solid #4eccc4;
- color: #4eccc4;
- font-size: .6875em
- }
- .mbsc-mobiscroll .mbsc-cal-day-date {
- display: inline-block;
- width: 2.153847em;
- height: 2.153847em;
- margin: .307692em 0;
- line-height: 2.153847em;
- font-size: .8125em;
- border: 2px solid transparent;
- border-radius: 2em
- }
- .mbsc-mobiscroll .mbsc-cal-today {
- color: #4eccc4
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt,
- .mbsc-mobiscroll .mbsc-cal-cell:focus .mbsc-cal-cell-txt {
- background: rgba(78, 204, 196, 0.3)
- }
- .mbsc-mobiscroll .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt {
- background: #4eccc4;
- color: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-cal-day-colored.mbsc-selected .mbsc-cal-day-date {
- border-color: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-cal-week-nr {
- width: 2.363637em;
- font-size: .6875em;
- color: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-cal-tabs-c {
- line-height: 1.875em;
- padding: .5em .5em 0 .5em;
- text-transform: uppercase
- }
- .mbsc-mobiscroll .mbsc-cal-tab {
- border: 1px solid #4eccc4;
- font-size: .7em;
- padding: 0 1.2em;
- color: #454545
- }
- .mbsc-mobiscroll .mbsc-ltr .mbsc-cal-tab:first-child {
- border-right: 0
- }
- .mbsc-mobiscroll .mbsc-ltr .mbsc-cal-tab:last-child {
- border-left: 0
- }
- .mbsc-mobiscroll .mbsc-rtl .mbsc-cal-tab:last-child {
- border-right: 0
- }
- .mbsc-mobiscroll .mbsc-rtl .mbsc-cal-tab:first-child {
- border-left: 0
- }
- .mbsc-mobiscroll .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected {
- background: #4eccc4;
- color: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-cal-mark {
- background: #454545
- }
- .mbsc-mobiscroll .mbsc-cal-txt {
- color: #f7f7f7;
- background: #454545
- }
- .mbsc-mobiscroll .mbsc-cal-icons {
- color: #454545
- }
- .mbsc-cloak {
- visibility: hidden !important
- }
- .mbsc-empty {
- text-align: center;
- margin: 3em;
- color: inherit
- }
- .mbsc-empty h3 {
- margin: .666666em 0;
- padding: 0;
- color: inherit;
- font-size: 1.5em;
- font-weight: normal;
- font-family: inherit
- }
- .mbsc-empty p {
- margin: 1em 0;
- padding: 0;
- font-size: 1em;
- line-height: 1.5
- }
- [mbsc-card]:not(.mbsc-card) {
- visibility: hidden
- }
- .mbsc-card {
- position: relative;
- z-index: 1;
- margin: .75em;
- border-radius: 2px;
- overflow: hidden
- }
- .mbsc-card-header {
- padding: 1em;
- overflow: hidden
- }
- .mbsc-card-content {
- padding: 1em;
- overflow: hidden
- }
- .mbsc-card-header+.mbsc-card-content {
- padding-top: 0
- }
- .mbsc-card-footer {
- padding: 1em;
- border-top: 1px solid transparent;
- clear: both
- }
- .mbsc-card h2.mbsc-card-title,
- .mbsc-card-title {
- font-size: 1.5em;
- font-weight: normal;
- margin: 0
- }
- .mbsc-card h3.mbsc-card-subtitle,
- .mbsc-card-subtitle {
- font-size: .875em;
- font-weight: normal;
- margin: 0
- }
- .mbsc-card h3.mbsc-card-subtitle+*,
- .mbsc-card-subtitle+*,
- .mbsc-card h2.mbsc-card-title+*,
- .mbsc-card-title+* {
- margin-top: .25em
- }
- .mbsc-card video,
- .mbsc-card img:not(.mbsc-avatar):not(.mbsc-img-thumbnail) {
- display: block;
- width: 100%
- }
- .mbsc-card-header+img {
- padding-top: 1em
- }
- .mbsc-card.mbsc-ltr .mbsc-avatar {
- float: left;
- margin-right: .5em
- }
- .mbsc-card.mbsc-rtl .mbsc-avatar {
- float: right;
- margin-left: .5em
- }
- .mbsc-avatar~.mbsc-card-title,
- mbsc-avatar~.mbsc-card-title {
- margin-top: 0;
- margin-bottom: 0;
- font-weight: 600
- }
- .mbsc-card .mbsc-card-content .mbsc-control-w {
- margin-left: -1em;
- margin-right: -1em
- }
- .mbsc-card .mbsc-card-footer .mbsc-btn {
- margin: -0.6875em 0 -0.6875em 0
- }
- .mbsc-lv .mbsc-lv-item.mbsc-card {
- margin: .75em;
- padding: 0
- }
- .mbsc-card.mbsc-form .mbsc-lv-cont {
- margin: 0
- }
- .mbsc-card .mbsc-card-content .mbsc-lv-cont {
- margin: 0 -1em
- }
- .mbsc-card-list .mbsc-lv-cont .mbsc-lv,
- .mbsc-lv-cont .mbsc-card-list.mbsc-lv {
- background: none
- }
- .mbsc-card-list .mbsc-lv-item:not(.mbsc-card) {
- padding: 0;
- background: none
- }
- .mbsc-mobiscroll.mbsc-card.mbsc-form {
- background: #fff;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
- }
- .mbsc-mobiscroll.mbsc-card .mbsc-lv-item {
- background: #fff
- }
- .mbsc-mobiscroll .mbsc-card-footer {
- border-color: #ccc
- }
- .mbsc-mobiscroll .mbsc-card h3.mbsc-card-subtitle,
- .mbsc-mobiscroll .mbsc-card-subtitle {
- color: #7c7c7c
- }
- .mbsc-anim-trans .mbsc-fr-scroll {
- overflow: hidden
- }
- .mbsc-anim-trans-flip .mbsc-fr-persp,
- .mbsc-anim-trans-swing .mbsc-fr-persp {
- -webkit-perspective: 1000px;
- perspective: 1000px
- }
- .mbsc-anim-trans .mbsc-fr-popup,
- .mbsc-anim-trans .mbsc-fr-overlay {
- -webkit-animation-fill-mode: forwards;
- animation-fill-mode: forwards
- }
- .mbsc-anim-in .mbsc-fr-popup,
- .mbsc-anim-in .mbsc-fr-overlay {
- -webkit-animation-timing-function: ease-out;
- -webkit-animation-duration: 225ms;
- animation-timing-function: ease-out;
- animation-duration: 225ms
- }
- .mbsc-anim-out .mbsc-fr-popup,
- .mbsc-anim-out .mbsc-fr-overlay {
- -webkit-animation-timing-function: ease-in;
- -webkit-animation-duration: 195ms;
- animation-timing-function: ease-in;
- animation-duration: 195ms
- }
- .mbsc-anim-in .mbsc-fr-overlay {
- -webkit-animation-name: mbsc-anim-f-in;
- animation-name: mbsc-anim-f-in
- }
- .mbsc-anim-out .mbsc-fr-overlay {
- -webkit-animation-name: mbsc-anim-f-out;
- animation-name: mbsc-anim-f-out
- }
- .mbsc-anim-flip,
- .mbsc-anim-swing,
- .mbsc-anim-slidehorizontal,
- .mbsc-anim-slidevertical,
- .mbsc-anim-slidedown,
- .mbsc-anim-slideup,
- .mbsc-anim-fade {
- -webkit-backface-visibility: hidden;
- -webkit-transform: translateX(0);
- backface-visibility: hidden;
- transform: translateX(0)
- }
- .mbsc-anim-swing,
- .mbsc-anim-slidehorizontal,
- .mbsc-anim-slidevertical,
- .mbsc-anim-slidedown,
- .mbsc-anim-slideup,
- .mbsc-anim-fade {
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0
- }
- .mbsc-anim-flip,
- .mbsc-anim-pop {
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%
- }
- .mbsc-anim-in .mbsc-anim-pop {
- opacity: 1;
- -webkit-animation-name: mbsc-anim-p-in;
- -webkit-animation-duration: 100ms;
- -webkit-transform: scale(1);
- animation-name: mbsc-anim-p-in;
- animation-duration: 100ms;
- transform: scale(1)
- }
- .mbsc-anim-out .mbsc-anim-pop {
- opacity: 0;
- -webkit-animation-name: mbsc-anim-p-out;
- -webkit-animation-duration: 150ms;
- animation-name: mbsc-anim-p-out;
- animation-duration: 150ms
- }
- .mbsc-anim-trans-pop .mbsc-fr-overlay {
- -webkit-animation-duration: 150ms;
- animation-duration: 150ms
- }
- .mbsc-anim-in .mbsc-anim-flip {
- opacity: 1;
- -webkit-animation-name: mbsc-anim-fl-in;
- -webkit-transform: scale(1);
- animation-name: mbsc-anim-fl-in;
- transform: scale(1)
- }
- .mbsc-anim-out .mbsc-anim-flip {
- opacity: 0;
- -webkit-animation-name: mbsc-anim-fl-out;
- animation-name: mbsc-anim-fl-out
- }
- .mbsc-anim-in .mbsc-anim-swing {
- opacity: 1;
- -webkit-animation-name: mbsc-anim-sw-in;
- -webkit-transform: scale(1);
- transform: scale(1);
- animation-name: mbsc-anim-sw-in
- }
- .mbsc-anim-out .mbsc-anim-swing {
- opacity: 0;
- -webkit-animation-name: mbsc-anim-sw-out;
- animation-name: mbsc-anim-sw-out
- }
- .mbsc-anim-in .mbsc-anim-slidehorizontal {
- opacity: 1;
- -webkit-animation-name: mbsc-anim-sh-in;
- -webkit-transform: scale(1);
- transform: scale(1);
- animation-name: mbsc-anim-sh-in
- }
- .mbsc-anim-out .mbsc-anim-slidehorizontal {
- opacity: 0;
- -webkit-animation-name: mbsc-anim-sh-out;
- animation-name: mbsc-anim-sh-out
- }
- .mbsc-anim-in .mbsc-anim-slidevertical {
- opacity: 1;
- -webkit-animation-name: mbsc-anim-sv-in;
- -webkit-transform: scale(1);
- animation-name: mbsc-anim-sv-in;
- transform: scale(1)
- }
- .mbsc-anim-out .mbsc-anim-slidevertical {
- opacity: 0;
- -webkit-animation-name: mbsc-anim-sv-out;
- animation-name: mbsc-anim-sv-out
- }
- .mbsc-anim-in .mbsc-anim-slidedown {
- -webkit-animation-name: mbsc-anim-sd-in;
- -webkit-transform: scale(1);
- animation-name: mbsc-anim-sd-in;
- transform: scale(1)
- }
- .mbsc-anim-out .mbsc-anim-slidedown {
- -webkit-animation-name: mbsc-anim-sd-out;
- -webkit-transform: translateY(-100%);
- animation-name: mbsc-anim-sd-out
- }
- .mbsc-anim-in .mbsc-anim-slideup {
- -webkit-animation-name: mbsc-anim-su-in;
- -webkit-transform: scale(1);
- transform: scale(1);
- animation-name: mbsc-anim-su-in
- }
- .mbsc-anim-out .mbsc-anim-slideup {
- -webkit-animation-name: mbsc-anim-su-out;
- -webkit-transform: translateY(100%);
- animation-name: mbsc-anim-su-out
- }
- .mbsc-anim-in .mbsc-anim-fade {
- opacity: 1;
- -webkit-animation-name: mbsc-anim-f-in;
- animation-name: mbsc-anim-f-in
- }
- .mbsc-anim-out .mbsc-anim-fade {
- opacity: 0;
- -webkit-animation-name: mbsc-anim-f-out;
- animation-name: mbsc-anim-f-out
- }
- .mbsc-fr-pointer.mbsc-anim-in .mbsc-anim-slidedown {
- -webkit-animation-name: mbsc-anim-sd-in, mbsc-anim-f-in;
- animation-name: mbsc-anim-sd-in, mbsc-anim-f-in
- }
- .mbsc-fr-pointer.mbsc-anim-out .mbsc-anim-slidedown {
- -webkit-animation-name: mbsc-anim-sd-out, mbsc-anim-f-out;
- animation-name: mbsc-anim-sd-out, mbsc-anim-f-out
- }
- .mbsc-fr-pointer.mbsc-anim-in .mbsc-anim-slideup {
- -webkit-animation-name: mbsc-anim-su-in, mbsc-anim-f-in;
- animation-name: mbsc-anim-su-in, mbsc-anim-f-in
- }
- .mbsc-fr-pointer.mbsc-anim-out .mbsc-anim-slideup {
- -webkit-animation-name: mbsc-anim-su-out, mbsc-anim-f-out;
- animation-name: mbsc-anim-su-out, mbsc-anim-f-out
- }
- @keyframes mbsc-anim-f-in {
- from {
- opacity: 0
- }
- to {
- opacity: 1
- }
- }
- @-webkit-keyframes mbsc-anim-f-in {
- from {
- opacity: 0
- }
- to {
- opacity: 1
- }
- }
- @keyframes mbsc-anim-f-out {
- from {
- visibility: visible;
- opacity: 1
- }
- to {
- opacity: 0
- }
- }
- @-webkit-keyframes mbsc-anim-f-out {
- from {
- visibility: visible;
- opacity: 1
- }
- to {
- opacity: 0
- }
- }
- @keyframes mbsc-anim-p-in {
- from {
- opacity: 0;
- transform: scale(.8)
- }
- to {
- opacity: 1;
- transform: scale(1)
- }
- }
- @-webkit-keyframes mbsc-anim-p-in {
- from {
- opacity: 0;
- -webkit-transform: scale(.8)
- }
- to {
- opacity: 1;
- -webkit-transform: scale(1)
- }
- }
- @keyframes mbsc-anim-p-out {
- from {
- opacity: 1;
- transform: scale(1)
- }
- to {
- opacity: 0;
- transform: scale(.8)
- }
- }
- @-webkit-keyframes mbsc-anim-p-out {
- from {
- opacity: 1;
- -webkit-transform: scale(1)
- }
- to {
- opacity: 0;
- -webkit-transform: scale(.8)
- }
- }
- @keyframes mbsc-anim-fl-in {
- from {
- opacity: 0;
- transform: rotateY(90deg)
- }
- to {
- opacity: 1;
- transform: rotateY(0)
- }
- }
- @-webkit-keyframes mbsc-anim-fl-in {
- from {
- opacity: 0;
- -webkit-transform: rotateY(90deg)
- }
- to {
- opacity: 1;
- -webkit-transform: rotateY(0)
- }
- }
- @keyframes mbsc-anim-fl-out {
- from {
- opacity: 1;
- transform: rotateY(0deg)
- }
- to {
- opacity: 0;
- transform: rotateY(-90deg)
- }
- }
- @-webkit-keyframes mbsc-anim-fl-out {
- from {
- opacity: 1;
- -webkit-transform: rotateY(0deg)
- }
- to {
- opacity: 0;
- -webkit-transform: rotateY(-90deg)
- }
- }
- @keyframes mbsc-anim-sw-in {
- from {
- opacity: 0;
- transform: rotateY(-90deg)
- }
- to {
- opacity: 1;
- transform: rotateY(0deg)
- }
- }
- @-webkit-keyframes mbsc-anim-sw-in {
- from {
- opacity: 0;
- -webkit-transform: rotateY(-90deg)
- }
- to {
- opacity: 1;
- -webkit-transform: rotateY(0deg)
- }
- }
- @keyframes mbsc-anim-sw-out {
- from {
- opacity: 1;
- transform: rotateY(0deg)
- }
- to {
- opacity: 0;
- transform: rotateY(-90deg)
- }
- }
- @-webkit-keyframes mbsc-anim-sw-out {
- from {
- opacity: 1;
- -webkit-transform: rotateY(0deg)
- }
- to {
- opacity: 0;
- -webkit-transform: rotateY(-90deg)
- }
- }
- @keyframes mbsc-anim-sh-in {
- from {
- opacity: 0;
- transform: translateX(-100%)
- }
- to {
- opacity: 1;
- transform: translateX(0)
- }
- }
- @-webkit-keyframes mbsc-anim-sh-in {
- from {
- opacity: 0;
- -webkit-transform: translateX(-100%)
- }
- to {
- opacity: 1;
- -webkit-transform: translateX(0)
- }
- }
- @keyframes mbsc-anim-sh-out {
- from {
- opacity: 1;
- transform: translateX(0)
- }
- to {
- opacity: 0;
- transform: translateX(100%)
- }
- }
- @-webkit-keyframes mbsc-anim-sh-out {
- from {
- opacity: 1;
- -webkit-transform: translateX(0)
- }
- to {
- opacity: 0;
- -webkit-transform: translateX(100%)
- }
- }
- @keyframes mbsc-anim-sv-in {
- from {
- opacity: 0;
- transform: translateY(-100%)
- }
- to {
- opacity: 1;
- transform: translateY(0)
- }
- }
- @-webkit-keyframes mbsc-anim-sv-in {
- from {
- opacity: 0;
- -webkit-transform: translateY(-100%)
- }
- to {
- opacity: 1;
- -webkit-transform: translateY(0)
- }
- }
- @keyframes mbsc-anim-sv-out {
- from {
- opacity: 1;
- transform: translateY(0)
- }
- to {
- opacity: 0;
- transform: translateY(100%)
- }
- }
- @-webkit-keyframes mbsc-anim-sv-out {
- from {
- opacity: 1;
- -webkit-transform: translateY(0)
- }
- to {
- opacity: 0;
- -webkit-transform: translateY(100%)
- }
- }
- @keyframes mbsc-anim-sd-in {
- from {
- transform: translateY(-100%)
- }
- to {
- transform: translateY(0)
- }
- }
- @-webkit-keyframes mbsc-anim-sd-in {
- from {
- opacity: 1;
- -webkit-transform: translateY(-100%)
- }
- to {
- opacity: 1;
- -webkit-transform: translateY(0)
- }
- }
- @keyframes mbsc-anim-sd-out {
- from {
- transform: translateY(0)
- }
- to {
- transform: translateY(-100%)
- }
- }
- @-webkit-keyframes mbsc-anim-sd-out {
- from {
- opacity: 1;
- -webkit-transform: translateY(0)
- }
- to {
- opacity: 1;
- -webkit-transform: translateY(-100%)
- }
- }
- @keyframes mbsc-anim-su-in {
- from {
- transform: translateY(100%)
- }
- to {
- transform: translateY(0)
- }
- }
- @-webkit-keyframes mbsc-anim-su-in {
- from {
- opacity: 1;
- -webkit-transform: translateY(100%)
- }
- to {
- opacity: 1;
- -webkit-transform: translateY(0)
- }
- }
- @keyframes mbsc-anim-su-out {
- from {
- transform: translateY(0)
- }
- to {
- transform: translateY(100%)
- }
- }
- @-webkit-keyframes mbsc-anim-su-out {
- from {
- opacity: 1;
- -webkit-transform: translateY(0)
- }
- to {
- opacity: 1;
- -webkit-transform: translateY(100%)
- }
- }
- .mbsc-fr-w,
- .mbsc-fr-overlay {
- -webkit-transform: translateZ(0)
- }
- .mbsc-fr {
- pointer-events: none;
- z-index: 99998;
- font-weight: normal;
- -webkit-font-smoothing: antialiased;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-text-size-adjust: 100%
- }
- .mbsc-fr-lock {
- -ms-touch-action: none;
- touch-action: none
- }
- .mbsc-fr-lock-ctx {
- position: relative
- }
- .mbsc-fr-lock.mbsc-fr-lock-ios {
- overflow: hidden;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- height: auto
- }
- .mbsc-fr-pos {
- visibility: hidden
- }
- .mbsc-fr-scroll {
- position: relative;
- z-index: 2;
- width: 100%;
- height: 100%;
- -ms-touch-action: pan-y;
- touch-action: pan-y;
- overflow-y: auto;
- overflow-x: hidden;
- -webkit-overflow-scrolling: touch
- }
- .mbsc-fr-popup {
- max-width: 98%;
- position: absolute;
- z-index: 2;
- top: 0;
- left: 0;
- font-size: 12px;
- text-shadow: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -ms-touch-action: pan-y;
- touch-action: pan-y
- }
- .mbsc-rtl {
- direction: rtl
- }
- .mbsc-fr-popup,
- .mbsc-fr-btn-cont {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-fr .mbsc-fr-w {
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box
- }
- .mbsc-fr-w {
- min-width: 200px;
- overflow: hidden;
- text-align: center;
- font-family: arial, verdana, sans-serif
- }
- .mbsc-fr,
- .mbsc-fr-persp,
- .mbsc-fr-overlay {
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0
- }
- .mbsc-fr-lock-ctx>.mbsc-fr,
- .mbsc-fr-lock-ctx .mbsc-fr-persp,
- .mbsc-fr-lock-ctx .mbsc-fr-overlay {
- position: absolute
- }
- .mbsc-fr-persp {
- pointer-events: auto;
- overflow: hidden
- }
- .mbsc-fr-overlay {
- z-index: 1;
- background: rgba(0, 0, 0, 0.7);
- -webkit-transform: translateZ(0)
- }
- .mbsc-fr-liq .mbsc-fr-popup {
- max-width: 100%
- }
- .mbsc-fr-top .mbsc-fr-popup,
- .mbsc-fr-bottom .mbsc-fr-popup {
- width: 100%;
- max-width: 100%
- }
- .mbsc-fr-top .mbsc-fr-w,
- .mbsc-fr-bottom .mbsc-fr-w {
- padding-left: constant(safe-area-inset-left);
- padding-left: env(safe-area-inset-left);
- padding-right: constant(safe-area-inset-right);
- padding-right: env(safe-area-inset-right)
- }
- .mbsc-fr-bottom .mbsc-fr-w {
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom)
- }
- .mbsc-fr-top .mbsc-fr-popup {
- padding-top: constant(safe-area-inset-top);
- padding-top: env(safe-area-inset-top)
- }
- .mbsc-fr-inline {
- position: static;
- pointer-events: auto
- }
- .mbsc-fr-inline .mbsc-fr-popup {
- position: static;
- max-width: 100%
- }
- .mbsc-fr-bubble,
- .mbsc-fr-bubble .mbsc-fr-persp {
- position: absolute
- }
- .mbsc-fr-bubble .mbsc-fr-arr-w {
- position: absolute;
- z-index: 1;
- left: 0;
- width: 100%
- }
- .mbsc-fr-bubble-top .mbsc-fr-arr-w {
- top: 100%
- }
- .mbsc-fr-bubble-bottom .mbsc-fr-arr-w {
- bottom: 100%
- }
- .mbsc-fr-bubble .mbsc-fr-arr-i {
- margin: 0 1.75em;
- position: relative;
- direction: ltr
- }
- .mbsc-fr-bubble .mbsc-fr-arr {
- display: block
- }
- .mbsc-fr-arr {
- display: none;
- position: relative;
- left: 0;
- width: 0;
- height: 0;
- border-width: 18px 18px;
- border-style: solid;
- margin-left: -18px
- }
- .mbsc-fr-bubble-bottom .mbsc-fr-arr {
- bottom: 0
- }
- .mbsc-fr-bubble-top .mbsc-fr-arr {
- top: 0
- }
- .mbsc-fr-hdn {
- width: 0;
- height: 0;
- margin: 0;
- padding: 0;
- border: 0;
- overflow: hidden
- }
- .mbsc-fr-hdr {
- overflow: hidden;
- text-overflow: ellipsis;
- text-align: center
- }
- .mbsc-fr-btn {
- overflow: hidden;
- display: block;
- text-decoration: none;
- white-space: nowrap;
- text-overflow: ellipsis;
- vertical-align: top
- }
- .mbsc-fr-btn-e {
- cursor: pointer
- }
- .mbsc-fr-btn.mbsc-disabled {
- cursor: not-allowed
- }
- .mbsc-fr-btn-cont {
- display: table;
- width: 100%;
- text-align: center
- }
- .mbsc-fr-btn-cont .mbsc-disabled {
- opacity: .3
- }
- .mbsc-fr-btn-w {
- vertical-align: top;
- display: table-cell;
- position: relative;
- z-index: 5
- }
- .mbsc-fr-btn-w .mbsc-fr-btn:before {
- padding: .375em
- }
- .mbsc-fr-pointer.mbsc-fr .mbsc-fr-w .mbsc-fr-inline .mbsc-fr-w {
- box-shadow: none;
- border-radius: 0
- }
- .mbsc-fr-pointer.mbsc-fr .mbsc-fr-overlay {
- background: none
- }
- .mbsc-fr-pointer .mbsc-ltr .mbsc-fr-w,
- .mbsc-fr-pointer .mbsc-ltr .mbsc-sc-whl .mbsc-sel-gr {
- text-align: left
- }
- .mbsc-fr-pointer .mbsc-rtl .mbsc-fr-w,
- .mbsc-fr-pointer .mbsc-rtl .mbsc-sc-whl .mbsc-sel-gr {
- text-align: right
- }
- .mbsc-fr-pointer.mbsc-fr-top .mbsc-fr-w,
- .mbsc-fr-pointer.mbsc-fr-bottom .mbsc-fr-w {
- pointer-events: auto;
- display: inline-block;
- margin-top: 3em;
- margin-bottom: 3em;
- max-width: 98%
- }
- .mbsc-fr-pointer.mbsc-fr-top .mbsc-fr-popup,
- .mbsc-fr-pointer.mbsc-fr-bottom .mbsc-fr-popup {
- text-align: center;
- pointer-events: none
- }
- .mbsc-fr-pointer.mbsc-fr-bubble .mbsc-fr-arr-w {
- display: none
- }
- .mbsc-fr-pointer .mbsc-sel-empty {
- text-align: center
- }
- .mbsc-mobiscroll .mbsc-fr-w {
- min-width: 16em;
- background: #f7f7f7;
- color: #454545;
- font-size: 16px
- }
- .mbsc-mobiscroll .mbsc-fr-hdr {
- padding: 0 .6666em;
- padding-top: .6666em;
- color: #4eccc4;
- font-size: .75em;
- text-transform: uppercase;
- min-height: 2em;
- line-height: 2em
- }
- .mbsc-mobiscroll .mbsc-fr-btn-cont {
- display: block;
- overflow: hidden;
- text-align: right;
- padding: 0 .5em .5em .5em
- }
- .mbsc-mobiscroll .mbsc-ltr .mbsc-fr-btn-cont {
- text-align: right
- }
- .mbsc-mobiscroll .mbsc-rtl .mbsc-fr-btn-cont {
- text-align: left
- }
- .mbsc-mobiscroll .mbsc-fr-btn-w {
- display: inline-block
- }
- .mbsc-mobiscroll .mbsc-fr-btn {
- height: 2.5em;
- line-height: 2.5em;
- padding: 0 1em;
- color: #4eccc4;
- text-transform: uppercase
- }
- .mbsc-mobiscroll .mbsc-fr-btn.mbsc-active,
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover {
- background: rgba(78, 204, 196, 0.3)
- }
- .mbsc-mobiscroll.mbsc-fr-center .mbsc-fr-w,
- .mbsc-mobiscroll.mbsc-fr-bubble .mbsc-fr-w {
- border-radius: .25em
- }
- .mbsc-mobiscroll .mbsc-fr-bubble-bottom .mbsc-fr-arr {
- border-color: transparent transparent #f7f7f7 transparent
- }
- .mbsc-mobiscroll .mbsc-fr-bubble-top .mbsc-fr-arr {
- border-color: #f7f7f7 transparent transparent transparent
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-fr-persp .mbsc-fr-w {
- border-radius: .25em;
- box-shadow: 0 .25em 1em rgba(0, 0, 0, 0.3)
- }
- .mbsc-color {
- font-size: 16px
- }
- .mbsc-color-scroll-cont {
- padding: .125em 0 .1875em 0;
- overflow: hidden
- }
- .mbsc-color-cont {
- display: table;
- table-layout: fixed;
- margin: 0 auto
- }
- .mbsc-color-item-c {
- position: relative;
- display: table-cell;
- padding: .18755em;
- max-width: 4.25em;
- max-height: 4.25em
- }
- .mbsc-color-clear-item,
- .mbsc-color-item {
- position: relative;
- min-width: 3.5em;
- min-height: 3.5em;
- margin: .1875em;
- cursor: pointer
- }
- .mbsc-color-clear-item {
- background: rgba(223, 222, 222, 0.6)
- }
- .mbsc-color-clear-cross {
- position: absolute;
- height: 100%;
- width: 2px;
- top: 0;
- left: 50%;
- margin-left: -1px;
- background: red;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg)
- }
- .mbsc-color-row {
- padding: 0 .5em
- }
- .mbsc-color.mbsc-fr-bubble .mbsc-fr-w,
- .mbsc-color.mbsc-fr-center .mbsc-fr-w {
- max-width: 286px;
- min-width: 280px
- }
- .mbsc-color .mbsc-fr-c {
- padding: .25em 0
- }
- .mbsc-color-vertical .mbsc-color-cont {
- width: 100%;
- height: 100%;
- white-space: normal;
- text-align: start
- }
- .mbsc-color-vertical .mbsc-color-item-c {
- display: inline-block;
- vertical-align: top;
- text-align: center
- }
- .mbsc-color .mbsc-color-slider-cont.mbsc-progress {
- padding: 0
- }
- .mbsc-color .mbsc-color-slider-cont .mbsc-progress-cont {
- padding: 1.5em 0
- }
- .mbsc-color .mbsc-color-slider-cont .mbsc-progress-track {
- height: .25em
- }
- .mbsc-color .mbsc-color-slider-cont .mbsc-slider-handle-cont {
- top: .125em
- }
- .mbsc-color .mbsc-color-slider-cont .mbsc-slider-step {
- display: none
- }
- .mbsc-color-clear-item:before,
- .mbsc-color-item:before {
- position: absolute;
- width: 1em;
- height: 1em;
- top: 50%;
- left: 50%;
- margin-top: -0.5em;
- margin-left: -0.5em;
- color: #f7f7f7;
- display: none;
- font-size: 1.5em
- }
- .mbsc-color-clear-item:before {
- display: block
- }
- .mbsc-color-clear-item,
- .mbsc-color-input-item-close:before,
- .mbsc-color-selected::before {
- display: block;
- text-shadow: 0 0 .125em #000
- }
- .mbsc-color-refine-preview {
- display: table;
- padding: 0 .25em
- }
- .mbsc-color-preview-cont {
- border-top: 1px solid #ccc;
- overflow: hidden;
- padding-top: .25em
- }
- .mbsc-color-preview-item-c {
- display: table-cell
- }
- .mbsc-color-preview-item {
- min-width: 1.875em;
- width: 1.875em;
- height: 1.875em;
- margin: .25em;
- cursor: pointer;
- background: transparent;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-color-preview-item-empty {
- border: 1px dashed;
- border-color: #bbb
- }
- .mbsc-color-input {
- position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-flow: row wrap;
- flex-flow: row wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start
- }
- .mbsc-color-input:empty:not(:focus):before {
- content: attr(data-placeholder);
- position: absolute;
- top: 50%;
- width: 100%;
- overflow: hidden;
- margin-top: -1em;
- color: #ccc;
- font-size: 1em;
- line-height: 2em;
- white-space: nowrap;
- text-overflow: ellipsis
- }
- .mbsc-color-input:not(.mbsc-comp) {
- border: 1px solid #aaa;
- min-height: 2.125em;
- width: 100%;
- padding: .125em;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-color-input-item {
- display: inline-block;
- -webkit-box-flex: 1;
- -ms-flex: auto;
- flex: auto;
- position: relative;
- margin: .125em;
- height: 1.5em;
- width: 4.0625em;
- vertical-align: middle
- }
- .mbsc-color-input-hdn {
- position: absolute;
- height: 1px !important;
- width: 1px !important;
- margin: 0 !important;
- padding: 0 !important;
- left: 0;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px)
- }
- .mbsc-color-input-item-close {
- position: absolute;
- display: table-cell;
- top: 10%;
- right: 0;
- height: 80%;
- width: 1.75em;
- cursor: pointer;
- color: #fff;
- border-left: 1px solid #fff;
- text-align: center;
- line-height: 1.25em
- }
- .mbsc-form .mbsc-color-input {
- margin: 0;
- padding: 0;
- border: 0;
- border-radius: 0;
- outline: 0;
- font-family: inherit;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .ui-input-text .mbsc-color-input {
- border-color: transparent
- }
- .mbsc-mobiscroll .mbsc-color-preview-item {
- border-radius: 1em
- }
- .mbsc-mobiscroll .mbsc-color-clear-item,
- .mbsc-mobiscroll .mbsc-color-item {
- border-radius: 1.75em
- }
- .mbsc-mobiscroll .mbsc-color-active,
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-color-item-c:hover {
- border-radius: 3em;
- box-shadow: inset 0 0 0 .1875em #4eccc4
- }
- .mbsc-mobiscroll .mbsc-color-preview-cont {
- padding: .25em 0 0 .25em
- }
- .mbsc-mobiscroll.mbsc-form .mbsc-color-input {
- height: auto;
- min-height: 2.125em;
- padding: 0 0 1px 0;
- background: transparent;
- border-bottom: 1px solid #787878;
- font-size: 1em;
- color: #1f1f1f
- }
- .mbsc-mobiscroll.mbsc-form .mbsc-color-input-item {
- margin: .25em .125em 0 .125em;
- border-radius: .125em
- }
- .mbsc-lv-cont {
- overflow: hidden;
- -webkit-font-smoothing: antialiased;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-text-size-adjust: 100%;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -ms-touch-action: pan-y;
- user-select: none;
- touch-action: pan-y;
- font-size: 16px
- }
- .mbsc-lv {
- display: none;
- position: relative;
- list-style: none;
- margin: 0;
- padding: 0
- }
- .mbsc-lv-v {
- display: block
- }
- .mbsc-lv-gr-title {
- position: relative;
- z-index: 3;
- display: block
- }
- .mbsc-lv .mbsc-lv-item {
- position: relative;
- z-index: 2;
- list-style: none;
- display: block;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-lv-mobiscroll {
- font-family: arial, verdana, sans-serif;
- padding-top: 1px
- }
- .mbsc-lv-mobiscroll .mbsc-lv {
- background: #c9c9c9
- }
- .mbsc-lv-mobiscroll .mbsc-lv-item {
- margin-top: -1px;
- padding: 1.25em;
- background: #f7f7f7;
- color: #454545;
- font-weight: normal
- }
- .mbsc-lv-mobiscroll .mbsc-lv-gr-title {
- padding: 0 1.25em;
- font-size: .75em;
- text-transform: uppercase;
- line-height: 2em;
- background: #4eccc4;
- margin-top: -1px;
- color: #f7f7f7
- }
- .mbsc-cal-events {
- display: none;
- position: absolute;
- z-index: 4;
- left: 0;
- right: 0;
- max-width: 32em;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box
- }
- .mbsc-cal-events-t {
- visibility: hidden
- }
- .mbsc-cal-events-i {
- overflow: hidden;
- position: relative
- }
- .mbsc-cal-events-sc {
- position: relative;
- -webkit-backface-visibility: hidden
- }
- .mbsc-cal-events-v {
- display: block
- }
- .mbsc-cal-event-list {
- margin: 0;
- padding: 0;
- overflow: hidden
- }
- .mbsc-cal-event {
- margin-top: 5px;
- padding: 5px 60px 5px 10px;
- line-height: 20px;
- list-style: none;
- position: relative;
- white-space: nowrap;
- font-size: 1em
- }
- .mbsc-ltr .mbsc-cal-event {
- text-align: left
- }
- .mbsc-rtl .mbsc-cal-event {
- text-align: right
- }
- .mbsc-cal-event:first-child {
- margin: 0
- }
- .mbsc-cal-event-color {
- position: absolute;
- top: 0;
- left: 0;
- width: 5px;
- height: 100%
- }
- .mbsc-cal-event-text {
- overflow: hidden;
- text-overflow: ellipsis
- }
- .mbsc-cal-event-time {
- display: inline-block;
- width: 5em
- }
- .mbsc-cal-event-dur {
- position: absolute;
- top: 50%;
- height: 20px;
- margin-top: -10px;
- line-height: 20px
- }
- .mbsc-ltr .mbsc-cal-event-dur {
- right: 12px
- }
- .mbsc-rtl .mbsc-cal-event-dur {
- left: 5px
- }
- .mbsc-cal-events-arr {
- position: absolute;
- bottom: -14px;
- left: 50%;
- width: 0;
- height: 0;
- margin-left: -7px;
- border: 7px solid #fff;
- border-color: #fff transparent transparent transparent
- }
- .mbsc-cal-events-b .mbsc-cal-events-arr {
- bottom: auto;
- top: -14px;
- border-color: transparent transparent #fff transparent
- }
- .mbsc-event-list .mbsc-lv .mbsc-lv-gr-title {
- padding: .5em 1em;
- line-height: 1.5em
- }
- .mbsc-event-list .mbsc-lv .mbsc-lv-item {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- font-size: .875em;
- padding: .714286em 1em
- }
- .mbsc-event-list .mbsc-lv .mbsc-lv-gr-title.mbsc-event-empty {
- text-transform: none;
- font-size: 1em
- }
- .mbsc-ltr .mbsc-event-list {
- text-align: left
- }
- .mbsc-rtl .mbsc-event-list {
- text-align: right
- }
- .mbsc-event-color,
- .mbsc-event-time {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto
- }
- .mbsc-event-time {
- width: 6em;
- font-size: .714286em;
- line-height: 1.6;
- min-height: 3.2em;
- opacity: .7
- }
- .mbsc-ltr .mbsc-event-time {
- text-align: right
- }
- .mbsc-rtl .mbsc-event-time {
- text-align: left
- }
- .mbsc-event-color {
- width: 1.5px;
- margin: -0.285714em .714286em
- }
- .mbsc-event-txt {
- line-height: 1.142857
- }
- .mbsc-ev-cal.mbsc-fr-md .mbsc-cal-hdr {
- padding: .5em
- }
- .mbsc-ev-cal.mbsc-fr-md .mbsc-cal-scroll-c {
- margin-left: -1px
- }
- .mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-i {
- min-height: 4em
- }
- .mbsc-ev-cal.mbsc-fr-md .mbsc-cal-marks {
- top: 100%
- }
- .mbsc-cal-events-i:hover .mbsc-sc-bar-c {
- opacity: 1
- }
- .mbsc-mobiscroll .mbsc-cal-events {
- margin: 0 0 7px 0;
- color: #f7f7f7;
- background: #858585
- }
- .mbsc-mobiscroll .mbsc-cal-events-b {
- margin: 7px 0 0 0
- }
- .mbsc-mobiscroll .mbsc-cal-event {
- margin: 0;
- padding: 10px 60px 10px 15px;
- font-size: .75em
- }
- .mbsc-mobiscroll .mbsc-cal-event-color {
- background: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-cal-event-time,
- .mbsc-mobiscroll .mbsc-cal-event-dur {
- color: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-cal-events-arr {
- border-color: #858585 transparent transparent transparent
- }
- .mbsc-mobiscroll .mbsc-cal-events-b .mbsc-cal-events-arr {
- border-color: transparent transparent #858585 transparent
- }
- .mbsc-mobiscroll .mbsc-event-list .mbsc-lv-gr-title {
- background: #f7f7f7;
- color: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-event-color {
- background: rgba(69, 69, 69, 0.3)
- }
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-c {
- padding: 0
- }
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-days>div {
- border: 0;
- padding: 0 .785714em;
- font-size: .875em
- }
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-picker {
- padding-top: 1.875em;
- padding-bottom: 0
- }
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
- border-top: 1px solid #dedede
- }
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
- border-left: 1px solid #dedede;
- border-bottom: 1px solid #dedede
- }
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-date {
- margin: .230769em;
- margin-bottom: .461538em
- }
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-has-txt .mbsc-cal-day {
- padding-bottom: 1.1875em
- }
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-marks {
- margin: -0.5em 1em 0 1em
- }
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-txt {
- left: .3em;
- right: .3em;
- padding: 0 .5em
- }
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-days,
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day {
- text-align: left
- }
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-days,
- .mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day {
- text-align: right
- }
- .mbsc-grid,
- .mbsc-grid-unresp,
- .mbsc-grid-fixed {
- width: 100%;
- padding-right: 1em;
- padding-left: 1em;
- margin-right: auto;
- margin-left: auto
- }
- .mbsc-grid *,
- .mbsc-grid-unresp *,
- .mbsc-grid-fixed * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-no-padding [class*="mbsc-col"] {
- padding-right: 0;
- padding-left: 0
- }
- .mbsc-row {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -1em;
- margin-left: -1em
- }
- .mbsc-col {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-positive: 1;
- flex-grow: 1;
- max-width: 100%
- }
- .mbsc-col-1,
- .mbsc-col-2,
- .mbsc-col-3,
- .mbsc-col-4,
- .mbsc-col-5,
- .mbsc-col-6,
- .mbsc-col-7,
- .mbsc-col-8,
- .mbsc-col-9,
- .mbsc-col-10,
- .mbsc-col-11,
- .mbsc-col-12,
- .mbsc-col,
- .mbsc-col-auto,
- .mbsc-col-sm-1,
- .mbsc-col-sm-2,
- .mbsc-col-sm-3,
- .mbsc-col-sm-4,
- .mbsc-col-sm-5,
- .mbsc-col-sm-6,
- .mbsc-col-sm-7,
- .mbsc-col-sm-8,
- .mbsc-col-sm-9,
- .mbsc-col-sm-10,
- .mbsc-col-sm-11,
- .mbsc-col-sm-12,
- .mbsc-col-sm,
- .mbsc-col-sm-auto,
- .mbsc-col-md-1,
- .mbsc-col-md-2,
- .mbsc-col-md-3,
- .mbsc-col-md-4,
- .mbsc-col-md-5,
- .mbsc-col-md-6,
- .mbsc-col-md-7,
- .mbsc-col-md-8,
- .mbsc-col-md-9,
- .mbsc-col-md-10,
- .mbsc-col-md-11,
- .mbsc-col-md-12,
- .mbsc-col-md,
- .mbsc-col-md-auto,
- .mbsc-col-lg-1,
- .mbsc-col-lg-2,
- .mbsc-col-lg-3,
- .mbsc-col-lg-4,
- .mbsc-col-lg-5,
- .mbsc-col-lg-6,
- .mbsc-col-lg-7,
- .mbsc-col-lg-8,
- .mbsc-col-lg-9,
- .mbsc-col-lg-10,
- .mbsc-col-lg-11,
- .mbsc-col-lg-12,
- .mbsc-col-lg,
- .mbsc-col-lg-auto,
- .mbsc-col-xl-1,
- .mbsc-col-xl-2,
- .mbsc-col-xl-3,
- .mbsc-col-xl-4,
- .mbsc-col-xl-5,
- .mbsc-col-xl-6,
- .mbsc-col-xl-7,
- .mbsc-col-xl-8,
- .mbsc-col-xl-9,
- .mbsc-col-xl-10,
- .mbsc-col-xl-11,
- .mbsc-col-xl-12,
- .mbsc-col-xl,
- .mbsc-col-xl-auto {
- position: relative;
- width: 100%;
- min-height: 1px;
- padding-right: 1em;
- padding-left: 1em
- }
- .mbsc-col-1 {
- -ms-flex: 0 0 8.333333%;
- flex: 0 0 8.333333%;
- max-width: 8.333333%
- }
- .mbsc-col-2 {
- -ms-flex: 0 0 16.666667%;
- flex: 0 0 16.666667%;
- max-width: 16.666667%
- }
- .mbsc-col-3 {
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
- max-width: 25%
- }
- .mbsc-col-4 {
- -ms-flex: 0 0 33.333333%;
- flex: 0 0 33.333333%;
- max-width: 33.333333%
- }
- .mbsc-col-5 {
- -ms-flex: 0 0 41.666667%;
- flex: 0 0 41.666667%;
- max-width: 41.666667%
- }
- .mbsc-col-6 {
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%
- }
- .mbsc-col-7 {
- -ms-flex: 0 0 58.333333%;
- flex: 0 0 58.333333%;
- max-width: 58.333333%
- }
- .mbsc-col-8 {
- -ms-flex: 0 0 66.666667%;
- flex: 0 0 66.666667%;
- max-width: 66.666667%
- }
- .mbsc-col-9 {
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
- max-width: 75%
- }
- .mbsc-col-10 {
- -ms-flex: 0 0 83.333333%;
- flex: 0 0 83.333333%;
- max-width: 83.333333%
- }
- .mbsc-col-11 {
- -ms-flex: 0 0 91.666667%;
- flex: 0 0 91.666667%;
- max-width: 91.666667%
- }
- .mbsc-col-12 {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%
- }
- .mbsc-col-auto {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto;
- max-width: none
- }
- .mbsc-offset-1 {
- margin-left: 8.333333%
- }
- .mbsc-offset-2 {
- margin-left: 16.666667%
- }
- .mbsc-offset-3 {
- margin-left: 25%
- }
- .mbsc-offset-4 {
- margin-left: 33.333333%
- }
- .mbsc-offset-5 {
- margin-left: 41.666667%
- }
- .mbsc-offset-6 {
- margin-left: 50%
- }
- .mbsc-offset-7 {
- margin-left: 58.333333%
- }
- .mbsc-offset-8 {
- margin-left: 66.666667%
- }
- .mbsc-offset-9 {
- margin-left: 75%
- }
- .mbsc-offset-10 {
- margin-left: 83.333333%
- }
- .mbsc-offset-11 {
- margin-left: 91.666667%
- }
- .mbsc-grid-sm.mbsc-grid-fixed {
- max-width: 540px
- }
- .mbsc-grid-sm .mbsc-col-sm {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-positive: 1;
- flex-grow: 1;
- max-width: 100%
- }
- .mbsc-grid-sm .mbsc-col-sm-auto {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto;
- max-width: none
- }
- .mbsc-grid-sm .mbsc-col-sm-1 {
- -ms-flex: 0 0 8.333333%;
- flex: 0 0 8.333333%;
- max-width: 8.333333%
- }
- .mbsc-grid-sm .mbsc-col-sm-2 {
- -ms-flex: 0 0 16.666667%;
- flex: 0 0 16.666667%;
- max-width: 16.666667%
- }
- .mbsc-grid-sm .mbsc-col-sm-3 {
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
- max-width: 25%
- }
- .mbsc-grid-sm .mbsc-col-sm-4 {
- -ms-flex: 0 0 33.333333%;
- flex: 0 0 33.333333%;
- max-width: 33.333333%
- }
- .mbsc-grid-sm .mbsc-col-sm-5 {
- -ms-flex: 0 0 41.666667%;
- flex: 0 0 41.666667%;
- max-width: 41.666667%
- }
- .mbsc-grid-sm .mbsc-col-sm-6 {
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%
- }
- .mbsc-grid-sm .mbsc-col-sm-7 {
- -ms-flex: 0 0 58.333333%;
- flex: 0 0 58.333333%;
- max-width: 58.333333%
- }
- .mbsc-grid-sm .mbsc-col-sm-8 {
- -ms-flex: 0 0 66.666667%;
- flex: 0 0 66.666667%;
- max-width: 66.666667%
- }
- .mbsc-grid-sm .mbsc-col-sm-9 {
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
- max-width: 75%
- }
- .mbsc-grid-sm .mbsc-col-sm-10 {
- -ms-flex: 0 0 83.333333%;
- flex: 0 0 83.333333%;
- max-width: 83.333333%
- }
- .mbsc-grid-sm .mbsc-col-sm-11 {
- -ms-flex: 0 0 91.666667%;
- flex: 0 0 91.666667%;
- max-width: 91.666667%
- }
- .mbsc-grid-sm .mbsc-col-sm-12 {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%
- }
- .mbsc-grid-sm .mbsc-offset-sm-0 {
- margin-left: 0
- }
- .mbsc-grid-sm .mbsc-offset-sm-1 {
- margin-left: 8.333333%
- }
- .mbsc-grid-sm .mbsc-offset-sm-2 {
- margin-left: 16.666667%
- }
- .mbsc-grid-sm .mbsc-offset-sm-3 {
- margin-left: 25%
- }
- .mbsc-grid-sm .mbsc-offset-sm-4 {
- margin-left: 33.333333%
- }
- .mbsc-grid-sm .mbsc-offset-sm-5 {
- margin-left: 41.666667%
- }
- .mbsc-grid-sm .mbsc-offset-sm-6 {
- margin-left: 50%
- }
- .mbsc-grid-sm .mbsc-offset-sm-7 {
- margin-left: 58.333333%
- }
- .mbsc-grid-sm .mbsc-offset-sm-8 {
- margin-left: 66.666667%
- }
- .mbsc-grid-sm .mbsc-offset-sm-9 {
- margin-left: 75%
- }
- .mbsc-grid-sm .mbsc-offset-sm-10 {
- margin-left: 83.333333%
- }
- .mbsc-grid-sm .mbsc-offset-sm-11 {
- margin-left: 91.666667%
- }
- .mbsc-grid-sm .mbsc-push-sm-0 {
- left: auto
- }
- .mbsc-grid-sm .mbsc-push-sm-1 {
- left: 8.33333333%
- }
- .mbsc-grid-sm .mbsc-push-sm-2 {
- left: 16.66666667%
- }
- .mbsc-grid-sm .mbsc-push-sm-3 {
- left: 25%
- }
- .mbsc-grid-sm .mbsc-push-sm-4 {
- left: 33.33333333%
- }
- .mbsc-grid-sm .mbsc-push-sm-5 {
- left: 41.66666667%
- }
- .mbsc-grid-sm .mbsc-push-sm-6 {
- left: 50%
- }
- .mbsc-grid-sm .mbsc-push-sm-7 {
- left: 58.33333333%
- }
- .mbsc-grid-sm .mbsc-push-sm-8 {
- left: 66.66666667%
- }
- .mbsc-grid-sm .mbsc-push-sm-9 {
- left: 75%
- }
- .mbsc-grid-sm .mbsc-push-sm-10 {
- left: 83.33333333%
- }
- .mbsc-grid-sm .mbsc-push-sm-11 {
- left: 91.66666667%
- }
- .mbsc-grid-sm .mbsc-push-sm-12 {
- left: 100%
- }
- .mbsc-grid-sm .mbsc-pull-sm-0 {
- right: auto
- }
- .mbsc-grid-sm .mbsc-pull-sm-1 {
- right: 8.33333333%
- }
- .mbsc-grid-sm .mbsc-pull-sm-2 {
- right: 16.66666667%
- }
- .mbsc-grid-sm .mbsc-pull-sm-3 {
- right: 25%
- }
- .mbsc-grid-sm .mbsc-pull-sm-4 {
- right: 33.33333333%
- }
- .mbsc-grid-sm .mbsc-pull-sm-5 {
- right: 41.66666667%
- }
- .mbsc-grid-sm .mbsc-pull-sm-6 {
- right: 50%
- }
- .mbsc-grid-sm .mbsc-pull-sm-7 {
- right: 58.33333333%
- }
- .mbsc-grid-sm .mbsc-pull-sm-8 {
- right: 66.66666667%
- }
- .mbsc-grid-sm .mbsc-pull-sm-9 {
- right: 75%
- }
- .mbsc-grid-sm .mbsc-pull-sm-10 {
- right: 83.33333333%
- }
- .mbsc-grid-sm .mbsc-pull-sm-11 {
- right: 91.66666667%
- }
- .mbsc-grid-sm .mbsc-pull-sm-12 {
- right: 100%
- }
- @media (min-width:576px) {
- .mbsc-grid.mbsc-grid-fixed {
- max-width: 540px
- }
- .mbsc-grid .mbsc-col-sm {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-positive: 1;
- flex-grow: 1;
- max-width: 100%
- }
- .mbsc-grid .mbsc-col-sm-auto {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto;
- max-width: none
- }
- .mbsc-grid .mbsc-col-sm-1 {
- -ms-flex: 0 0 8.333333%;
- flex: 0 0 8.333333%;
- max-width: 8.333333%
- }
- .mbsc-grid .mbsc-col-sm-2 {
- -ms-flex: 0 0 16.666667%;
- flex: 0 0 16.666667%;
- max-width: 16.666667%
- }
- .mbsc-grid .mbsc-col-sm-3 {
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
- max-width: 25%
- }
- .mbsc-grid .mbsc-col-sm-4 {
- -ms-flex: 0 0 33.333333%;
- flex: 0 0 33.333333%;
- max-width: 33.333333%
- }
- .mbsc-grid .mbsc-col-sm-5 {
- -ms-flex: 0 0 41.666667%;
- flex: 0 0 41.666667%;
- max-width: 41.666667%
- }
- .mbsc-grid .mbsc-col-sm-6 {
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%
- }
- .mbsc-grid .mbsc-col-sm-7 {
- -ms-flex: 0 0 58.333333%;
- flex: 0 0 58.333333%;
- max-width: 58.333333%
- }
- .mbsc-grid .mbsc-col-sm-8 {
- -ms-flex: 0 0 66.666667%;
- flex: 0 0 66.666667%;
- max-width: 66.666667%
- }
- .mbsc-grid .mbsc-col-sm-9 {
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
- max-width: 75%
- }
- .mbsc-grid .mbsc-col-sm-10 {
- -ms-flex: 0 0 83.333333%;
- flex: 0 0 83.333333%;
- max-width: 83.333333%
- }
- .mbsc-grid .mbsc-col-sm-11 {
- -ms-flex: 0 0 91.666667%;
- flex: 0 0 91.666667%;
- max-width: 91.666667%
- }
- .mbsc-grid .mbsc-col-sm-12 {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%
- }
- .mbsc-grid .mbsc-offset-sm-0 {
- margin-left: 0
- }
- .mbsc-grid .mbsc-offset-sm-1 {
- margin-left: 8.333333%
- }
- .mbsc-grid .mbsc-offset-sm-2 {
- margin-left: 16.666667%
- }
- .mbsc-grid .mbsc-offset-sm-3 {
- margin-left: 25%
- }
- .mbsc-grid .mbsc-offset-sm-4 {
- margin-left: 33.333333%
- }
- .mbsc-grid .mbsc-offset-sm-5 {
- margin-left: 41.666667%
- }
- .mbsc-grid .mbsc-offset-sm-6 {
- margin-left: 50%
- }
- .mbsc-grid .mbsc-offset-sm-7 {
- margin-left: 58.333333%
- }
- .mbsc-grid .mbsc-offset-sm-8 {
- margin-left: 66.666667%
- }
- .mbsc-grid .mbsc-offset-sm-9 {
- margin-left: 75%
- }
- .mbsc-grid .mbsc-offset-sm-10 {
- margin-left: 83.333333%
- }
- .mbsc-grid .mbsc-offset-sm-11 {
- margin-left: 91.666667%
- }
- .mbsc-grid .mbsc-push-sm-0 {
- left: auto
- }
- .mbsc-grid .mbsc-push-sm-1 {
- left: 8.33333333%
- }
- .mbsc-grid .mbsc-push-sm-2 {
- left: 16.66666667%
- }
- .mbsc-grid .mbsc-push-sm-3 {
- left: 25%
- }
- .mbsc-grid .mbsc-push-sm-4 {
- left: 33.33333333%
- }
- .mbsc-grid .mbsc-push-sm-5 {
- left: 41.66666667%
- }
- .mbsc-grid .mbsc-push-sm-6 {
- left: 50%
- }
- .mbsc-grid .mbsc-push-sm-7 {
- left: 58.33333333%
- }
- .mbsc-grid .mbsc-push-sm-8 {
- left: 66.66666667%
- }
- .mbsc-grid .mbsc-push-sm-9 {
- left: 75%
- }
- .mbsc-grid .mbsc-push-sm-10 {
- left: 83.33333333%
- }
- .mbsc-grid .mbsc-push-sm-11 {
- left: 91.66666667%
- }
- .mbsc-grid .mbsc-push-sm-12 {
- left: 100%
- }
- .mbsc-grid .mbsc-pull-sm-0 {
- right: auto
- }
- .mbsc-grid .mbsc-pull-sm-1 {
- right: 8.33333333%
- }
- .mbsc-grid .mbsc-pull-sm-2 {
- right: 16.66666667%
- }
- .mbsc-grid .mbsc-pull-sm-3 {
- right: 25%
- }
- .mbsc-grid .mbsc-pull-sm-4 {
- right: 33.33333333%
- }
- .mbsc-grid .mbsc-pull-sm-5 {
- right: 41.66666667%
- }
- .mbsc-grid .mbsc-pull-sm-6 {
- right: 50%
- }
- .mbsc-grid .mbsc-pull-sm-7 {
- right: 58.33333333%
- }
- .mbsc-grid .mbsc-pull-sm-8 {
- right: 66.66666667%
- }
- .mbsc-grid .mbsc-pull-sm-9 {
- right: 75%
- }
- .mbsc-grid .mbsc-pull-sm-10 {
- right: 83.33333333%
- }
- .mbsc-grid .mbsc-pull-sm-11 {
- right: 91.66666667%
- }
- .mbsc-grid .mbsc-pull-sm-12 {
- right: 100%
- }
- }
- .mbsc-grid-md.mbsc-grid-fixed {
- max-width: 720px
- }
- .mbsc-grid-md .mbsc-col-md {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-positive: 1;
- flex-grow: 1;
- max-width: 100%
- }
- .mbsc-grid-md .mbsc-col-md-auto {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto;
- max-width: none
- }
- .mbsc-grid-md .mbsc-col-md-1 {
- -ms-flex: 0 0 8.333333%;
- flex: 0 0 8.333333%;
- max-width: 8.333333%
- }
- .mbsc-grid-md .mbsc-col-md-2 {
- -ms-flex: 0 0 16.666667%;
- flex: 0 0 16.666667%;
- max-width: 16.666667%
- }
- .mbsc-grid-md .mbsc-col-md-3 {
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
- max-width: 25%
- }
- .mbsc-grid-md .mbsc-col-md-4 {
- -ms-flex: 0 0 33.333333%;
- flex: 0 0 33.333333%;
- max-width: 33.333333%
- }
- .mbsc-grid-md .mbsc-col-md-5 {
- -ms-flex: 0 0 41.666667%;
- flex: 0 0 41.666667%;
- max-width: 41.666667%
- }
- .mbsc-grid-md .mbsc-col-md-6 {
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%
- }
- .mbsc-grid-md .mbsc-col-md-7 {
- -ms-flex: 0 0 58.333333%;
- flex: 0 0 58.333333%;
- max-width: 58.333333%
- }
- .mbsc-grid-md .mbsc-col-md-8 {
- -ms-flex: 0 0 66.666667%;
- flex: 0 0 66.666667%;
- max-width: 66.666667%
- }
- .mbsc-grid-md .mbsc-col-md-9 {
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
- max-width: 75%
- }
- .mbsc-grid-md .mbsc-col-md-10 {
- -ms-flex: 0 0 83.333333%;
- flex: 0 0 83.333333%;
- max-width: 83.333333%
- }
- .mbsc-grid-md .mbsc-col-md-11 {
- -ms-flex: 0 0 91.666667%;
- flex: 0 0 91.666667%;
- max-width: 91.666667%
- }
- .mbsc-grid-md .mbsc-col-md-12 {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%
- }
- .mbsc-grid-md .mbsc-offset-md-0 {
- margin-left: 0
- }
- .mbsc-grid-md .mbsc-offset-md-1 {
- margin-left: 8.333333%
- }
- .mbsc-grid-md .mbsc-offset-md-2 {
- margin-left: 16.666667%
- }
- .mbsc-grid-md .mbsc-offset-md-3 {
- margin-left: 25%
- }
- .mbsc-grid-md .mbsc-offset-md-4 {
- margin-left: 33.333333%
- }
- .mbsc-grid-md .mbsc-offset-md-5 {
- margin-left: 41.666667%
- }
- .mbsc-grid-md .mbsc-offset-md-6 {
- margin-left: 50%
- }
- .mbsc-grid-md .mbsc-offset-md-7 {
- margin-left: 58.333333%
- }
- .mbsc-grid-md .mbsc-offset-md-8 {
- margin-left: 66.666667%
- }
- .mbsc-grid-md .mbsc-offset-md-9 {
- margin-left: 75%
- }
- .mbsc-grid-md .mbsc-offset-md-10 {
- margin-left: 83.333333%
- }
- .mbsc-grid-md .mbsc-offset-md-11 {
- margin-left: 91.666667%
- }
- .mbsc-grid-md .mbsc-push-md-0 {
- left: auto
- }
- .mbsc-grid-md .mbsc-push-md-1 {
- left: 8.33333333%
- }
- .mbsc-grid-md .mbsc-push-md-2 {
- left: 16.66666667%
- }
- .mbsc-grid-md .mbsc-push-md-3 {
- left: 25%
- }
- .mbsc-grid-md .mbsc-push-md-4 {
- left: 33.33333333%
- }
- .mbsc-grid-md .mbsc-push-md-5 {
- left: 41.66666667%
- }
- .mbsc-grid-md .mbsc-push-md-6 {
- left: 50%
- }
- .mbsc-grid-md .mbsc-push-md-7 {
- left: 58.33333333%
- }
- .mbsc-grid-md .mbsc-push-md-8 {
- left: 66.66666667%
- }
- .mbsc-grid-md .mbsc-push-md-9 {
- left: 75%
- }
- .mbsc-grid-md .mbsc-push-md-10 {
- left: 83.33333333%
- }
- .mbsc-grid-md .mbsc-push-md-11 {
- left: 91.66666667%
- }
- .mbsc-grid-md .mbsc-push-md-12 {
- left: 100%
- }
- .mbsc-grid-md .mbsc-pull-md-0 {
- right: auto
- }
- .mbsc-grid-md .mbsc-pull-md-1 {
- right: 8.33333333%
- }
- .mbsc-grid-md .mbsc-pull-md-2 {
- right: 16.66666667%
- }
- .mbsc-grid-md .mbsc-pull-md-3 {
- right: 25%
- }
- .mbsc-grid-md .mbsc-pull-md-4 {
- right: 33.33333333%
- }
- .mbsc-grid-md .mbsc-pull-md-5 {
- right: 41.66666667%
- }
- .mbsc-grid-md .mbsc-pull-md-6 {
- right: 50%
- }
- .mbsc-grid-md .mbsc-pull-md-7 {
- right: 58.33333333%
- }
- .mbsc-grid-md .mbsc-pull-md-8 {
- right: 66.66666667%
- }
- .mbsc-grid-md .mbsc-pull-md-9 {
- right: 75%
- }
- .mbsc-grid-md .mbsc-pull-md-10 {
- right: 83.33333333%
- }
- .mbsc-grid-md .mbsc-pull-md-11 {
- right: 91.66666667%
- }
- .mbsc-grid-md .mbsc-pull-md-12 {
- right: 100%
- }
- @media (min-width:768px) {
- .mbsc-grid.mbsc-grid-fixed {
- max-width: 720px
- }
- .mbsc-grid .mbsc-col-md {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-positive: 1;
- flex-grow: 1;
- max-width: 100%
- }
- .mbsc-grid .mbsc-col-md-auto {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto;
- max-width: none
- }
- .mbsc-grid .mbsc-col-md-1 {
- -ms-flex: 0 0 8.333333%;
- flex: 0 0 8.333333%;
- max-width: 8.333333%
- }
- .mbsc-grid .mbsc-col-md-2 {
- -ms-flex: 0 0 16.666667%;
- flex: 0 0 16.666667%;
- max-width: 16.666667%
- }
- .mbsc-grid .mbsc-col-md-3 {
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
- max-width: 25%
- }
- .mbsc-grid .mbsc-col-md-4 {
- -ms-flex: 0 0 33.333333%;
- flex: 0 0 33.333333%;
- max-width: 33.333333%
- }
- .mbsc-grid .mbsc-col-md-5 {
- -ms-flex: 0 0 41.666667%;
- flex: 0 0 41.666667%;
- max-width: 41.666667%
- }
- .mbsc-grid .mbsc-col-md-6 {
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%
- }
- .mbsc-grid .mbsc-col-md-7 {
- -ms-flex: 0 0 58.333333%;
- flex: 0 0 58.333333%;
- max-width: 58.333333%
- }
- .mbsc-grid .mbsc-col-md-8 {
- -ms-flex: 0 0 66.666667%;
- flex: 0 0 66.666667%;
- max-width: 66.666667%
- }
- .mbsc-grid .mbsc-col-md-9 {
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
- max-width: 75%
- }
- .mbsc-grid .mbsc-col-md-10 {
- -ms-flex: 0 0 83.333333%;
- flex: 0 0 83.333333%;
- max-width: 83.333333%
- }
- .mbsc-grid .mbsc-col-md-11 {
- -ms-flex: 0 0 91.666667%;
- flex: 0 0 91.666667%;
- max-width: 91.666667%
- }
- .mbsc-grid .mbsc-col-md-12 {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%
- }
- .mbsc-grid .mbsc-offset-md-0 {
- margin-left: 0
- }
- .mbsc-grid .mbsc-offset-md-1 {
- margin-left: 8.333333%
- }
- .mbsc-grid .mbsc-offset-md-2 {
- margin-left: 16.666667%
- }
- .mbsc-grid .mbsc-offset-md-3 {
- margin-left: 25%
- }
- .mbsc-grid .mbsc-offset-md-4 {
- margin-left: 33.333333%
- }
- .mbsc-grid .mbsc-offset-md-5 {
- margin-left: 41.666667%
- }
- .mbsc-grid .mbsc-offset-md-6 {
- margin-left: 50%
- }
- .mbsc-grid .mbsc-offset-md-7 {
- margin-left: 58.333333%
- }
- .mbsc-grid .mbsc-offset-md-8 {
- margin-left: 66.666667%
- }
- .mbsc-grid .mbsc-offset-md-9 {
- margin-left: 75%
- }
- .mbsc-grid .mbsc-offset-md-10 {
- margin-left: 83.333333%
- }
- .mbsc-grid .mbsc-offset-md-11 {
- margin-left: 91.666667%
- }
- .mbsc-grid .mbsc-push-md-0 {
- left: auto
- }
- .mbsc-grid .mbsc-push-md-1 {
- left: 8.33333333%
- }
- .mbsc-grid .mbsc-push-md-2 {
- left: 16.66666667%
- }
- .mbsc-grid .mbsc-push-md-3 {
- left: 25%
- }
- .mbsc-grid .mbsc-push-md-4 {
- left: 33.33333333%
- }
- .mbsc-grid .mbsc-push-md-5 {
- left: 41.66666667%
- }
- .mbsc-grid .mbsc-push-md-6 {
- left: 50%
- }
- .mbsc-grid .mbsc-push-md-7 {
- left: 58.33333333%
- }
- .mbsc-grid .mbsc-push-md-8 {
- left: 66.66666667%
- }
- .mbsc-grid .mbsc-push-md-9 {
- left: 75%
- }
- .mbsc-grid .mbsc-push-md-10 {
- left: 83.33333333%
- }
- .mbsc-grid .mbsc-push-md-11 {
- left: 91.66666667%
- }
- .mbsc-grid .mbsc-push-md-12 {
- left: 100%
- }
- .mbsc-grid .mbsc-pull-md-0 {
- right: auto
- }
- .mbsc-grid .mbsc-pull-md-1 {
- right: 8.33333333%
- }
- .mbsc-grid .mbsc-pull-md-2 {
- right: 16.66666667%
- }
- .mbsc-grid .mbsc-pull-md-3 {
- right: 25%
- }
- .mbsc-grid .mbsc-pull-md-4 {
- right: 33.33333333%
- }
- .mbsc-grid .mbsc-pull-md-5 {
- right: 41.66666667%
- }
- .mbsc-grid .mbsc-pull-md-6 {
- right: 50%
- }
- .mbsc-grid .mbsc-pull-md-7 {
- right: 58.33333333%
- }
- .mbsc-grid .mbsc-pull-md-8 {
- right: 66.66666667%
- }
- .mbsc-grid .mbsc-pull-md-9 {
- right: 75%
- }
- .mbsc-grid .mbsc-pull-md-10 {
- right: 83.33333333%
- }
- .mbsc-grid .mbsc-pull-md-11 {
- right: 91.66666667%
- }
- .mbsc-grid .mbsc-pull-md-12 {
- right: 100%
- }
- }
- .mbsc-grid-lg.mbsc-grid-fixed {
- max-width: 960px
- }
- .mbsc-grid-lg .mbsc-col-lg {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-positive: 1;
- flex-grow: 1;
- max-width: 100%
- }
- .mbsc-grid-lg .mbsc-col-lg-auto {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto;
- max-width: none
- }
- .mbsc-grid-lg .mbsc-col-lg-1 {
- -ms-flex: 0 0 8.333333%;
- flex: 0 0 8.333333%;
- max-width: 8.333333%
- }
- .mbsc-grid-lg .mbsc-col-lg-2 {
- -ms-flex: 0 0 16.666667%;
- flex: 0 0 16.666667%;
- max-width: 16.666667%
- }
- .mbsc-grid-lg .mbsc-col-lg-3 {
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
- max-width: 25%
- }
- .mbsc-grid-lg .mbsc-col-lg-4 {
- -ms-flex: 0 0 33.333333%;
- flex: 0 0 33.333333%;
- max-width: 33.333333%
- }
- .mbsc-grid-lg .mbsc-col-lg-5 {
- -ms-flex: 0 0 41.666667%;
- flex: 0 0 41.666667%;
- max-width: 41.666667%
- }
- .mbsc-grid-lg .mbsc-col-lg-6 {
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%
- }
- .mbsc-grid-lg .mbsc-col-lg-7 {
- -ms-flex: 0 0 58.333333%;
- flex: 0 0 58.333333%;
- max-width: 58.333333%
- }
- .mbsc-grid-lg .mbsc-col-lg-8 {
- -ms-flex: 0 0 66.666667%;
- flex: 0 0 66.666667%;
- max-width: 66.666667%
- }
- .mbsc-grid-lg .mbsc-col-lg-9 {
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
- max-width: 75%
- }
- .mbsc-grid-lg .mbsc-col-lg-10 {
- -ms-flex: 0 0 83.333333%;
- flex: 0 0 83.333333%;
- max-width: 83.333333%
- }
- .mbsc-grid-lg .mbsc-col-lg-11 {
- -ms-flex: 0 0 91.666667%;
- flex: 0 0 91.666667%;
- max-width: 91.666667%
- }
- .mbsc-grid-lg .mbsc-col-lg-12 {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%
- }
- .mbsc-grid-lg .mbsc-offset-lg-0 {
- margin-left: 0
- }
- .mbsc-grid-lg .mbsc-offset-lg-1 {
- margin-left: 8.333333%
- }
- .mbsc-grid-lg .mbsc-offset-lg-2 {
- margin-left: 16.666667%
- }
- .mbsc-grid-lg .mbsc-offset-lg-3 {
- margin-left: 25%
- }
- .mbsc-grid-lg .mbsc-offset-lg-4 {
- margin-left: 33.333333%
- }
- .mbsc-grid-lg .mbsc-offset-lg-5 {
- margin-left: 41.666667%
- }
- .mbsc-grid-lg .mbsc-offset-lg-6 {
- margin-left: 50%
- }
- .mbsc-grid-lg .mbsc-offset-lg-7 {
- margin-left: 58.333333%
- }
- .mbsc-grid-lg .mbsc-offset-lg-8 {
- margin-left: 66.666667%
- }
- .mbsc-grid-lg .mbsc-offset-lg-9 {
- margin-left: 75%
- }
- .mbsc-grid-lg .mbsc-offset-lg-10 {
- margin-left: 83.333333%
- }
- .mbsc-grid-lg .mbsc-offset-lg-11 {
- margin-left: 91.666667%
- }
- .mbsc-grid-lg .mbsc-push-lg-0 {
- left: auto
- }
- .mbsc-grid-lg .mbsc-push-lg-1 {
- left: 8.33333333%
- }
- .mbsc-grid-lg .mbsc-push-lg-2 {
- left: 16.66666667%
- }
- .mbsc-grid-lg .mbsc-push-lg-3 {
- left: 25%
- }
- .mbsc-grid-lg .mbsc-push-lg-4 {
- left: 33.33333333%
- }
- .mbsc-grid-lg .mbsc-push-lg-5 {
- left: 41.66666667%
- }
- .mbsc-grid-lg .mbsc-push-lg-6 {
- left: 50%
- }
- .mbsc-grid-lg .mbsc-push-lg-7 {
- left: 58.33333333%
- }
- .mbsc-grid-lg .mbsc-push-lg-8 {
- left: 66.66666667%
- }
- .mbsc-grid-lg .mbsc-push-lg-9 {
- left: 75%
- }
- .mbsc-grid-lg .mbsc-push-lg-10 {
- left: 83.33333333%
- }
- .mbsc-grid-lg .mbsc-push-lg-11 {
- left: 91.66666667%
- }
- .mbsc-grid-lg .mbsc-push-lg-12 {
- left: 100%
- }
- .mbsc-grid-lg .mbsc-pull-lg-0 {
- right: auto
- }
- .mbsc-grid-lg .mbsc-pull-lg-1 {
- right: 8.33333333%
- }
- .mbsc-grid-lg .mbsc-pull-lg-2 {
- right: 16.66666667%
- }
- .mbsc-grid-lg .mbsc-pull-lg-3 {
- right: 25%
- }
- .mbsc-grid-lg .mbsc-pull-lg-4 {
- right: 33.33333333%
- }
- .mbsc-grid-lg .mbsc-pull-lg-5 {
- right: 41.66666667%
- }
- .mbsc-grid-lg .mbsc-pull-lg-6 {
- right: 50%
- }
- .mbsc-grid-lg .mbsc-pull-lg-7 {
- right: 58.33333333%
- }
- .mbsc-grid-lg .mbsc-pull-lg-8 {
- right: 66.66666667%
- }
- .mbsc-grid-lg .mbsc-pull-lg-9 {
- right: 75%
- }
- .mbsc-grid-lg .mbsc-pull-lg-10 {
- right: 83.33333333%
- }
- .mbsc-grid-lg .mbsc-pull-lg-11 {
- right: 91.66666667%
- }
- .mbsc-grid-lg .mbsc-pull-lg-12 {
- right: 100%
- }
- @media (min-width:992px) {
- .mbsc-grid.mbsc-grid-fixed {
- max-width: 960px
- }
- .mbsc-grid .mbsc-col-lg {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-positive: 1;
- flex-grow: 1;
- max-width: 100%
- }
- .mbsc-grid .mbsc-col-lg-auto {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto;
- max-width: none
- }
- .mbsc-grid .mbsc-col-lg-1 {
- -ms-flex: 0 0 8.333333%;
- flex: 0 0 8.333333%;
- max-width: 8.333333%
- }
- .mbsc-grid .mbsc-col-lg-2 {
- -ms-flex: 0 0 16.666667%;
- flex: 0 0 16.666667%;
- max-width: 16.666667%
- }
- .mbsc-grid .mbsc-col-lg-3 {
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
- max-width: 25%
- }
- .mbsc-grid .mbsc-col-lg-4 {
- -ms-flex: 0 0 33.333333%;
- flex: 0 0 33.333333%;
- max-width: 33.333333%
- }
- .mbsc-grid .mbsc-col-lg-5 {
- -ms-flex: 0 0 41.666667%;
- flex: 0 0 41.666667%;
- max-width: 41.666667%
- }
- .mbsc-grid .mbsc-col-lg-6 {
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%
- }
- .mbsc-grid .mbsc-col-lg-7 {
- -ms-flex: 0 0 58.333333%;
- flex: 0 0 58.333333%;
- max-width: 58.333333%
- }
- .mbsc-grid .mbsc-col-lg-8 {
- -ms-flex: 0 0 66.666667%;
- flex: 0 0 66.666667%;
- max-width: 66.666667%
- }
- .mbsc-grid .mbsc-col-lg-9 {
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
- max-width: 75%
- }
- .mbsc-grid .mbsc-col-lg-10 {
- -ms-flex: 0 0 83.333333%;
- flex: 0 0 83.333333%;
- max-width: 83.333333%
- }
- .mbsc-grid .mbsc-col-lg-11 {
- -ms-flex: 0 0 91.666667%;
- flex: 0 0 91.666667%;
- max-width: 91.666667%
- }
- .mbsc-grid .mbsc-col-lg-12 {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%
- }
- .mbsc-grid .mbsc-offset-lg-0 {
- margin-left: 0
- }
- .mbsc-grid .mbsc-offset-lg-1 {
- margin-left: 8.333333%
- }
- .mbsc-grid .mbsc-offset-lg-2 {
- margin-left: 16.666667%
- }
- .mbsc-grid .mbsc-offset-lg-3 {
- margin-left: 25%
- }
- .mbsc-grid .mbsc-offset-lg-4 {
- margin-left: 33.333333%
- }
- .mbsc-grid .mbsc-offset-lg-5 {
- margin-left: 41.666667%
- }
- .mbsc-grid .mbsc-offset-lg-6 {
- margin-left: 50%
- }
- .mbsc-grid .mbsc-offset-lg-7 {
- margin-left: 58.333333%
- }
- .mbsc-grid .mbsc-offset-lg-8 {
- margin-left: 66.666667%
- }
- .mbsc-grid .mbsc-offset-lg-9 {
- margin-left: 75%
- }
- .mbsc-grid .mbsc-offset-lg-10 {
- margin-left: 83.333333%
- }
- .mbsc-grid .mbsc-offset-lg-11 {
- margin-left: 91.666667%
- }
- .mbsc-grid .mbsc-push-lg-0 {
- left: auto
- }
- .mbsc-grid .mbsc-push-lg-1 {
- left: 8.33333333%
- }
- .mbsc-grid .mbsc-push-lg-2 {
- left: 16.66666667%
- }
- .mbsc-grid .mbsc-push-lg-3 {
- left: 25%
- }
- .mbsc-grid .mbsc-push-lg-4 {
- left: 33.33333333%
- }
- .mbsc-grid .mbsc-push-lg-5 {
- left: 41.66666667%
- }
- .mbsc-grid .mbsc-push-lg-6 {
- left: 50%
- }
- .mbsc-grid .mbsc-push-lg-7 {
- left: 58.33333333%
- }
- .mbsc-grid .mbsc-push-lg-8 {
- left: 66.66666667%
- }
- .mbsc-grid .mbsc-push-lg-9 {
- left: 75%
- }
- .mbsc-grid .mbsc-push-lg-10 {
- left: 83.33333333%
- }
- .mbsc-grid .mbsc-push-lg-11 {
- left: 91.66666667%
- }
- .mbsc-grid .mbsc-push-lg-12 {
- left: 100%
- }
- .mbsc-grid .mbsc-pull-lg-0 {
- right: auto
- }
- .mbsc-grid .mbsc-pull-lg-1 {
- right: 8.33333333%
- }
- .mbsc-grid .mbsc-pull-lg-2 {
- right: 16.66666667%
- }
- .mbsc-grid .mbsc-pull-lg-3 {
- right: 25%
- }
- .mbsc-grid .mbsc-pull-lg-4 {
- right: 33.33333333%
- }
- .mbsc-grid .mbsc-pull-lg-5 {
- right: 41.66666667%
- }
- .mbsc-grid .mbsc-pull-lg-6 {
- right: 50%
- }
- .mbsc-grid .mbsc-pull-lg-7 {
- right: 58.33333333%
- }
- .mbsc-grid .mbsc-pull-lg-8 {
- right: 66.66666667%
- }
- .mbsc-grid .mbsc-pull-lg-9 {
- right: 75%
- }
- .mbsc-grid .mbsc-pull-lg-10 {
- right: 83.33333333%
- }
- .mbsc-grid .mbsc-pull-lg-11 {
- right: 91.66666667%
- }
- .mbsc-grid .mbsc-pull-lg-12 {
- right: 100%
- }
- }
- .mbsc-grid-xl.mbsc-grid-fixed {
- max-width: 1140px
- }
- .mbsc-grid-xl .mbsc-col-xl {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-positive: 1;
- flex-grow: 1;
- max-width: 100%
- }
- .mbsc-grid-xl .mbsc-col-xl-auto {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto;
- max-width: none
- }
- .mbsc-grid-xl .mbsc-col-xl-1 {
- -ms-flex: 0 0 8.333333%;
- flex: 0 0 8.333333%;
- max-width: 8.333333%
- }
- .mbsc-grid-xl .mbsc-col-xl-2 {
- -ms-flex: 0 0 16.666667%;
- flex: 0 0 16.666667%;
- max-width: 16.666667%
- }
- .mbsc-grid-xl .mbsc-col-xl-3 {
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
- max-width: 25%
- }
- .mbsc-grid-xl .mbsc-col-xl-4 {
- -ms-flex: 0 0 33.333333%;
- flex: 0 0 33.333333%;
- max-width: 33.333333%
- }
- .mbsc-grid-xl .mbsc-col-xl-5 {
- -ms-flex: 0 0 41.666667%;
- flex: 0 0 41.666667%;
- max-width: 41.666667%
- }
- .mbsc-grid-xl .mbsc-col-xl-6 {
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%
- }
- .mbsc-grid-xl .mbsc-col-xl-7 {
- -ms-flex: 0 0 58.333333%;
- flex: 0 0 58.333333%;
- max-width: 58.333333%
- }
- .mbsc-grid-xl .mbsc-col-xl-8 {
- -ms-flex: 0 0 66.666667%;
- flex: 0 0 66.666667%;
- max-width: 66.666667%
- }
- .mbsc-grid-xl .mbsc-col-xl-9 {
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
- max-width: 75%
- }
- .mbsc-grid-xl .mbsc-col-xl-10 {
- -ms-flex: 0 0 83.333333%;
- flex: 0 0 83.333333%;
- max-width: 83.333333%
- }
- .mbsc-grid-xl .mbsc-col-xl-11 {
- -ms-flex: 0 0 91.666667%;
- flex: 0 0 91.666667%;
- max-width: 91.666667%
- }
- .mbsc-grid-xl .mbsc-col-xl-12 {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%
- }
- .mbsc-grid-xl .mbsc-offset-xl-0 {
- margin-left: 0
- }
- .mbsc-grid-xl .mbsc-offset-xl-1 {
- margin-left: 8.333333%
- }
- .mbsc-grid-xl .mbsc-offset-xl-2 {
- margin-left: 16.666667%
- }
- .mbsc-grid-xl .mbsc-offset-xl-3 {
- margin-left: 25%
- }
- .mbsc-grid-xl .mbsc-offset-xl-4 {
- margin-left: 33.333333%
- }
- .mbsc-grid-xl .mbsc-offset-xl-5 {
- margin-left: 41.666667%
- }
- .mbsc-grid-xl .mbsc-offset-xl-6 {
- margin-left: 50%
- }
- .mbsc-grid-xl .mbsc-offset-xl-7 {
- margin-left: 58.333333%
- }
- .mbsc-grid-xl .mbsc-offset-xl-8 {
- margin-left: 66.666667%
- }
- .mbsc-grid-xl .mbsc-offset-xl-9 {
- margin-left: 75%
- }
- .mbsc-grid-xl .mbsc-offset-xl-10 {
- margin-left: 83.333333%
- }
- .mbsc-grid-xl .mbsc-offset-xl-11 {
- margin-left: 91.666667%
- }
- .mbsc-grid-xl .mbsc-push-xl-0 {
- left: auto
- }
- .mbsc-grid-xl .mbsc-push-xl-1 {
- left: 8.33333333%
- }
- .mbsc-grid-xl .mbsc-push-xl-2 {
- left: 16.66666667%
- }
- .mbsc-grid-xl .mbsc-push-xl-3 {
- left: 25%
- }
- .mbsc-grid-xl .mbsc-push-xl-4 {
- left: 33.33333333%
- }
- .mbsc-grid-xl .mbsc-push-xl-5 {
- left: 41.66666667%
- }
- .mbsc-grid-xl .mbsc-push-xl-6 {
- left: 50%
- }
- .mbsc-grid-xl .mbsc-push-xl-7 {
- left: 58.33333333%
- }
- .mbsc-grid-xl .mbsc-push-xl-8 {
- left: 66.66666667%
- }
- .mbsc-grid-xl .mbsc-push-xl-9 {
- left: 75%
- }
- .mbsc-grid-xl .mbsc-push-xl-10 {
- left: 83.33333333%
- }
- .mbsc-grid-xl .mbsc-push-xl-11 {
- left: 91.66666667%
- }
- .mbsc-grid-xl .mbsc-push-xl-12 {
- left: 100%
- }
- .mbsc-grid-xl .mbsc-pull-xl-0 {
- right: auto
- }
- .mbsc-grid-xl .mbsc-pull-xl-1 {
- right: 8.33333333%
- }
- .mbsc-grid-xl .mbsc-pull-xl-2 {
- right: 16.66666667%
- }
- .mbsc-grid-xl .mbsc-pull-xl-3 {
- right: 25%
- }
- .mbsc-grid-xl .mbsc-pull-xl-4 {
- right: 33.33333333%
- }
- .mbsc-grid-xl .mbsc-pull-xl-5 {
- right: 41.66666667%
- }
- .mbsc-grid-xl .mbsc-pull-xl-6 {
- right: 50%
- }
- .mbsc-grid-xl .mbsc-pull-xl-7 {
- right: 58.33333333%
- }
- .mbsc-grid-xl .mbsc-pull-xl-8 {
- right: 66.66666667%
- }
- .mbsc-grid-xl .mbsc-pull-xl-9 {
- right: 75%
- }
- .mbsc-grid-xl .mbsc-pull-xl-10 {
- right: 83.33333333%
- }
- .mbsc-grid-xl .mbsc-pull-xl-11 {
- right: 91.66666667%
- }
- .mbsc-grid-xl .mbsc-pull-xl-12 {
- right: 100%
- }
- @media (min-width:1200px) {
- .mbsc-grid.mbsc-grid-fixed {
- max-width: 1140px
- }
- .mbsc-grid .mbsc-col-xl {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-positive: 1;
- flex-grow: 1;
- max-width: 100%
- }
- .mbsc-grid .mbsc-col-xl-auto {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto;
- max-width: none
- }
- .mbsc-grid .mbsc-col-xl-1 {
- -ms-flex: 0 0 8.333333%;
- flex: 0 0 8.333333%;
- max-width: 8.333333%
- }
- .mbsc-grid .mbsc-col-xl-2 {
- -ms-flex: 0 0 16.666667%;
- flex: 0 0 16.666667%;
- max-width: 16.666667%
- }
- .mbsc-grid .mbsc-col-xl-3 {
- -ms-flex: 0 0 25%;
- flex: 0 0 25%;
- max-width: 25%
- }
- .mbsc-grid .mbsc-col-xl-4 {
- -ms-flex: 0 0 33.333333%;
- flex: 0 0 33.333333%;
- max-width: 33.333333%
- }
- .mbsc-grid .mbsc-col-xl-5 {
- -ms-flex: 0 0 41.666667%;
- flex: 0 0 41.666667%;
- max-width: 41.666667%
- }
- .mbsc-grid .mbsc-col-xl-6 {
- -ms-flex: 0 0 50%;
- flex: 0 0 50%;
- max-width: 50%
- }
- .mbsc-grid .mbsc-col-xl-7 {
- -ms-flex: 0 0 58.333333%;
- flex: 0 0 58.333333%;
- max-width: 58.333333%
- }
- .mbsc-grid .mbsc-col-xl-8 {
- -ms-flex: 0 0 66.666667%;
- flex: 0 0 66.666667%;
- max-width: 66.666667%
- }
- .mbsc-grid .mbsc-col-xl-9 {
- -ms-flex: 0 0 75%;
- flex: 0 0 75%;
- max-width: 75%
- }
- .mbsc-grid .mbsc-col-xl-10 {
- -ms-flex: 0 0 83.333333%;
- flex: 0 0 83.333333%;
- max-width: 83.333333%
- }
- .mbsc-grid .mbsc-col-xl-11 {
- -ms-flex: 0 0 91.666667%;
- flex: 0 0 91.666667%;
- max-width: 91.666667%
- }
- .mbsc-grid .mbsc-col-xl-12 {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%
- }
- .mbsc-grid .mbsc-offset-xl-0 {
- margin-left: 0
- }
- .mbsc-grid .mbsc-offset-xl-1 {
- margin-left: 8.333333%
- }
- .mbsc-grid .mbsc-offset-xl-2 {
- margin-left: 16.666667%
- }
- .mbsc-grid .mbsc-offset-xl-3 {
- margin-left: 25%
- }
- .mbsc-grid .mbsc-offset-xl-4 {
- margin-left: 33.333333%
- }
- .mbsc-grid .mbsc-offset-xl-5 {
- margin-left: 41.666667%
- }
- .mbsc-grid .mbsc-offset-xl-6 {
- margin-left: 50%
- }
- .mbsc-grid .mbsc-offset-xl-7 {
- margin-left: 58.333333%
- }
- .mbsc-grid .mbsc-offset-xl-8 {
- margin-left: 66.666667%
- }
- .mbsc-grid .mbsc-offset-xl-9 {
- margin-left: 75%
- }
- .mbsc-grid .mbsc-offset-xl-10 {
- margin-left: 83.333333%
- }
- .mbsc-grid .mbsc-offset-xl-11 {
- margin-left: 91.666667%
- }
- .mbsc-grid .mbsc-push-xl-0 {
- left: auto
- }
- .mbsc-grid .mbsc-push-xl-1 {
- left: 8.33333333%
- }
- .mbsc-grid .mbsc-push-xl-2 {
- left: 16.66666667%
- }
- .mbsc-grid .mbsc-push-xl-3 {
- left: 25%
- }
- .mbsc-grid .mbsc-push-xl-4 {
- left: 33.33333333%
- }
- .mbsc-grid .mbsc-push-xl-5 {
- left: 41.66666667%
- }
- .mbsc-grid .mbsc-push-xl-6 {
- left: 50%
- }
- .mbsc-grid .mbsc-push-xl-7 {
- left: 58.33333333%
- }
- .mbsc-grid .mbsc-push-xl-8 {
- left: 66.66666667%
- }
- .mbsc-grid .mbsc-push-xl-9 {
- left: 75%
- }
- .mbsc-grid .mbsc-push-xl-10 {
- left: 83.33333333%
- }
- .mbsc-grid .mbsc-push-xl-11 {
- left: 91.66666667%
- }
- .mbsc-grid .mbsc-push-xl-12 {
- left: 100%
- }
- .mbsc-grid .mbsc-pull-xl-0 {
- right: auto
- }
- .mbsc-grid .mbsc-pull-xl-1 {
- right: 8.33333333%
- }
- .mbsc-grid .mbsc-pull-xl-2 {
- right: 16.66666667%
- }
- .mbsc-grid .mbsc-pull-xl-3 {
- right: 25%
- }
- .mbsc-grid .mbsc-pull-xl-4 {
- right: 33.33333333%
- }
- .mbsc-grid .mbsc-pull-xl-5 {
- right: 41.66666667%
- }
- .mbsc-grid .mbsc-pull-xl-6 {
- right: 50%
- }
- .mbsc-grid .mbsc-pull-xl-7 {
- right: 58.33333333%
- }
- .mbsc-grid .mbsc-pull-xl-8 {
- right: 66.66666667%
- }
- .mbsc-grid .mbsc-pull-xl-9 {
- right: 75%
- }
- .mbsc-grid .mbsc-pull-xl-10 {
- right: 83.33333333%
- }
- .mbsc-grid .mbsc-pull-xl-11 {
- right: 91.66666667%
- }
- .mbsc-grid .mbsc-pull-xl-12 {
- right: 100%
- }
- }
- .mbsc-align-items-start {
- -ms-flex-align: start !important;
- align-items: flex-start !important
- }
- .mbsc-align-items-center {
- -ms-flex-align: center !important;
- align-items: center !important
- }
- .mbsc-align-items-end {
- -ms-flex-align: end !important;
- align-items: flex-end !important
- }
- .mbsc-justify-content-start {
- -ms-flex-pack: start !important;
- justify-content: flex-start !important
- }
- .mbsc-justify-content-center {
- -ms-flex-pack: center !important;
- justify-content: center !important
- }
- .mbsc-justify-content-end {
- -ms-flex-pack: end !important;
- justify-content: flex-end !important
- }
- .mbsc-justify-content-around {
- -ms-flex-pack: distribute !important;
- justify-content: space-around !important
- }
- .mbsc-justify-content-between {
- -ms-flex-pack: justify !important;
- justify-content: space-between !important
- }
- .mbsc-ltr .mbsc-img-w {
- text-align: left
- }
- .mbsc-ltr .mbsc-img-txt {
- margin: 0 0 0 .5em
- }
- .mbsc-rtl .mbsc-img-w {
- text-align: right
- }
- .mbsc-rtl .mbsc-img-txt {
- margin: 0 .5em 0 0
- }
- .mbsc-img-w .mbsc-ic {
- display: inline-block;
- margin: 0 .5em
- }
- .mbsc-img-txt {
- display: inline-block
- }
- .mbsc-img-c {
- min-width: 50px;
- height: 28px;
- margin-top: -2px;
- display: inline-block;
- text-align: center;
- vertical-align: middle;
- line-height: normal
- }
- .mbsc-img {
- max-height: 28px
- }
- @font-face {
- font-family: 'icons_mobiscroll';
- src: url('icons_mobiscroll.woff?vtxdtu') format('woff'), url('icons_mobiscroll.woff') format('woff'), url('icons_mobiscroll.ttf?vtxdtu') format('truetype');
- font-weight: normal;
- font-style: normal
- }
- .mbsc-ic:before {
- font-family: 'icons_mobiscroll';
- speak: none;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale
- }
- .mbsc-ic-aid::before {
- content: "\ea01"
- }
- .mbsc-ic-airplane::before {
- content: "\ea02"
- }
- .mbsc-ic-alarm2::before {
- content: "\ea03"
- }
- .mbsc-ic-arrow-down2::before {
- content: "\ea04"
- }
- .mbsc-ic-arrow-down5::before {
- content: "\ea05"
- }
- .mbsc-ic-arrow-left2::before {
- content: "\ea06"
- }
- .mbsc-ic-arrow-left4::before {
- content: "\ea07"
- }
- .mbsc-ic-arrow-left5::before {
- content: "\ea08"
- }
- .mbsc-ic-arrow-left6::before {
- content: "\ea09"
- }
- .mbsc-ic-arrow-right2::before {
- content: "\ea0a"
- }
- .mbsc-ic-arrow-right4::before {
- content: "\ea0b"
- }
- .mbsc-ic-arrow-right5::before {
- content: "\ea0c"
- }
- .mbsc-ic-arrow-right6::before {
- content: "\ea0d"
- }
- .mbsc-ic-arrow-up2::before {
- content: "\ea0e"
- }
- .mbsc-ic-arrow-up5::before {
- content: "\ea0f"
- }
- .mbsc-ic-attachment::before {
- content: "\ea10"
- }
- .mbsc-ic-backspace::before {
- content: "\ea11"
- }
- .mbsc-ic-backspace3::before {
- content: "\ea12"
- }
- .mbsc-ic-backspace4::before {
- content: "\ea13"
- }
- .mbsc-ic-bars::before {
- content: "\ea14"
- }
- .mbsc-ic-book::before {
- content: "\ea15"
- }
- .mbsc-ic-brightness-contrast::before {
- content: "\ea16"
- }
- .mbsc-ic-bubble::before {
- content: "\ea17"
- }
- .mbsc-ic-bubbles::before {
- content: "\ea18"
- }
- .mbsc-ic-bullhorn::before {
- content: "\ea19"
- }
- .mbsc-ic-calendar::before {
- content: "\ea1a"
- }
- .mbsc-ic-camera::before {
- content: "\ea1b"
- }
- .mbsc-ic-cart::before {
- content: "\ea1c"
- }
- .mbsc-ic-checkmark::before {
- content: "\ea1d"
- }
- .mbsc-ic-clock::before {
- content: "\ea1e"
- }
- .mbsc-ic-close::before {
- content: "\ea1f"
- }
- .mbsc-ic-cloud-download::before {
- content: "\ea20"
- }
- .mbsc-ic-cloud-upload::before {
- content: "\ea21"
- }
- .mbsc-ic-cloud::before {
- content: "\ea22"
- }
- .mbsc-ic-cogs::before {
- content: "\ea23"
- }
- .mbsc-ic-compass::before {
- content: "\ea24"
- }
- .mbsc-ic-connection::before {
- content: "\ea25"
- }
- .mbsc-ic-copy2::before {
- content: "\ea26"
- }
- .mbsc-ic-copy3::before {
- content: "\ea27"
- }
- .mbsc-ic-credit::before {
- content: "\ea28"
- }
- .mbsc-ic-disk::before {
- content: "\ea29"
- }
- .mbsc-ic-download::before {
- content: "\ea2a"
- }
- .mbsc-ic-drawer::before {
- content: "\ea2b"
- }
- .mbsc-ic-droplet::before {
- content: "\ea2c"
- }
- .mbsc-ic-earth::before {
- content: "\ea2d"
- }
- .mbsc-ic-eye-blocked::before {
- content: "\ea2e"
- }
- .mbsc-ic-eye::before {
- content: "\ea2f"
- }
- .mbsc-ic-fa-dollar::before {
- content: "\ea30"
- }
- .mbsc-ic-fa-ellipsis-h::before {
- content: "\ea31"
- }
- .mbsc-ic-fa-facebook::before {
- content: "\ea32"
- }
- .mbsc-ic-fa-globe::before {
- content: "\ea33"
- }
- .mbsc-ic-fa-google-plus::before {
- content: "\ea34"
- }
- .mbsc-ic-fa-google::before {
- content: "\ea35"
- }
- .mbsc-ic-fa-leaf::before {
- content: "\ea36"
- }
- .mbsc-ic-fa-mail-reply::before {
- content: "\ea37"
- }
- .mbsc-ic-fa-retweet::before {
- content: "\ea38"
- }
- .mbsc-ic-fa-rotate-left::before {
- content: "\ea39"
- }
- .mbsc-ic-fa-twitter::before {
- content: "\ea3a"
- }
- .mbsc-ic-feed2::before {
- content: "\ea3b"
- }
- .mbsc-ic-file4::before {
- content: "\ea3c"
- }
- .mbsc-ic-film::before {
- content: "\ea3d"
- }
- .mbsc-ic-flag::before {
- content: "\ea3e"
- }
- .mbsc-ic-folder::before {
- content: "\ea3f"
- }
- .mbsc-ic-forward::before {
- content: "\ea40"
- }
- .mbsc-ic-foundation-mail::before {
- content: "\ea41"
- }
- .mbsc-ic-foundation-minus-circle::before {
- content: "\ea42"
- }
- .mbsc-ic-gift::before {
- content: "\ea43"
- }
- .mbsc-ic-globe::before {
- content: "\ea44"
- }
- .mbsc-ic-heart::before {
- content: "\ea45"
- }
- .mbsc-ic-heart2::before {
- content: "\ea46"
- }
- .mbsc-ic-history::before {
- content: "\ea47"
- }
- .mbsc-ic-home::before {
- content: "\ea48"
- }
- .mbsc-ic-image2::before {
- content: "\ea49"
- }
- .mbsc-ic-ion-android-social-user::before {
- content: "\ea4a"
- }
- .mbsc-ic-ion-android-system-windows::before {
- content: "\ea4b"
- }
- .mbsc-ic-ion-bluetooth::before {
- content: "\ea4c"
- }
- .mbsc-ic-ion-close-circled::before {
- content: "\ea4d"
- }
- .mbsc-ic-ion-email::before {
- content: "\ea4e"
- }
- .mbsc-ic-ion-ios7-arrow-back::before {
- content: "\ea4f"
- }
- .mbsc-ic-ion-ios7-arrow-forward::before {
- content: "\ea50"
- }
- .mbsc-ic-ion-ios7-checkmark-empty::before {
- content: "\ea51"
- }
- .mbsc-ic-ion-ios7-close-empty::before {
- content: "\ea52"
- }
- .mbsc-ic-ion-ios7-close-outline::before {
- content: "\ea53"
- }
- .mbsc-ic-ion-ios7-email::before {
- content: "\ea54"
- }
- .mbsc-ic-ion-ios7-information-outline::before {
- content: "\ea55"
- }
- .mbsc-ic-ion-ios7-plus-empty::before {
- content: "\ea56"
- }
- .mbsc-ic-ion-iphone::before {
- content: "\ea57"
- }
- .mbsc-ic-ion-navigate::before {
- content: "\ea58"
- }
- .mbsc-ic-ion-social-facebook::before {
- content: "\ea59"
- }
- .mbsc-ic-ion-usb::before {
- content: "\ea5a"
- }
- .mbsc-ic-ios-backspace::before {
- content: "\ea5b"
- }
- .mbsc-ic-key2::before {
- content: "\ea5c"
- }
- .mbsc-ic-library::before {
- content: "\ea5d"
- }
- .mbsc-ic-line-bubble::before {
- content: "\ea5f"
- }
- .mbsc-ic-line-calendar::before {
- content: "\ea5e"
- }
- .mbsc-ic-line-food::before {
- content: "\ea60"
- }
- .mbsc-ic-line-heart::before {
- content: "\ea61"
- }
- .mbsc-ic-line-key::before {
- content: "\ea63"
- }
- .mbsc-ic-line-mail::before {
- content: "\ea62"
- }
- .mbsc-ic-line-megaphone::before {
- content: "\ea64"
- }
- .mbsc-ic-line-music::before {
- content: "\ea65"
- }
- .mbsc-ic-line-note::before {
- content: "\ea66"
- }
- .mbsc-ic-line-paperplane::before {
- content: "\ea67"
- }
- .mbsc-ic-line-params::before {
- content: "\ea68"
- }
- .mbsc-ic-line-phone::before {
- content: "\ea69"
- }
- .mbsc-ic-line-settings::before {
- content: "\ea6c"
- }
- .mbsc-ic-line-star::before {
- content: "\ea6a"
- }
- .mbsc-ic-line-t-shirt::before {
- content: "\ea6b"
- }
- .mbsc-ic-line-tag::before {
- content: "\ea6d"
- }
- .mbsc-ic-line-user::before {
- content: "\ea6e"
- }
- .mbsc-ic-line-world::before {
- content: "\ea6f"
- }
- .mbsc-ic-link::before {
- content: "\ea71"
- }
- .mbsc-ic-location::before {
- content: "\ea73"
- }
- .mbsc-ic-lock::before {
- content: "\ea70"
- }
- .mbsc-ic-lock2::before {
- content: "\ea72"
- }
- .mbsc-ic-loop2::before {
- content: "\ea74"
- }
- .mbsc-ic-map::before {
- content: "\ea75"
- }
- .mbsc-ic-material-arrow-back::before {
- content: "\ea76"
- }
- .mbsc-ic-material-arrow-forward::before {
- content: "\ea77"
- }
- .mbsc-ic-material-backspace::before {
- content: "\ea79"
- }
- .mbsc-ic-material-brightness-medium::before {
- content: "\ea7a"
- }
- .mbsc-ic-material-check-box-outline-blank::before {
- content: "\ea78"
- }
- .mbsc-ic-material-check::before {
- content: "\ea7b"
- }
- .mbsc-ic-material-close::before {
- content: "\ea7c"
- }
- .mbsc-ic-material-crop::before {
- content: "\ea7e"
- }
- .mbsc-ic-material-email::before {
- content: "\ea7d"
- }
- .mbsc-ic-material-equalizer::before {
- content: "\ea7f"
- }
- .mbsc-ic-material-explore::before {
- content: "\ea80"
- }
- .mbsc-ic-material-filter::before {
- content: "\ea81"
- }
- .mbsc-ic-material-format-bold::before {
- content: "\ea82"
- }
- .mbsc-ic-material-format-ital::before {
- content: "\ea83"
- }
- .mbsc-ic-material-format-list-numbered::before {
- content: "\ea84"
- }
- .mbsc-ic-material-format-paint::before {
- content: "\ea85"
- }
- .mbsc-ic-material-format-underline::before {
- content: "\ea86"
- }
- .mbsc-ic-material-inbox::before {
- content: "\ea87"
- }
- .mbsc-ic-material-iso::before {
- content: "\ea88"
- }
- .mbsc-ic-material-keyboard-arrow-down::before {
- content: "\ea89"
- }
- .mbsc-ic-material-keyboard-arrow-left::before {
- content: "\ea8a"
- }
- .mbsc-ic-material-keyboard-arrow-right::before {
- content: "\ea8b"
- }
- .mbsc-ic-material-keyboard-arrow-up::before {
- content: "\ea8c"
- }
- .mbsc-ic-material-label::before {
- content: "\ea8d"
- }
- .mbsc-ic-material-language::before {
- content: "\ea8e"
- }
- .mbsc-ic-material-list::before {
- content: "\ea8f"
- }
- .mbsc-ic-material-menu::before {
- content: "\ea90"
- }
- .mbsc-ic-material-message::before {
- content: "\ea91"
- }
- .mbsc-ic-material-more-horiz::before {
- content: "\ea92"
- }
- .mbsc-ic-material-music-note::before {
- content: "\ea93"
- }
- .mbsc-ic-material-notifications::before {
- content: "\ea94"
- }
- .mbsc-ic-material-palette::before {
- content: "\ea95"
- }
- .mbsc-ic-material-pause::before {
- content: "\ea96"
- }
- .mbsc-ic-material-people::before {
- content: "\ea97"
- }
- .mbsc-ic-material-phone-iphone::before {
- content: "\ea98"
- }
- .mbsc-ic-material-photo-size-select-large::before {
- content: "\ea99"
- }
- .mbsc-ic-material-play-arrow::before {
- content: "\ea9a"
- }
- .mbsc-ic-material-repeat::before {
- content: "\ea9b"
- }
- .mbsc-ic-material-rotate-right::before {
- content: "\ea9c"
- }
- .mbsc-ic-material-search::before {
- content: "\ea9d"
- }
- .mbsc-ic-material-share::before {
- content: "\ea9e"
- }
- .mbsc-ic-material-shuffle::before {
- content: "\ea9f"
- }
- .mbsc-ic-material-skip-next::before {
- content: "\eaa0"
- }
- .mbsc-ic-material-skip-previous::before {
- content: "\eaa1"
- }
- .mbsc-ic-material-star-outline::before {
- content: "\eaa2"
- }
- .mbsc-ic-material-star::before {
- content: "\eaa3"
- }
- .mbsc-ic-material-stop::before {
- content: "\eaa4"
- }
- .mbsc-ic-material-system-update::before {
- content: "\eaa5"
- }
- .mbsc-ic-material-texture::before {
- content: "\eaa9"
- }
- .mbsc-ic-material-tune::before {
- content: "\eaa8"
- }
- .mbsc-ic-material-tv::before {
- content: "\eaa6"
- }
- .mbsc-ic-material-vertical-align-bottom::before {
- content: "\eaa7"
- }
- .mbsc-ic-material-wb-auto::before {
- content: "\eaaa"
- }
- .mbsc-ic-meteo-Celsius::before {
- content: "\eaab"
- }
- .mbsc-ic-meteo-Fahrenheit::before {
- content: "\eaad"
- }
- .mbsc-ic-meteo-cloud::before {
- content: "\eaac"
- }
- .mbsc-ic-meteo-cloud2::before {
- content: "\eaae"
- }
- .mbsc-ic-meteo-cloud3::before {
- content: "\eab0"
- }
- .mbsc-ic-meteo-cloud4::before {
- content: "\eaaf"
- }
- .mbsc-ic-meteo-cloud5::before {
- content: "\eab1"
- }
- .mbsc-ic-meteo-cloudy::before {
- content: "\eab2"
- }
- .mbsc-ic-meteo-cloudy2::before {
- content: "\eab3"
- }
- .mbsc-ic-meteo-cloudy3::before {
- content: "\eab4"
- }
- .mbsc-ic-meteo-cloudy4::before {
- content: "\eab6"
- }
- .mbsc-ic-meteo-compass::before {
- content: "\eab5"
- }
- .mbsc-ic-meteo-lightning::before {
- content: "\eab7"
- }
- .mbsc-ic-meteo-lightning2::before {
- content: "\eab8"
- }
- .mbsc-ic-meteo-lightning3::before {
- content: "\eab9"
- }
- .mbsc-ic-meteo-lightning4::before {
- content: "\eabb"
- }
- .mbsc-ic-meteo-lightning5::before {
- content: "\eaba"
- }
- .mbsc-ic-meteo-lines::before {
- content: "\eabd"
- }
- .mbsc-ic-meteo-moon::before {
- content: "\eabc"
- }
- .mbsc-ic-meteo-moon2::before {
- content: "\eabf"
- }
- .mbsc-ic-meteo-none::before {
- content: "\eabe"
- }
- .mbsc-ic-meteo-rainy::before {
- content: "\eac0"
- }
- .mbsc-ic-meteo-rainy2::before {
- content: "\eac1"
- }
- .mbsc-ic-meteo-rainy3::before {
- content: "\eac2"
- }
- .mbsc-ic-meteo-rainy4::before {
- content: "\eac3"
- }
- .mbsc-ic-meteo-snowflake::before {
- content: "\eac4"
- }
- .mbsc-ic-meteo-snowy::before {
- content: "\eac5"
- }
- .mbsc-ic-meteo-snowy2::before {
- content: "\eac6"
- }
- .mbsc-ic-meteo-snowy3::before {
- content: "\eac7"
- }
- .mbsc-ic-meteo-snowy4::before {
- content: "\eac8"
- }
- .mbsc-ic-meteo-snowy5::before {
- content: "\eac9"
- }
- .mbsc-ic-meteo-sun::before {
- content: "\eaca"
- }
- .mbsc-ic-meteo-sun2::before {
- content: "\eacb"
- }
- .mbsc-ic-meteo-sun3::before {
- content: "\eacc"
- }
- .mbsc-ic-meteo-sunrise::before {
- content: "\eacd"
- }
- .mbsc-ic-meteo-thermometer::before {
- content: "\eace"
- }
- .mbsc-ic-meteo-weather::before {
- content: "\eacf"
- }
- .mbsc-ic-meteo-weather2::before {
- content: "\ead0"
- }
- .mbsc-ic-meteo-weather3::before {
- content: "\ead1"
- }
- .mbsc-ic-meteo-weather4::before {
- content: "\ead2"
- }
- .mbsc-ic-meteo-weather5::before {
- content: "\ead4"
- }
- .mbsc-ic-meteo-wind::before {
- content: "\ead3"
- }
- .mbsc-ic-meteo-windy::before {
- content: "\ead5"
- }
- .mbsc-ic-meteo-windy2::before {
- content: "\ead7"
- }
- .mbsc-ic-meteo-windy3::before {
- content: "\ead6"
- }
- .mbsc-ic-meteo-windy4::before {
- content: "\ead8"
- }
- .mbsc-ic-meteo-windy5::before {
- content: "\ead9"
- }
- .mbsc-ic-minus::before {
- content: "\eada"
- }
- .mbsc-ic-mobile::before {
- content: "\eadb"
- }
- .mbsc-ic-music::before {
- content: "\eadc"
- }
- .mbsc-ic-neutral::before {
- content: "\eadd"
- }
- .mbsc-ic-newspaper::before {
- content: "\eade"
- }
- .mbsc-ic-office::before {
- content: "\eadf"
- }
- .mbsc-ic-pause2::before {
- content: "\eae0"
- }
- .mbsc-ic-pencil::before {
- content: "\eae2"
- }
- .mbsc-ic-phone::before {
- content: "\eae1"
- }
- .mbsc-ic-play::before {
- content: "\eae3"
- }
- .mbsc-ic-play3::before {
- content: "\eae4"
- }
- .mbsc-ic-plus::before {
- content: "\eae5"
- }
- .mbsc-ic-print::before {
- content: "\eae6"
- }
- .mbsc-ic-redo2::before {
- content: "\eae7"
- }
- .mbsc-ic-remove::before {
- content: "\eae8"
- }
- .mbsc-ic-reply::before {
- content: "\eae9"
- }
- .mbsc-ic-sad::before {
- content: "\eaea"
- }
- .mbsc-ic-sad2::before {
- content: "\eaeb"
- }
- .mbsc-ic-share::before {
- content: "\eaec"
- }
- .mbsc-ic-smiley::before {
- content: "\eaed"
- }
- .mbsc-ic-smiley2::before {
- content: "\eaee"
- }
- .mbsc-ic-stack::before {
- content: "\eaef"
- }
- .mbsc-ic-star::before {
- content: "\eaf0"
- }
- .mbsc-ic-star2::before {
- content: "\eaf1"
- }
- .mbsc-ic-star3::before {
- content: "\eaf3"
- }
- .mbsc-ic-stop2::before {
- content: "\eaf2"
- }
- .mbsc-ic-stopwatch::before {
- content: "\eaf4"
- }
- .mbsc-ic-stream-sync::before {
- content: "\eaf5"
- }
- .mbsc-ic-support::before {
- content: "\eaf6"
- }
- .mbsc-ic-tag::before {
- content: "\eaf7"
- }
- .mbsc-ic-thumbs-up::before {
- content: "\eaf8"
- }
- .mbsc-ic-thumbs-up2::before {
- content: "\eaf9"
- }
- .mbsc-ic-undo2::before {
- content: "\eafa"
- }
- .mbsc-ic-unlocked::before {
- content: "\eafb"
- }
- .mbsc-ic-upload::before {
- content: "\eafc"
- }
- .mbsc-ic-user4::before {
- content: "\eafd"
- }
- .mbsc-ic-volume-high::before {
- content: "\eafe"
- }
- .mbsc-ic-volume-medium::before {
- content: "\eaff"
- }
- .mbsc-ic-volume-mute2::before {
- content: "\eb00"
- }
- @-webkit-keyframes mbsc-lv-spin {
- from {
- -webkit-transform: rotate(180deg);
- opacity: 0
- }
- to {
- -webkit-transform: rotate(0);
- opacity: 1
- }
- }
- @-webkit-keyframes mbsc-lv-remove-right {
- to {
- -webkit-transform: translateX(100%)
- }
- }
- @-webkit-keyframes mbsc-lv-remove-left {
- to {
- -webkit-transform: translateX(-100%)
- }
- }
- @-webkit-keyframes mbsc-lv-add-right {
- from {
- -webkit-transform: translateX(100%)
- }
- to {
- -webkit-transform: translateX(0)
- }
- }
- @-webkit-keyframes mbsc-lv-add-left {
- from {
- -webkit-transform: translateX(-100%)
- }
- to {
- -webkit-transform: translateX(0)
- }
- }
- @-webkit-keyframes mbsc-lv-pop-in {
- from {
- -webkit-transform: scale(0);
- opacity: 0
- }
- to {
- -webkit-transform: scale(1);
- opacity: 1
- }
- }
- @-webkit-keyframes mbsc-lv-pop-out {
- from {
- -webkit-transform: scale(1);
- opacity: 1
- }
- to {
- -webkit-transform: scale(0);
- opacity: 0
- }
- }
- @-webkit-keyframes mbsc-lv-collapse {
- from {
- padding: 0;
- border: 0
- }
- to {
- padding: 0;
- border: 0;
- height: 0
- }
- }
- @-webkit-keyframes mbsc-lv-expand {
- from {
- padding: 0;
- border: 0;
- height: 0
- }
- to {
- padding: 0;
- border: 0
- }
- }
- @-webkit-keyframes mbsc-lv-fill {
- from {
- -webkit-transform: scale(1, 0)
- }
- to {
- -webkit-transform: scale(1, 1)
- }
- }
- @keyframes mbsc-lv-spin {
- from {
- transform: rotate(180deg);
- opacity: 0
- }
- to {
- transform: rotate(0);
- opacity: 1
- }
- }
- @keyframes mbsc-lv-remove-right {
- to {
- transform: translateX(100%)
- }
- }
- @keyframes mbsc-lv-remove-left {
- to {
- transform: translateX(-100%)
- }
- }
- @keyframes mbsc-lv-add-right {
- from {
- transform: translateX(100%)
- }
- to {
- transform: translateX(0)
- }
- }
- @keyframes mbsc-lv-add-left {
- from {
- transform: translateX(-100%)
- }
- to {
- transform: translateX(0)
- }
- }
- @keyframes mbsc-lv-pop-in {
- from {
- transform: scale(0);
- opacity: 0
- }
- to {
- transform: scale(1)
- }
- }
- @keyframes mbsc-lv-pop-out {
- from {
- transform: scale(1)
- }
- to {
- transform: scale(0);
- opacity: 0
- }
- }
- @keyframes mbsc-lv-collapse {
- from {
- padding: 0;
- border: 0
- }
- to {
- padding: 0;
- border: 0;
- height: 0
- }
- }
- @keyframes mbsc-lv-expand {
- from {
- padding: 0;
- border: 0;
- height: 0
- }
- to {
- padding: 0;
- border: 0
- }
- }
- @keyframes mbsc-lv-fill {
- from {
- transform: scale(1, 0)
- }
- to {
- transform: scale(1, 1)
- }
- }
- .mbsc-lv-stage-c-v,
- .mbsc-lv-item,
- .mbsc-lv-gr-title,
- .mbsc-lv-ic-text {
- -webkit-transform: translate3d(0, 0, 0)
- }
- .mbsc-lv,
- .mbsc-lv-fill-item {
- -webkit-backface-visibility: hidden
- }
- .mbsc-lv-rtl {
- direction: rtl
- }
- .mbsc-lv-dummy {
- display: block;
- margin-top: -1px;
- -webkit-backface-visibility: visible
- }
- .mbsc-lv-fixed-header {
- position: fixed;
- display: none;
- top: 0;
- left: 0;
- list-style: none;
- width: 100%;
- z-index: 10
- }
- .mbsc-lv-fixed-header-ctx {
- position: absolute
- }
- .mbsc-lv .mbsc-lv-item.mbsc-lv-item-swiping {
- z-index: 1;
- overflow: visible
- }
- .mbsc-lv-stage-c {
- overflow: hidden;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- display: none
- }
- .mbsc-lv-stage-c-v {
- display: block
- }
- .mbsc-lv-item-new-left {
- -webkit-transform: translateX(-100%)
- }
- .mbsc-lv-item-new-right {
- -webkit-transform: translateX(100%)
- }
- .mbsc-lv-item-remove-right {
- -webkit-animation: mbsc-lv-remove-right 125ms;
- -webkit-animation-delay: 1ms;
- animation: mbsc-lv-remove-right 125ms
- }
- .mbsc-lv-item-remove-left {
- -webkit-animation: mbsc-lv-remove-left 125ms;
- -webkit-animation-delay: 1ms;
- animation: mbsc-lv-remove-left 125ms
- }
- .mbsc-lv-item-add-right {
- -webkit-animation: mbsc-lv-add-right 125ms;
- animation: mbsc-lv-add-right 125ms
- }
- .mbsc-lv-item-add-left {
- -webkit-animation: mbsc-lv-add-left 125ms;
- animation: mbsc-lv-add-left 125ms
- }
- .mbsc-lv-item-pop-in {
- -webkit-animation: mbsc-lv-pop-in 200ms;
- animation: mbsc-lv-pop-in 200ms
- }
- .mbsc-lv-item-pop-out {
- -webkit-animation: mbsc-lv-pop-out 200ms;
- animation: mbsc-lv-pop-out 200ms
- }
- .mbsc-lv-item-collapse {
- visibility: hidden;
- -webkit-animation: mbsc-lv-collapse 125ms;
- animation: mbsc-lv-collapse 125ms
- }
- .mbsc-lv-item-expand {
- visibility: hidden;
- -webkit-animation: mbsc-lv-expand 125ms;
- animation: mbsc-lv-expand 125ms
- }
- .mbsc-lv .mbsc-lv-item.mbsc-lv-item-undo {
- position: absolute;
- left: 0;
- right: 0
- }
- .mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-dragging {
- z-index: 100;
- position: absolute;
- left: 0;
- right: 0;
- opacity: .9;
- box-shadow: 0 0 .625em rgba(0, 0, 0, 0.5);
- cursor: pointer;
- cursor: -webkit-grabbing;
- cursor: grabbing
- }
- .mbsc-lv-item-dragging .mbsc-lv-handle-c {
- cursor: -webkit-grabbing;
- cursor: grabbing
- }
- .mbsc-lv .mbsc-lv-item.mbsc-lv-ph {
- padding: 0;
- border: 0;
- visibility: hidden
- }
- .mbsc-lv-fill-item {
- position: absolute;
- z-index: 1000;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: #000;
- opacity: .1
- }
- .mbsc-lv-handle-c {
- position: absolute;
- z-index: 4;
- top: 0;
- height: 100%;
- width: 2.5em;
- -ms-touch-action: none;
- touch-action: none;
- cursor: pointer;
- cursor: -webkit-grab;
- cursor: grab
- }
- .mbsc-lv-item-h-right {
- right: 0
- }
- .mbsc-lv-item-h-left {
- left: 0
- }
- .mbsc-lv-cont.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item {
- padding-left: 2.5em
- }
- .mbsc-lv-cont.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item {
- padding-right: 2.5em
- }
- .mbsc-lv-handle-bar-c {
- position: absolute;
- width: 100%;
- top: 50%;
- margin-top: -7px
- }
- .mbsc-lv-handle-bar {
- position: relative;
- height: 2px;
- margin: 2px .625em;
- background: #888
- }
- .mbsc-lv-ic,
- .mbsc-lv-ic-m {
- top: 0;
- text-align: center;
- text-shadow: none;
- font-size: .75em
- }
- .mbsc-lv-ic-s {
- position: absolute;
- top: 50%;
- margin-top: -0.9375em;
- width: 2.8em;
- height: 1.875em;
- line-height: 1.875em;
- font-size: 1.25em
- }
- .mbsc-lv-ic-c {
- position: absolute;
- top: 0;
- height: 100%;
- line-height: 1.875em;
- color: #fff;
- cursor: pointer
- }
- .mbsc-lv-ic-text {
- text-shadow: none;
- font-size: 1em
- }
- .mbsc-ic-none {
- border: 0
- }
- .mbsc-ic-none:before {
- content: "0";
- font-size: 0;
- color: rgba(0, 0, 0, 0)
- }
- .mbsc-lv-ic-anim .mbsc-lv-ic-s {
- opacity: 0;
- -webkit-transform: rotate(180deg);
- transform: rotate(180deg)
- }
- .mbsc-lv-ic-anim .mbsc-lv-ic-a {
- opacity: 1;
- -webkit-animation: mbsc-lv-spin 200ms;
- -webkit-transform: rotate(0);
- animation: mbsc-lv-spin 200ms;
- transform: rotate(0)
- }
- .mbsc-lv-ic-anim .mbsc-lv-ic-v {
- opacity: 1;
- -webkit-animation: none;
- -webkit-transform: rotate(0);
- animation: none;
- transform: rotate(0)
- }
- .mbsc-lv-ic-left {
- left: 0
- }
- .mbsc-lv-ic-move-left {
- left: 0;
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%)
- }
- .mbsc-lv-ic-right .mbsc-lv-ic,
- .mbsc-lv-ic-move-left .mbsc-lv-ic {
- right: 0
- }
- .mbsc-lv-ic-right .mbsc-lv-ic-text,
- .mbsc-lv-ic-move-left .mbsc-lv-ic-text {
- padding: 0 3.5em 0 .625em
- }
- .mbsc-lv-ic-right {
- right: 0
- }
- .mbsc-lv-ic-move-right {
- right: 0;
- -webkit-transform: translateX(100%);
- transform: translateX(100%)
- }
- .mbsc-lv-ic-left .mbsc-lv-ic,
- .mbsc-lv-ic-move-right .mbsc-lv-ic {
- left: 0
- }
- .mbsc-lv-ic-left .mbsc-lv-ic-text,
- .mbsc-lv-ic-move-right .mbsc-lv-ic-text {
- padding: 0 .625em 0 3.5em
- }
- .mbsc-lv-ic-c .mbsc-lv-ic-only {
- width: 0;
- padding: 0 0 0 3.5em
- }
- .mbsc-lv-ic-c .mbsc-lv-ic-text-only {
- padding: 0 .625em
- }
- .mbsc-lv-multi {
- position: absolute;
- top: 0;
- display: none;
- width: 90%;
- height: 100%;
- table-layout: fixed
- }
- .mbsc-lv-multi-ic-right {
- right: 0
- }
- .mbsc-lv-multi-ic-left {
- left: 0
- }
- .mbsc-lv-right .mbsc-lv-multi-ic-right {
- display: table
- }
- .mbsc-lv-left .mbsc-lv-multi-ic-left {
- display: table
- }
- .mbsc-lv-ic-m {
- display: table-cell;
- vertical-align: middle;
- padding: 0 .25em;
- cursor: pointer;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis
- }
- .mbsc-lv-ic-m:before {
- display: block;
- padding: .25em 0;
- font-size: 1.333334em
- }
- .mbsc-lv-ic-disabled {
- opacity: .5
- }
- .mbsc-lv-sl-c {
- position: relative;
- -webkit-animation-fill-mode: forwards;
- -webkit-transform: translateX(0);
- transform: translateX(0)
- }
- .mbsc-lv-sl-r {
- -webkit-animation: mbsc-lv-remove-left 300ms;
- animation: mbsc-lv-remove-left 300ms
- }
- .mbsc-lv-sl-l {
- -webkit-animation: mbsc-lv-remove-right 300ms;
- animation: mbsc-lv-remove-right 300ms
- }
- .mbsc-lv-sl-l .mbsc-lv-sl-curr,
- .mbsc-lv-sl-r .mbsc-lv-sl-curr {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%
- }
- .mbsc-lv-sl-r .mbsc-lv-sl-new {
- -webkit-transform: translateX(100%);
- transform: translateX(100%)
- }
- .mbsc-lv-sl-l .mbsc-lv-sl-new {
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%)
- }
- .mbsc-lv-arr {
- position: absolute;
- top: 50%;
- width: 2em;
- height: 2em;
- font-size: 1em;
- line-height: 2em;
- margin-top: -1em
- }
- .mbsc-lv .mbsc-lv-item.mbsc-lv-parent {
- padding-right: 2.25em
- }
- .mbsc-lv .mbsc-lv-item.mbsc-lv-back {
- padding-left: 2.25em;
- z-index: 3
- }
- .mbsc-lv-parent .mbsc-lv-arr {
- right: 0
- }
- .mbsc-lv-handle-right .mbsc-lv-parent .mbsc-lv-arr {
- right: 40px
- }
- .mbsc-lv-back .mbsc-lv-arr {
- left: 0
- }
- .mbsc-lv .mbsc-lv-txt {
- margin: 0;
- font-weight: normal
- }
- .mbsc-lv h1.mbsc-lv-txt {
- font-size: 2em
- }
- .mbsc-lv h2.mbsc-lv-txt {
- font-size: 1.5em
- }
- .mbsc-lv h3.mbsc-lv-txt {
- font-size: 1.125em
- }
- .mbsc-lv h4.mbsc-lv-txt {
- font-size: 1em
- }
- .mbsc-lv h5.mbsc-lv-txt {
- font-size: .875em
- }
- .mbsc-lv h6.mbsc-lv-txt {
- font-size: .625em
- }
- .mbsc-lv p.mbsc-lv-txt {
- font-size: .75em
- }
- .mbsc-lv-img {
- position: absolute;
- max-height: 2.5em;
- max-width: 2.5em;
- top: 50%;
- -webkit-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%)
- }
- .mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-left {
- padding-left: 5em
- }
- .mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-right {
- padding-right: 5em
- }
- .mbsc-lv-img-left .mbsc-lv-img {
- left: 2.5em
- }
- .mbsc-lv-img-right .mbsc-lv-img {
- right: 0
- }
- .mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item.mbsc-lv-img-left {
- padding-left: 6.25em
- }
- .mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
- left: 3.75em
- }
- .mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item.mbsc-lv-img-right {
- padding-right: 6.25em
- }
- .mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
- right: 1.25em
- }
- .mbsc-lv-item-ic {
- position: absolute;
- top: 50%;
- margin-top: -1em;
- width: 2em;
- height: 2em;
- line-height: 2em;
- text-align: center
- }
- .mbsc-lv-cont .mbsc-lv .mbsc-lv-item.mbsc-lv-item-ic-left {
- padding-left: 4em
- }
- .mbsc-lv-cont .mbsc-lv .mbsc-lv-item.mbsc-lv-item-ic-right {
- padding-right: 4em
- }
- .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
- left: 1em
- }
- .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
- right: 1em
- }
- .mbsc-lv-handle-left.mbsc-lv-cont .mbsc-lv .mbsc-lv-item-ic-left {
- padding-left: 5.5em
- }
- .mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
- left: 2.5em
- }
- .mbsc-lv-handle-right.mbsc-lv-cont .mbsc-lv .mbsc-lv-item-ic-right {
- padding-right: 5.5em
- }
- .mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
- right: 2.5em
- }
- .mbsc-lv-mobiscroll.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
- background: #eee
- }
- .mbsc-lv-mobiscroll .mbsc-lv-item-hl:after,
- .mbsc-lv-mobiscroll .mbsc-lv-item-active::after {
- content: '';
- position: absolute;
- z-index: -1;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- display: block;
- background: rgba(78, 204, 196, 0.3)
- }
- .mbsc-lv-mobiscroll .mbsc-lv-ic-m {
- color: #fff
- }
- .mbsc-lv-mobiscroll .mbsc-lv-arr {
- color: #4eccc4
- }
- .mbsc-lv-mobiscroll .mbsc-lv-handle-bar {
- background: #4eccc4
- }
- .mbsc-lv-mobiscroll .mbsc-lv-item.mbsc-lv-item-dragging {
- margin: 0;
- background: #4eccc4;
- color: #f7f7f7;
- box-shadow: none
- }
- .mbsc-lv-mobiscroll .mbsc-lv-item-dragging .mbsc-lv-handle-bar {
- background: #f7f7f7
- }
- .mbsc-lv-mobiscroll .mbsc-lv-item-dragging .mbsc-lv-arr {
- color: #f7f7f7
- }
- .mbsc-collapsible.mbsc-form-group {
- margin: 0
- }
- .mbsc-collapsible-icon {
- position: absolute;
- width: 1em;
- height: 1em;
- top: 50%;
- right: 1em;
- margin-top: -0.5em;
- line-height: 1em;
- font-size: 1em;
- transition: transform .125s ease-out
- }
- .mbsc-collapsible-header {
- position: relative;
- padding-right: 3em
- }
- .mbsc-collapsible .mbsc-collapsible-content {
- overflow: hidden;
- transition: height .125s ease;
- box-sizing: content-box
- }
- .mbsc-collapsible:not(.mbsc-collapsible-open) .mbsc-collapsible-content {
- height: 0;
- padding-bottom: 0
- }
- .mbsc-collapsible-open .mbsc-collapsible-icon {
- -webkit-transform: rotateX(180deg);
- transform: rotateX(180deg)
- }
- .mbsc-rtl .mbsc-collapsible.mbsc-form-group .mbsc-collapsible-header,
- .mbsc-rtl .mbsc-collapsible.mbsc-card .mbsc-collapsible-header,
- .mbsc-rtl .mbsc-collapsible.mbsc-form-group .mbsc-collapsible-header.mbsc-form-group-title,
- .mbsc-rtl .mbsc-collapsible.mbsc-card .mbsc-collapsible-header.mbsc-form-group-title {
- padding-right: 1em;
- padding-left: 3em
- }
- .mbsc-rtl .mbsc-collapsible.mbsc-form-group .mbsc-collapsible-header .mbsc-collapsible-icon,
- .mbsc-rtl .mbsc-collapsible.mbsc-card .mbsc-collapsible-header .mbsc-collapsible-icon,
- .mbsc-rtl .mbsc-collapsible.mbsc-form-group .mbsc-collapsible-header.mbsc-form-group-title .mbsc-collapsible-icon,
- .mbsc-rtl .mbsc-collapsible.mbsc-card .mbsc-collapsible-header.mbsc-form-group-title .mbsc-collapsible-icon {
- right: auto;
- left: 1em
- }
- .mbsc-mobiscroll .mbsc-collapsible .mbsc-collapsible-header {
- padding-right: 3em
- }
- .mbsc-mobiscroll .mbsc-collapsible .mbsc-form-group-title .mbsc-collapsible-icon {
- margin-top: 0
- }
- .mbsc-input {
- position: relative;
- display: block;
- margin: 0;
- z-index: 0;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
- }
- .mbsc-input input,
- .mbsc-input select,
- .mbsc-input textarea {
- margin: 0;
- padding: 0;
- border: 0;
- border-radius: 0;
- outline: 0;
- font-family: inherit;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none
- }
- .mbsc-input-wrap,
- .mbsc-input input,
- .mbsc-input textarea {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-input input,
- .mbsc-input select,
- .mbsc-input textarea {
- display: block;
- width: 100%;
- font-size: 1em
- }
- .mbsc-input input:focus,
- .mbsc-input select:focus,
- .mbsc-input textarea:focus {
- outline: 0
- }
- .mbsc-input-wrap {
- position: relative;
- display: block
- }
- .mbsc-input .mbsc-label {
- font-size: .875em
- }
- .mbsc-input-ic {
- position: absolute;
- height: 2em;
- width: 2em;
- line-height: 2em;
- text-align: center
- }
- .mbsc-input-toggle {
- cursor: pointer
- }
- .mbsc-ic-right .mbsc-input-ic {
- right: .5em
- }
- .mbsc-ic-left .mbsc-input-ic {
- left: .5em
- }
- .mbsc-ic-right input {
- padding-right: 2.4em
- }
- .mbsc-ic-left input {
- padding-left: 2.4em
- }
- .mbsc-mobiscroll .mbsc-input input,
- .mbsc-mobiscroll .mbsc-input textarea {
- height: 2.125em;
- padding: 0 0 1px 0;
- background: transparent;
- border-bottom: 1px solid #787878;
- font-size: 1em;
- color: #1f1f1f
- }
- .mbsc-mobiscroll .mbsc-input input:focus,
- .mbsc-mobiscroll .mbsc-input select:focus~input .mbsc-mobiscroll .mbsc-input textarea:focus,
- .mbsc-mobiscroll .mbsc-input textarea:focus {
- border-color: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-input input:disabled,
- .mbsc-mobiscroll .mbsc-input textarea:disabled,
- .mbsc-mobiscroll .mbsc-input select:disabled~input,
- .mbsc-mobiscroll .mbsc-input select:disabled~.mbsc-select-ic {
- opacity: .4
- }
- .mbsc-mobiscroll .mbsc-input input:-webkit-autofill,
- .mbsc-mobiscroll .mbsc-input textarea:-webkit-autofill {
- padding: 0 .25em
- }
- .mbsc-mobiscroll .mbsc-input {
- padding: .5em 1em
- }
- .mbsc-mobiscroll .mbsc-input.mbsc-err input,
- .mbsc-mobiscroll .mbsc-input.mbsc-err textarea {
- padding: 0;
- border-bottom: 1px solid #ec2a32
- }
- .mbsc-mobiscroll .mbsc-input-ic {
- top: .0625em;
- margin: -2px 0 0 0;
- color: #787878
- }
- .mbsc-mobiscroll.mbsc-ltr .mbsc-input.mbsc-ic-left,
- .mbsc-mobiscroll.mbsc-rtl .mbsc-input.mbsc-ic-right {
- padding-left: 3.25em
- }
- .mbsc-mobiscroll.mbsc-ltr .mbsc-input.mbsc-ic-right,
- .mbsc-mobiscroll.mbsc-rtl .mbsc-input.mbsc-ic-left {
- padding-right: 3.25em
- }
- .mbsc-mobiscroll.mbsc-ltr .mbsc-ic-left .mbsc-ic.mbsc-left-ic,
- .mbsc-mobiscroll.mbsc-rtl .mbsc-ic-right .mbsc-ic.mbsc-right-ic {
- right: auto;
- left: -2.625em
- }
- .mbsc-mobiscroll.mbsc-ltr .mbsc-ic-right .mbsc-ic.mbsc-right-ic,
- .mbsc-mobiscroll.mbsc-rtl .mbsc-ic-left .mbsc-ic.mbsc-left-ic {
- left: auto;
- right: -2.625em
- }
- .mbsc-mobiscroll .mbsc-input .mbsc-label {
- font-size: .75em
- }
- .mbsc-progress {
- position: relative;
- display: block;
- margin: 0;
- z-index: 0;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- .mbsc-progress progress {
- display: none
- }
- .mbsc-progress .mbsc-input-wrap {
- position: relative;
- display: block
- }
- .mbsc-progress .mbsc-input-ic {
- position: absolute;
- height: 2em;
- width: 2em;
- line-height: 2em;
- text-align: center
- }
- .mbsc-progress-cont {
- position: relative;
- display: block;
- width: 100%;
- height: 100%;
- -ms-touch-action: pan-y;
- touch-action: pan-y
- }
- .mbsc-progress-track {
- position: relative;
- display: block;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-progress-bar {
- position: absolute;
- top: 0;
- left: 0;
- width: 0;
- height: 100%
- }
- .mbsc-rtl .mbsc-progress-bar {
- left: auto;
- right: 0
- }
- .mbsc-progress-anim .mbsc-progress-bar {
- -webkit-transition: width .1s ease-in-out;
- transition: width .1s ease-in-out
- }
- .mbsc-progress-value {
- position: absolute;
- top: 50%;
- width: 3em;
- overflow: hidden;
- margin-top: -0.5em;
- line-height: 1em
- }
- .mbsc-progress-value-right .mbsc-progress-value {
- right: 0;
- text-align: right
- }
- .mbsc-rtl.mbsc-progress-value-right .mbsc-progress-value {
- right: auto;
- left: 0;
- text-align: left
- }
- .mbsc-progress-value-left .mbsc-progress-value {
- left: 0;
- text-align: left
- }
- .mbsc-rtl.mbsc-progress-value-left .mbsc-progress-value {
- left: auto;
- right: 0;
- text-align: right
- }
- .mbsc-progress-step-label {
- position: absolute;
- top: 1em;
- width: 3.5em;
- font-size: .75em;
- text-align: center;
- overflow: hidden
- }
- .mbsc-ltr .mbsc-progress-step-label {
- margin-left: -1.75em
- }
- .mbsc-rtl .mbsc-progress-step-label {
- margin-right: -1.75em
- }
- .mbsc-mobiscroll.mbsc-progress {
- padding: 1em
- }
- .mbsc-mobiscroll.mbsc-progress .mbsc-label {
- font-size: .75em
- }
- .mbsc-mobiscroll.mbsc-progress .mbsc-input-ic {
- top: .0625em;
- margin: 0;
- color: #787878
- }
- .mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-ic-left,
- .mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-ic-right {
- padding-left: 3.25em
- }
- .mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-ic-right,
- .mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-ic-left {
- padding-right: 3.25em
- }
- .mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-ic-left .mbsc-left-ic,
- .mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
- right: auto;
- left: -2.625em
- }
- .mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-ic-right .mbsc-right-ic,
- .mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
- left: auto;
- right: -2.625em
- }
- .mbsc-mobiscroll .mbsc-progress-cont {
- padding: 1em 0
- }
- .mbsc-mobiscroll .mbsc-progress-track {
- background: #dedede;
- border-radius: 1em;
- height: .125em
- }
- .mbsc-mobiscroll .mbsc-progress-bar {
- background: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-progress-value {
- width: 3.75em;
- font-size: .875em
- }
- .mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap,
- .mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
- padding-left: 3.5em
- }
- .mbsc-ltr.mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap,
- .mbsc-rtl.mbsc-mobiscroll.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
- padding-right: 3.5em
- }
- .mbsc-mobiscroll .mbsc-progress-primary .mbsc-progress-bar {
- background: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-progress-secondary .mbsc-progress-bar {
- background: #90979E
- }
- .mbsc-mobiscroll .mbsc-progress-success .mbsc-progress-bar {
- background: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-progress-danger .mbsc-progress-bar {
- background: #f5504e
- }
- .mbsc-mobiscroll .mbsc-progress-warning .mbsc-progress-bar {
- background: #f8b042
- }
- .mbsc-mobiscroll .mbsc-progress-info .mbsc-progress-bar {
- background: #5BB7C5
- }
- .mbsc-progress.mbsc-slider input {
- display: none
- }
- .mbsc-ltr .mbsc-progress-anim .mbsc-slider-handle-cont {
- -webkit-transition: left .1s ease-in-out;
- transition: left .1s ease-in-out
- }
- .mbsc-rtl .mbsc-progress-anim .mbsc-slider-handle-cont {
- -webkit-transition: right .1s ease-in-out;
- transition: right .1s ease-in-out
- }
- .mbsc-slider-handle-cont {
- position: absolute;
- width: 2em;
- height: 2em;
- top: .0625em;
- margin-top: -1em;
- cursor: pointer
- }
- .mbsc-ltr .mbsc-slider-handle-cont {
- right: -1em
- }
- .mbsc-rtl .mbsc-slider-handle-cont {
- left: -1em
- }
- .mbsc-ltr .mbsc-slider-handle-cont.mbsc-slider-handle-left {
- left: 0
- }
- .mbsc-rtl .mbsc-slider-handle-cont.mbsc-slider-handle-left {
- right: 0
- }
- .mbsc-ltr .mbsc-progress-track .mbsc-slider-handle-cont {
- margin-left: -1em
- }
- .mbsc-rtl .mbsc-progress-track .mbsc-slider-handle-cont {
- margin-right: -1em
- }
- .mbsc-slider-handle {
- position: absolute;
- top: .125em;
- right: 50%;
- margin: -0.5em -0.5em 0 0;
- z-index: 2
- }
- .mbsc-slider-handle-cont .mbsc-slider-handle {
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box
- }
- .mbsc-slider .mbsc-slider-handle:focus,
- .mbsc-slider .mbsc-active .mbsc-slider-handle {
- outline: 0;
- z-index: 15
- }
- .mbsc-slider .mbsc-handle-curr {
- z-index: 16
- }
- .mbsc-slider-tooltip {
- position: absolute;
- right: 50%;
- opacity: 0;
- color: #000
- }
- .mbsc-slider-step {
- position: absolute;
- top: 0;
- width: .125em;
- height: 100%;
- margin-left: -0.0625em
- }
- .mbsc-mobiscroll.mbsc-slider .mbsc-input-wrap {
- padding: 0 .5em
- }
- .mbsc-mobiscroll .mbsc-slider-step {
- background: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-slider-handle {
- top: 50%;
- width: 1em;
- height: 1em;
- border-radius: 1.125em;
- background: #4eccc4;
- -webkit-transform: scale(1);
- transform: scale(1);
- -webkit-transition: -webkit-transform .2s ease-in-out;
- transition: transform .2s ease-in-out
- }
- .mbsc-mobiscroll .mbsc-slider-handle:focus,
- .mbsc-mobiscroll .mbsc-active .mbsc-slider-handle {
- -webkit-transform: scale(1.3);
- transform: scale(1.3)
- }
- .mbsc-mobiscroll.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-progress-track {
- opacity: .4
- }
- .mbsc-mobiscroll.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-slider-handle {
- -webkit-transform: scale(1);
- transform: scale(1)
- }
- .mbsc-mobiscroll .mbsc-slider-tooltip {
- top: -1.91666em;
- width: 2.33333333em;
- height: 2.33333333em;
- border-radius: 2em;
- margin-right: -1.1666em;
- line-height: 2.33333333em;
- text-align: center;
- font-size: .75em;
- color: #eee;
- background-color: #4eccc4;
- z-index: 5;
- -webkit-transform: scale(.4) translate3d(0, 5em, 0);
- transform: scale(.4) translate3d(0, 5em, 0);
- -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
- transition: transform .2s ease-in-out, opacity .2s ease-in-out
- }
- .mbsc-mobiscroll .mbsc-slider-handle:focus~.mbsc-slider-tooltip,
- .mbsc-mobiscroll .mbsc-active .mbsc-slider-tooltip {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) scale(1);
- transform: translate3d(0, 0, 0) scale(1)
- }
- .mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-slider-handle:focus,
- .mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle {
- -webkit-transform: scale(.5);
- transform: scale(.5)
- }
- .mbsc-mobiscroll .mbsc-slider-primary .mbsc-slider-tooltip,
- .mbsc-mobiscroll .mbsc-slider-primary .mbsc-slider-handle {
- background: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-slider-primary .mbsc-progress-bar {
- background: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-slider-secondary .mbsc-slider-tooltip,
- .mbsc-mobiscroll .mbsc-slider-secondary .mbsc-slider-handle {
- background: #90979E
- }
- .mbsc-mobiscroll .mbsc-slider-secondary .mbsc-progress-bar {
- background: #90979E
- }
- .mbsc-mobiscroll .mbsc-slider-success .mbsc-slider-tooltip,
- .mbsc-mobiscroll .mbsc-slider-success .mbsc-slider-handle {
- background: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-slider-success .mbsc-progress-bar {
- background: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-slider-danger .mbsc-slider-tooltip,
- .mbsc-mobiscroll .mbsc-slider-danger .mbsc-slider-handle {
- background: #f5504e
- }
- .mbsc-mobiscroll .mbsc-slider-danger .mbsc-progress-bar {
- background: #f5504e
- }
- .mbsc-mobiscroll .mbsc-slider-warning .mbsc-slider-tooltip,
- .mbsc-mobiscroll .mbsc-slider-warning .mbsc-slider-handle {
- background: #f8b042
- }
- .mbsc-mobiscroll .mbsc-slider-warning .mbsc-progress-bar {
- background: #f8b042
- }
- .mbsc-mobiscroll .mbsc-slider-info .mbsc-slider-tooltip,
- .mbsc-mobiscroll .mbsc-slider-info .mbsc-slider-handle {
- background: #5BB7C5
- }
- .mbsc-mobiscroll .mbsc-slider-info .mbsc-progress-bar {
- background: #5BB7C5
- }
- .mbsc-rating.mbsc-progress .mbsc-progress-cont {
- display: inline-block;
- width: auto;
- padding: 0 .5em;
- margin: 0 -0.681818em;
- cursor: pointer
- }
- .mbsc-rating .mbsc-progress-cont .mbsc-progress-track {
- height: auto;
- background: none
- }
- .mbsc-rating .mbsc-ic {
- font-size: 1.375em;
- margin: 0 .181818em
- }
- .mbsc-rating.mbsc-progress input {
- display: none
- }
- .mbsc-rating.mbsc-progress .mbsc-progress-cont .mbsc-slider-handle {
- display: block;
- position: absolute;
- width: 100%;
- height: 100%;
- margin: 0;
- top: 0;
- left: 0;
- right: 0;
- background: none;
- box-shadow: none;
- border: 0;
- -webkit-transform: none;
- transform: none
- }
- .mbsc-rating .mbsc-progress-cont .mbsc-progress-bar {
- background: none;
- overflow: hidden
- }
- .mbsc-mobiscroll.mbsc-rating .mbsc-label {
- padding-bottom: .5em
- }
- .mbsc-mobiscroll.mbsc-rating .mbsc-progress-track {
- color: #4eccc4
- }
- .mbsc-mobiscroll.mbsc-rating input:disabled~.mbsc-progress-cont .mbsc-progress-track {
- opacity: .4
- }
- .mbsc-mobiscroll.mbsc-rating.mbsc-rating-primary .mbsc-progress-track {
- color: #3f97f6
- }
- .mbsc-mobiscroll.mbsc-rating.mbsc-rating-secondary .mbsc-progress-track {
- color: #90979E
- }
- .mbsc-mobiscroll.mbsc-rating.mbsc-rating-success .mbsc-progress-track {
- color: #43BE5F
- }
- .mbsc-mobiscroll.mbsc-rating.mbsc-rating-danger .mbsc-progress-track {
- color: #f5504e
- }
- .mbsc-mobiscroll.mbsc-rating.mbsc-rating-warning .mbsc-progress-track {
- color: #f8b042
- }
- .mbsc-mobiscroll.mbsc-rating.mbsc-rating-info .mbsc-progress-track {
- color: #5BB7C5
- }
- .mbsc-toast .mbsc-fr-persp,
- .mbsc-snackbar .mbsc-fr-persp {
- pointer-events: none
- }
- .mbsc-toast .mbsc-fr-overlay,
- .mbsc-snackbar .mbsc-fr-overlay {
- display: none
- }
- .mbsc-toast.mbsc-fr .mbsc-fr-persp .mbsc-fr-popup,
- .mbsc-snackbar.mbsc-fr .mbsc-fr-persp .mbsc-fr-popup {
- border: 0;
- box-shadow: none;
- line-height: 1.428572
- }
- .mbsc-snackbar .mbsc-fr-popup {
- pointer-events: auto
- }
- .mbsc-snackbar.mbsc-fr .mbsc-fr-w {
- min-width: 18em;
- max-width: 36em;
- margin: 0 auto;
- padding: 0
- }
- .mbsc-snackbar-cont {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center
- }
- .mbsc-snackbar-msg {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding: 0 1em
- }
- .mbsc-snackbar .mbsc-snackbar-cont .mbsc-snackbar-btn {
- margin: -1em 0;
- padding: 1em;
- line-height: 1.428572;
- font-size: 1em;
- font-weight: 400
- }
- .mbsc-snackbar.mbsc-no-touch.mbsc-fr .mbsc-fr-c .mbsc-btn-flat:not(:disabled):hover {
- background: none
- }
- .mbsc-toast.mbsc-fr .mbsc-fr-w {
- background: none
- }
- .mbsc-toast.mbsc-fr .mbsc-fr-c.mbsc-wdg-c {
- text-align: center;
- padding-bottom: 4em
- }
- .mbsc-toast .mbsc-toast-msg {
- display: inline-block;
- min-width: 10em;
- max-width: 50em;
- padding: .857143em 2em
- }
- .mbsc-alert.mbsc-fr .mbsc-fr-c.mbsc-wdg-c {
- padding: 1.714286em;
- max-width: 20em
- }
- .mbsc-alert .mbsc-fr-c .mbsc-input {
- padding: 0
- }
- .mbsc-alert.mbsc-fr h2 {
- margin: 0 0 1em 0;
- padding: 0;
- font-size: 1.428572em;
- font-weight: bold
- }
- .mbsc-alert.mbsc-fr p {
- margin: 1em 0;
- padding: 0;
- font-size: 1em
- }
- .mbsc-mobiscroll.mbsc-snackbar .mbsc-fr-w {
- background: #787878;
- color: #fff
- }
- .mbsc-mobiscroll.mbsc-toast .mbsc-toast-msg {
- background: #787878;
- opacity: .9;
- border-radius: .5em;
- color: #fff
- }
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-primary .mbsc-fr-w,
- .mbsc-mobiscroll.mbsc-toast.mbsc-primary .mbsc-toast-msg {
- background: #3f97f6;
- color: #f7f7f7
- }
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-secondary .mbsc-fr-w,
- .mbsc-mobiscroll.mbsc-toast.mbsc-secondary .mbsc-toast-msg {
- background: #90979E;
- color: #f7f7f7
- }
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-success .mbsc-fr-w,
- .mbsc-mobiscroll.mbsc-toast.mbsc-success .mbsc-toast-msg {
- background: #43BE5F;
- color: #f7f7f7
- }
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-danger .mbsc-fr-w,
- .mbsc-mobiscroll.mbsc-toast.mbsc-danger .mbsc-toast-msg {
- background: #f5504e;
- color: #f7f7f7
- }
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-warning .mbsc-fr-w,
- .mbsc-mobiscroll.mbsc-toast.mbsc-warning .mbsc-toast-msg {
- background: #f8b042;
- color: #f7f7f7
- }
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-info .mbsc-fr-w,
- .mbsc-mobiscroll.mbsc-toast.mbsc-info .mbsc-toast-msg {
- background: #5BB7C5;
- color: #f7f7f7
- }
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn,
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn,
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn,
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn,
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn,
- .mbsc-mobiscroll.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn {
- color: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-empty {
- color: #787878
- }
- [mbsc-form]:not(.mbsc-form) {
- visibility: hidden
- }
- .mbsc-form {
- font-size: 16px;
- font-family: arial, verdana, sans-serif;
- -webkit-font-smoothing: antialiased;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-tap-highlight-color: transparent;
- -webkit-touch-callout: none;
- -webkit-text-size-adjust: 100%;
- -ms-touch-action: manipulation;
- touch-action: manipulation
- }
- .mbsc-form:before,
- .mbsc-form:after {
- content: '';
- display: table
- }
- .mbsc-form-group {
- margin: 1.5em 0
- }
- .mbsc-form-group-inset {
- margin: 2em 1.5em
- }
- .mbsc-form-group,
- .mbsc-form-group-inset {
- padding-top: 0 !important;
- padding-bottom: 0 !important
- }
- .mbsc-wdg .mbsc-w-p .mbsc-form {
- background: none
- }
- .mbsc-input .mbsc-fr-inline .mbsc-fr-popup {
- display: block
- }
- .mbsc-err-msg {
- display: block;
- font-size: .75em
- }
- .mbsc-checkbox,
- .mbsc-switch,
- .mbsc-radio,
- .mbsc-stepper-cont {
- line-height: 1.25em
- }
- .mbsc-checkbox,
- .mbsc-switch,
- .mbsc-btn,
- .mbsc-radio,
- .mbsc-segmented,
- .mbsc-stepper-cont {
- position: relative;
- display: block;
- margin: 0;
- z-index: 0;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
- }
- .mbsc-checkbox input,
- .mbsc-switch input,
- .mbsc-radio input,
- .mbsc-segmented input,
- .mbsc-btn {
- margin: 0;
- padding: 0;
- border: 0;
- border-radius: 0;
- outline: 0;
- font-family: inherit;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none
- }
- .mbsc-checkbox input,
- .mbsc-switch input,
- .mbsc-radio input,
- .mbsc-select select,
- .mbsc-segmented input {
- position: absolute;
- z-index: 3;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border: 0;
- opacity: 0;
- margin: 0
- }
- .mbsc-btn,
- .mbsc-checkbox-box,
- .mbsc-checkbox-box:after,
- .mbsc-radio-box,
- .mbsc-radio-box:after,
- .mbsc-switch-track,
- .mbsc-segmented,
- .mbsc-progress progress,
- .mbsc-stepper-cont {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-segmented .mbsc-segmented-content,
- .mbsc-btn-flat .mbsc-btn-ic {
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box
- }
- .mbsc-desc {
- display: block;
- font-size: .75em;
- opacity: .6
- }
- label.mbsc-input,
- .mbsc-label {
- margin: 0;
- display: block;
- font-weight: normal
- }
- .mbsc-control-w {
- max-width: none;
- margin: 0;
- font-size: 1em;
- font-weight: normal
- }
- .mbsc-input textarea {
- resize: none;
- overflow: hidden;
- line-height: 1.5em
- }
- .mbsc-input .mbsc-textarea-scroll {
- overflow: auto
- }
- .mbsc-select select,
- .mbsc-select input {
- cursor: pointer
- }
- .mbsc-select select option {
- color: initial
- }
- .mbsc-select-ic {
- display: none
- }
- .mbsc-checkbox {
- padding: .5em
- }
- .mbsc-checkbox-box {
- position: absolute;
- top: 50%;
- display: block;
- width: 1.375em;
- height: 1.375em
- }
- .mbsc-checkbox-box:after {
- content: '';
- position: absolute;
- display: block;
- opacity: 0;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg)
- }
- .mbsc-checkbox input:checked+.mbsc-checkbox-box:after {
- opacity: 1
- }
- .mbsc-radio {
- padding: .5em
- }
- .mbsc-radio-box {
- position: absolute;
- top: 50%;
- display: block;
- width: 1.25em;
- height: 1.25em;
- border-radius: 1.25em
- }
- .mbsc-radio-box:after {
- content: '';
- position: absolute;
- top: 50%;
- left: 50%;
- width: .625em;
- height: .625em;
- margin-top: -0.3125em;
- margin-left: -0.3125em;
- border-radius: .625em;
- opacity: 0
- }
- .mbsc-radio input:checked+.mbsc-radio-box:after {
- opacity: 1
- }
- .mbsc-switch {
- padding: .5em
- }
- .mbsc-switch-track {
- position: absolute;
- top: 50%;
- display: block;
- width: 3.375em;
- height: 1.625em;
- -webkit-transition: background-color .2s ease-in-out, border .2s ease-in-out;
- transition: background-color .2s ease-in-out, border .2s ease-in-out
- }
- .mbsc-switch .mbsc-switch-track .mbsc-progress-track {
- height: 100%;
- background: none
- }
- .mbsc-switch .mbsc-switch-track .mbsc-slider-handle-cont {
- top: 50%;
- z-index: 4
- }
- .mbsc-switch-handle {
- position: absolute;
- display: block
- }
- .mbsc-switch-txt-off,
- .mbsc-switch-txt-on {
- position: absolute;
- top: 0;
- left: 0;
- display: none;
- width: 100%;
- height: 100%;
- font-size: .625em;
- text-align: center;
- line-height: 2em
- }
- .mbsc-segmented {
- display: table;
- table-layout: fixed;
- width: 100%
- }
- .mbsc-segmented .mbsc-segmented-item {
- margin: 0;
- display: table-cell;
- position: relative;
- vertical-align: top;
- text-align: center;
- font-size: 1em
- }
- .mbsc-segmented-content {
- position: relative;
- display: block;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- font-size: .875em;
- font-weight: normal;
- z-index: 2
- }
- .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,
- .mbsc-disabled .mbsc-segmented-content,
- .mbsc-segmented input:disabled+.mbsc-segmented-content {
- z-index: 0
- }
- .mbsc-stepper {
- position: absolute;
- display: block;
- width: auto;
- right: 1em;
- top: 50%
- }
- .mbsc-rtl .mbsc-stepper {
- right: auto;
- left: 1em
- }
- .mbsc-stepper-cont .mbsc-label {
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden
- }
- .mbsc-segmented-item:focus {
- outline: 0
- }
- .mbsc-stepper input {
- position: absolute;
- left: 4.142857em;
- width: 4.142857em;
- height: 100%;
- padding: 0;
- margin: 0;
- border: 0;
- outline: 0;
- box-shadow: none;
- font-size: .875em;
- text-align: center;
- opacity: 1;
- z-index: 4;
- background: transparent;
- -webkit-appearance: none;
- -moz-appearance: textfield;
- appearance: none
- }
- .mbsc-stepper input::-webkit-outer-spin-button,
- .mbsc-stepper input::-webkit-inner-spin-button {
- -webkit-appearance: none;
- margin: 0
- }
- .mbsc-form .mbsc-stepper-val-right .mbsc-stepper input {
- left: auto;
- right: 0
- }
- .mbsc-form.mbsc-rtl .mbsc-stepper-val-right .mbsc-stepper input {
- right: auto;
- left: 0
- }
- .mbsc-form .mbsc-stepper-val-left .mbsc-stepper input {
- left: 0
- }
- .mbsc-form.mbsc-rtl .mbsc-stepper-val-left .mbsc-stepper input {
- right: 0
- }
- .mbsc-stepper .mbsc-segmented-item {
- width: 3.625em
- }
- .mbsc-stepper-cont.mbsc-stepper-val-left .mbsc-stepper .mbsc-segmented-item:nth-child(2) .mbsc-segmented-content,
- .mbsc-stepper-cont.mbsc-stepper-val-right .mbsc-stepper .mbsc-segmented-item:last-child .mbsc-segmented-content {
- border: 0;
- background: transparent
- }
- .mbsc-form .mbsc-stepper-cont .mbsc-stepper {
- padding: 0
- }
- .mbsc-segmented-item .mbsc-control,
- .mbsc-stepper .mbsc-segmented-content {
- cursor: pointer
- }
- .mbsc-disabled .mbsc-segmented-content,
- .mbsc-segmented input:disabled,
- .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content {
- cursor: not-allowed
- }
- .mbsc-btn {
- position: relative;
- display: inline-block;
- overflow: hidden;
- vertical-align: middle;
- text-align: center;
- text-overflow: ellipsis;
- font-size: 1em;
- cursor: pointer
- }
- .mbsc-btn:disabled {
- cursor: not-allowed
- }
- .mbsc-btn:focus {
- outline: 0
- }
- .mbsc-btn-ic {
- line-height: 1
- }
- .mbsc-btn-group-block .mbsc-btn,
- .mbsc-btn-block {
- display: block;
- width: 100%;
- margin-left: 0 !important;
- margin-right: 0 !important
- }
- .mbsc-btn-group-justified,
- .mbsc-btn-group-justified mbsc-button {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap
- }
- .mbsc-btn-group-justified .mbsc-btn,
- .mbsc-btn-group-justified mbsc-button {
- -webkit-box-flex: 1;
- -webkit-flex: 1 auto;
- -ms-flex: 1 auto;
- flex: 1 auto
- }
- .mbsc-mobiscroll.mbsc-form {
- background: #f7f7f7;
- color: #454545
- }
- .mbsc-mobiscroll.mbsc-form *::-moz-selection {
- color: #fff;
- background: #4eccc4
- }
- .mbsc-mobiscroll.mbsc-form *::selection {
- color: #fff;
- background: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-divider,
- .mbsc-mobiscroll .mbsc-form-group-title {
- padding: 1.5em 1em .5em 1em;
- color: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-err-msg {
- padding-top: .75em;
- font-size: .75em;
- color: #de3226
- }
- .mbsc-mobiscroll .mbsc-input textarea {
- padding-top: .25em
- }
- .mbsc-mobiscroll.mbsc-ltr .mbsc-select input {
- padding-right: 1.25em
- }
- .mbsc-mobiscroll.mbsc-rtl .mbsc-select input {
- padding-left: 1.25em
- }
- .mbsc-mobiscroll .mbsc-select-ic {
- position: absolute;
- display: block;
- height: 1.25em;
- width: 1.25em;
- top: .5625em;
- right: 0;
- text-align: center
- }
- .mbsc-mobiscroll.mbsc-rtl .mbsc-select-ic {
- right: auto;
- left: 0
- }
- .mbsc-mobiscroll .mbsc-select-inline .mbsc-select-ic {
- display: none
- }
- .mbsc-mobiscroll .mbsc-checkbox {
- padding: 1em 3.125em 1em 1em
- }
- .mbsc-mobiscroll.mbsc-rtl .mbsc-checkbox {
- padding: 1em 1em 1em 3.125em
- }
- .mbsc-mobiscroll .mbsc-checkbox-box {
- background: #4eccc4;
- margin-top: -0.5625em;
- width: 1.125em;
- height: 1.125em;
- right: 1em
- }
- .mbsc-mobiscroll.mbsc-rtl .mbsc-checkbox-box {
- right: auto;
- left: 1em
- }
- .mbsc-mobiscroll .mbsc-checkbox-box:after {
- top: .25em;
- left: .185em;
- width: .8125em;
- height: .4375em;
- border: .125em solid #fff;
- border-top: 0;
- border-right: 0
- }
- .mbsc-mobiscroll .mbsc-checkbox input:disabled+.mbsc-checkbox-box {
- background: #d6d6d6
- }
- .mbsc-mobiscroll .mbsc-checkbox-primary .mbsc-checkbox-box {
- background: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-checkbox-secondary .mbsc-checkbox-box {
- background: #90979E
- }
- .mbsc-mobiscroll .mbsc-checkbox-success .mbsc-checkbox-box {
- background: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-checkbox-danger .mbsc-checkbox-box {
- background: #f5504e
- }
- .mbsc-mobiscroll .mbsc-checkbox-warning .mbsc-checkbox-box {
- background: #f8b042
- }
- .mbsc-mobiscroll .mbsc-checkbox-info .mbsc-checkbox-box {
- background: #5BB7C5
- }
- .mbsc-mobiscroll .mbsc-radio {
- padding: 1em 3.125em 1em 1em
- }
- .mbsc-mobiscroll.mbsc-rtl .mbsc-radio {
- padding: 1em 1em 1em 3.125em
- }
- .mbsc-mobiscroll .mbsc-radio-box {
- right: 1em;
- width: 1.125em;
- height: 1.125em;
- margin-top: -0.5625em;
- background: transparent;
- border: .125em solid #4eccc4
- }
- .mbsc-mobiscroll.mbsc-rtl .mbsc-radio-box {
- right: auto;
- left: 1em
- }
- .mbsc-mobiscroll .mbsc-radio-box:after {
- width: .5em;
- height: .5em;
- margin-top: -0.25em;
- margin-left: -0.25em;
- background: #4eccc4;
- border-radius: .625em
- }
- .mbsc-mobiscroll .mbsc-radio input:checked+.mbsc-radio-box {
- background: transparent
- }
- .mbsc-mobiscroll .mbsc-radio input:disabled+.mbsc-radio-box {
- border-color: #d6d6d6
- }
- .mbsc-mobiscroll .mbsc-radio input:disabled+.mbsc-radio-box:after {
- background: #d6d6d6
- }
- .mbsc-mobiscroll .mbsc-radio-primary .mbsc-radio-box {
- border-color: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-radio-primary .mbsc-radio-box:after {
- background: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-radio-secondary .mbsc-radio-box {
- border-color: #90979E
- }
- .mbsc-mobiscroll .mbsc-radio-secondary .mbsc-radio-box:after {
- background: #90979E
- }
- .mbsc-mobiscroll .mbsc-radio-success .mbsc-radio-box {
- border-color: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-radio-success .mbsc-radio-box:after {
- background: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-radio-danger .mbsc-radio-box {
- border-color: #f5504e
- }
- .mbsc-mobiscroll .mbsc-radio-danger .mbsc-radio-box:after {
- background: #f5504e
- }
- .mbsc-mobiscroll .mbsc-radio-warning .mbsc-radio-box {
- border-color: #f8b042
- }
- .mbsc-mobiscroll .mbsc-radio-warning .mbsc-radio-box:after {
- background: #f8b042
- }
- .mbsc-mobiscroll .mbsc-radio-info .mbsc-radio-box {
- border-color: #5BB7C5
- }
- .mbsc-mobiscroll .mbsc-radio-info .mbsc-radio-box:after {
- background: #5BB7C5
- }
- .mbsc-mobiscroll .mbsc-checkbox input:disabled~.mbsc-label,
- .mbsc-mobiscroll .mbsc-checkbox input:disabled~.mbsc-desc,
- .mbsc-mobiscroll .mbsc-radio input:disabled~.mbsc-label,
- .mbsc-mobiscroll .mbsc-radio input:disabled~.mbsc-desc,
- .mbsc-mobiscroll .mbsc-switch input:disabled~.mbsc-label,
- .mbsc-mobiscroll .mbsc-switch input:disabled~.mbsc-desc {
- opacity: .4
- }
- .mbsc-mobiscroll .mbsc-checkbox-box:after,
- .mbsc-mobiscroll .mbsc-radio-box:after {
- opacity: 1;
- -webkit-transform: scale(0) rotate(-45deg);
- transform: scale(0) rotate(-45deg);
- -webkit-transition: -webkit-transform .1s ease-out;
- transition: transform .1s ease-out
- }
- .mbsc-mobiscroll .mbsc-checkbox input:checked+.mbsc-checkbox-box:after,
- .mbsc-mobiscroll .mbsc-radio input:checked+.mbsc-radio-box:after {
- opacity: 1;
- -webkit-transform: scale(1) rotate(-45deg);
- transform: scale(1) rotate(-45deg)
- }
- .mbsc-mobiscroll .mbsc-btn {
- margin: .5em;
- padding: .6875em;
- background: #4ECCC4;
- color: #f0f0f0;
- font-size: 1em;
- text-transform: uppercase
- }
- .mbsc-mobiscroll .mbsc-btn-ic {
- padding-right: .6875em
- }
- .mbsc-mobiscroll .mbsc-btn-icon-only .mbsc-btn-ic {
- padding: 0 .5em
- }
- .mbsc-mobiscroll .mbsc-btn:disabled {
- background: #dedede
- }
- .mbsc-mobiscroll .mbsc-btn.mbsc-btn-outline:disabled {
- color: #dedede;
- border-color: #dedede
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-btn:not(:disabled):not(.mbsc-active):hover {
- opacity: .8
- }
- .mbsc-mobiscroll .mbsc-btn.mbsc-active {
- opacity: .6
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
- opacity: 1;
- background: rgba(78, 204, 196, 0.1)
- }
- .mbsc-mobiscroll .mbsc-btn-flat.mbsc-active {
- opacity: 1;
- background: rgba(78, 204, 196, 0.3)
- }
- .mbsc-mobiscroll .mbsc-btn-flat {
- background: transparent;
- color: #4ECCC4;
- border-color: transparent
- }
- .mbsc-mobiscroll .mbsc-btn-flat:disabled {
- background: transparent;
- color: #c9c9c9
- }
- .mbsc-mobiscroll .mbsc-btn-group,
- .mbsc-mobiscroll .mbsc-btn-group-justified {
- padding: 0 .5em
- }
- .mbsc-mobiscroll .mbsc-btn-group-block {
- padding: 0 1em
- }
- .mbsc-mobiscroll .mbsc-btn-primary.mbsc-btn {
- background: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat {
- color: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
- background: rgba(63, 151, 246, 0.2)
- }
- .mbsc-mobiscroll .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(63, 151, 246, 0.3)
- }
- .mbsc-mobiscroll .mbsc-btn-secondary.mbsc-btn {
- background: #90979E
- }
- .mbsc-mobiscroll .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat {
- color: #90979E
- }
- .mbsc-mobiscroll .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
- background: rgba(144, 151, 158, 0.2)
- }
- .mbsc-mobiscroll .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(144, 151, 158, 0.3)
- }
- .mbsc-mobiscroll .mbsc-btn-success.mbsc-btn {
- background: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-btn-success.mbsc-btn.mbsc-btn-flat {
- color: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-btn-success.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
- background: rgba(67, 190, 95, 0.2)
- }
- .mbsc-mobiscroll .mbsc-btn-success.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(67, 190, 95, 0.3)
- }
- .mbsc-mobiscroll .mbsc-btn-danger.mbsc-btn {
- background: #f5504e
- }
- .mbsc-mobiscroll .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat {
- color: #f5504e
- }
- .mbsc-mobiscroll .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
- background: rgba(245, 80, 78, 0.2)
- }
- .mbsc-mobiscroll .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(245, 80, 78, 0.3)
- }
- .mbsc-mobiscroll .mbsc-btn-warning.mbsc-btn {
- background: #f8b042
- }
- .mbsc-mobiscroll .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat {
- color: #f8b042
- }
- .mbsc-mobiscroll .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
- background: rgba(248, 176, 66, 0.2)
- }
- .mbsc-mobiscroll .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(248, 176, 66, 0.3)
- }
- .mbsc-mobiscroll .mbsc-btn-info.mbsc-btn {
- background: #5BB7C5
- }
- .mbsc-mobiscroll .mbsc-btn-info.mbsc-btn.mbsc-btn-flat {
- color: #5BB7C5
- }
- .mbsc-mobiscroll .mbsc-btn-info.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
- background: rgba(91, 183, 197, 0.2)
- }
- .mbsc-mobiscroll .mbsc-btn-info.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(91, 183, 197, 0.3)
- }
- .mbsc-mobiscroll .mbsc-btn-light.mbsc-btn {
- background: #e6e6e6;
- color: #000
- }
- .mbsc-mobiscroll .mbsc-btn-light.mbsc-btn.mbsc-btn-flat {
- color: #a6a6a6
- }
- .mbsc-mobiscroll .mbsc-btn-light.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
- color: #a6a6a6;
- background: rgba(166, 166, 166, 0.2)
- }
- .mbsc-mobiscroll .mbsc-btn-light.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(166, 166, 166, 0.3)
- }
- .mbsc-mobiscroll .mbsc-btn-dark.mbsc-btn {
- background: #47494A
- }
- .mbsc-mobiscroll .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat {
- color: #47494A
- }
- .mbsc-mobiscroll .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
- background: rgba(71, 73, 74, 0.2)
- }
- .mbsc-mobiscroll .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(71, 73, 74, 0.3)
- }
- .mbsc-mobiscroll .mbsc-btn-flat.mbsc-btn {
- background: transparent
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn {
- background: transparent;
- border: 1px solid #4eccc4;
- color: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-active {
- background: #4eccc4;
- color: #f7f7f7;
- opacity: 1
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-primary {
- border-color: #3f97f6;
- color: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-primary.mbsc-active {
- background: #3f97f6;
- color: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary {
- border-color: #90979E;
- color: #90979E
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary.mbsc-active {
- background: #90979E;
- color: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-success {
- border-color: #43BE5F;
- color: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-success.mbsc-active {
- background: #43BE5F;
- color: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-danger {
- border-color: #f5504e;
- color: #f5504e
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-danger.mbsc-active {
- background: #f5504e;
- color: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-warning {
- border-color: #f8b042;
- color: #f8b042
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-warning.mbsc-active {
- background: #f8b042;
- color: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-info {
- border-color: #5BB7C5;
- color: #5BB7C5
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-info.mbsc-active {
- background: #5BB7C5;
- color: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-light {
- border-color: #a6a6a6;
- color: #a6a6a6
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-light.mbsc-active {
- background: #a6a6a6;
- color: #e6e6e6
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-dark {
- border-color: #47494A;
- color: #47494A
- }
- .mbsc-mobiscroll .mbsc-btn-outline.mbsc-btn.mbsc-btn-dark.mbsc-active {
- background: #47494A;
- color: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-switch {
- padding: 1em 4.375em 1em 1em
- }
- .mbsc-mobiscroll.mbsc-rtl .mbsc-switch {
- padding: 1em 1em 1em 4.375em
- }
- .mbsc-mobiscroll .mbsc-switch-track {
- right: 1em;
- width: 2.375em;
- height: .875em;
- padding: 0 .75em;
- margin-top: -0.4375em;
- background: #dedede;
- border-radius: 1.25em
- }
- .mbsc-mobiscroll.mbsc-rtl .mbsc-switch-track {
- right: auto;
- left: 1em
- }
- .mbsc-mobiscroll .mbsc-switch-handle {
- top: .25em;
- left: .25em;
- margin: 0;
- width: 1.5em;
- height: 1.5em;
- background: #c9c9c9;
- border-radius: 1.25em
- }
- .mbsc-mobiscroll.mbsc-rtl .mbsc-switch-handle {
- right: .25em
- }
- .mbsc-mobiscroll .mbsc-active .mbsc-switch-handle {
- -webkit-transform: scale(1);
- transform: scale(1)
- }
- .mbsc-mobiscroll .mbsc-switch input:checked+.mbsc-switch-track {
- background: #b4e5e2
- }
- .mbsc-mobiscroll .mbsc-switch input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-switch input:disabled+.mbsc-switch-track {
- background: #d6d6d6;
- opacity: .7
- }
- .mbsc-mobiscroll .mbsc-switch input:disabled+.mbsc-switch-track .mbsc-switch-handle {
- background: #e2e2e2
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-primary input:checked+.mbsc-switch-track {
- background: #a0ccfb
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-primary input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-secondary input:checked+.mbsc-switch-track {
- background: #c6cace
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-secondary input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #90979E
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-success input:checked+.mbsc-switch-track {
- background: #8fd8a0
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-success input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-danger input:checked+.mbsc-switch-track {
- background: #faafaf
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-danger input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #f5504e
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-warning input:checked+.mbsc-switch-track {
- background: #fcd9a4
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-warning input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #f8b042
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-info input:checked+.mbsc-switch-track {
- background: #a6d8e0
- }
- .mbsc-mobiscroll .mbsc-switch.mbsc-switch-info input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #5BB7C5
- }
- .mbsc-mobiscroll .mbsc-segmented {
- padding: .5em 1em
- }
- .mbsc-mobiscroll .mbsc-segmented-content {
- height: 2.28571428em;
- margin: 0 -0.071428em;
- line-height: 2.28575em;
- padding: 0 .285714em;
- border: .142857em solid #4ECCC4;
- text-transform: uppercase;
- color: #4ECCC4
- }
- .mbsc-mobiscroll .mbsc-stepper input {
- color: #454545
- }
- .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: #4ECCC4;
- color: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: rgba(78, 204, 196, 0.3)
- }
- .mbsc-mobiscroll .mbsc-stepper-cont {
- padding: 1.75em 12.875em 1.75em 1em
- }
- .mbsc-mobiscroll.mbsc-rtl .mbsc-stepper-cont {
- padding: 1.75em 1em 1.75em 12.875em
- }
- .mbsc-mobiscroll .mbsc-stepper {
- margin-top: -1.125em
- }
- .mbsc-mobiscroll .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,
- .mbsc-mobiscroll .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,
- .mbsc-mobiscroll .mbsc-segmented .mbsc-segmented-item input:disabled+.mbsc-segmented-content {
- color: #d6d6d6;
- border-color: #d6d6d6;
- background: transparent
- }
- .mbsc-mobiscroll .mbsc-stepper input:disabled {
- color: #d6d6d6;
- -webkit-text-fill-color: #d6d6d6
- }
- .mbsc-mobiscroll .mbsc-segmented input:disabled:checked+.mbsc-segmented-content {
- background: #d6d6d6;
- color: #f0f0f0
- }
- .mbsc-mobiscroll .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content {
- background: transparent;
- color: #d6d6d6
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(78, 204, 196, 0.1)
- }
- .mbsc-mobiscroll .mbsc-segmented-primary .mbsc-segmented-content {
- border-color: #3f97f6;
- color: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: rgba(63, 151, 246, 0.35)
- }
- .mbsc-mobiscroll .mbsc-segmented-secondary .mbsc-segmented-content {
- border-color: #90979E;
- color: #90979E
- }
- .mbsc-mobiscroll .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #90979E
- }
- .mbsc-mobiscroll .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: rgba(144, 151, 158, 0.35)
- }
- .mbsc-mobiscroll .mbsc-segmented-success .mbsc-segmented-content {
- border-color: #43BE5F;
- color: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-segmented-success.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-segmented-success.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: rgba(67, 190, 95, 0.35)
- }
- .mbsc-mobiscroll .mbsc-segmented-danger .mbsc-segmented-content {
- border-color: #f5504e;
- color: #f5504e
- }
- .mbsc-mobiscroll .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #f5504e
- }
- .mbsc-mobiscroll .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: rgba(245, 80, 78, 0.35)
- }
- .mbsc-mobiscroll .mbsc-segmented-warning .mbsc-segmented-content {
- border-color: #f8b042;
- color: #f8b042
- }
- .mbsc-mobiscroll .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #f8b042
- }
- .mbsc-mobiscroll .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: rgba(248, 176, 66, 0.35)
- }
- .mbsc-mobiscroll .mbsc-segmented-info .mbsc-segmented-content {
- border-color: #5BB7C5;
- color: #5BB7C5
- }
- .mbsc-mobiscroll .mbsc-segmented-info.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #5BB7C5
- }
- .mbsc-mobiscroll .mbsc-segmented-info.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: rgba(91, 183, 197, 0.35)
- }
- .mbsc-mobiscroll .mbsc-stepper-primary .mbsc-segmented-content {
- border-color: #3f97f6;
- color: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #3f97f6
- }
- .mbsc-mobiscroll .mbsc-stepper-secondary .mbsc-segmented-content {
- border-color: #90979E;
- color: #90979E
- }
- .mbsc-mobiscroll .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #90979E
- }
- .mbsc-mobiscroll .mbsc-stepper-success .mbsc-segmented-content {
- border-color: #43BE5F;
- color: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #43BE5F
- }
- .mbsc-mobiscroll .mbsc-stepper-danger .mbsc-segmented-content {
- border-color: #f5504e;
- color: #f5504e
- }
- .mbsc-mobiscroll .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #f5504e
- }
- .mbsc-mobiscroll .mbsc-stepper-warning .mbsc-segmented-content {
- border-color: #f8b042;
- color: #f8b042
- }
- .mbsc-mobiscroll .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #f8b042
- }
- .mbsc-mobiscroll .mbsc-stepper-info .mbsc-segmented-content {
- border-color: #5BB7C5;
- color: #5BB7C5
- }
- .mbsc-mobiscroll .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #5BB7C5
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-primary.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(63, 151, 246, 0.35)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-secondary.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(144, 151, 158, 0.35)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-success.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(67, 190, 95, 0.35)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-danger.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(245, 80, 78, 0.35)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-warning.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(248, 176, 66, 0.35)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-info.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(91, 183, 197, 0.35)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-primary .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(63, 151, 246, 0.35)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-secondary .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(144, 151, 158, 0.35)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-success .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(67, 190, 95, 0.35)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-danger .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(245, 80, 78, 0.35)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-warning .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(248, 176, 66, 0.35)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-stepper-info .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(91, 183, 197, 0.35)
- }
- .mbsc-msr .mbsc-sc-whl-gr {
- direction: ltr
- }
- .mbsc-msr .mbsc-rtl .mbsc-sc-whl-w {
- -webkit-box-ordinal-group: 2;
- -moz-box-ordinal-group: 2;
- -ms-flex-order: 2;
- order: 2
- }
- .mbsc-msr .mbsc-rtl .mbsc-msr-whl-unit {
- -webkit-box-ordinal-group: 1;
- -moz-box-ordinal-group: 1;
- -ms-flex-order: 1;
- order: 1
- }
- .mbsc-ms-c {
- text-align: center
- }
- .mbsc-ms-top.mbsc-ms-c,
- .mbsc-ms-bottom.mbsc-ms-c {
- z-index: 9999;
- position: fixed;
- left: 0;
- right: 0;
- height: auto
- }
- .mbsc-ms-top .mbsc-ms,
- .mbsc-ms-bottom .mbsc-ms {
- padding-left: constant(safe-area-inset-left);
- padding-left: env(safe-area-inset-left);
- padding-right: constant(safe-area-inset-right);
- padding-right: env(safe-area-inset-right)
- }
- .mbsc-ms-bottom.mbsc-ms-c {
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom)
- }
- .mbsc-ms-top.mbsc-scv-ctx,
- .mbsc-ms-bottom.mbsc-scv-ctx {
- position: absolute
- }
- .mbsc-ms-top {
- top: 0
- }
- .mbsc-ms-bottom {
- bottom: 0
- }
- .mbsc-ms {
- text-align: center;
- white-space: nowrap
- }
- .mbsc-ms-item {
- position: relative;
- margin: 0;
- font-size: 1em;
- line-height: 1.25;
- min-width: 4em;
- padding: .75em .5em;
- text-decoration: none;
- cursor: pointer;
- overflow: hidden;
- transition-property: color, background, border-color, text-shadow;
- transition-duration: 200ms
- }
- .mbsc-scv-hasw .mbsc-ms-item {
- white-space: normal;
- min-width: 0
- }
- .mbsc-ms.mbsc-comp a.mbsc-ms-item {
- font-weight: normal;
- text-decoration: none
- }
- .mbsc-ms .mbsc-ms-item.mbsc-disabled {
- opacity: .5;
- cursor: not-allowed
- }
- .mbsc-ms-icons .mbsc-ms-item {
- min-width: 6em;
- padding: 1.666667em .5em;
- font-size: .75em
- }
- .mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item {
- padding-top: 3em;
- padding-bottom: .5em
- }
- .mbsc-ms-ic:before {
- position: absolute;
- top: .25em;
- left: 0;
- right: 0;
- display: block;
- text-align: center;
- line-height: 1em
- }
- .mbsc-ms-base .mbsc-ms-ic:before {
- font-size: 2em
- }
- .mbsc-mobiscroll.mbsc-ms-c {
- background: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-ms .mbsc-ms-item {
- color: #454545
- }
- .mbsc-mobiscroll.mbsc-ms-c .mbsc-scv-sc .mbsc-ms .mbsc-ms-item.mbsc-active {
- background: rgba(78, 204, 196, 0.3)
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
- background: rgba(78, 204, 196, 0.1)
- }
- .mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item {
- border: 2px solid transparent;
- border-width: 2px 0
- }
- .mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item-sel {
- border-bottom-color: #4eccc4
- }
- .mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-top {
- border-bottom: 1px solid #4eccc4
- }
- .mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom {
- border-top: 1px solid #4eccc4
- }
- .mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel {
- border-top-color: #4eccc4;
- border-bottom-color: transparent
- }
- .mbsc-mobiscroll.mbsc-ms-a.mbsc-ms-top {
- border-bottom: 1px solid #ccc
- }
- .mbsc-mobiscroll.mbsc-ms-a.mbsc-ms-bottom {
- border-top: 1px solid #ccc
- }
- .mbsc-mobiscroll.mbsc-ms-a .mbsc-ms-item-sel {
- color: #4eccc4
- }
- .mbsc-ms-badge {
- position: absolute;
- top: .25em;
- min-width: 1.666667em;
- height: 1.666667em;
- padding: 0 .25em;
- border-radius: 2em;
- line-height: 1.666667em;
- background: red;
- color: #fff;
- text-align: center;
- -webkit-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-ltr .mbsc-ms-badge {
- left: 50%;
- margin-left: .5em
- }
- .mbsc-rtl .mbsc-ms-badge {
- right: 50%;
- margin-right: .5em
- }
- .mbsc-ms-item.mbsc-menu-item-ic {
- padding: 1.666667em .5em;
- font-size: .75em
- }
- .mbsc-ms-item.mbsc-menu-item-ic:before {
- top: 50%;
- margin-top: -0.5em
- }
- .mbsc-ms-icons .mbsc-ms-item.mbsc-menu-item-ic:before {
- top: .25em;
- margin-top: 0
- }
- .mbsc-ms-hamburger.mbsc-ms-c.mbsc-ms-inline {
- display: inline-block;
- vertical-align: middle;
- background: none;
- border: 0
- }
- .mbsc-ms-more .mbsc-ms {
- display: block
- }
- .mbsc-ms-more .mbsc-ms-item {
- min-height: 2.857143em
- }
- .mbsc-ms-more .mbsc-ms-item.mbsc-ms-ic:before {
- top: 50%;
- width: 2.333334em;
- margin-top: -0.5em;
- line-height: 1em;
- font-size: 1.714286em
- }
- .mbsc-ms-more .mbsc-ms-badge {
- top: 50%;
- font-size: .857143em;
- margin-top: -0.833333em
- }
- .mbsc-ms-more .mbsc-ltr .mbsc-ms {
- text-align: left
- }
- .mbsc-ms-more .mbsc-ltr .mbsc-ms .mbsc-ms-ic {
- padding-left: 4em
- }
- .mbsc-ms-more .mbsc-ltr .mbsc-ms-ic:before {
- right: auto
- }
- .mbsc-ms-more .mbsc-ltr .mbsc-ms-badge {
- left: auto;
- right: .5em;
- margin-left: 0
- }
- .mbsc-ms-more .mbsc-rtl .mbsc-ms {
- text-align: right
- }
- .mbsc-ms-more .mbsc-rtl .mbsc-ms .mbsc-ms-ic {
- padding-right: 4em
- }
- .mbsc-ms-more .mbsc-rtl .mbsc-ms-ic:before {
- left: auto
- }
- .mbsc-ms-more .mbsc-rtl .mbsc-ms-badge {
- right: auto;
- left: .5em;
- margin-right: 0
- }
- .mbsc-ms-more.mbsc-ms-more-icons .mbsc-fr-popup .mbsc-fr-w {
- min-width: 0
- }
- .mbsc-ms-more.mbsc-ms-more-icons .mbsc-wdg-c.mbsc-w-p {
- padding: 0
- }
- .mbsc-ms-more.mbsc-ms-more-icons .mbsc-ms .mbsc-ms-ic {
- padding-left: .714286em;
- padding-right: .714286em
- }
- .mbsc-ms-more.mbsc-ms-more-icons .mbsc-ms-ic:before {
- position: static;
- width: 1.5em;
- margin: 0
- }
- .mbsc-np-hdr {
- position: relative
- }
- .mbsc-np-dsp {
- direction: ltr;
- padding: .3125em 1.75em .3125em .5em;
- text-align: left;
- font-size: 2em;
- line-height: normal
- }
- .mbsc-np-sup {
- display: inline-block;
- font-size: .375em;
- vertical-align: top
- }
- .mbsc-np-del {
- position: absolute;
- top: 0;
- right: 0;
- height: 100%;
- width: 3.5em;
- text-align: center
- }
- .mbsc-np-del:before {
- display: block;
- width: 100%;
- position: absolute;
- top: 50%;
- left: 0;
- margin-top: -0.5em;
- font-size: 2em;
- line-height: 1
- }
- .mbsc-np-ph {
- display: inline-block;
- min-width: .5625em;
- text-align: center;
- vertical-align: top
- }
- .mbsc-np-tbl-c {
- min-width: 15em
- }
- .mbsc-fr-top .mbsc-np-tbl-c,
- .mbsc-fr-bottom .mbsc-np-tbl-c {
- display: block
- }
- .mbsc-np-tbl {
- direction: ltr;
- display: table;
- width: 100%;
- font-size: 1.375em
- }
- .mbsc-np-row {
- display: table-row
- }
- .mbsc-np-btn {
- position: relative;
- z-index: 0;
- width: 33.33333333%;
- display: table-cell;
- text-align: center;
- vertical-align: middle;
- height: 3em;
- -webkit-user-select: none
- }
- .mbsc-np-btn.mbsc-active {
- opacity: 1
- }
- .mbsc-np-time {
- text-transform: uppercase
- }
- .mbsc-np-ts-h,
- .mbsc-np-ts-m {
- font-weight: bold
- }
- .mbsc-mobiscroll .mbsc-np-del {
- color: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-np-tbl-c {
- padding: .5em
- }
- .mbsc-mobiscroll .mbsc-np-btn.mbsc-disabled {
- opacity: .5
- }
- [mbsc-page]:not(.mbsc-page) {
- visibility: hidden
- }
- .mbsc-page-ctx {
- margin: 0;
- padding: 0;
- height: 100%
- }
- .mbsc-page {
- min-height: 100%;
- font-size: 16px;
- font-family: arial, verdana, sans-serif;
- -webkit-font-smoothing: antialiased;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-tap-highlight-color: transparent;
- -webkit-touch-callout: none;
- -webkit-text-size-adjust: 100%;
- padding-left: constant(safe-area-inset-left);
- padding-left: env(safe-area-inset-left);
- padding-right: constant(safe-area-inset-right);
- padding-right: env(safe-area-inset-right);
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom)
- }
- .mbsc-page,
- .mbsc-page * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-page:before,
- .mbsc-page:after {
- content: '';
- display: table
- }
- .mbsc-rtl {
- direction: rtl
- }
- .mbsc-padding {
- padding: 1em
- }
- .mbsc-page h1,
- .mbsc-page h2,
- .mbsc-page h3,
- .mbsc-page h4,
- .mbsc-page h5,
- .mbsc-page h6 {
- margin: 0;
- padding: 0;
- color: inherit;
- font-weight: normal;
- font-family: inherit
- }
- .mbsc-page p {
- margin: 1em 0;
- padding: 0;
- font-size: 1em;
- line-height: 1.5
- }
- .mbsc-page a {
- text-decoration: none
- }
- .mbsc-page a:hover {
- text-decoration: underline
- }
- .mbsc-page h1 {
- margin: .347826em 0;
- font-size: 2.875em
- }
- .mbsc-page h2 {
- margin: .470588em 0;
- font-size: 2.125em
- }
- .mbsc-page h3 {
- margin: .666666em 0;
- font-size: 1.5em
- }
- .mbsc-page h4 {
- margin: .8em 0;
- font-size: 1.25em
- }
- .mbsc-page h5 {
- margin: 1.066666em 0;
- font-size: .9375em
- }
- .mbsc-page h6 {
- margin: 1.333333em 0;
- font-size: .75em
- }
- .mbsc-ultra-bold {
- font-weight: 900
- }
- .mbsc-bold {
- font-weight: bold
- }
- .mbsc-medium {
- font-weight: 500
- }
- .mbsc-light {
- font-weight: 300
- }
- .mbsc-thin {
- font-weight: 100
- }
- .mbsc-italic {
- font-style: italic
- }
- .mbsc-align-left {
- text-align: left
- }
- .mbsc-align-right {
- text-align: right
- }
- .mbsc-align-center {
- text-align: center
- }
- .mbsc-pull-right {
- float: right
- }
- .mbsc-pull-left {
- float: left
- }
- .mbsc-media-fluid {
- display: block;
- width: 100%
- }
- .mbsc-img-thumbnail {
- width: 6em;
- height: 6em;
- margin: 1em
- }
- .mbsc-avatar {
- width: 2.5em;
- height: 2.5em;
- padding: 0;
- border-radius: 1.25em
- }
- .mbsc-note {
- position: relative;
- padding: .75em 1.25em;
- margin: 1em;
- border: 1px solid transparent;
- font-size: .875em
- }
- @media screen and (max-width:600px) {
- .mbsc-note {
- text-align: center
- }
- }
- .mbsc-mobiscroll.mbsc-page {
- background: #f7f7f7;
- color: #454545
- }
- .mbsc-mobiscroll a {
- color: #4eccc4
- }
- .mbsc-mobiscroll .mbsc-note {
- border-radius: .1875em
- }
- .mbsc-mobiscroll .mbsc-note,
- .mbsc-mobiscroll .mbsc-note-primary {
- color: #074b95;
- background-color: #a0ccfb
- }
- .mbsc-mobiscroll .mbsc-note-secondary {
- color: #454b50;
- background-color: #c6cace
- }
- .mbsc-mobiscroll .mbsc-note-success {
- color: #1b4d26;
- background-color: #8fd8a0
- }
- .mbsc-mobiscroll .mbsc-note-danger {
- color: #a10b09;
- background-color: #faafaf
- }
- .mbsc-mobiscroll .mbsc-note-warning {
- color: #b46f07;
- background-color: #fcd9a4
- }
- .mbsc-mobiscroll .mbsc-note-info {
- color: #235b64;
- background-color: #a6d8e0
- }
- .mbsc-mobiscroll .mbsc-note-light {
- color: #4d4d4d;
- background-color: #d9d9d9
- }
- .mbsc-mobiscroll .mbsc-note-dark {
- color: #000;
- background-color: #adafb0
- }
- .mbsc-range-btn,
- .mbsc-range-btn-t,
- .mbsc-range-btn-c {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-range-btn-t {
- display: table;
- width: 100%
- }
- .mbsc-range-btn-c {
- display: table-cell;
- width: 50%
- }
- .mbsc-range-btn {
- text-decoration: none;
- text-align: center;
- display: block;
- cursor: pointer
- }
- .mbsc-cal-hide-diff .mbsc-cal-day-diff:after {
- display: none
- }
- .mbsc-mobiscroll .mbsc-range-btn-t {
- padding: .5em .25em 0 .25em
- }
- .mbsc-mobiscroll .mbsc-range-btn {
- margin: 0 .3333em;
- padding: .3333em;
- border: 1px solid #4eccc4;
- font-size: .75em;
- line-height: 1.666667em
- }
- .mbsc-mobiscroll.mbsc-range .mbsc-range-btn-t .mbsc-range-btn.mbsc-selected {
- background: #4eccc4;
- color: #f7f7f7
- }
- .mbsc-mobiscroll.mbsc-range .mbsc-fr-w {
- padding: 0
- }
- .mbsc-mobiscroll.mbsc-range .mbsc-fr-hdr {
- padding-top: .6666em
- }
- .mbsc-mobiscroll.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date {
- background: none;
- border-color: transparent;
- color: #454545
- }
- .mbsc-mobiscroll.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date {
- background: #4eccc4;
- border-color: #4eccc4;
- color: #f7f7f7
- }
- .mbsc-mobiscroll.mbsc-range .mbsc-cal-day.mbsc-selected:after {
- content: '';
- position: absolute;
- z-index: -1;
- top: .25em;
- left: 0;
- right: 0;
- height: 2em;
- background: rgba(78, 204, 196, 0.3)
- }
- .mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after {
- left: 50%;
- margin-left: -1em
- }
- .mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after {
- right: 50%;
- margin-right: -1em
- }
- .mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-day:first-child:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-first:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-day:last-child:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-last:after {
- border-top-left-radius: 2em;
- border-bottom-left-radius: 2em
- }
- .mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-day:last-child:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-last:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-day:first-child:after,
- .mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-first:after {
- border-top-right-radius: 2em;
- border-bottom-right-radius: 2em
- }
- .mbsc-sc-whl-o,
- .mbsc-sc-btn {
- -webkit-transform: translateZ(0)
- }
- .mbsc-sc .mbsc-sc-whl-gr-c,
- .mbsc-sc .mbsc-sc-whl-c,
- .mbsc-sc .mbsc-sc-whl-l,
- .mbsc-sc .mbsc-sc-whl {
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box
- }
- .mbsc-sc-whl-gr-c,
- .mbsc-sc-itm {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-sc-whl-gr-c {
- position: relative;
- max-width: 100%;
- vertical-align: middle;
- display: inline-block;
- overflow: hidden
- }
- .mbsc-fr-bottom .mbsc-sc-whl-gr-c:first-child:last-child,
- .mbsc-fr-top .mbsc-sc-whl-gr-c:first-child:last-child,
- .mbsc-fr-inline .mbsc-sc-whl-gr-c:first-child:last-child,
- .mbsc-fr-liq .mbsc-sc-whl-gr-c {
- display: block
- }
- .mbsc-sc-whl-gr {
- margin: 0 auto;
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- justify-content: center
- }
- .mbsc-sc-whl-w {
- max-width: 100%;
- position: relative
- }
- .mbsc-fr-pointer .mbsc-sc-whl-w,
- .mbsc-fr-liq .mbsc-sc-whl-w {
- -webkit-box-flex: 1;
- -webkit-flex: 1 auto;
- -ms-flex: 1 auto;
- flex: 1 auto
- }
- .mbsc-sc-whl-o {
- position: absolute;
- z-index: 2;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- pointer-events: none;
- display: none
- }
- .mbsc-sc-whl-l {
- display: none;
- position: absolute;
- top: 50%;
- left: 0;
- right: 0;
- pointer-events: none
- }
- .mbsc-sc-whl-w .mbsc-sc-whl-l {
- display: block
- }
- .mbsc-sc-whl {
- overflow: hidden;
- border-top: 1px solid transparent;
- border-bottom: 1px solid transparent;
- margin: -1px 0
- }
- .mbsc-sc-whl-c {
- position: relative;
- z-index: 1;
- top: 50%;
- border-top: 1px solid transparent;
- border-bottom: 1px solid transparent
- }
- .mbsc-sc-whl-sc {
- position: relative
- }
- .mbsc-sc-itm {
- position: relative;
- cursor: pointer;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis
- }
- .mbsc-sc-itm-inv,
- .mbsc-sc-itm-inv-h {
- opacity: .3
- }
- .mbsc-sc-lbl {
- position: absolute;
- left: 0;
- right: 0;
- bottom: 100%;
- display: none
- }
- .mbsc-sc-lbl-v .mbsc-sc-lbl {
- display: block
- }
- .mbsc-sc-btn {
- position: absolute;
- z-index: 2;
- left: 0;
- right: 0;
- cursor: pointer;
- opacity: 1;
- text-align: center;
- -webkit-transition: opacity .2s linear;
- transition: opacity .2s linear
- }
- .mbsc-sc-btn:before {
- position: absolute;
- top: 0;
- right: 0;
- left: 0
- }
- .mbsc-sc-whl-a .mbsc-sc-btn {
- opacity: 0
- }
- .mbsc-sc-btn-plus {
- bottom: 0
- }
- .mbsc-sc-btn-minus {
- top: 0
- }
- .mbsc-sc-whl-gr-3d {
- -webkit-perspective: 1200px;
- perspective: 1200px
- }
- .mbsc-sc-whl-gr-3d .mbsc-sc-whl {
- overflow: visible
- }
- .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
- overflow: hidden
- }
- .mbsc-sc-whl-3d {
- position: absolute;
- top: 50%;
- left: 0;
- right: 0;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d
- }
- .mbsc-sc-itm-3d {
- position: absolute;
- width: 100%;
- top: 0;
- left: 0;
- cursor: pointer;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden
- }
- .mbsc-sc-itm-del {
- display: none
- }
- .mbsc-sc-itm-ml {
- width: 100%;
- height: auto;
- display: inline-block;
- vertical-align: middle;
- white-space: normal
- }
- .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- position: absolute;
- top: 0;
- left: 0;
- width: 1em;
- text-align: center
- }
- .mbsc-fr-pointer .mbsc-fr-w .mbsc-sc-whl-gr-c,
- .mbsc-fr-pointer .mbsc-fr-w .mbsc-sc-whl-gr {
- padding: 0
- }
- .mbsc-fr-pointer .mbsc-sc-whl-gr-c:first-child:last-child {
- display: block
- }
- .mbsc-sc-bar-c {
- position: absolute;
- z-index: 2;
- top: 0;
- bottom: 0;
- right: 0;
- width: 10px;
- opacity: 0;
- background: rgba(0, 0, 0, 0.05);
- transform: translateZ(0);
- transition: opacity .2s
- }
- .mbsc-sc-bar {
- position: absolute;
- right: 0;
- top: 0;
- width: 10px;
- height: 100%
- }
- .mbsc-sc-bar:after {
- content: '';
- position: absolute;
- top: 2px;
- right: 2px;
- bottom: 2px;
- left: 2px;
- background: rgba(0, 0, 0, 0.5);
- border-radius: 3px
- }
- .mbsc-sc-whl-w:hover .mbsc-sc-bar-c,
- .mbsc-sc-whl-anim .mbsc-sc-bar-c {
- opacity: 1
- }
- .mbsc-mobiscroll .mbsc-sc-whl-gr {
- padding: .5em .25em
- }
- .mbsc-mobiscroll .mbsc-sc-whl-w {
- margin: 0 .25em
- }
- .mbsc-mobiscroll .mbsc-sc-lbl-v .mbsc-sc-whl-w {
- margin-top: 1.875em
- }
- .mbsc-mobiscroll .mbsc-sc-lbl {
- color: #4eccc4;
- font-size: .75em;
- line-height: 2.5em;
- text-transform: uppercase
- }
- .mbsc-mobiscroll .mbsc-sc-whl-l {
- border-top: 1px solid #4eccc4;
- border-bottom: 1px solid #4eccc4
- }
- .mbsc-mobiscroll .mbsc-sc-btn {
- color: #4eccc4;
- background: #f7f7f7
- }
- .mbsc-mobiscroll .mbsc-sc-btn:before {
- font-size: 1.5em
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-btn:hover:before,
- .mbsc-mobiscroll .mbsc-sc-btn.mbsc-active:before,
- .mbsc-mobiscroll .mbsc-sc-itm.mbsc-active {
- background: rgba(78, 204, 196, 0.3)
- }
- .mbsc-mobiscroll .mbsc-sc-itm {
- padding: 0 .25em;
- font-size: 1.375em
- }
- .mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover {
- background: rgba(0, 0, 0, 0.05)
- }
- .mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm {
- padding: 0 1.818181em
- }
- .mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- font-size: 1.818181em;
- color: #4eccc4
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-lbl {
- padding-left: 1.666667em;
- padding-right: 1.666667em
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-whl-w {
- margin-left: 0;
- margin-right: 0
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-itm {
- font-size: 1em;
- padding: 0 1.25em
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm {
- padding: 0 2.5em
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- font-size: 2em
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- left: .125em
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- right: .125em
- }
- .mbsc-scv-c {
- overflow: hidden;
- position: relative;
- font-size: 16px;
- font-family: arial, verdana, sans-serif;
- -webkit-font-smoothing: antialiased;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-text-size-adjust: 100%;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -ms-touch-action: pan-y;
- user-select: none;
- touch-action: pan-y
- }
- .mbsc-scv-sc {
- position: relative
- }
- .mbsc-rtl {
- direction: rtl
- }
- .mbsc-scv,
- .mbsc-scv-sc,
- .mbsc-scv-item {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- height: 100%
- }
- .mbsc-scv {
- padding: 0;
- margin: 0 auto;
- list-style: none;
- -webkit-flex-shrink: 0;
- -webkit-backface-visibility: hidden;
- -webkit-transform: translate3d(0, 0, 0)
- }
- .mbsc-scv-item {
- height: auto;
- -webkit-box-orient: vertical;
- -moz-box-orient: vertical;
- -webkit-box-pack: center;
- -moz-box-pack: center;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-justify-content: center;
- -ms-justify-content: center;
- justify-content: center;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-scv-liq,
- .mbsc-scv-liq .mbsc-scv-item {
- -webkit-box-flex: 1;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto
- }
- .mbsc-sel-hdn {
- position: absolute;
- height: 1px !important;
- width: 1px !important;
- margin: 0 !important;
- padding: 0 !important;
- left: 0;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px)
- }
- .mbsc-sel .mbsc-sel-gr {
- padding: 0 .25em;
- opacity: 1;
- font-weight: bold;
- text-align: left
- }
- .mbsc-sel .mbsc-fr-c {
- position: relative
- }
- .mbsc-sel-multi .mbsc-sc-whl-w .mbsc-sc-whl-l {
- display: none
- }
- .mbsc-sel-empty {
- display: none;
- opacity: .6;
- position: absolute;
- z-index: 2;
- top: 50%;
- left: 0;
- width: 100%;
- height: 2em;
- margin-top: -1em;
- font-size: 1.5em;
- line-height: 2em
- }
- .mbsc-sel-empty-v {
- display: block
- }
- .mbsc-sel-filter-clear {
- position: absolute;
- top: 0;
- height: 100%;
- width: 1.5em;
- display: none;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- cursor: pointer;
- font-size: 1.125em
- }
- .mbsc-sel-filter-show-clear {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex
- }
- .mbsc-sel-input-wrap {
- position: relative
- }
- .mbsc-sel .mbsc-ltr .mbsc-sel-filter-cont .mbsc-sel-filter-input {
- padding-right: 1.5em
- }
- .mbsc-sel .mbsc-rtl .mbsc-sel-filter-cont .mbsc-sel-filter-input {
- padding-left: 1.5em
- }
- .mbsc-ltr .mbsc-sel-filter-clear {
- right: 0
- }
- .mbsc-rtl .mbsc-sel-filter-clear {
- left: 0
- }
- .mbsc-sel.mbsc-fr-pointer.mbsc-no-touch .mbsc-sc-whl .mbsc-sc-itm.mbsc-sel-gr:hover {
- background: none
- }
- .mbsc-mobiscroll .mbsc-sc-whl .mbsc-sel-gr {
- padding: 0 .25em;
- font-size: 1.125em
- }
- .mbsc-mobiscroll .mbsc-sel-gr-whl .mbsc-sc-itm {
- padding: 0 .25em
- }
- .mbsc-mobiscroll .mbsc-sel-gr-whl .mbsc-sc-itm::before {
- display: none
- }
- .mbsc-mobiscroll .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
- color: #4eccc4
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm {
- padding: 0 1.25em
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm-sel:before {
- display: none
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sel-one.mbsc-sc-whl-multi .mbsc-sc-itm-sel {
- color: #454545;
- background: rgba(78, 204, 196, 0.3)
- }
- .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-itm.mbsc-sel-gr-itm {
- padding: 0 2.5em
- }
- .mbsc-timer .mbsc-timer-lbl {
- display: none
- }
- .mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-cont {
- display: table
- }
- .mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w {
- width: 1px;
- text-align: left;
- display: table-cell;
- float: none
- }
- .mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w:first-child {
- width: auto;
- text-align: left
- }
- .mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-w .mbsc-fr-btn {
- display: inline-block;
- vertical-align: middle;
- text-align: center;
- text-decoration: none
- }
- .mbsc-ts .mbsc-ts-lbl {
- display: none
- }
- .mbsc-wdg .mbsc-wdg-c {
- position: relative;
- z-index: 0;
- font-size: 14px;
- white-space: normal;
- -webkit-user-select: text;
- -moz-user-select: text;
- -ms-user-select: text;
- user-select: text
- }
- .mbsc-wdg .mbsc-ltr .mbsc-wdg-c {
- text-align: left
- }
- .mbsc-wdg .mbsc-rtl .mbsc-wdg-c {
- text-align: right
- }
- .mbsc-wdg .mbsc-wdg-c.mbsc-w-p {
- padding: 1em
- }
- .mbsc-no-padding.mbsc-wdg .mbsc-wdg-c.mbsc-w-p {
- padding: 0
- }
- .mbsc-bootstrap .mbsc-cal-c {
- padding: 4px 2px 2px 2px
- }
- .mbsc-bootstrap .mbsc-cal-hdr {
- font-size: 18px;
- line-height: 40px
- }
- .mbsc-bootstrap .mbsc-cal .mbsc-cal-btn {
- width: 40px;
- height: 40px;
- background: none;
- color: inherit;
- margin: 0;
- padding: 0;
- border: 0;
- line-height: 40px
- }
- .mbsc-bootstrap .mbsc-cal-picker {
- max-width: none;
- display: block;
- padding: 0;
- border: 0;
- border-radius: 0;
- box-shadow: none;
- text-align: center
- }
- .mbsc-bootstrap .mbsc-cal-table {
- border-spacing: 2px
- }
- .mbsc-bootstrap .mbsc-cal-cell:focus {
- box-shadow: none
- }
- .mbsc-bootstrap .mbsc-cal-cell:focus .mbsc-cal-cell-i {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-bootstrap .mbsc-cal-day-i {
- padding: 2px;
- line-height: 34px
- }
- .mbsc-bootstrap .mbsc-cal-hide-diff .mbsc-cal-day-diff {
- background: none
- }
- .mbsc-bootstrap .mbsc-cal-today.mbsc-selected {
- color: #fff !important
- }
- .mbsc-bootstrap .mbsc-ltr .mbsc-cal-weeks .mbsc-cal-days-c {
- padding-left: 26px
- }
- .mbsc-bootstrap .mbsc-rtl .mbsc-cal-weeks .mbsc-cal-days-c {
- padding-right: 26px
- }
- .mbsc-bootstrap .mbsc-cal-week-nr {
- width: 26px;
- font-weight: bold
- }
- .mbsc-bootstrap .mbsc-cal-tabs {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding: 4px 4px 0 4px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-bootstrap .mbsc-cal-tab {
- -webkit-box-flex: 1 0;
- -webkit-flex: 1 0;
- -ms-flex: 1 0;
- flex: 1 0;
- margin-bottom: -1px
- }
- .mbsc-bootstrap .mbsc-cal-has-marks .mbsc-cal-day {
- padding-bottom: 0
- }
- .mbsc-bootstrap .mbsc-cal-has-txt .mbsc-cal-day-i {
- line-height: 30px;
- padding-top: 5px;
- padding-bottom: 15px
- }
- .mbsc-bootstrap .mbsc-cal-marks {
- height: 6px;
- margin-top: -9px
- }
- .mbsc-bootstrap .mbsc-cal-mark {
- width: 4px;
- height: 4px;
- margin: 1px;
- border-radius: 4px;
- background: #aaa
- }
- .mbsc-bootstrap .mbsc-cal-txt {
- left: 1px;
- right: 1px;
- height: 15px;
- margin-top: -1px;
- font-size: 10px;
- line-height: 15px
- }
- .mbsc-bootstrap.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-popup {
- border: 0;
- border-radius: 0
- }
- .mbsc-bootstrap .mbsc-fr-popup {
- display: block;
- padding: 0
- }
- .mbsc-bootstrap .mbsc-fr-hdr {
- padding: 0 14px;
- min-height: 37px;
- line-height: 37px
- }
- .mbsc-bootstrap .mbsc-fr-w {
- font-family: inherit;
- padding: 0
- }
- .mbsc-bootstrap .mbsc-fr-overlay {
- background: rgba(0, 0, 0, 0.5)
- }
- .mbsc-bootstrap .mbsc-fr-btn-cont {
- padding: 0 2px 4px 2px
- }
- .mbsc-bootstrap .mbsc-fr-btn {
- display: block;
- margin: 0 2px
- }
- .mbsc-bootstrap.mbsc-inline .mbsc-fr-popup {
- display: inline-block
- }
- .mbsc-bootstrap.mbsc-fr-inline .mbsc-fr-popup,
- .mbsc-bootstrap.mbsc-fr-top .mbsc-fr-popup,
- .mbsc-bootstrap.mbsc-fr-bottom .mbsc-fr-popup {
- border-radius: 0
- }
- .mbsc-bootstrap .mbsc-fr-arr-i {
- height: 0;
- max-width: none;
- margin: 0 10px;
- padding: 0;
- border: 0;
- display: block;
- border-color: transparent
- }
- .mbsc-bootstrap .mbsc-fr-bubble-top .mbsc-fr-arr-w {
- bottom: 0
- }
- .mbsc-bootstrap .mbsc-fr-bubble-bottom .mbsc-fr-arr-w {
- top: 0
- }
- .mbsc-bootstrap.mbsc-fr .mbsc-fr-arr {
- position: relative;
- border: 0;
- margin: 0;
- -webklit-transform: translate(-50%);
- transform: translate(-50%)
- }
- .mbsc-bootstrap.mbsc-color.mbsc-fr-bubble .mbsc-fr-w,
- .mbsc-bootstrap.mbsc-color.mbsc-fr-center .mbsc-fr-w {
- max-width: 286px;
- min-width: 280px
- }
- .mbsc-bootstrap.mbsc-color .mbsc-fr-w {
- min-width: 230px
- }
- .mbsc-bootstrap.mbsc-color .mbsc-ic-material-check:before {
- margin-top: -0.65em
- }
- .mbsc-bootstrap.mbsc-color .mbsc-fr-c {
- font-size: 16px
- }
- .mbsc-bootstrap.mbsc-color .mbsc-color-item-c {
- padding: 0
- }
- .mbsc-bootstrap .mbsc-color-active {
- border-radius: 0;
- box-shadow: none
- }
- .mbsc-bootstrap .mbsc-color-active .mbsc-color-item,
- .mbsc-bootstrap .mbsc-color-active .mbsc-color-preview-item {
- box-shadow: inset 0 0 0 .1875em #38c
- }
- .mbsc-bootstrap.mbsc-color .mbsc-slider-handle {
- top: 50%;
- width: 1em;
- height: 1em;
- background: #337ab7;
- -webkit-transition: -webkit-transform .2s ease-in-out;
- transition: -webkit-transform .2s ease-in-out;
- transition: transform .2s ease-in-out;
- transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
- }
- .mbsc-bootstrap.mbsc-color .mbsc-slider .mbsc-input-wrap {
- padding: 0 .75em
- }
- .mbsc-bootstrap.mbsc-color .mbsc-color-slider-cont .mbsc-progress-track {
- background: #ccc
- }
- .mbsc-bootstrap .mbsc-cal-events {
- width: auto;
- max-width: none;
- padding: 5px;
- margin: 3px 2px 10px 2px
- }
- .mbsc-bootstrap .mbsc-cal-events-b {
- margin: 10px 2px 3px 2px
- }
- .mbsc-bootstrap .mbsc-cal-events-i {
- padding-bottom: 1px
- }
- .mbsc-bootstrap .mbsc-cal-events-v {
- display: block
- }
- .mbsc-bootstrap .mbsc-cal-event-color {
- background: #fff
- }
- .mbsc-bootstrap.mbsc-ms-c {
- display: block;
- margin: 0;
- padding: 0;
- border-radius: 0;
- border-width: 1px 0;
- max-width: none;
- box-shadow: none
- }
- .mbsc-bootstrap.mbsc-ms-inline {
- z-index: 0
- }
- .mbsc-bootstrap.mbsc-ms-top {
- bottom: auto;
- border-top-width: 0
- }
- .mbsc-bootstrap.mbsc-ms-bottom {
- top: auto;
- border-bottom-width: 0
- }
- .mbsc-bootstrap.mbsc-ms-c .mbsc-ms-item {
- float: none;
- margin: 0;
- font-size: .75em;
- border-width: 0 0 0 1px;
- border-radius: 0
- }
- .mbsc-bootstrap.mbsc-ms-ltr .mbsc-ms-item:first-child,
- .mbsc-bootstrap.mbsc-ms-rtl .mbsc-ms-item:last-child {
- border: 0
- }
- .mbsc-bootstrap.mbsc-ms-more .mbsc-wdg-c.mbsc-w-p {
- padding: .5em 0
- }
- .mbsc-bootstrap.mbsc-ms-more .mbsc-ms-item {
- border: 0;
- border-radius: 0
- }
- .mbsc-bootstrap.mbsc-np .mbsc-fr-w {
- font-size: 16px
- }
- .mbsc-bootstrap.mbsc-np .mbsc-fr-btn-cont {
- padding: 4px 2px
- }
- .mbsc-bootstrap .mbsc-np-del.mbsc-active {
- opacity: .5
- }
- .mbsc-bootstrap .mbsc-np-btn {
- border-top-width: 0;
- border-right-width: 0;
- font-size: inherit;
- border-radius: 0
- }
- .mbsc-bootstrap .mbsc-np-row:first-child .mbsc-np-btn {
- border-top-width: 1px
- }
- .mbsc-bootstrap .mbsc-np-btn:first-child {
- border-left-width: 0
- }
- .mbsc-bootstrap.mbsc-inline .mbsc-np-row:last-child .mbsc-np-btn {
- border-bottom-width: 0
- }
- .mbsc-bootstrap .mbsc-np-row .mbsc-np-btn.mbsc-np-btn-empty {
- background: none
- }
- .mbsc-bootstrap .mbsc-range-btn-t {
- padding: 4px 2px 0 2px
- }
- .mbsc-bootstrap .mbsc-range-btn {
- margin: 0 2px;
- line-height: 20px
- }
- .mbsc-bootstrap.mbsc-range .mbsc-cal-day-hl .mbsc-cal-day-i {
- background: rgba(0, 0, 0, 0.3)
- }
- .mbsc-bootstrap .mbsc-sc-whl-gr-c {
- overflow: visible
- }
- .mbsc-bootstrap .mbsc-sc-whl-gr {
- padding: 4px 2px
- }
- .mbsc-bootstrap .mbsc-sc-lbl-v .mbsc-sc-whl-gr {
- padding-top: 30px
- }
- .mbsc-bootstrap .mbsc-sc-lbl {
- line-height: 30px
- }
- .mbsc-bootstrap .mbsc-sc-whl-w {
- margin: 0 2px
- }
- .mbsc-bootstrap .mbsc-sc-whl-l {
- margin: 0 -2px;
- background: rgba(0, 0, 0, 0.2)
- }
- .mbsc-bootstrap .mbsc-ltr .mbsc-sc-whl-w:first-child .mbsc-sc-whl-l,
- .mbsc-bootstrap .mbsc-rtl .mbsc-sc-whl-w:last-child .mbsc-sc-whl-l {
- margin-left: -4px
- }
- .mbsc-bootstrap .mbsc-ltr .mbsc-sc-whl-w:last-child .mbsc-sc-whl-l,
- .mbsc-bootstrap .mbsc-rtl .mbsc-sc-whl-w:first-child .mbsc-sc-whl-l {
- margin-right: -4px
- }
- .mbsc-bootstrap .mbsc-sc-itm {
- padding: 0 5px;
- font-size: 18px
- }
- .mbsc-bootstrap .mbsc-sc-itm.mbsc-active {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-bootstrap .mbsc-sc-cp .mbsc-sc-whl-w {
- padding: 30px 0
- }
- .mbsc-bootstrap .mbsc-sc-btn {
- height: 30px !important;
- line-height: 30px !important
- }
- .mbsc-bootstrap .mbsc-sc-btn-plus {
- top: auto
- }
- .mbsc-bootstrap .mbsc-sc-btn.mbsc-active {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-bootstrap .mbsc-sc-whl-multi .mbsc-sc-itm {
- padding: 0 40px
- }
- .mbsc-bootstrap .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- width: 40px;
- font-size: 16px
- }
- .mbsc-bootstrap .mbsc-sc-whl .mbsc-sel-gr {
- padding: 0 5px;
- font-size: 20px
- }
- .mbsc-bootstrap .mbsc-sel-filter-cont {
- padding: 4px
- }
- .mbsc-ios .mbsc-cal {
- font-size: 1.333334em
- }
- .mbsc-ios .mbsc-cal-hdr {
- padding-top: .5em
- }
- .mbsc-ios .mbsc-cal .mbsc-cal-btn {
- width: 2.086956em;
- height: 2.086956em;
- padding: 0;
- line-height: 2.086956em;
- font-size: 1.4375em;
- margin: -0.173913em;
- border-radius: 2em
- }
- .mbsc-ios .mbsc-cal-year,
- .mbsc-ios .mbsc-cal-month {
- font-size: 1.125em;
- line-height: 2.222223em
- }
- .mbsc-ios .mbsc-cal-picker {
- background: #f7f7f7
- }
- .mbsc-ios .mbsc-cal-picker .mbsc-cal-cell-i {
- display: inline-block;
- height: 2em;
- padding: 0 1em;
- line-height: 2em;
- border-radius: 2em;
- white-space: nowrap
- }
- .mbsc-ios .mbsc-cal-days>div {
- font-size: .75em
- }
- .mbsc-ios .mbsc-cal-day-scroll-c .mbsc-cal-slide {
- padding-bottom: .5em
- }
- .mbsc-ios .mbsc-cal-cell {
- border-top: 1px solid #ccc
- }
- .mbsc-ios .mbsc-cal-hide-diff .mbsc-cal-row:not(:first-child) .mbsc-cal-day-diff {
- border-top-color: transparent
- }
- .mbsc-ios .mbsc-cal-day-date {
- display: inline-block;
- width: 1.625em;
- height: 1.625em;
- margin: .3125em 0;
- line-height: 1.625em;
- border: 2px solid transparent;
- border-radius: 2em
- }
- .mbsc-ios .mbsc-cal-today {
- color: #007aff
- }
- .mbsc-ios .mbsc-cal-cell:focus .mbsc-cal-cell-txt,
- .mbsc-ios.mbsc-no-touch .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt {
- background: rgba(0, 122, 255, 0.3)
- }
- .mbsc-ios .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt {
- border-color: #007aff;
- background: #007aff;
- color: #fff
- }
- .mbsc-ios .mbsc-cal-week-nr {
- width: 2.363636em;
- font-size: .6875em
- }
- .mbsc-ios .mbsc-cal-tabs-c {
- padding: .666667em .666667em 0 .666667em
- }
- .mbsc-ios .mbsc-cal-tab {
- border: 1px solid #007aff;
- line-height: 1.928571em;
- font-size: 1.166667em;
- padding: 0 .714285em;
- color: #007aff
- }
- .mbsc-ios .mbsc-fr-popup .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected {
- background: #007aff;
- color: #fff
- }
- .mbsc-ios .mbsc-ltr .mbsc-cal-tab:first-child {
- border-right: 0;
- border-radius: .285714em 0 0 .285714em
- }
- .mbsc-ios .mbsc-ltr .mbsc-cal-tab:last-child {
- border-left: 0;
- border-radius: 0 .285714em .285714em 0
- }
- .mbsc-ios .mbsc-rtl .mbsc-cal-tab:last-child {
- border-right: 0;
- border-radius: .285714em 0 0 .285714em
- }
- .mbsc-ios .mbsc-rtl .mbsc-cal-tab:first-child {
- border-left: 0;
- border-radius: 0 .285714em .285714em 0
- }
- .mbsc-ios .mbsc-cal-has-marks .mbsc-cal-day {
- padding-bottom: .4375em
- }
- .mbsc-ios .mbsc-cal-has-marks .mbsc-cal-day-date {
- margin: .1875em 0
- }
- .mbsc-ios .mbsc-cal-marks {
- margin-top: -0.0625em
- }
- .mbsc-ios .mbsc-cal-mark {
- width: .375em;
- height: .375em;
- border-radius: .375em;
- background: #ccc;
- margin: 0 .0625em
- }
- .mbsc-ios .mbsc-cal-has-txt .mbsc-cal-day {
- padding-bottom: 1em
- }
- .mbsc-ios .mbsc-cal-txt {
- height: 1.5em;
- line-height: 1.5em;
- margin-top: -0.1em;
- background: #d7eafe;
- color: #000
- }
- .mbsc-ios.mbsc-fr-inline .mbsc-cal-picker {
- background: #fff
- }
- .mbsc-ios.mbsc-fr-center .mbsc-cal-c,
- .mbsc-ios.mbsc-fr-bubble .mbsc-cal-c {
- padding: 0 .666667em
- }
- .mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-w {
- padding-bottom: 0;
- padding-top: 3.75em
- }
- .mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-cal-c {
- padding: 0
- }
- .mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-cal-day-scroll-c {
- padding: 0
- }
- .mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn-cont {
- top: 0;
- bottom: auto;
- border-bottom: 1px solid #ccc
- }
- .mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn-w {
- float: right;
- border: 0
- }
- .mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-w .mbsc-fr-btn-cont .mbsc-fr-btn-w .mbsc-fr-btn {
- background: none
- }
- .mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn-c {
- float: left
- }
- .mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn-s .mbsc-fr-btn {
- font-weight: bold
- }
- .mbsc-ios.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn.mbsc-active {
- background: transparent;
- opacity: .5
- }
- .mbsc-ios.mbsc-fr-liq.mbsc-fr-nobtn .mbsc-fr-w {
- padding: 0
- }
- .mbsc-ios.mbsc-card.mbsc-form {
- margin: 1.8em 1em;
- background: #fff;
- border-radius: .5em;
- box-shadow: 0 0 1px 1px rgba(204, 204, 204, 0.2)
- }
- .mbsc-ios.mbsc-card .mbsc-btn-flat {
- padding: .625em
- }
- .mbsc-ios .mbsc-card-footer .mbsc-btn {
- margin-top: -0.625em;
- margin-bottom: -0.625em
- }
- .mbsc-ios .mbsc-card-footer {
- border-color: #ccc
- }
- .mbsc-ios .mbsc-card h3.mbsc-card-subtitle,
- .mbsc-ios .mbsc-card-subtitle {
- color: #7c7c7c
- }
- .mbsc-ios.mbsc-card .mbsc-btn-group-block {
- background: transparent
- }
- .mbsc-ios.mbsc-card .mbsc-lv-ios .mbsc-lv-item:first-child:before {
- border: 0
- }
- .mbsc-ios.mbsc-card .mbsc-lv-ios .mbsc-lv-item:last-child:after {
- border: 0
- }
- .mbsc-ios.mbsc-card .mbsc-control-w:last-child:after {
- border: 0
- }
- .mbsc-lv-ios .mbsc-card-list .mbsc-lv-item:before,
- .mbsc-lv-ios .mbsc-card-list .mbsc-lv-item:after {
- border: 0
- }
- .mbsc-card-list .mbsc-lv-ios .mbsc-lv-item:before,
- .mbsc-card-list .mbsc-lv-ios .mbsc-lv-item:after {
- border: 0
- }
- .mbsc-ios.mbsc-fr-top .mbsc-fr-btn-cont,
- .mbsc-ios.mbsc-fr-bottom .mbsc-fr-btn-cont {
- background: #efefef;
- padding-left: constant(safe-area-inset-left);
- padding-left: env(safe-area-inset-left);
- padding-right: constant(safe-area-inset-right);
- padding-right: env(safe-area-inset-right)
- }
- .mbsc-ios .mbsc-fr-overlay {
- background: rgba(0, 0, 0, 0.2)
- }
- .mbsc-ios .mbsc-fr-w {
- position: relative;
- padding-top: 3.666667em;
- background: #f7f7f7;
- color: #000;
- font-size: 12px;
- font-family: -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif
- }
- .mbsc-ios .mbsc-fr-has-hdr .mbsc-fr-w {
- min-width: 25em
- }
- .mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w,
- .mbsc-ios.mbsc-fr-center .mbsc-fr-w {
- min-width: 16.666667em
- }
- .mbsc-ios .mbsc-fr-hdr {
- position: absolute;
- z-index: 1;
- top: 0;
- right: 0;
- left: 0;
- line-height: 1.25em;
- padding: .75em 4.375em;
- color: #000;
- font-size: 1.333334em;
- font-weight: bold;
- text-overflow: ellipsis;
- white-space: nowrap
- }
- .mbsc-ios.mbsc-fr-nobtn .mbsc-fr-hdr,
- .mbsc-ios.mbsc-fr-center:not(.mbsc-cal-liq) .mbsc-fr-hdr {
- position: relative;
- padding: .75em .5em;
- margin-bottom: -1px;
- border-bottom: 1px solid #ccc;
- white-space: normal
- }
- .mbsc-ios .mbsc-fr-btn-cont {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- display: block;
- border-bottom: 1px solid #ccc
- }
- .mbsc-ios .mbsc-ltr .mbsc-fr-btn-cont {
- text-align: right
- }
- .mbsc-ios .mbsc-rtl .mbsc-fr-btn-cont {
- text-align: left
- }
- .mbsc-ios .mbsc-fr-btn {
- height: 2.75em;
- line-height: 2.75em;
- padding: 0 .625em;
- text-align: center;
- color: #007aff;
- font-size: 1.333334em
- }
- .mbsc-ios .mbsc-fr-btn.mbsc-active {
- opacity: .5
- }
- .mbsc-ios.mbsc-fr-center.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover {
- background: #ebebe8
- }
- .mbsc-ios .mbsc-fr-btn-w {
- display: inline-block
- }
- .mbsc-ios .mbsc-ltr .mbsc-fr-btn-c {
- float: left
- }
- .mbsc-ios .mbsc-rtl .mbsc-fr-btn-c {
- float: right
- }
- .mbsc-ios .mbsc-fr-btn-s .mbsc-fr-btn {
- font-weight: bold
- }
- .mbsc-ios.mbsc-fr-bubble .mbsc-fr-w,
- .mbsc-ios.mbsc-fr-center .mbsc-fr-w {
- border-radius: 8px
- }
- .mbsc-ios .mbsc-fr-arr-w {
- z-index: 0
- }
- .mbsc-ios .mbsc-fr-arr {
- position: relative;
- width: 26px;
- height: 26px;
- background: #f7f7f7;
- border: 0;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
- margin-left: -13px
- }
- .mbsc-ios .mbsc-fr-bubble-top .mbsc-fr-arr {
- top: -17px;
- border-bottom-left-radius: 6px
- }
- .mbsc-ios .mbsc-fr-bubble-bottom .mbsc-fr-arr {
- top: 17px;
- border-top-right-radius: 6px
- }
- .mbsc-ios.mbsc-fr-bottom .mbsc-fr-overlay,
- .mbsc-ios.mbsc-fr-top .mbsc-fr-overlay {
- background: none
- }
- .mbsc-ios.mbsc-fr-bottom .mbsc-fr-popup {
- border-top: 1px solid #909090
- }
- .mbsc-ios.mbsc-fr-top .mbsc-fr-popup {
- border-bottom: 1px solid #909090
- }
- .mbsc-ios.mbsc-fr-center .mbsc-fr-w {
- padding-top: 0;
- padding-bottom: 3.75em
- }
- .mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-w {
- padding: 0
- }
- .mbsc-ios.mbsc-fr-center .mbsc-fr-btn-cont {
- display: table;
- top: auto;
- bottom: 0;
- border: 0;
- table-layout: fixed
- }
- .mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w {
- display: table-cell;
- float: none;
- border-top: 1px solid #ccc;
- border-left: 1px solid #ccc
- }
- .mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w:first-child {
- border-left: 0
- }
- .mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w {
- border-left: 0;
- border-right: 1px solid #ccc
- }
- .mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:first-child {
- border-right: 0
- }
- .mbsc-ios.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:first-child .mbsc-fr-btn,
- .mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:last-child .mbsc-fr-btn {
- border-radius: 0 0 0 .5em
- }
- .mbsc-ios.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:last-child .mbsc-fr-btn,
- .mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:first-child .mbsc-fr-btn {
- border-radius: 0 0 .5em 0
- }
- .mbsc-ios.mbsc-fr-center .mbsc-fr-btn.mbsc-active {
- background: #ebebe8;
- opacity: 1
- }
- .mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-cont {
- position: static;
- display: block
- }
- .mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-w {
- display: block;
- border-left: 0;
- border-right: 0
- }
- .mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn {
- border-radius: 0
- }
- .mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-w:last-child .mbsc-fr-btn {
- border-radius: 0 0 .5em .5em
- }
- .mbsc-ios.mbsc-fr-inline .mbsc-fr-w {
- margin-top: -1px;
- background: #fff;
- border-top: 1px solid #ccc
- }
- .mbsc-ios.mbsc-fr-inline .mbsc-fr-c {
- border-bottom: 1px solid #ccc
- }
- .mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w {
- padding: 0
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-fr-persp .mbsc-fr-popup .mbsc-fr-w,
- .mbsc-ios.mbsc-fr-pointer .mbsc-fr-persp .mbsc-cal-picker {
- background: #f7f7f7
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-fr-persp .mbsc-fr-w {
- box-shadow: 0 .25em 1em rgba(0, 0, 0, 0.3);
- border-radius: 8px
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-fr-popup {
- border: 0
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-fr-hdr {
- border-color: #ccc;
- font-size: 1.166667em;
- line-height: 1.5em
- }
- .mbsc-ios.mbsc-progress {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- min-height: 4em;
- margin-top: -1px;
- padding: .625em 1em;
- background: #fff;
- align-items: center;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-control-w .mbsc-label {
- padding: 0
- }
- .mbsc-ios.mbsc-progress .mbsc-input-ic {
- top: .0625em;
- margin: 0
- }
- .mbsc-ios.mbsc-progress.mbsc-ic-left .mbsc-left-ic,
- .mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
- right: auto;
- left: -0.375em
- }
- .mbsc-ios.mbsc-progress.mbsc-ic-right .mbsc-right-ic,
- .mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
- left: auto;
- right: -0.375em
- }
- .mbsc-ios.mbsc-progress .mbsc-input-wrap {
- position: relative;
- padding: 0 .75em
- }
- .mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap,
- .mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap {
- padding-left: 2.5em
- }
- .mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap,
- .mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap {
- padding-right: 2.5em
- }
- .mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap,
- .mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
- padding-left: 3.5em
- }
- .mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap,
- .mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
- padding-right: 3.5em
- }
- .mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap,
- .mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap {
- padding-left: 5.5em
- }
- .mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap,
- .mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap {
- padding-right: 5.5em
- }
- .mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value,
- .mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value {
- left: 2.2857em
- }
- .mbsc-ltr.mbsc-ios.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value,
- .mbsc-rtl.mbsc-ios.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value {
- right: 2.2857em
- }
- .mbsc-ios .mbsc-progress-cont {
- padding: 1em 0
- }
- .mbsc-ios .mbsc-progress-track {
- background: #dedede;
- border-radius: 1em;
- height: .0625em
- }
- .mbsc-ios .mbsc-progress-bar {
- background: #1272dc;
- z-index: 1
- }
- .mbsc-ios .mbsc-progress-value {
- width: 3.715em;
- font-size: .875em;
- color: #b6b6b6
- }
- .mbsc-ios .mbsc-progress-step-label {
- top: 1.333334em;
- color: #b6b6b6
- }
- .mbsc-ios.mbsc-progress.mbsc-ic-left:before,
- .mbsc-ios.mbsc-progress.mbsc-ic-left:after {
- left: 1em
- }
- .mbsc-ios .mbsc-progress-primary .mbsc-progress-bar {
- background: #3f97f6
- }
- .mbsc-ios .mbsc-progress-secondary .mbsc-progress-bar {
- background: #90979E
- }
- .mbsc-ios .mbsc-progress-success .mbsc-progress-bar {
- background: #43BE5F
- }
- .mbsc-ios .mbsc-progress-danger .mbsc-progress-bar {
- background: #f5504e
- }
- .mbsc-ios .mbsc-progress-warning .mbsc-progress-bar {
- background: #f8b042
- }
- .mbsc-ios .mbsc-progress-info .mbsc-progress-bar {
- background: #5BB7C5
- }
- .mbsc-ios .mbsc-slider-handle-cont {
- top: 0
- }
- .mbsc-ios .mbsc-slider-handle {
- top: 50%;
- width: 1.75em;
- height: 1.75em;
- margin: -0.875em -0.875em 0 0;
- background: #fff;
- border-radius: 1.25em;
- box-shadow: 0 0 1em rgba(0, 0, 0, 0.1), 0 0 .0625em rgba(0, 0, 0, 0.15), 0 .125em .125em rgba(0, 0, 0, 0.15)
- }
- .mbsc-ios .mbsc-slider-tooltip {
- font-size: .875em;
- width: 3em;
- margin-right: -1.5em;
- top: -1em;
- text-align: center;
- color: #b6b6b6;
- opacity: 0;
- -webkit-transition: opacity .2s ease-in-out;
- transition: opacity .2s ease-in-out
- }
- .mbsc-ios .mbsc-slider-handle:focus~.mbsc-slider-tooltip,
- .mbsc-ios .mbsc-active .mbsc-slider-tooltip {
- opacity: 1
- }
- .mbsc-ios .mbsc-slider-step {
- height: .5em;
- width: .0625em;
- margin-top: -0.1875em;
- margin-left: -0.0625em;
- background: #dedede
- }
- .mbsc-ios.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-progress-track {
- opacity: .4
- }
- .mbsc-ios .mbsc-slider-primary .mbsc-progress-bar {
- background: #3f97f6
- }
- .mbsc-ios .mbsc-slider-secondary .mbsc-progress-bar {
- background: #90979E
- }
- .mbsc-ios .mbsc-slider-success .mbsc-progress-bar {
- background: #43BE5F
- }
- .mbsc-ios .mbsc-slider-danger .mbsc-progress-bar {
- background: #f5504e
- }
- .mbsc-ios .mbsc-slider-warning .mbsc-progress-bar {
- background: #f8b042
- }
- .mbsc-ios .mbsc-slider-info .mbsc-progress-bar {
- background: #5BB7C5
- }
- .mbsc-ios.mbsc-color.mbsc-fr-bubble .mbsc-fr-w,
- .mbsc-ios.mbsc-color.mbsc-fr-center .mbsc-fr-w {
- max-width: 286px;
- min-width: 280px
- }
- .mbsc-ios.mbsc-color .mbsc-fr-c {
- padding: .25em 0
- }
- .mbsc-ios .mbsc-color-active,
- .mbsc-ios.mbsc-no-touch .mbsc-color-item-c:hover {
- border-radius: 3em;
- box-shadow: inset 0 0 0 .1875em #007aff
- }
- .mbsc-ios .mbsc-color-clear-item,
- .mbsc-ios .mbsc-color-item {
- border-radius: 1.75em
- }
- .mbsc-ios.mbsc-color .mbsc-fr-c {
- font-size: 16px
- }
- .mbsc-ios .mbsc-fr-center .mbsc-color-preview-cont {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%
- }
- .mbsc-ios .mbsc-color-preview-cont {
- bottom: 2.8125em
- }
- .mbsc-ios.mbsc-color .mbsc-slider-step {
- height: .25em;
- margin: 0
- }
- .mbsc-ios .mbsc-color-slider-cont.mbsc-progress {
- border: 0;
- padding: 0 .5em
- }
- .mbsc-ios .mbsc-color-slider-cont.mbsc-slider {
- background: transparent
- }
- .mbsc-ios .mbsc-color-slider-cont.mbsc-slider:before,
- .mbsc-ios .mbsc-color-slider-cont.mbsc-slider:after {
- display: none
- }
- .mbsc-ios .mbsc-color-slider-cont .mbsc-progress-cont {
- padding: 1.5em 0
- }
- .mbsc-ios .mbsc-color-preview-item {
- border-radius: 1em;
- margin: .25em
- }
- .mbsc-ios .mbsc-color-refine-preview {
- padding: .25em
- }
- .mbsc-ios.mbsc-form .mbsc-color-input {
- height: auto;
- min-height: 2.75em;
- padding: .1875em;
- background: transparent
- }
- .mbsc-ios.mbsc-form .mbsc-color-input-item {
- height: 2em;
- margin: .1875em;
- border-radius: .125em
- }
- .mbsc-ios.mbsc-form .mbsc-color-input-item-close {
- line-height: 1.625em
- }
- .mbsc-ios .mbsc-dt-whl-y .mbsc-sc-itm {
- min-width: 3.8em
- }
- .mbsc-ios .mbsc-dt-whl-m .mbsc-sc-itm {
- text-align: left
- }
- .mbsc-ios .mbsc-dt-whl-d .mbsc-sc-itm,
- .mbsc-ios .mbsc-dt-whl-h .mbsc-sc-itm,
- .mbsc-ios .mbsc-dt-whl-date .mbsc-sc-itm {
- text-align: right
- }
- .mbsc-lv-ios {
- font-family: arial, verdana, sans-serif;
- margin-top: -1px;
- padding-top: 1px
- }
- .mbsc-lv-ios .mbsc-lv {
- background: #ccc
- }
- .mbsc-lv-ios .mbsc-lv-item {
- margin-top: -1px;
- padding: 1em;
- background: #fff;
- color: #000;
- font-weight: normal;
- text-shadow: none
- }
- .mbsc-lv-ios .mbsc-lv-item:before,
- .mbsc-lv-ios .mbsc-lv-item:after {
- border-top: 1px solid #ccc;
- content: "";
- position: absolute;
- right: 0;
- left: 1em
- }
- .mbsc-lv-ios .mbsc-lv-item:before {
- top: 0
- }
- .mbsc-lv-ios .mbsc-lv-item:after {
- bottom: 0
- }
- .mbsc-lv-ios .mbsc-lv-item:first-child:before,
- .mbsc-lv-ios .mbsc-lv-item:last-child:after,
- .mbsc-lv-ios .mbsc-lv-back:after {
- left: 0
- }
- .mbsc-lv-ios .mbsc-lv-gr-title {
- margin-top: -1px;
- padding: 2.333334em 1.333334em .5em 1.333334em;
- background: #efeff4;
- color: #6d6d72;
- font-size: .75em;
- line-height: 1.5em;
- text-transform: uppercase;
- border-top: 1px solid #ccc;
- border-bottom: 1px solid #ccc
- }
- .mbsc-lv-ios .mbsc-lv-gr-title:first-child {
- margin-top: 0;
- border-top: 0
- }
- .mbsc-ios.mbsc-ev-cal .mbsc-fr-w {
- background: #f7f7f7
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-hdr {
- padding: .5em 0
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-picker {
- padding-top: 1.875em;
- padding-bottom: 0;
- background: #f7f7f7
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-scroll-c {
- background: #fff
- }
- .mbsc-ios .mbsc-cal-events {
- max-width: 38em;
- margin: .5em 0 1.083333em 0
- }
- .mbsc-ios .mbsc-cal-events-b {
- margin: 1.166666em 0 .5em 0
- }
- .mbsc-ios .mbsc-cal-events-i {
- margin: 0 .5em;
- border-radius: .5em;
- border: 1px solid #ccc;
- box-shadow: 0 .25em 1em rgba(0, 0, 0, 0.3);
- background: #fff
- }
- .mbsc-ios .mbsc-cal-events-sc {
- z-index: 1
- }
- .mbsc-ios .mbsc-cal-event {
- margin: 0;
- font-weight: bold;
- line-height: 1.833334em
- }
- .mbsc-ios .mbsc-ltr .mbsc-cal-event {
- padding: 1.166667em 5em 1.166667em 1.916667em
- }
- .mbsc-ios .mbsc-rtl .mbsc-cal-event {
- padding: 1.166667em 1.916667em 1.166667em 5em
- }
- .mbsc-ios .mbsc-cal-event:first-child {
- border: 0
- }
- .mbsc-ios .mbsc-cal-event-color {
- top: 50%;
- margin-top: -0.25em;
- width: .5em;
- height: .5em;
- background: #94b8dd;
- border-radius: .5em
- }
- .mbsc-ios .mbsc-ltr .mbsc-cal-event-color {
- left: 6.75em
- }
- .mbsc-ios .mbsc-rtl .mbsc-cal-event-color {
- right: 6.75em
- }
- .mbsc-ios .mbsc-cal-events-arr {
- width: 1.666667em;
- height: 1.666667em;
- background: #fff;
- border: 0;
- border-bottom: 1px solid #ccc;
- border-left: 1px solid #ccc;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
- margin-left: -0.833333em;
- bottom: -0.833333em;
- border-bottom-left-radius: .5em;
- z-index: 1
- }
- .mbsc-ios .mbsc-cal-events-b .mbsc-cal-events-arr {
- border: 0;
- border-top: 1px solid #ccc;
- border-right: 1px solid #ccc;
- border-top-right-radius: .5em;
- top: -0.833333em
- }
- .mbsc-ios .mbsc-cal-event-dur,
- .mbsc-ios .mbsc-cal-event-time {
- font-weight: normal;
- color: #8e8e8e
- }
- .mbsc-ios .mbsc-cal-event-time {
- width: 4.166667em
- }
- .mbsc-ios .mbsc-ltr .mbsc-cal-event-time {
- margin-right: 1.916667em
- }
- .mbsc-ios .mbsc-rtl .mbsc-cal-event-time {
- margin-left: 1.916667em
- }
- .mbsc-ios .mbsc-cal-event-list .mbsc-cal-event {
- margin-top: -1px
- }
- .mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:before,
- .mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:after {
- border-top: 1px solid #ccc;
- content: '';
- position: absolute
- }
- .mbsc-ios .mbsc-ltr .mbsc-cal-event-list .mbsc-cal-event:before,
- .mbsc-ios .mbsc-ltr .mbsc-cal-event-list .mbsc-cal-event:after {
- right: 0;
- left: 1.916667em
- }
- .mbsc-ios .mbsc-rtl .mbsc-cal-event-list .mbsc-cal-event:before,
- .mbsc-ios .mbsc-rtl .mbsc-cal-event-list .mbsc-cal-event:after {
- left: 0;
- right: 1.916667em
- }
- .mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:before {
- top: 0
- }
- .mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:after {
- bottom: 0
- }
- .mbsc-ios .mbsc-ltr .mbsc-cal-event-list .mbsc-cal-event:first-child:before,
- .mbsc-ios .mbsc-ltr .mbsc-cal-event-list .mbsc-cal-event:last-child:after {
- left: 0
- }
- .mbsc-ios .mbsc-rtl .mbsc-cal-event-list .mbsc-cal-event:first-child:before,
- .mbsc-ios .mbsc-rtl .mbsc-cal-event-list .mbsc-cal-event:last-child:after {
- right: 0
- }
- .mbsc-ios .mbsc-cal-event-list .mbsc-cal-event:last-child:after {
- border: 0
- }
- .mbsc-ios .mbsc-event-list .mbsc-event-day {
- color: #000;
- font-weight: bold
- }
- .mbsc-ios .mbsc-event-color {
- background: #ccc
- }
- .mbsc-ios .mbsc-event-empty {
- border-bottom: 0
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-days>div {
- padding: 0 .571428em;
- font-size: .875em
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-slide {
- padding: 0
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
- border-left: 1px solid #ccc
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-date {
- margin: .1875em;
- margin-bottom: .375em
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-has-txt .mbsc-cal-day {
- padding-bottom: 1.125em
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-marks {
- margin: -0.5em .875em 0 .875em
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-txt {
- left: .3em;
- right: .3em;
- margin: 0;
- padding: 0 .5em
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-days,
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day {
- text-align: right
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-txt {
- text-align: left
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-days,
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day {
- text-align: left
- }
- .mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-txt {
- text-align: right
- }
- .mbsc-lv-ios.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
- background: #FAFAFA
- }
- .mbsc-lv-ios .mbsc-lv-item-hl,
- .mbsc-lv-ios .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
- background: #d9d9d9;
- border-color: #d9d9d9
- }
- .mbsc-lv-ios .mbsc-lv-item.mbsc-lv-item-dragging {
- margin: 0
- }
- .mbsc-lv-ios .mbsc-lv-handle-c {
- width: 4em
- }
- .mbsc-lv-ios .mbsc-lv-handle-bar {
- margin: .125em 1em;
- background: #ccc
- }
- .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item {
- padding-left: 4em
- }
- .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item {
- padding-right: 4em
- }
- .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-parent .mbsc-lv-arr {
- right: 3.125em
- }
- .mbsc-lv-ios.mbsc-lv-has-fixed-header .mbsc-lv-gr-title,
- .mbsc-lv-ios.mbsc-lv-fixed-header .mbsc-lv-gr-title {
- line-height: 1.125em;
- font-size: 1em;
- padding: .4em 1em;
- border: 0;
- color: #000;
- font-weight: bold
- }
- .mbsc-lv-ios .mbsc-lv-ic-m {
- color: #777
- }
- .mbsc-lv-ios .mbsc-lv-arr {
- color: #ccc
- }
- .mbsc-lv-ios .mbsc-lv-item.mbsc-lv-img-left {
- padding-left: 4.5em
- }
- .mbsc-lv-ios .mbsc-lv-item.mbsc-lv-img-right {
- padding-right: 4.5em
- }
- .mbsc-lv-ios .mbsc-lv-img-left .mbsc-lv-img {
- left: 2.25em
- }
- .mbsc-lv-ios .mbsc-lv-img-right .mbsc-lv-img {
- right: -0.25em
- }
- .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
- right: 2.75em
- }
- .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
- left: 5.25em
- }
- .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
- right: 4em
- }
- .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
- left: 4em
- }
- .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item.mbsc-lv-img-left {
- padding-left: 7.5em
- }
- .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item.mbsc-lv-img-right {
- padding-right: 7.5em
- }
- .mbsc-lv-ios.mbsc-lv-handle-left .mbsc-lv-item-ic-left {
- padding-left: 7em
- }
- .mbsc-lv-ios.mbsc-lv-handle-right .mbsc-lv-item-ic-right {
- padding-right: 7em
- }
- .mbsc-lv-ios .mbsc-lv-arr {
- font-size: 1.3125em
- }
- .mbsc-lv-ios .mbsc-lv-item-ic-left:before,
- .mbsc-lv-ios .mbsc-lv-item-ic-left:after {
- left: 4em
- }
- .mbsc-lv-ios .mbsc-lv-img-left:before,
- .mbsc-lv-ios .mbsc-lv-img-left:after {
- left: 4.5em
- }
- .mbsc-ios .mbsc-empty {
- color: #6e6e6e
- }
- @media (-webkit-min-device-pixel-ratio:2),
- (min-resolution:192dpi) {
- .mbsc-fr-hb.mbsc-ios.mbsc-fr-inline .mbsc-fr-w,
- .mbsc-fr-hb.mbsc-ios.mbsc-fr-inline .mbsc-fr-c,
- .mbsc-fr-hb.mbsc-ios .mbsc-fr-hdr,
- .mbsc-fr-hb.mbsc-ios .mbsc-fr-btn-cont,
- .mbsc-fr-hb.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w,
- .mbsc-fr-hb.mbsc-ios.mbsc-fr-bottom .mbsc-fr-popup,
- .mbsc-fr-hb.mbsc-ios.mbsc-cal-liq.mbsc-fr-center .mbsc-fr-btn-cont,
- .mbsc-fr-hb.mbsc-ios.mbsc-calendar .mbsc-fr-popup .mbsc-fr-btn-cont,
- .mbsc-fr-hb.mbsc-ios .mbsc-cal-day,
- .mbsc-fr-hb.mbsc-ios .mbsc-cal-sc-m-cell,
- .mbsc-cal-event-list .mbsc-cal-event:before,
- .mbsc-cal-event-list .mbsc-cal-event:after,
- .mbsc-fr-hb.mbsc-ios .mbsc-range-btn-end,
- .mbsc-fr-hb.mbsc-ios .mbsc-range-btn-end .mbsc-range-btn:before,
- .mbsc-fr-hb.mbsc-ios .mbsc-np-btn,
- .mbsc-fr-hb.mbsc-ios.mbsc-ms-more .mbsc-ms-item:after,
- .mbsc-lv-hb.mbsc-lv-ios .mbsc-lv-item:before,
- .mbsc-lv-hb.mbsc-lv-ios .mbsc-lv-item:after,
- .mbsc-lv-hb.mbsc-lv-ios .mbsc-lv-gr-title,
- .mbsc-lv-hb.mbsc-lv-ios,
- .mbsc-form-hb.mbsc-ios .mbsc-control-w:before,
- .mbsc-form-hb.mbsc-ios .mbsc-control-w:after,
- .mbsc-form-hb.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:before,
- .mbsc-form-hb.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:after,
- .mbsc-form-hb.mbsc-ios .mbsc-divider,
- .mbsc-form-hb.mbsc-ios .mbsc-btn-group {
- border-width: .5px
- }
- }
- .mbsc-ios .mbsc-input {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding: 0;
- background: #fff
- }
- .mbsc-ios .mbsc-input input {
- height: 2.75em;
- padding: 0 1em;
- background: transparent
- }
- .mbsc-ios .mbsc-input input::-webkit-input-placeholder {
- color: #ccc
- }
- .mbsc-ios .mbsc-input input::-ms-input-placeholder {
- color: #ccc
- }
- .mbsc-ios .mbsc-input input::-moz-placeholder {
- color: #ccc
- }
- .mbsc-ios .mbsc-input-wrap {
- position: static;
- -webkit-box-flex: 1;
- -webkit-flex: 1 auto;
- -moz-box-flex: 1;
- -moz-flex: 1 auto;
- -ms-flex: 1 auto;
- flex: 1 auto
- }
- .mbsc-ios .mbsc-input.mbsc-textarea .mbsc-label {
- margin-bottom: -0.625em
- }
- .mbsc-ios .mbsc-input.mbsc-textarea {
- flex-direction: column
- }
- .mbsc-ios .mbsc-input.mbsc-textarea.mbsc-ic-left .mbsc-label~.mbsc-input-wrap {
- padding-left: 2.25em
- }
- .mbsc-ios .mbsc-textarea textarea {
- height: 2.75em;
- padding: 0 1em;
- background: transparent
- }
- .mbsc-ios .mbsc-textarea textarea::-webkit-input-placeholder {
- color: #ccc
- }
- .mbsc-ios .mbsc-textarea textarea::-ms-input-placeholder {
- color: #ccc
- }
- .mbsc-ios .mbsc-textarea textarea::-moz-placeholder {
- color: #ccc
- }
- .mbsc-ios .mbsc-input .mbsc-label,
- .mbsc-ios .mbsc-progress .mbsc-label {
- -webkit-box-flex: 0;
- -webkit-flex: 0 auto;
- -moz-box-flex: 0;
- -moz-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: 30%;
- max-width: 12.5em;
- overflow: hidden;
- font-size: 1em;
- line-height: 2.75em;
- color: #020202;
- white-space: nowrap;
- text-overflow: ellipsis;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box
- }
- .mbsc-ios.mbsc-ltr .mbsc-input .mbsc-label {
- padding-left: 1em
- }
- .mbsc-ios.mbsc-rtl .mbsc-input .mbsc-label {
- padding-right: 1em
- }
- .mbsc-ios .mbsc-input select:disabled~input,
- .mbsc-ios .mbsc-input select:disabled~.mbsc-ic,
- .mbsc-ios .mbsc-input input:disabled {
- opacity: .5
- }
- .mbsc-ios .mbsc-err-msg {
- padding: .5em 1.3333em;
- color: #d8332a
- }
- .mbsc-ios .mbsc-input-ic {
- top: .375em;
- margin-top: -1px
- }
- .mbsc-ios .mbsc-ic-left {
- z-index: 1
- }
- .mbsc-ios.mbsc-ltr .mbsc-ic-left .mbsc-input-wrap,
- .mbsc-ios.mbsc-rtl .mbsc-ic-right .mbsc-input-wrap {
- padding-left: 2.25em
- }
- .mbsc-ios.mbsc-ltr .mbsc-ic-right .mbsc-input-wrap,
- .mbsc-ios.mbsc-rtl .mbsc-ic-left .mbsc-input-wrap {
- padding-right: 2.25em
- }
- .mbsc-ios.mbsc-ltr .mbsc-ic-left .mbsc-label {
- padding-left: 3.25em
- }
- .mbsc-ios.mbsc-rtl .mbsc-ic-left .mbsc-label {
- padding-right: 3.25em
- }
- .mbsc-ios.mbsc-ltr .mbsc-ic-left .mbsc-label~.mbsc-input-wrap {
- padding-left: 0
- }
- .mbsc-ios.mbsc-rtl .mbsc-ic-left .mbsc-label~.mbsc-input-wrap {
- padding-right: 0
- }
- .mbsc-ios .mbsc-ic-left .mbsc-left-ic,
- .mbsc-ios.mbsc-rtl .mbsc-ic-right .mbsc-right-ic {
- right: auto;
- left: .625em
- }
- .mbsc-ios .mbsc-ic-right .mbsc-right-ic,
- .mbsc-ios.mbsc-rtl .mbsc-ic-left .mbsc-left-ic {
- left: auto;
- right: .625em
- }
- .mbsc-ios .mbsc-control-w {
- margin-top: -1px
- }
- .mbsc-ios .mbsc-control-w:before,
- .mbsc-ios .mbsc-control-w:after {
- border-top: 1px solid #ccc;
- content: "";
- position: absolute;
- right: 0;
- left: 1em
- }
- .mbsc-ios .mbsc-control-w:before {
- top: 0
- }
- .mbsc-ios .mbsc-control-w:after {
- bottom: 0
- }
- .mbsc-ios .mbsc-form-group-title+.mbsc-control-w:before,
- .mbsc-ios .mbsc-control-w:first-child:before,
- .mbsc-ios .mbsc-control-w:last-child:after {
- left: 0
- }
- .mbsc-ios .mbsc-control-ng .mbsc-control-w:before,
- .mbsc-ios .mbsc-control-ng .mbsc-control-w:after {
- left: 1em
- }
- .mbsc-ios .mbsc-form-group-title+.mbsc-control-ng .mbsc-control-w:before,
- .mbsc-ios .mbsc-control-ng:first-child .mbsc-control-w:before,
- .mbsc-ios .mbsc-control-ng:last-child .mbsc-control-w:after {
- left: 0
- }
- .mbsc-ios .mbsc-ic-left:before,
- .mbsc-ios .mbsc-ic-left:after {
- left: 3.25em
- }
- .mbsc-ios .mbsc-err {
- z-index: 2
- }
- .mbsc-ios .mbsc-control-w.mbsc-err:after,
- .mbsc-ios .mbsc-control-w.mbsc-err+.mbsc-err:before,
- .mbsc-ios .mbsc-control-w.mbsc-err+.mbsc-divider {
- border-top-color: #ec2a32
- }
- .mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title+.mbsc-control-w,
- .mbsc-ios .mbsc-form-group-inset .mbsc-control-w:first-child {
- border-top-left-radius: .5em;
- border-top-right-radius: .5em
- }
- .mbsc-ios .mbsc-form-group-inset .mbsc-control-w:last-child {
- border-bottom-left-radius: .5em;
- border-bottom-right-radius: .5em
- }
- .mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title,
- .mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title+.mbsc-control-w:before,
- .mbsc-ios .mbsc-form-group-inset .mbsc-control-w:first-child:before,
- .mbsc-ios .mbsc-form-group-inset .mbsc-control-w:last-child:after {
- border-width: 0
- }
- .mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w {
- border-radius: 0
- }
- .mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:before,
- .mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:after {
- border-width: 1px
- }
- .mbsc-ios.mbsc-form .mbsc-form-group-inset .mbsc-form-group-title+.mbsc-control-ng .mbsc-control-w:before,
- .mbsc-ios.mbsc-form .mbsc-form-group-inset .mbsc-control-ng:first-child .mbsc-control-w:before,
- .mbsc-ios.mbsc-form .mbsc-form-group-inset .mbsc-control-ng:last-child .mbsc-control-w:after {
- border-width: 0
- }
- .mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title+.mbsc-control-ng .mbsc-control-w,
- .mbsc-ios .mbsc-form-group-inset .mbsc-control-ng:first-child .mbsc-control-w {
- border-top-left-radius: .5em;
- border-top-right-radius: .5em
- }
- .mbsc-ios .mbsc-form-group-inset .mbsc-control-ng:last-child .mbsc-control-w {
- border-bottom-left-radius: .5em;
- border-bottom-right-radius: .5em
- }
- .mbsc-ios.mbsc-rating .mbsc-progress-track {
- color: #007aff
- }
- .mbsc-ios.mbsc-rating.mbsc-progress .mbsc-input-wrap {
- padding: 0
- }
- .mbsc-ios.mbsc-rating input:disabled~.mbsc-progress-cont .mbsc-progress-track {
- opacity: .4
- }
- .mbsc-ios.mbsc-rating.mbsc-rating-primary .mbsc-progress-track {
- color: #3f97f6
- }
- .mbsc-ios.mbsc-rating.mbsc-rating-secondary .mbsc-progress-track {
- color: #90979E
- }
- .mbsc-ios.mbsc-rating.mbsc-rating-success .mbsc-progress-track {
- color: #43BE5F
- }
- .mbsc-ios.mbsc-rating.mbsc-rating-danger .mbsc-progress-track {
- color: #f5504e
- }
- .mbsc-ios.mbsc-rating.mbsc-rating-warning .mbsc-progress-track {
- color: #f8b042
- }
- .mbsc-ios.mbsc-rating.mbsc-rating-info .mbsc-progress-track {
- color: #5BB7C5
- }
- .mbsc-ios.mbsc-alert .mbsc-fr-c.mbsc-wdg-c {
- padding: 1.142857em;
- line-height: 1.285714;
- text-align: center
- }
- .mbsc-ios.mbsc-alert h2 {
- margin: .277778em 0;
- font-size: 1.285715em
- }
- .mbsc-ios.mbsc-alert p {
- margin: .357143em 0
- }
- .mbsc-ios.mbsc-alert .mbsc-input {
- margin-top: 1.142857em;
- border: 1px solid #ccc;
- border-radius: 0
- }
- .mbsc-ios.mbsc-alert .mbsc-input input {
- height: 1.714286em;
- padding: 0 .357143em
- }
- .mbsc-ios.mbsc-snackbar .mbsc-fr-w {
- background: #646464;
- color: #fff
- }
- .mbsc-ios.mbsc-snackbar .mbsc-snackbar-btn {
- color: #a0cbf8
- }
- .mbsc-ios.mbsc-toast .mbsc-toast-msg {
- background: #646464;
- border-radius: .5em;
- color: #fff;
- opacity: .9
- }
- .mbsc-ios.mbsc-snackbar.mbsc-primary .mbsc-fr-w,
- .mbsc-ios.mbsc-toast.mbsc-primary .mbsc-toast-msg {
- background: #3f97f6;
- color: #eee
- }
- .mbsc-ios.mbsc-snackbar.mbsc-secondary .mbsc-fr-w,
- .mbsc-ios.mbsc-toast.mbsc-secondary .mbsc-toast-msg {
- background: #90979E;
- color: #eee
- }
- .mbsc-ios.mbsc-snackbar.mbsc-success .mbsc-fr-w,
- .mbsc-ios.mbsc-toast.mbsc-success .mbsc-toast-msg {
- background: #43BE5F;
- color: #eee
- }
- .mbsc-ios.mbsc-snackbar.mbsc-danger .mbsc-fr-w,
- .mbsc-ios.mbsc-toast.mbsc-danger .mbsc-toast-msg {
- background: #f5504e;
- color: #eee
- }
- .mbsc-ios.mbsc-snackbar.mbsc-warning .mbsc-fr-w,
- .mbsc-ios.mbsc-toast.mbsc-warning .mbsc-toast-msg {
- background: #f8b042;
- color: #eee
- }
- .mbsc-ios.mbsc-snackbar.mbsc-info .mbsc-fr-w,
- .mbsc-ios.mbsc-toast.mbsc-info .mbsc-toast-msg {
- background: #5BB7C5;
- color: #eee
- }
- .mbsc-ios.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn,
- .mbsc-ios.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn,
- .mbsc-ios.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn,
- .mbsc-ios.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn,
- .mbsc-ios.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn,
- .mbsc-ios.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn {
- color: #eee
- }
- .mbsc-ios .mbsc-collapsible .mbsc-collapsible-header {
- padding-right: 3em
- }
- .mbsc-ios .mbsc-collapsible .mbsc-form-group-title {
- padding-top: 2.5em;
- margin: 0
- }
- .mbsc-ios .mbsc-collapsible .mbsc-form-group-title .mbsc-collapsible-icon {
- margin-top: .5em
- }
- .mbsc-ios.mbsc-form {
- background: #efeff4;
- color: #000
- }
- .mbsc-ios.mbsc-form *::-moz-selection {
- color: #fff;
- background: #1272dc
- }
- .mbsc-ios.mbsc-form *::selection {
- color: #fff;
- background: #1272dc
- }
- .mbsc-ios .mbsc-input-ic {
- color: #7f8797
- }
- .mbsc-ios .mbsc-desc {
- opacity: .5
- }
- .mbsc-ios .mbsc-divider,
- .mbsc-ios .mbsc-form-group-title {
- position: relative;
- z-index: 2;
- background: #efeff4;
- margin-top: -1px;
- border-bottom: 1px solid #ccc;
- color: #6d6d72;
- font-size: .75em;
- line-height: 1.5em;
- text-transform: uppercase
- }
- .mbsc-ios .mbsc-divider {
- padding: 2.333334em 1.333334em .5em 1.333334em;
- border-top: 1px solid #ccc
- }
- .mbsc-ios .mbsc-form-group-title {
- padding: .5em 1.333334em
- }
- .mbsc-ios.mbsc-ltr .mbsc-select input {
- padding-right: 2.25em
- }
- .mbsc-ios.mbsc-rtl .mbsc-select input {
- padding-left: 2.25em
- }
- .mbsc-ios .mbsc-select-ic {
- position: absolute;
- display: block;
- height: 1.25em;
- width: 1.25em;
- top: .875em;
- right: 1em;
- text-align: center
- }
- .mbsc-ios.mbsc-rtl .mbsc-select-ic {
- right: auto;
- left: 1em
- }
- .mbsc-ios .mbsc-ic-right .mbsc-select-ic {
- right: 3.4em
- }
- .mbsc-ios.mbsc-rtl .mbsc-ic-right .mbsc-select-ic {
- right: auto;
- left: 3.4em
- }
- .mbsc-ios .mbsc-select-inline .mbsc-select-ic {
- display: none
- }
- .mbsc-ios .mbsc-textarea .mbsc-input-wrap {
- padding: .625em 0
- }
- .mbsc-ios .mbsc-textarea textarea {
- height: 3em
- }
- .mbsc-ios .mbsc-textarea .mbsc-label {
- width: auto;
- max-width: none
- }
- .mbsc-ios.mbsc-form .mbsc-checkbox,
- .mbsc-ios.mbsc-form .mbsc-radio {
- padding: .875em 3.75em .875em 1em;
- background: #fff
- }
- .mbsc-ios.mbsc-rtl .mbsc-checkbox,
- .mbsc-ios.mbsc-rtl .mbsc-radio {
- padding: .875em 1em .875em 3.75em
- }
- .mbsc-ios .mbsc-checkbox input:disabled+.mbsc-checkbox-box,
- .mbsc-ios .mbsc-checkbox input:disabled~.mbsc-label,
- .mbsc-ios .mbsc-checkbox input:disabled~.mbsc-desc,
- .mbsc-ios .mbsc-radio input:disabled+.mbsc-radio-box,
- .mbsc-ios .mbsc-radio input:disabled~.mbsc-label,
- .mbsc-ios .mbsc-radio input:disabled~.mbsc-desc,
- .mbsc-ios .mbsc-switch input:disabled+.mbsc-switch-track,
- .mbsc-ios .mbsc-switch input:disabled~.mbsc-label,
- .mbsc-ios .mbsc-switch input:disabled~.mbsc-desc {
- opacity: .3
- }
- .mbsc-ios .mbsc-checkbox-box:after,
- .mbsc-ios .mbsc-radio-box:after {
- -webkit-transition: opacity .2s ease-in-out;
- transition: opacity .2s ease-in-out
- }
- .mbsc-ios .mbsc-checkbox-box {
- right: 1em;
- width: 1.75em;
- height: 1.75em;
- margin-top: -0.875em;
- background: transparent;
- border: .125em solid #1272dc;
- border-radius: 2em
- }
- .mbsc-ios.mbsc-rtl .mbsc-checkbox-box {
- right: auto;
- left: 1em
- }
- .mbsc-ios .mbsc-checkbox-box:after {
- top: 32%;
- left: 26%;
- width: .75em;
- height: .375em;
- border: .125em solid #1272dc;
- border-top: 0;
- border-right: 0
- }
- .mbsc-ios .mbsc-checkbox-primary .mbsc-checkbox-box,
- .mbsc-ios .mbsc-checkbox-primary .mbsc-checkbox-box:after {
- border-color: #3f97f6
- }
- .mbsc-ios .mbsc-checkbox-secondary .mbsc-checkbox-box,
- .mbsc-ios .mbsc-checkbox-secondary .mbsc-checkbox-box:after {
- border-color: #90979E
- }
- .mbsc-ios .mbsc-checkbox-success .mbsc-checkbox-box,
- .mbsc-ios .mbsc-checkbox-success .mbsc-checkbox-box:after {
- border-color: #43BE5F
- }
- .mbsc-ios .mbsc-checkbox-danger .mbsc-checkbox-box,
- .mbsc-ios .mbsc-checkbox-danger .mbsc-checkbox-box:after {
- border-color: #f5504e
- }
- .mbsc-ios .mbsc-checkbox-warning .mbsc-checkbox-box,
- .mbsc-ios .mbsc-checkbox-warning .mbsc-checkbox-box:after {
- border-color: #f8b042
- }
- .mbsc-ios .mbsc-checkbox-info .mbsc-checkbox-box,
- .mbsc-ios .mbsc-checkbox-info .mbsc-checkbox-box:after {
- border-color: #5BB7C5
- }
- .mbsc-ios .mbsc-radio-box {
- right: 1.125em;
- margin-top: -0.625em;
- background: transparent
- }
- .mbsc-ios.mbsc-rtl .mbsc-radio-box {
- right: auto;
- left: 1.125em
- }
- .mbsc-ios .mbsc-radio-box:after {
- position: absolute;
- top: 44%;
- left: 23%;
- width: 1em;
- height: .5em;
- border: .125em solid #1272dc;
- border-top: 0;
- border-right: 0;
- border-radius: 0;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg)
- }
- .mbsc-ios .mbsc-radio input:disabled~.mbsc-radio-label {
- color: #a6a7a6
- }
- .mbsc-ios .mbsc-radio-primary .mbsc-radio-box:after {
- border-color: #3f97f6
- }
- .mbsc-ios .mbsc-radio-secondary .mbsc-radio-box:after {
- border-color: #90979E
- }
- .mbsc-ios .mbsc-radio-success .mbsc-radio-box:after {
- border-color: #43BE5F
- }
- .mbsc-ios .mbsc-radio-danger .mbsc-radio-box:after {
- border-color: #f5504e
- }
- .mbsc-ios .mbsc-radio-warning .mbsc-radio-box:after {
- border-color: #f8b042
- }
- .mbsc-ios .mbsc-radio-info .mbsc-radio-box:after {
- border-color: #5BB7C5
- }
- .mbsc-ios .mbsc-btn {
- margin: .5em .25em;
- padding: .625em 1.375em;
- background: #fff;
- border: 0;
- border-radius: .25em;
- color: #1272dc
- }
- .mbsc-ios .mbsc-btn-ic {
- padding-right: .625em
- }
- .mbsc-ios .mbsc-btn-icon-only .mbsc-btn-ic {
- padding: 0
- }
- .mbsc-ios.mbsc-no-touch .mbsc-btn:not(:disabled):not(.mbsc-active):hover {
- opacity: .8
- }
- .mbsc-ios .mbsc-btn.mbsc-active {
- opacity: .6
- }
- .mbsc-ios .mbsc-btn:disabled {
- background: #dfdfdf;
- color: #c4c4c4
- }
- .mbsc-ios .mbsc-btn.mbsc-btn-outline:disabled {
- color: #c4c4c4;
- border-color: #c4c4c4
- }
- .mbsc-ios .mbsc-btn.mbsc-btn-flat {
- background: transparent;
- border-color: transparent
- }
- .mbsc-ios .mbsc-btn-flat.mbsc-active {
- opacity: .6
- }
- .mbsc-ios .mbsc-btn-flat:disabled {
- background: transparent;
- opacity: .8;
- color: #c4c4c4
- }
- .mbsc-ios .mbsc-btn-group,
- .mbsc-ios .mbsc-btn-group-justified,
- .mbsc-ios .mbsc-btn-group-block {
- padding: .5em .75em;
- background: #efeff4
- }
- .mbsc-ios .mbsc-btn-group-block {
- padding: .5em 1em
- }
- .mbsc-ios .mbsc-btn-primary.mbsc-btn {
- background: #3f97f6;
- color: #eee
- }
- .mbsc-ios .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat {
- color: #3f97f6
- }
- .mbsc-ios .mbsc-btn-secondary.mbsc-btn {
- background: #90979E;
- color: #eee
- }
- .mbsc-ios .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat {
- color: #90979E
- }
- .mbsc-ios .mbsc-btn-success.mbsc-btn {
- background: #43BE5F;
- color: #eee
- }
- .mbsc-ios .mbsc-btn-success.mbsc-btn.mbsc-btn-flat {
- color: #43BE5F
- }
- .mbsc-ios .mbsc-btn-danger.mbsc-btn {
- background: #f5504e;
- color: #eee
- }
- .mbsc-ios .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat {
- color: #f5504e
- }
- .mbsc-ios .mbsc-btn-warning.mbsc-btn {
- background: #f8b042;
- color: #eee
- }
- .mbsc-ios .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat {
- color: #f8b042
- }
- .mbsc-ios .mbsc-btn-info.mbsc-btn {
- background: #5BB7C5;
- color: #eee
- }
- .mbsc-ios .mbsc-btn-info.mbsc-btn.mbsc-btn-flat {
- color: #5BB7C5
- }
- .mbsc-ios .mbsc-btn-light.mbsc-btn {
- background: #fff;
- color: #000
- }
- .mbsc-ios .mbsc-btn-light.mbsc-btn.mbsc-btn-flat {
- color: #ccc
- }
- .mbsc-ios .mbsc-btn-dark.mbsc-btn {
- background: #47494A;
- color: #eee
- }
- .mbsc-ios .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat {
- color: #47494A
- }
- .mbsc-ios .mbsc-btn-flat.mbsc-btn {
- background: transparent
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn {
- background: transparent;
- border: 1px solid #1272dc;
- color: #1272dc
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-active {
- background: #1272dc;
- color: #efeff4;
- opacity: 1
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-primary {
- border-color: #3f97f6;
- color: #3f97f6
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-primary.mbsc-active {
- background: #3f97f6;
- color: #fff
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary {
- border-color: #90979E;
- color: #90979E
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary.mbsc-active {
- background: #90979E;
- color: #fff
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-success {
- border-color: #43BE5F;
- color: #43BE5F
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-success.mbsc-active {
- background: #43BE5F;
- color: #fff
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-danger {
- border-color: #f5504e;
- color: #f5504e
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-danger.mbsc-active {
- background: #f5504e;
- color: #fff
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-warning {
- border-color: #f8b042;
- color: #f8b042
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-warning.mbsc-active {
- background: #f8b042;
- color: #fff
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-info {
- border-color: #5BB7C5;
- color: #5BB7C5
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-info.mbsc-active {
- background: #5BB7C5;
- color: #fff
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-light {
- border-color: #bfbfbf;
- color: #bfbfbf
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-light.mbsc-active {
- background: #bfbfbf;
- color: #fff
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-dark {
- border-color: #47494A;
- color: #47494A
- }
- .mbsc-ios .mbsc-btn-outline.mbsc-btn.mbsc-btn-dark.mbsc-active {
- background: #47494A;
- color: #fff
- }
- .mbsc-ios.mbsc-form .mbsc-switch {
- padding: .875em 5em .875em 1em;
- background: #fff
- }
- .mbsc-ios.mbsc-rtl .mbsc-switch {
- padding: .875em 1em .875em 5em
- }
- .mbsc-ios .mbsc-switch-track {
- right: 1em;
- width: 3em;
- height: 1.75em;
- padding: 0;
- margin-top: -0.96875em;
- background: #e5e5e5;
- border: .09375em solid #e5e5e5;
- border-radius: 1.25em;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box
- }
- .mbsc-ios.mbsc-rtl .mbsc-switch-track {
- right: auto;
- left: 1em
- }
- .mbsc-ios .mbsc-switch-track:after {
- content: '';
- position: absolute;
- z-index: 1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- background: #fff;
- border-radius: 1.25em;
- -webkit-transform: scale(1);
- transform: scale(1);
- -webkit-transition: -webkit-transform .2s ease-out;
- transition: transform .2s ease-out
- }
- .mbsc-ios .mbsc-switch-track .mbsc-progress-track {
- margin: 0 .875em
- }
- .mbsc-ios .mbsc-switch-handle {
- z-index: 2;
- top: 50%;
- left: 50%;
- width: 1.75em;
- height: 1.75em;
- margin: -0.875em 0 0 -0.875em;
- background: #fff;
- border-radius: 1.75em;
- box-shadow: 0 0 1em rgba(0, 0, 0, 0.1), 0 0 .0625em rgba(0, 0, 0, 0.15), 0 .125em .125em rgba(0, 0, 0, 0.15);
- -webkit-transition: -webkit-transform .2s ease-out;
- transition: transform .2s ease-out
- }
- .mbsc-ios.mbsc-rtl .mbsc-switch-handle {
- margin: -0.875em -0.875em 0 0
- }
- .mbsc-ios .mbsc-switch input:checked+.mbsc-switch-track {
- background: #4cd764;
- border-color: #4cd764
- }
- .mbsc-ios .mbsc-switch input:checked+.mbsc-switch-track:after {
- -webkit-transform: scale(0);
- transform: scale(0)
- }
- .mbsc-ios .mbsc-switch-primary.mbsc-switch input:checked+.mbsc-switch-track {
- border-color: #3f97f6;
- background: #3f97f6
- }
- .mbsc-ios .mbsc-switch-secondary.mbsc-switch input:checked+.mbsc-switch-track {
- border-color: #90979E;
- background: #90979E
- }
- .mbsc-ios .mbsc-switch-success.mbsc-switch input:checked+.mbsc-switch-track {
- border-color: #43BE5F;
- background: #43BE5F
- }
- .mbsc-ios .mbsc-switch-danger.mbsc-switch input:checked+.mbsc-switch-track {
- border-color: #f5504e;
- background: #f5504e
- }
- .mbsc-ios .mbsc-switch-warning.mbsc-switch input:checked+.mbsc-switch-track {
- border-color: #f8b042;
- background: #f8b042
- }
- .mbsc-ios .mbsc-switch-info.mbsc-switch input:checked+.mbsc-switch-track {
- border-color: #5BB7C5;
- background: #5BB7C5
- }
- .mbsc-ios .mbsc-segmented {
- padding: .75em;
- background-color: #fff
- }
- .mbsc-ios .mbsc-stepper {
- display: block
- }
- .mbsc-ios .mbsc-segmented-content {
- height: 2.14285714em;
- margin-left: -0.07142857em;
- line-height: 2.14285714em;
- padding: 0 .42857em;
- color: #1272dc;
- text-transform: capitalize;
- border: .07142857em solid #1272dc;
- background: #fff
- }
- .mbsc-ios.mbsc-ltr .mbsc-stepper-minus .mbsc-segmented-content,
- .mbsc-ios.mbsc-ltr .mbsc-segmented-item:first-child .mbsc-segmented-content,
- .mbsc-ios.mbsc-rtl .mbsc-stepper-plus .mbsc-segmented-content,
- .mbsc-ios.mbsc-rtl .mbsc-segmented-item:last-child .mbsc-segmented-content {
- border-top-left-radius: .25em;
- border-bottom-left-radius: .25em
- }
- .mbsc-ios .mbsc-segmented.mbsc-stepper.mbsc-control-w:before,
- .mbsc-ios .mbsc-segmented.mbsc-stepper.mbsc-control-w:after {
- border: 0
- }
- .mbsc-ios.mbsc-ltr .mbsc-stepper-plus .mbsc-segmented-content,
- .mbsc-ios.mbsc-ltr .mbsc-segmented-item:last-child .mbsc-segmented-content,
- .mbsc-ios.mbsc-rtl .mbsc-stepper-minus .mbsc-segmented-content,
- .mbsc-ios.mbsc-rtl .mbsc-segmented-item:first-child .mbsc-segmented-content {
- border-top-right-radius: .25em;
- border-bottom-right-radius: .25em
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content,
- .mbsc-ios .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content {
- background: #1272dc;
- color: #fff
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: rgba(18, 114, 220, 0.3);
- color: #1272dc
- }
- .mbsc-ios .mbsc-stepper-cont {
- padding: 1.5em 11.75em 1.5em 1em;
- background: #fff
- }
- .mbsc-ios.mbsc-rtl .mbsc-stepper-cont {
- padding: 1.5em 1em 1.5em 11.75em
- }
- .mbsc-ios .mbsc-stepper {
- right: 1em;
- margin-top: -1em
- }
- .mbsc-ios.mbsc-rtl .mbsc-stepper {
- right: auto;
- left: 1em
- }
- .mbsc-ios .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,
- .mbsc-ios .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,
- .mbsc-ios .mbsc-segmented .mbsc-segmented-item input:disabled+.mbsc-segmented-content {
- background: none;
- color: #c4c4c4;
- border-color: #c4c4c4
- }
- .mbsc-ios .mbsc-stepper input:disabled {
- color: #c4c4c4;
- -webkit-text-fill-color: #c4c4c4
- }
- .mbsc-ios .mbsc-stepper .mbsc-segmented-item {
- width: 3.25em
- }
- .mbsc-ios .mbsc-segmented input:disabled:checked+.mbsc-segmented-content {
- background: #dfdfdf
- }
- .mbsc-ios .mbsc-stepper input {
- color: #000;
- width: 3.714286em;
- left: 3.714286em;
- z-index: 3
- }
- .mbsc-ios.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(18, 114, 220, 0.15)
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-primary .mbsc-segmented-content {
- border-color: #3f97f6;
- color: #3f97f6
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- color: #3f97f6;
- background: rgba(63, 151, 246, 0.45)
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #3f97f6
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-secondary .mbsc-segmented-content {
- border-color: #90979E;
- color: #90979E
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- color: #90979E;
- background: rgba(144, 151, 158, 0.45)
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #90979E
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-success .mbsc-segmented-content {
- border-color: #43BE5F;
- color: #43BE5F
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- color: #43BE5F;
- background: rgba(67, 190, 95, 0.45)
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #43BE5F
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-danger .mbsc-segmented-content {
- border-color: #f5504e;
- color: #f5504e
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- color: #f5504e;
- background: rgba(245, 80, 78, 0.45)
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #f5504e
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-warning .mbsc-segmented-content {
- border-color: #f8b042;
- color: #f8b042
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- color: #f8b042;
- background: rgba(248, 176, 66, 0.45)
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #f8b042
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-info .mbsc-segmented-content {
- border-color: #5BB7C5;
- color: #5BB7C5
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- color: #5BB7C5;
- background: rgba(91, 183, 197, 0.45)
- }
- .mbsc-ios .mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #5BB7C5
- }
- .mbsc-ios.mbsc-no-touch .mbsc-segmented-primary.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(63, 151, 246, 0.15)
- }
- .mbsc-ios.mbsc-no-touch .mbsc-segmented-secondary.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(144, 151, 158, 0.15)
- }
- .mbsc-ios.mbsc-no-touch .mbsc-segmented-success.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(67, 190, 95, 0.15)
- }
- .mbsc-ios.mbsc-no-touch .mbsc-segmented-danger.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(245, 80, 78, 0.15)
- }
- .mbsc-ios.mbsc-no-touch .mbsc-segmented-warning.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(248, 176, 66, 0.15)
- }
- .mbsc-ios.mbsc-no-touch .mbsc-segmented-info.mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(91, 183, 197, 0.15)
- }
- .mbsc-ios.mbsc-no-touch .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(63, 151, 246, 0.15)
- }
- .mbsc-ios.mbsc-no-touch .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(144, 151, 158, 0.15)
- }
- .mbsc-ios.mbsc-no-touch .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(67, 190, 95, 0.15)
- }
- .mbsc-ios.mbsc-no-touch .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(245, 80, 78, 0.15)
- }
- .mbsc-ios.mbsc-no-touch .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(248, 176, 66, 0.15)
- }
- .mbsc-ios.mbsc-no-touch .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(91, 183, 197, 0.15)
- }
- .mbsc-ios .mbsc-stepper-primary .mbsc-segmented-content {
- border-color: #3f97f6;
- color: #3f97f6
- }
- .mbsc-ios .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #3f97f6
- }
- .mbsc-ios .mbsc-stepper-secondary .mbsc-segmented-content {
- border-color: #90979E;
- color: #90979E
- }
- .mbsc-ios .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #90979E
- }
- .mbsc-ios .mbsc-stepper-success .mbsc-segmented-content {
- border-color: #43BE5F;
- color: #43BE5F
- }
- .mbsc-ios .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #43BE5F
- }
- .mbsc-ios .mbsc-stepper-danger .mbsc-segmented-content {
- border-color: #f5504e;
- color: #f5504e
- }
- .mbsc-ios .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #f5504e
- }
- .mbsc-ios .mbsc-stepper-warning .mbsc-segmented-content {
- border-color: #f8b042;
- color: #f8b042
- }
- .mbsc-ios .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #f8b042
- }
- .mbsc-ios .mbsc-stepper-info .mbsc-segmented-content {
- border-color: #5BB7C5;
- color: #5BB7C5
- }
- .mbsc-ios .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
- background: #5BB7C5
- }
- .mbsc-ios.mbsc-ms-c {
- background: #f7f7f7;
- border-top: 1px solid #ccc;
- border-bottom: 1px solid #ccc
- }
- .mbsc-ios .mbsc-form-group-title+.mbsc-ms-c {
- margin-top: -1px
- }
- .mbsc-ios .mbsc-ms .mbsc-ms-item {
- color: #878787
- }
- .mbsc-ios.mbsc-ms-top {
- border-top: 0
- }
- .mbsc-ios.mbsc-ms-bottom {
- border-bottom: 0
- }
- .mbsc-ios.mbsc-ms-nosel .mbsc-ms-item,
- .mbsc-ios .mbsc-ms .mbsc-ms-item-sel {
- color: #007aff
- }
- .mbsc-ios.mbsc-ms-nosel .mbsc-ms-item.mbsc-active {
- opacity: .5
- }
- .mbsc-ios.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
- background: rgba(0, 122, 255, 0.15)
- }
- .mbsc-ios.mbsc-ms-more .mbsc-wdg-c.mbsc-w-p {
- padding: 0
- }
- .mbsc-ios.mbsc-ms-more .mbsc-ms-item {
- padding: 1em
- }
- .mbsc-ios.mbsc-ms-more .mbsc-ms-item:after {
- content: "";
- border-top: 1px solid #ccc;
- position: absolute;
- right: 0;
- left: 1em;
- bottom: 0
- }
- .mbsc-ios.mbsc-ms-more .mbsc-ms-item:last-child:after {
- display: none
- }
- .mbsc-ios.mbsc-ms-more .mbsc-ms-ic:after {
- left: 4em
- }
- .mbsc-ios.mbsc-ms-more-icons .mbsc-ms-ic:after {
- left: 0
- }
- .mbsc-ios.mbsc-np .mbsc-fr-c {
- font-size: 1.333334em
- }
- .mbsc-ios .mbsc-np-btn {
- border-top: 1px solid #ccc;
- border-left: 1px solid #ccc;
- font-size: 1.363637em;
- height: 2.2em
- }
- .mbsc-ios .mbsc-np-btn:first-child {
- border-left: 0
- }
- .mbsc-ios .mbsc-np-btn.mbsc-active,
- .mbsc-ios .mbsc-np-btn-empty {
- background: #d1d5db
- }
- .mbsc-ios .mbsc-np-btn.mbsc-disabled {
- color: #ddd
- }
- .mbsc-ios .mbsc-np-ts-h,
- .mbsc-ios .mbsc-np-ts-m {
- font-weight: normal
- }
- .mbsc-ios .mbsc-np-del:before {
- font-size: 1.125em
- }
- .mbsc-ios.mbsc-page {
- background: #efeff4;
- color: #000
- }
- .mbsc-ios a {
- color: #1272dc
- }
- .mbsc-ios .mbsc-note {
- border-radius: .25em
- }
- .mbsc-ios .mbsc-note,
- .mbsc-ios .mbsc-note-primary {
- color: #074b95;
- background-color: #a0ccfb
- }
- .mbsc-ios .mbsc-note-secondary {
- color: #454b50;
- background-color: #c6cace
- }
- .mbsc-ios .mbsc-note-success {
- color: #1b4d26;
- background-color: #8fd8a0
- }
- .mbsc-ios .mbsc-note-danger {
- color: #a10b09;
- background-color: #faafaf
- }
- .mbsc-ios .mbsc-note-warning {
- color: #9b6006;
- background-color: #fcd9a4
- }
- .mbsc-ios .mbsc-note-info {
- color: #235b64;
- background-color: #a6d8e0
- }
- .mbsc-ios .mbsc-note-light {
- color: #4d4d4d;
- background-color: #fff
- }
- .mbsc-ios .mbsc-note-dark {
- color: #000;
- background-color: #797c7e
- }
- .mbsc-ios .mbsc-range-btn-t,
- .mbsc-ios .mbsc-range-btn-c {
- width: auto;
- display: block
- }
- .mbsc-ios .mbsc-range-btn {
- position: relative;
- min-height: 2.75em;
- padding: .75em 1em;
- font-size: 1.333333em
- }
- .mbsc-ios .mbsc-range-btn-v {
- position: absolute;
- top: .75em;
- font-weight: normal
- }
- .mbsc-ios .mbsc-ltr .mbsc-range-btn {
- text-align: left
- }
- .mbsc-ios .mbsc-ltr .mbsc-range-btn-v {
- right: 1em
- }
- .mbsc-ios .mbsc-rtl .mbsc-range-btn {
- text-align: right
- }
- .mbsc-ios .mbsc-rtl .mbsc-range-btn-v {
- left: 1em
- }
- .mbsc-ios .mbsc-range-btn-end {
- border-bottom: 1px solid #ccc
- }
- .mbsc-ios .mbsc-range-btn-end .mbsc-range-btn:before {
- content: '';
- position: absolute;
- right: 0;
- left: 1em;
- top: 0;
- border-top: 1px solid #ccc
- }
- .mbsc-ios .mbsc-range-btn.mbsc-selected .mbsc-range-btn-v {
- color: #007aff
- }
- .mbsc-ios.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date {
- background: none
- }
- .mbsc-ios.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date {
- background: #007aff
- }
- .mbsc-ios.mbsc-range .mbsc-cal-day.mbsc-selected:after {
- content: '';
- position: absolute;
- z-index: -1;
- top: .3125em;
- left: 0;
- right: 0;
- height: 1.875em;
- background: #007aff
- }
- .mbsc-ios.mbsc-range .mbsc-cal-has-marks .mbsc-cal-day.mbsc-selected:after {
- top: .1875em
- }
- .mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:first-child:after,
- .mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:last-child:after {
- left: .25em
- }
- .mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:last-child:after,
- .mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:first-child:after {
- right: .25em
- }
- .mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day.mbsc-cal-sel-start:after,
- .mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day.mbsc-cal-sel-end:after {
- left: 50%;
- margin-left: -0.9375em
- }
- .mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day.mbsc-cal-sel-end:after,
- .mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day.mbsc-cal-sel-start:after {
- right: 50%;
- margin-right: -0.9375em
- }
- .mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,
- .mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:first-child:after,
- .mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-first:after,
- .mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after,
- .mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:last-child:after,
- .mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-last:after {
- border-top-left-radius: 2em;
- border-bottom-left-radius: 2em
- }
- .mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,
- .mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:last-child:after,
- .mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-last:after,
- .mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after,
- .mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:first-child:after,
- .mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-first:after {
- border-top-right-radius: 2em;
- border-bottom-right-radius: 2em
- }
- .mbsc-ios.mbsc-sc.mbsc-fr-top .mbsc-fr-w,
- .mbsc-ios.mbsc-sc.mbsc-fr-bottom .mbsc-fr-w {
- background: #d1d5db
- }
- .mbsc-ios.mbsc-calendar .mbsc-fr-persp .mbsc-fr-w {
- background: #f7f7f7
- }
- .mbsc-ios.mbsc-sc.mbsc-fr-top .mbsc-fr-btn-cont,
- .mbsc-ios.mbsc-sc.mbsc-fr-bottom .mbsc-fr-btn-cont {
- border-bottom: 0
- }
- .mbsc-ios.mbsc-calendar.mbsc-fr-top .mbsc-fr-btn-cont,
- .mbsc-ios.mbsc-calendar.mbsc-fr-bottom .mbsc-fr-btn-cont {
- border-bottom: 1px solid #ccc
- }
- .mbsc-ios.mbsc-fr-top .mbsc-sc-whl-l,
- .mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-l {
- border-top: 1px solid #aaa;
- border-bottom: 1px solid #aaa
- }
- .mbsc-ios.mbsc-fr-top .mbsc-sc-whl-o,
- .mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-o {
- background: -webkit-linear-gradient(#d1d5db, rgba(209, 213, 219, 0) 52%, rgba(209, 213, 219, 0) 48%, #d1d5db);
- background: linear-gradient(#d1d5db, rgba(209, 213, 219, 0) 52%, rgba(209, 213, 219, 0) 48%, #d1d5db)
- }
- .mbsc-ios.mbsc-fr-top .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c,
- .mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
- background: #d1d5db
- }
- .mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o {
- background: -webkit-linear-gradient(#fff, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, #fff);
- background: linear-gradient(#fff, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, #fff)
- }
- .mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
- background: #fff
- }
- .mbsc-ios .mbsc-sc-lbl {
- color: #ababab;
- line-height: 2.5em
- }
- .mbsc-ios .mbsc-sc-whl-gr-c {
- padding: 0 3%
- }
- .mbsc-ios .mbsc-sc-whl-gr {
- padding: .833333em
- }
- .mbsc-ios .mbsc-sc-lbl-v {
- margin-bottom: -1.666667em
- }
- .mbsc-ios .mbsc-sc-lbl-v .mbsc-sc-whl-gr {
- padding-top: 2.5em;
- padding-bottom: 2.5em
- }
- .mbsc-ios .mbsc-sc-whl-l,
- .mbsc-ios.mbsc-calendar .mbsc-sc-whl-l {
- display: block;
- margin: 0 -0.833333em;
- border-top: 1px solid #ccc;
- border-bottom: 1px solid #ccc
- }
- .mbsc-ios .mbsc-sc-whl-w .mbsc-sc-whl-l {
- display: none
- }
- .mbsc-ios .mbsc-sc-whl-o,
- .mbsc-ios.mbsc-calendar .mbsc-sc-whl-o {
- display: block;
- background: -webkit-linear-gradient(#f7f7f7, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f7f7f7);
- background: linear-gradient(#f7f7f7, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f7f7f7)
- }
- .mbsc-ios .mbsc-sc-itm {
- padding: 0 .5em;
- color: #9d9d9d;
- font-size: 1.833333em
- }
- .mbsc-ios .mbsc-sc-itm.mbsc-active {
- background: rgba(0, 122, 255, 0.2)
- }
- .mbsc-ios .mbsc-sc-itm-sel {
- color: #000
- }
- .mbsc-ios .mbsc-sc-whl-gr-3d-c .mbsc-sc-whl-l {
- z-index: 3
- }
- .mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm {
- color: #000
- }
- .mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
- margin: 0 -0.166667em
- }
- .mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c,
- .mbsc-ios.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
- background: #f7f7f7
- }
- .mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d {
- font-size: 1.666666em;
- color: #666
- }
- .mbsc-ios .mbsc-sc-cp .mbsc-sc-whl .mbsc-sc-itm {
- text-align: center
- }
- .mbsc-ios .mbsc-sc-cp .mbsc-sc-whl-w {
- padding: 2.666667em 0
- }
- .mbsc-ios .mbsc-sc-btn {
- color: #007aff;
- height: 2.666667em !important;
- line-height: 2.666667em !important;
- opacity: 1
- }
- .mbsc-ios .mbsc-sc-btn:before {
- font-size: 2em
- }
- .mbsc-ios .mbsc-sc-btn.mbsc-active:before {
- opacity: .5
- }
- .mbsc-ios.mbsc-sel-multi .mbsc-sc-whl-l {
- display: none
- }
- .mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-whl-o {
- display: none
- }
- .mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm {
- padding: 0 1.818181em
- }
- .mbsc-ios.mbsc-sel-multi .mbsc-sc-itm {
- color: #000
- }
- .mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
- color: #007aff
- }
- .mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- font-size: 1.818181em
- }
- .mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-multi .mbsc-sc-whl-o {
- display: block
- }
- .mbsc-ios.mbsc-sel-multi .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
- visibility: hidden
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-sc-whl-o {
- display: none
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-sc-whl-l {
- border-color: #ccc
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-sc-lbl-v {
- margin-bottom: -2.5em
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-sc-lbl {
- padding: 0 1.666667em
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-sc-itm {
- font-size: 1.333334em;
- padding: 0 1.25em;
- color: #000
- }
- .mbsc-ios.mbsc-fr-pointer.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover {
- background: rgba(0, 122, 255, 0.2)
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm {
- padding: 0 2.5em
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-sc-itm-sel {
- color: #007aff
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-sc-itm-sel:before {
- font-size: 2em
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-itm-sel:before {
- left: .125em
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-rtl .mbsc-sc-itm-sel:before {
- right: .125em
- }
- .mbsc-ios .mbsc-sc-whl .mbsc-sel-gr {
- padding-left: .277777em;
- color: #9d9d9d;
- font-weight: normal;
- font-size: 1.222222em
- }
- .mbsc-ios .mbsc-sel-filter-cont.mbsc-input {
- font-size: 1.166667em;
- padding: .5em;
- background: #c4c4c4
- }
- .mbsc-ios.mbsc-fr-center .mbsc-sel-filter-cont {
- background: #ebebe8
- }
- .mbsc-ios .mbsc-sel-filter-cont.mbsc-input input {
- height: 2em;
- background: #fff;
- border-radius: .325em
- }
- .mbsc-ios .mbsc-sel-filter-clear {
- width: 1.75em;
- right: .5em;
- color: #8c8c8c;
- font-size: 1em
- }
- .mbsc-ios.mbsc-sel .mbsc-rtl .mbsc-sel-filter-clear {
- left: .5em
- }
- .mbsc-ios .mbsc-sel-filter-cont.mbsc-control-w:before,
- .mbsc-ios .mbsc-sel-filter-cont.mbsc-control-w:after {
- border: none
- }
- .mbsc-ios .mbsc-sel-gr-whl .mbsc-sc-itm {
- padding: 0 .5em
- }
- .mbsc-ios .mbsc-sel-gr-whl .mbsc-sc-itm::before {
- display: none
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-sc-whl .mbsc-sel-gr {
- color: #000;
- font-weight: 700;
- font-size: 1em;
- padding: 0 1.666667em
- }
- .mbsc-ios.mbsc-fr-pointer .mbsc-sel-gr-whl .mbsc-sc-itm {
- padding: 0 1.25em
- }
- .mbsc-ios.mbsc-fr-pointer.mbsc-sel .mbsc-ltr .mbsc-sc-whl-w+.mbsc-sc-whl-w {
- border-left: 1px solid #ccc
- }
- .mbsc-ios.mbsc-fr-pointer.mbsc-sel .mbsc-rtl .mbsc-sc-whl-w+.mbsc-sc-whl-w {
- border-right: 1px solid #ccc
- }
- .mbsc-ios.mbsc-timer .mbsc-sc-whl-gr {
- padding: .833333em
- }
- .mbsc-ios.mbsc-timer .mbsc-sc-lbl {
- z-index: 3;
- top: 50%;
- bottom: auto;
- right: 0;
- left: auto;
- width: auto;
- margin-top: -0.75em;
- padding: 0 .55em;
- color: #007aff;
- font-size: 1.666667em;
- line-height: 1.5em;
- text-transform: lowercase
- }
- .mbsc-ios.mbsc-timer .mbsc-rtl .mbsc-sc-lbl {
- left: 0;
- right: auto
- }
- .mbsc-ios.mbsc-timer .mbsc-sc-whl-gr-3d .mbsc-sc-lbl {
- -webklit-transform: translateZ(88px);
- transform: translateZ(88px)
- }
- .mbsc-ios.mbsc-timer .mbsc-sc-itm {
- text-overflow: clip
- }
- .mbsc-ios.mbsc-timer .mbsc-sc-lbl-v {
- margin: 0
- }
- .mbsc-ios .mbsc-sc-lbl-v .mbsc-timer-lbl {
- display: inline;
- visibility: hidden;
- padding-left: .5em;
- font-size: .90909em;
- text-transform: lowercase
- }
- .mbsc-ios.mbsc-ts .mbsc-sc-lbl-v {
- margin: 0
- }
- .mbsc-ios.mbsc-ts .mbsc-sc-lbl-v .mbsc-ts-lbl {
- display: inline;
- visibility: hidden;
- padding-left: .5em;
- font-size: .90909em;
- text-transform: lowercase
- }
- .mbsc-ios.mbsc-ts .mbsc-sc-whl-gr {
- padding: .833333em
- }
- .mbsc-ios.mbsc-ts .mbsc-sc-lbl {
- padding: 0 .55em;
- margin-top: -0.75em;
- left: auto;
- top: 50%;
- right: 0;
- width: auto;
- z-index: 3;
- color: #007aff;
- font-size: 1.666667em;
- line-height: 1.5em;
- text-transform: lowercase
- }
- .mbsc-ios.mbsc-ts .mbsc-rtl .mbsc-sc-lbl {
- left: 0;
- right: auto
- }
- .mbsc-ios.mbsc-ts .mbsc-sc-whl-gr-3d .mbsc-sc-lbl {
- -webklit-transform: translateZ(88px);
- transform: translateZ(88px)
- }
- .mbsc-material .mbsc-cal-c {
- padding: .5em
- }
- .mbsc-material .mbsc-cal .mbsc-cal-btn {
- width: 1.5em;
- height: 1.5em;
- padding: 0;
- line-height: 1.5em;
- font-size: 2em;
- border-radius: 2em;
- margin: -0.125em
- }
- .mbsc-material .mbsc-cal-year,
- .mbsc-material .mbsc-cal-month {
- font-size: 1.125em;
- font-weight: bold;
- line-height: 2.222223em
- }
- .mbsc-material .mbsc-cal-picker {
- background: #eee
- }
- .mbsc-material .mbsc-cal-picker .mbsc-cal-cell-i {
- display: inline-block;
- height: 2em;
- padding: 0 1em;
- line-height: 2em;
- border-radius: 2em;
- white-space: nowrap
- }
- .mbsc-material .mbsc-cal-days>div {
- font-size: .75em;
- font-weight: bold
- }
- .mbsc-material .mbsc-cal-day-date {
- display: inline-block;
- width: 2.461539em;
- height: 2.461539em;
- margin: .153846em 0;
- line-height: 2.461539em;
- font-size: .8125em;
- border: 2px solid transparent;
- border-radius: 2em
- }
- .mbsc-material .mbsc-cal-today {
- color: #009688
- }
- .mbsc-material.mbsc-no-touch .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt,
- .mbsc-material .mbsc-cal-cell:focus .mbsc-cal-cell-txt {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-material .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt {
- background: rgba(0, 150, 136, 0.3)
- }
- .mbsc-material .mbsc-cal-c .mbsc-cal-day-colored.mbsc-selected .mbsc-cal-day-date {
- border-color: #009688
- }
- .mbsc-material .mbsc-cal-week-nr {
- width: 2.363636em;
- font-size: .6875em;
- font-weight: bold
- }
- .mbsc-material .mbsc-cal-tabs-c {
- line-height: 1.875em;
- padding: .5em .5em 0 .5em;
- text-transform: uppercase
- }
- .mbsc-material .mbsc-cal-tab {
- font-size: .75em;
- padding: 0 .5em
- }
- .mbsc-material .mbsc-cal-tab.mbsc-selected {
- color: #009688
- }
- .mbsc-material.mbsc-cal-tabbed .mbsc-fr-hdr {
- padding-top: 0
- }
- .mbsc-material.mbsc-cal-tabbed .mbsc-cal-c {
- padding-top: 0
- }
- .mbsc-material .mbsc-cal-marks {
- margin-top: -0.5em;
- transition: transform .1s ease-out
- }
- .mbsc-material .mbsc-cal-mark {
- background: #009688
- }
- .mbsc-material.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled):hover .mbsc-cal-marks,
- .mbsc-material .mbsc-selected .mbsc-cal-marks {
- -webkit-transform: translate3d(0, .375em, 0);
- transform: translate3d(0, .375em, 0)
- }
- .mbsc-material .mbsc-cal-txt {
- color: #eee;
- background: #7c7c7c;
- border-radius: .2em
- }
- .mbsc-material .mbsc-cal-icons {
- color: #5b5b5b
- }
- .mbsc-material .mbsc-ripple,
- .mbsc-lv-material .mbsc-ripple {
- position: absolute;
- top: 0;
- left: 0;
- opacity: 0;
- border-radius: 1000em;
- background: #000;
- pointer-events: none;
- -webkit-transform: scale(0);
- transform: scale(0);
- -webkit-transition: -webkit-transform .8s cubic-bezier(.25, .8, .25, 1), opacity .8s cubic-bezier(.25, .8, .25, 1);
- transition: transform .8s cubic-bezier(.25, .8, .25, 1), opacity .8s cubic-bezier(.25, .8, .25, 1)
- }
- .mbsc-material .mbsc-ripple-scaled,
- .mbsc-lv-material .mbsc-ripple-scaled {
- -webkit-transform: scale(1);
- transform: scale(1)
- }
- .mbsc-material .mbsc-ripple-visible,
- .mbsc-lv-material .mbsc-ripple-visible {
- opacity: .1
- }
- .mbsc-material .mbsc-empty {
- color: #5b5b5b
- }
- .mbsc-material.mbsc-card.mbsc-form {
- margin: .625em;
- border-radius: 2px;
- background: #fafafa;
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
- }
- .mbsc-material.mbsc-card .mbsc-lv-item {
- background: #fafafa
- }
- .mbsc-material .mbsc-card-footer .mbsc-btn {
- margin-top: -0.7143em;
- margin-bottom: -0.7143em
- }
- .mbsc-material .mbsc-card-list .mbsc-card {
- background: #fafafa;
- margin: .625em
- }
- .mbsc-material .mbsc-card-footer {
- border-color: #cecece
- }
- .mbsc-material .mbsc-card h3.mbsc-card-subtitle,
- .mbsc-material .mbsc-card-subtitle {
- color: #7c7c7c
- }
- .mbsc-material .mbsc-fr-overlay {
- background: rgba(0, 0, 0, 0.6)
- }
- .mbsc-material .mbsc-fr-w {
- background: #eee;
- border-radius: .1875em;
- color: #5b5b5b;
- min-width: 15em;
- font-size: 16px
- }
- .mbsc-material .mbsc-fr-popup {
- box-shadow: 0 .5em 1.5em rgba(0, 0, 0, 0.3)
- }
- .mbsc-material .mbsc-fr-hdr {
- padding: 0 .6666em;
- padding-top: .6666em;
- color: #009688;
- font-size: .75em;
- font-weight: bold;
- text-transform: uppercase;
- min-height: 2em;
- line-height: 2em
- }
- .mbsc-material .mbsc-fr-btn-cont {
- display: block;
- overflow: hidden;
- padding: 0 .5em .5em .5em
- }
- .mbsc-material .mbsc-ltr .mbsc-fr-btn-cont {
- text-align: right
- }
- .mbsc-material .mbsc-rtl .mbsc-fr-btn-cont {
- text-align: left
- }
- .mbsc-material .mbsc-fr-btn-w {
- display: inline-block
- }
- .mbsc-material .mbsc-fr-btn {
- position: relative;
- height: 2.4em;
- line-height: 2.4em;
- padding: 0 1em;
- border-radius: 2px;
- font-weight: bold;
- color: #009688;
- text-transform: uppercase
- }
- .mbsc-material .mbsc-fr-btn-cont .mbsc-fr-btn {
- font-size: .9375em
- }
- .mbsc-material .mbsc-fr-btn-e {
- -webkit-transition: background-color .2s ease-out;
- transition: background-color .2s ease-out
- }
- .mbsc-material.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,
- .mbsc-material .mbsc-fr-btn.mbsc-active {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-material.mbsc-fr-inline .mbsc-fr-popup {
- box-shadow: none
- }
- .mbsc-material.mbsc-fr-inline .mbsc-fr-w,
- .mbsc-material.mbsc-fr-top .mbsc-fr-w,
- .mbsc-material.mbsc-fr-bottom .mbsc-fr-w {
- border-radius: 0
- }
- .mbsc-material .mbsc-fr-bubble-bottom .mbsc-fr-arr {
- border-color: transparent transparent #eee transparent
- }
- .mbsc-material .mbsc-fr-bubble-top .mbsc-fr-arr {
- border-color: #eee transparent transparent transparent
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-fr-popup {
- box-shadow: none
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-fr-persp .mbsc-fr-w {
- border-radius: .1875em;
- box-shadow: 0 .5em 1.5em rgba(0, 0, 0, 0.3)
- }
- .mbsc-material.mbsc-progress {
- padding: .75em 1em
- }
- .mbsc-material.mbsc-progress .mbsc-input-wrap {
- padding: 0
- }
- .mbsc-material.mbsc-progress .mbsc-input-ic {
- top: .3125em;
- margin: 0
- }
- .mbsc-ltr.mbsc-material.mbsc-progress.mbsc-ic-left .mbsc-input-wrap {
- padding-left: 2.25em
- }
- .mbsc-rtl.mbsc-material.mbsc-progress.mbsc-ic-left .mbsc-input-wrap {
- padding-right: 2.25em
- }
- .mbsc-ltr.mbsc-material.mbsc-progress.mbsc-ic-right {
- padding-right: 3.25em
- }
- .mbsc-rtl.mbsc-material.mbsc-progress.mbsc-ic-right {
- padding-left: 3.25em
- }
- .mbsc-material.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
- right: auto;
- left: -0.375em
- }
- .mbsc-rtl.mbsc-material.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
- left: auto;
- right: -0.375em
- }
- .mbsc-material.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
- left: auto;
- right: -2.625em
- }
- .mbsc-rtl.mbsc-material.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
- right: auto;
- left: -2.625em
- }
- .mbsc-material.mbsc-progress .mbsc-label {
- font-size: .75em
- }
- .mbsc-material .mbsc-progress-cont {
- padding: 1.25em 0
- }
- .mbsc-material .mbsc-progress-track {
- background: #b2b2b2;
- height: .125em
- }
- .mbsc-material .mbsc-progress-bar {
- background: #009688
- }
- .mbsc-material .mbsc-progress-value {
- font-size: .75em;
- width: 4em
- }
- .mbsc-ltr.mbsc-material.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap,
- .mbsc-rtl.mbsc-material.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
- padding-right: 3.25em
- }
- .mbsc-ltr.mbsc-material.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap,
- .mbsc-rtl.mbsc-material.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
- padding-left: 3.25em
- }
- .mbsc-ltr.mbsc-material.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap {
- padding-left: 5.5em
- }
- .mbsc-rtl.mbsc-material.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap {
- padding-right: 5.5em
- }
- .mbsc-material.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value {
- left: 2.25em
- }
- .mbsc-rtl.mbsc-material.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value {
- left: auto;
- right: 2.25em
- }
- .mbsc-material .mbsc-progress-primary .mbsc-progress-bar {
- background: #3f97f6
- }
- .mbsc-material .mbsc-progress-secondary .mbsc-progress-bar {
- background: #90979E
- }
- .mbsc-material .mbsc-progress-success .mbsc-progress-bar {
- background: #43BE5F
- }
- .mbsc-material .mbsc-progress-danger .mbsc-progress-bar {
- background: #f5504e
- }
- .mbsc-material .mbsc-progress-warning .mbsc-progress-bar {
- background: #f8b042
- }
- .mbsc-material .mbsc-progress-info .mbsc-progress-bar {
- background: #5BB7C5
- }
- .mbsc-material.mbsc-slider .mbsc-input-wrap {
- padding: 0 .5em
- }
- .mbsc-material .mbsc-slider-step {
- background: #000
- }
- .mbsc-material .mbsc-slider-handle {
- top: 50%;
- width: .75em;
- height: .75em;
- margin: -0.5em -0.5em 0 0;
- border: 2px solid #009688;
- border-radius: 1.125em;
- background: #009688;
- -webkit-transform: scale(1);
- transform: scale(1);
- -webkit-transition: -webkit-transform .2s ease-in-out;
- transition: transform .2s ease-in-out
- }
- .mbsc-material .mbsc-slider-handle:focus,
- .mbsc-material .mbsc-active .mbsc-slider-handle {
- -webkit-transform: scale(1.4);
- transform: scale(1.4)
- }
- .mbsc-material .mbsc-slider-start .mbsc-slider-handle {
- border-color: #b2b2b2;
- background: #eee
- }
- .mbsc-material .mbsc-slider-handle:before {
- content: '';
- position: absolute;
- z-index: -1;
- top: -0.625em;
- left: -0.625em;
- width: 2em;
- height: 2em;
- opacity: 0;
- background: rgba(0, 0, 0, 0.1);
- border-radius: 2.875em;
- -webkit-transition: opacity .2s ease-in-out;
- transition: opacity .2s ease-in-out
- }
- .mbsc-material .mbsc-active .mbsc-slider-handle:before {
- opacity: 1
- }
- .mbsc-material .mbsc-slider-tooltip {
- margin-right: -1.16665em;
- top: -2.5em;
- width: 2.33333333em;
- height: 2.33333333em;
- border-radius: 2.33333333em;
- line-height: 2.33333333em;
- text-align: center;
- font-size: .75em;
- color: #eee;
- background-color: #009688;
- -webkit-transform: scale(.4) translate3d(0, 6em, 0);
- transform: scale(.4) translate3d(0, 6em, 0);
- -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
- transition: transform .2s ease-in-out, opacity .2s ease-in-out
- }
- .mbsc-material .mbsc-slider-tooltip:before {
- position: absolute;
- content: '';
- width: 0;
- height: 0;
- border-left: .8333em solid transparent;
- border-right: .8333em solid transparent;
- border-top: 1em solid #009688;
- bottom: -0.66666em;
- left: .3333em
- }
- .mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-handle:focus~.mbsc-slider-tooltip,
- .mbsc-material.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-tooltip {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) scale(1);
- transform: translate3d(0, 0, 0) scale(1)
- }
- .mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-handle:focus,
- .mbsc-material.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle {
- -webkit-transform: scale(0);
- transform: scale(0)
- }
- .mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip {
- background: #b2b2b2
- }
- .mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip:before {
- border-top-color: #b2b2b2
- }
- .mbsc-material.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-progress-track {
- opacity: .4
- }
- .mbsc-material.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-progress-bar {
- background: #b2b2b2
- }
- .mbsc-material.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-slider-handle {
- background: #b2b2b2;
- border-color: #b2b2b2;
- -webkit-transform: scale(.7);
- transform: scale(.7);
- box-shadow: 0 0 0 .3125em #eee
- }
- .mbsc-material.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-slider-start .mbsc-slider-handle {
- border-color: #b2b2b2;
- background: #eee
- }
- .mbsc-material .mbsc-slider-primary .mbsc-slider-tooltip,
- .mbsc-material .mbsc-slider-primary .mbsc-slider-handle {
- background: #3f97f6;
- border-color: #3f97f6
- }
- .mbsc-material .mbsc-slider-primary .mbsc-slider-tooltip:before {
- border-top-color: #3f97f6
- }
- .mbsc-material .mbsc-slider-primary .mbsc-progress-bar {
- background: #3f97f6
- }
- .mbsc-material .mbsc-slider-secondary .mbsc-slider-tooltip,
- .mbsc-material .mbsc-slider-secondary .mbsc-slider-handle {
- background: #90979E;
- border-color: #90979E
- }
- .mbsc-material .mbsc-slider-secondary .mbsc-slider-tooltip:before {
- border-top-color: #90979E
- }
- .mbsc-material .mbsc-slider-secondary .mbsc-progress-bar {
- background: #90979E
- }
- .mbsc-material .mbsc-slider-success .mbsc-slider-tooltip,
- .mbsc-material .mbsc-slider-success .mbsc-slider-handle {
- background: #43BE5F;
- border-color: #43BE5F
- }
- .mbsc-material .mbsc-slider-success .mbsc-slider-tooltip:before {
- border-top-color: #43BE5F
- }
- .mbsc-material .mbsc-slider-success .mbsc-progress-bar {
- background: #43BE5F
- }
- .mbsc-material .mbsc-slider-danger .mbsc-slider-tooltip,
- .mbsc-material .mbsc-slider-danger .mbsc-slider-handle {
- background: #f5504e;
- border-color: #f5504e
- }
- .mbsc-material .mbsc-slider-danger .mbsc-slider-tooltip:before {
- border-top-color: #f5504e
- }
- .mbsc-material .mbsc-slider-danger .mbsc-progress-bar {
- background: #f5504e
- }
- .mbsc-material .mbsc-slider-warning .mbsc-slider-tooltip,
- .mbsc-material .mbsc-slider-warning .mbsc-slider-handle {
- background: #f8b042;
- border-color: #f8b042
- }
- .mbsc-material .mbsc-slider-warning .mbsc-slider-tooltip:before {
- border-top-color: #f8b042
- }
- .mbsc-material .mbsc-slider-warning .mbsc-progress-bar {
- background: #f8b042
- }
- .mbsc-material .mbsc-slider-info .mbsc-slider-tooltip,
- .mbsc-material .mbsc-slider-info .mbsc-slider-handle {
- background: #5BB7C5;
- border-color: #5BB7C5
- }
- .mbsc-material .mbsc-slider-info .mbsc-slider-tooltip:before {
- border-top-color: #5BB7C5
- }
- .mbsc-material .mbsc-slider-info .mbsc-progress-bar {
- background: #5BB7C5
- }
- .mbsc-material.mbsc-color.mbsc-fr-bubble .mbsc-fr-w,
- .mbsc-material.mbsc-color.mbsc-fr-center .mbsc-fr-w {
- max-width: 248px;
- min-width: 246px
- }
- .mbsc-material.mbsc-color .mbsc-fr-c {
- padding: .5em
- }
- .mbsc-material .mbsc-color-clear-item,
- .mbsc-material .mbsc-color-item {
- margin: 0;
- border: 0;
- box-shadow: none;
- overflow: hidden
- }
- .mbsc-material .mbsc-color-clear-cross {
- height: 140%;
- top: -11px;
- left: 50%
- }
- .mbsc-material .mbsc-color-active {
- border-radius: 0;
- box-shadow: none
- }
- .mbsc-material .mbsc-color-row {
- padding: 0
- }
- .mbsc-material .mbsc-color-active .mbsc-color-item,
- .mbsc-material.mbsc-no-touch .mbsc-color-item:hover,
- .mbsc-material .mbsc-color-active .mbsc-color-preview-item {
- box-shadow: inset 0 0 0 .1875em #009688
- }
- .mbsc-material .mbsc-color-item-c {
- padding: 0;
- border: 1px solid transparent
- }
- .mbsc-material .mbsc-color-preview-item {
- margin: .25em .125em
- }
- .mbsc-material.mbsc-color .mbsc-color-slider-cont .mbsc-slider-handle-cont {
- top: .15625em
- }
- .mbsc-material .mbsc-color-item:before {
- color: #eee
- }
- .mbsc-material.mbsc-form .mbsc-color-input {
- height: auto;
- min-height: 2.125em;
- padding: 0 0 1px 0;
- background-color: transparent;
- border-bottom: 1px solid #6d6d6d;
- font-size: 1em;
- color: #1f1f1f
- }
- .mbsc-material.mbsc-form .mbsc-color-input-item {
- margin: .25em .125em 0 .125em
- }
- .mbsc-lv-material {
- font-family: arial, verdana, sans-serif;
- padding-top: 1px
- }
- .mbsc-lv-material .mbsc-lv {
- background: #b2b2b2
- }
- .mbsc-lv-material .mbsc-lv-item {
- overflow: hidden;
- margin-top: -1px;
- padding: 1.1875em 1em;
- background: #eee;
- color: #5b5b5b;
- font-weight: normal
- }
- .mbsc-lv-material .mbsc-lv-gr-title {
- margin-top: -1px;
- font-size: .875em;
- font-weight: bold;
- padding: .5714em 1.14285em;
- background: #eee;
- color: #009688
- }
- .mbsc-material .mbsc-cal-events {
- margin: .4375em 0;
- color: #eee
- }
- .mbsc-material .mbsc-cal-events-i {
- margin: 0 1em
- }
- .mbsc-material .mbsc-cal-events-b {
- margin: .4375em 0
- }
- .mbsc-material .mbsc-cal-event {
- margin: 0;
- padding: .625em 5em .625em .625em;
- font-size: .75em
- }
- .mbsc-material .mbsc-cal-event-color {
- width: 100%;
- background: #009688
- }
- .mbsc-material .mbsc-cal-event-time,
- .mbsc-material .mbsc-cal-event-text {
- position: relative;
- z-index: 1
- }
- .mbsc-material .mbsc-cal-event-time,
- .mbsc-material .mbsc-cal-event-dur {
- color: #eee
- }
- .mbsc-material .mbsc-cal-events-arr {
- border-color: #009688 transparent transparent transparent
- }
- .mbsc-material .mbsc-cal-events-b .mbsc-cal-events-arr {
- border-color: transparent transparent #009688 transparent
- }
- .mbsc-material .mbsc-event-list .mbsc-lv {
- background: none
- }
- .mbsc-material .mbsc-event-list .mbsc-lv-item {
- margin: .5em;
- padding: .5em;
- color: #fff
- }
- .mbsc-material .mbsc-ltr .mbsc-event-time {
- text-align: left
- }
- .mbsc-material .mbsc-rtl .mbsc-event-time {
- text-align: right
- }
- .mbsc-material .mbsc-event-color {
- position: absolute;
- width: auto;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- z-index: -1;
- margin: 0;
- background: #009688;
- border-radius: .214286em
- }
- .mbsc-material .mbsc-event-txt {
- padding: 0 1em
- }
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-c {
- padding: 0
- }
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-days>div {
- padding: 0 .714286em;
- font-size: .875em
- }
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-picker {
- padding-top: 1.875em;
- padding-bottom: 0
- }
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
- border-top: 1px solid #d6d6d6
- }
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
- border-left: 1px solid #d6d6d6;
- border-bottom: 1px solid #d6d6d6
- }
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-date {
- margin: .230769em;
- margin-bottom: .461538em
- }
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-has-txt .mbsc-cal-day {
- padding-bottom: 1.1875em
- }
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal .mbsc-cal-day .mbsc-cal-marks {
- margin: -0.5em 1.125em 0 1.125em;
- -webkit-transform: none;
- transform: none
- }
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-txt {
- left: .3em;
- right: .3em;
- padding: 0 .5em
- }
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-days,
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day {
- text-align: left
- }
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-days,
- .mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day {
- text-align: right
- }
- .mbsc-lv-material .mbsc-lv-item:after {
- content: '';
- position: absolute;
- z-index: -1;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- display: block;
- pointer-events: none;
- -webkit-transition: background-color .2s ease-out;
- transition: background-color .2s ease-out
- }
- .mbsc-lv-material .mbsc-lv-item-hl:after,
- .mbsc-lv-material .mbsc-lv-item-active::after,
- .mbsc-lv-material .mbsc-lv-item-dragging:after {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-lv-material .mbsc-lv-item-dragging {
- margin: 0
- }
- .mbsc-lv-material .mbsc-lv-item-swiping {
- overflow: visible
- }
- .mbsc-lv-material.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
- background: #f7f7f7
- }
- .mbsc-lv-material.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item {
- padding-left: 3.125em
- }
- .mbsc-lv-material.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item {
- padding-right: 3.125em
- }
- .mbsc-lv-material .mbsc-lv-ic-m {
- color: #fff
- }
- .mbsc-lv-material .mbsc-lv-arr {
- color: #009688
- }
- .mbsc-lv-material .mbsc-lv-arr:before {
- font-size: 1.5em
- }
- .mbsc-lv-material .mbsc-lv-handle-c {
- width: 3.125em
- }
- .mbsc-lv-material .mbsc-lv-handle-bar {
- margin: .125em 1em;
- background: #009688
- }
- .mbsc-lv-material .mbsc-lv-img-left .mbsc-lv-img {
- left: 2.25em
- }
- .mbsc-lv-material .mbsc-lv-img-right .mbsc-lv-img {
- right: -0.25em
- }
- .mbsc-lv-material.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
- left: 4.375em
- }
- .mbsc-lv-material.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
- right: 1.875em
- }
- .mbsc-lv-material.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item.mbsc-lv-img-left {
- padding-left: 6.625em
- }
- .mbsc-lv-material.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item.mbsc-lv-img-right {
- padding-right: 6.625em
- }
- .mbsc-lv-material.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
- left: 3.125em
- }
- .mbsc-lv-material.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
- right: 3.125em
- }
- .mbsc-lv-material.mbsc-lv-handle-left .mbsc-lv-item-ic-left {
- padding-left: 6.125em
- }
- .mbsc-lv-material.mbsc-lv-handle-right .mbsc-lv-item-ic-right {
- padding-right: 6.125em
- }
- .mbsc-lv-material p.mbsc-lv-txt {
- color: #757575
- }
- .mbsc-material .mbsc-input input,
- .mbsc-material .mbsc-input textarea {
- height: 2.125em;
- padding: 0 0 1px 0;
- background-color: transparent;
- border-bottom: 1px solid #6d6d6d;
- font-size: 1em;
- color: #1f1f1f
- }
- .mbsc-material .mbsc-input select:disabled~input,
- .mbsc-material .mbsc-input textarea:disabled,
- .mbsc-material .mbsc-input input:disabled {
- border-style: dotted;
- opacity: .5
- }
- .mbsc-material .mbsc-input textarea:-webkit-autofill,
- .mbsc-material .mbsc-input input:-webkit-autofill {
- padding: 0 .25em
- }
- .mbsc-material .mbsc-input input:focus,
- .mbsc-material .mbsc-input textarea:focus,
- .mbsc-material .mbsc-input select:focus~input {
- padding-bottom: 0;
- border-bottom: 2px solid #009688
- }
- .mbsc-material .mbsc-input {
- padding: .5em 1em
- }
- .mbsc-material .mbsc-input.mbsc-err input,
- .mbsc-material .mbsc-input.mbsc-err textarea {
- padding: 0;
- border-bottom: 2px solid #de3226
- }
- .mbsc-material .mbsc-input-ic {
- top: .0625em;
- margin: -2px 0 0 0
- }
- .mbsc-material .mbsc-input.mbsc-ic-right {
- padding-right: 3.25em
- }
- .mbsc-material.mbsc-rtl .mbsc-input.mbsc-ic-right {
- padding-left: 3.25em;
- padding-right: 1em
- }
- .mbsc-material .mbsc-ic-left .mbsc-input-wrap {
- padding-left: 2.25em
- }
- .mbsc-material.mbsc-rtl .mbsc-ic-left .mbsc-input-wrap {
- padding-right: 2.25em;
- padding-left: 0
- }
- .mbsc-material .mbsc-ic-left .mbsc-left-ic {
- right: auto;
- left: -0.375em
- }
- .mbsc-material.mbsc-rtl .mbsc-ic-left .mbsc-left-ic {
- left: auto;
- right: -0.375em
- }
- .mbsc-material .mbsc-ic-right .mbsc-right-ic {
- left: auto;
- right: -2.625em
- }
- .mbsc-material.mbsc-rtl .mbsc-ic-right .mbsc-right-ic {
- right: auto;
- left: -2.625em
- }
- .mbsc-material .mbsc-input .mbsc-label {
- font-size: .75em
- }
- .mbsc-material.mbsc-rating .mbsc-progress-track {
- color: #009688
- }
- .mbsc-material.mbsc-rating .mbsc-slider-handle:before {
- display: none
- }
- .mbsc-material.mbsc-rating .mbsc-label {
- padding-bottom: .5em
- }
- .mbsc-material.mbsc-rating input:disabled~.mbsc-progress-cont .mbsc-progress-track {
- opacity: .4
- }
- .mbsc-material.mbsc-rating.mbsc-rating-primary .mbsc-progress-track {
- color: #3f97f6
- }
- .mbsc-material.mbsc-rating.mbsc-rating-secondary .mbsc-progress-track {
- color: #90979E
- }
- .mbsc-material.mbsc-rating.mbsc-rating-success .mbsc-progress-track {
- color: #43BE5F
- }
- .mbsc-material.mbsc-rating.mbsc-rating-danger .mbsc-progress-track {
- color: #f5504e
- }
- .mbsc-material.mbsc-rating.mbsc-rating-warning .mbsc-progress-track {
- color: #f8b042
- }
- .mbsc-material.mbsc-rating.mbsc-rating-info .mbsc-progress-track {
- color: #5BB7C5
- }
- .mbsc-material.mbsc-snackbar .mbsc-fr-w {
- background: #323232;
- color: #fff
- }
- .mbsc-material.mbsc-snackbar .mbsc-snackbar-btn {
- color: #00ad9c
- }
- .mbsc-material.mbsc-toast .mbsc-toast-msg {
- background: #505050;
- opacity: .9;
- border-radius: 1.571429em;
- color: #fff
- }
- .mbsc-material.mbsc-snackbar.mbsc-primary .mbsc-fr-w,
- .mbsc-material.mbsc-toast.mbsc-primary .mbsc-toast-msg {
- background: #3f97f6;
- color: #eee
- }
- .mbsc-material.mbsc-snackbar.mbsc-secondary .mbsc-fr-w,
- .mbsc-material.mbsc-toast.mbsc-secondary .mbsc-toast-msg {
- background: #90979E;
- color: #eee
- }
- .mbsc-material.mbsc-snackbar.mbsc-success .mbsc-fr-w,
- .mbsc-material.mbsc-toast.mbsc-success .mbsc-toast-msg {
- background: #43BE5F;
- color: #eee
- }
- .mbsc-material.mbsc-snackbar.mbsc-danger .mbsc-fr-w,
- .mbsc-material.mbsc-toast.mbsc-danger .mbsc-toast-msg {
- background: #f5504e;
- color: #eee
- }
- .mbsc-material.mbsc-snackbar.mbsc-warning .mbsc-fr-w,
- .mbsc-material.mbsc-toast.mbsc-warning .mbsc-toast-msg {
- background: #f8b042;
- color: #eee
- }
- .mbsc-material.mbsc-snackbar.mbsc-info .mbsc-fr-w,
- .mbsc-material.mbsc-toast.mbsc-info .mbsc-toast-msg {
- background: #5BB7C5;
- color: #eee
- }
- .mbsc-material.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn,
- .mbsc-material.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn,
- .mbsc-material.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn,
- .mbsc-material.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn,
- .mbsc-material.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn,
- .mbsc-material.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn {
- color: #eee
- }
- .mbsc-material .mbsc-collapsible .mbsc-collapsible-header {
- padding-right: 3em
- }
- .mbsc-material .mbsc-collapsible .mbsc-form-group-title .mbsc-collapsible-icon {
- margin-top: 0
- }
- .mbsc-material.mbsc-form {
- background-color: #eee;
- color: #6d6d6d
- }
- .mbsc-material.mbsc-form *::-moz-selection {
- color: #fff;
- background: #009688
- }
- .mbsc-material.mbsc-form *::selection {
- color: #fff;
- background: #009688
- }
- .mbsc-material .mbsc-desc {
- opacity: .7
- }
- .mbsc-material .mbsc-divider,
- .mbsc-material .mbsc-form-group-title {
- padding: 1.5em 1em .5em 1em;
- color: #009688
- }
- .mbsc-material .mbsc-err-msg {
- padding-top: .75em;
- font-size: .75em;
- color: #de3226
- }
- .mbsc-material .mbsc-input textarea {
- padding-top: .25em
- }
- .mbsc-material .mbsc-select input {
- padding-right: 1em
- }
- .mbsc-material.mbsc-rtl .mbsc-select input {
- padding-right: 0;
- padding-left: 1em
- }
- .mbsc-material .mbsc-select .mbsc-input-wrap:after {
- content: '';
- position: absolute;
- height: 0;
- width: 0;
- top: .875em;
- right: 0;
- border: 5px solid #6d6d6d;
- border-color: #6d6d6d transparent transparent transparent
- }
- .mbsc-material.mbsc-rtl .mbsc-select .mbsc-input-wrap:after {
- right: auto;
- left: 0
- }
- .mbsc-material .mbsc-select-inline .mbsc-input-wrap:after {
- display: none
- }
- .mbsc-material.mbsc-form .mbsc-checkbox,
- .mbsc-material.mbsc-form .mbsc-radio {
- padding: .9375em 3.5em .9375em 1em;
- line-height: 1.25em
- }
- .mbsc-material.mbsc-rtl .mbsc-checkbox,
- .mbsc-material.mbsc-rtl .mbsc-radio {
- padding: .9375em 1em .9375em 3.5em
- }
- .mbsc-material .mbsc-checkbox-box,
- .mbsc-material .mbsc-radio-box {
- right: 1.25em;
- width: 1.125em;
- height: 1.125em;
- margin-top: -0.5625em;
- background: transparent;
- border: .125em solid #6d6d6d;
- -webkit-transition: background-color .1s ease-out;
- transition: background-color .1s ease-out
- }
- .mbsc-material.mbsc-rtl .mbsc-checkbox-box,
- .mbsc-material.mbsc-rtl .mbsc-radio-box {
- right: auto;
- left: 1.25em
- }
- .mbsc-material .mbsc-checkbox-box:after,
- .mbsc-material .mbsc-radio-box:after {
- opacity: 1;
- -webkit-transform: scale(0) rotate(-45deg);
- transform: scale(0) rotate(-45deg);
- -webkit-transition: -webkit-transform .1s ease-out;
- transition: transform .1s ease-out
- }
- .mbsc-material .mbsc-checkbox input:checked+.mbsc-checkbox-box:after,
- .mbsc-material .mbsc-radio input:checked+.mbsc-radio-box:after {
- -webkit-transform: scale(1) rotate(-45deg);
- transform: scale(1) rotate(-45deg)
- }
- .mbsc-material .mbsc-checkbox-box:before,
- .mbsc-material .mbsc-radio-box:before {
- content: '';
- position: absolute;
- top: -1em;
- left: -1em;
- z-index: -1;
- width: 2.875em;
- height: 2.875em;
- opacity: 0;
- background: rgba(0, 0, 0, 0.1);
- border-radius: 2.875em;
- -webkit-transition: opacity .2s ease-in-out;
- transition: opacity .2s ease-in-out
- }
- .mbsc-material .mbsc-checkbox input:disabled+.mbsc-checkbox-box,
- .mbsc-material .mbsc-checkbox input:disabled~.mbsc-label,
- .mbsc-material .mbsc-checkbox input:disabled~.mbsc-desc,
- .mbsc-material .mbsc-radio input:disabled+.mbsc-radio-box,
- .mbsc-material .mbsc-radio input:disabled~.mbsc-label,
- .mbsc-material .mbsc-radio input:disabled~.mbsc-desc,
- .mbsc-material .mbsc-switch input:disabled~.mbsc-label,
- .mbsc-material .mbsc-switch input:disabled~.mbsc-desc {
- opacity: .3
- }
- .mbsc-material .mbsc-checkbox input.mbsc-active+.mbsc-checkbox-box:before,
- .mbsc-material .mbsc-radio input.mbsc-active+.mbsc-radio-box:before,
- .mbsc-material .mbsc-switch input.mbsc-active+.mbsc-switch-track .mbsc-switch-handle:before {
- opacity: 1
- }
- .mbsc-material .mbsc-checkbox-box {
- border-radius: .1875em
- }
- .mbsc-material .mbsc-checkbox-box:after {
- top: .125em;
- left: .0625em;
- width: .8125em;
- height: .4375em;
- border: .125em solid #fff;
- border-top: 0;
- border-right: 0
- }
- .mbsc-material .mbsc-checkbox input:checked+.mbsc-checkbox-box {
- background: #009688;
- border-color: #009688
- }
- .mbsc-material .mbsc-checkbox-primary.mbsc-checkbox input:checked+.mbsc-checkbox-box {
- background: #3f97f6;
- border-color: #3f97f6
- }
- .mbsc-material .mbsc-checkbox-secondary.mbsc-checkbox input:checked .mbsc-checkbox-box {
- background: #90979E;
- border-color: #90979E
- }
- .mbsc-material .mbsc-checkbox-success.mbsc-checkbox input:checked+.mbsc-checkbox-box {
- background: #43BE5F;
- border-color: #43BE5F
- }
- .mbsc-material .mbsc-checkbox-danger.mbsc-checkbox input:checked+.mbsc-checkbox-box {
- background: #f5504e;
- border-color: #f5504e
- }
- .mbsc-material .mbsc-checkbox-warning.mbsc-checkbox input:checked+.mbsc-checkbox-box {
- background: #f8b042;
- border-color: #f8b042
- }
- .mbsc-material .mbsc-checkbox-info.mbsc-checkbox input:checked+.mbsc-checkbox-box {
- background: #5BB7C5;
- border-color: #5BB7C5
- }
- .mbsc-material .mbsc-radio-box:after {
- width: .625em;
- height: .625em;
- margin-top: -0.3125em;
- margin-left: -0.3125em;
- background: #009688;
- border-radius: .625em
- }
- .mbsc-material .mbsc-radio input:checked+.mbsc-radio-box {
- background: transparent;
- border-color: #009688
- }
- .mbsc-material .mbsc-radio-primary.mbsc-radio input:checked+.mbsc-radio-box {
- border-color: #3f97f6
- }
- .mbsc-material .mbsc-radio-primary.mbsc-radio input:checked+.mbsc-radio-box:after {
- background: #3f97f6
- }
- .mbsc-material .mbsc-radio-secondary.mbsc-radio input:checked+.mbsc-radio-box {
- border-color: #90979E
- }
- .mbsc-material .mbsc-radio-secondary.mbsc-radio input:checked+.mbsc-radio-box:after {
- background: #90979E
- }
- .mbsc-material .mbsc-radio-success.mbsc-radio input:checked+.mbsc-radio-box {
- border-color: #43BE5F
- }
- .mbsc-material .mbsc-radio-success.mbsc-radio input:checked+.mbsc-radio-box:after {
- background: #43BE5F
- }
- .mbsc-material .mbsc-radio-danger.mbsc-radio input:checked+.mbsc-radio-box {
- border-color: #f5504e
- }
- .mbsc-material .mbsc-radio-danger.mbsc-radio input:checked+.mbsc-radio-box:after {
- background: #f5504e
- }
- .mbsc-material .mbsc-radio-warning.mbsc-radio input:checked+.mbsc-radio-box {
- border-color: #f8b042
- }
- .mbsc-material .mbsc-radio-warning.mbsc-radio input:checked+.mbsc-radio-box:after {
- background: #f8b042
- }
- .mbsc-material .mbsc-radio-info.mbsc-radio input:checked+.mbsc-radio-box {
- border-color: #5BB7C5
- }
- .mbsc-material .mbsc-radio-info.mbsc-radio input:checked+.mbsc-radio-box:after {
- background: #5BB7C5
- }
- .mbsc-material .mbsc-btn {
- margin: .5em;
- padding: .7143em;
- background: #d6d6d6;
- border-radius: .2143em;
- color: #000;
- font-size: .875em;
- font-weight: bold;
- text-transform: uppercase;
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
- -webkit-transition: box-shadow .2s ease-out, background-color .2s ease-out;
- transition: box-shadow .2s ease-out, background-color .2s ease-out
- }
- .mbsc-material .mbsc-btn-ic {
- padding: 0 .5em 0 0
- }
- .mbsc-material .mbsc-btn-icon-only .mbsc-btn-ic {
- padding: 0 .5em
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn:not(:disabled):hover,
- .mbsc-material .mbsc-btn.mbsc-active {
- background: #cbcbcb;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4)
- }
- .mbsc-material .mbsc-btn-flat {
- background: transparent;
- box-shadow: none
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover,
- .mbsc-material .mbsc-btn-flat.mbsc-active {
- background-color: #d6d6d6;
- box-shadow: none
- }
- .mbsc-material .mbsc-btn-group,
- .mbsc-material .mbsc-btn-group-justified {
- padding: 0 .5em
- }
- .mbsc-material .mbsc-btn-group-block {
- padding: 0 1em
- }
- .mbsc-material .mbsc-btn:disabled {
- color: #a6a6a6;
- box-shadow: none
- }
- .mbsc-material .mbsc-btn.mbsc-btn-outline:disabled {
- color: #a6a6a6;
- border-color: #a6a6a6
- }
- .mbsc-material .mbsc-btn-primary.mbsc-btn {
- background: #3f97f6;
- color: #eee
- }
- .mbsc-material .mbsc-btn-primary.mbsc-btn.mbsc-active {
- background: #0e7df4
- }
- .mbsc-material .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat {
- color: #3f97f6
- }
- .mbsc-material .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(63, 151, 246, 0.3)
- }
- .mbsc-material .mbsc-btn-secondary.mbsc-btn {
- background: #90979E;
- color: #eee
- }
- .mbsc-material .mbsc-btn-secondary.mbsc-btn.mbsc-active {
- background: #757e86
- }
- .mbsc-material .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat {
- color: #90979E
- }
- .mbsc-material .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(144, 151, 158, 0.3)
- }
- .mbsc-material .mbsc-btn-success.mbsc-btn {
- background: #43BE5F;
- color: #eee
- }
- .mbsc-material .mbsc-btn-success.mbsc-btn.mbsc-active {
- background: #35994c
- }
- .mbsc-material .mbsc-btn-success.mbsc-btn.mbsc-btn-flat {
- color: #43BE5F
- }
- .mbsc-material .mbsc-btn-success.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(67, 190, 95, 0.3)
- }
- .mbsc-material .mbsc-btn-danger.mbsc-btn {
- background: #f5504e;
- color: #eee
- }
- .mbsc-material .mbsc-btn-danger.mbsc-btn.mbsc-active {
- background: #f2201e
- }
- .mbsc-material .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat {
- color: #f5504e
- }
- .mbsc-material .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(245, 80, 78, 0.3)
- }
- .mbsc-material .mbsc-btn-warning.mbsc-btn {
- background: #f8b042;
- color: #eee
- }
- .mbsc-material .mbsc-btn-warning.mbsc-btn.mbsc-active {
- background: #f69b11
- }
- .mbsc-material .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat {
- color: #f8b042
- }
- .mbsc-material .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(248, 176, 66, 0.3)
- }
- .mbsc-material .mbsc-btn-info.mbsc-btn {
- background: #5BB7C5;
- color: #eee
- }
- .mbsc-material .mbsc-btn-info.mbsc-btn.mbsc-active {
- background: #3ea0af
- }
- .mbsc-material .mbsc-btn-info.mbsc-btn.mbsc-btn-flat {
- color: #5BB7C5
- }
- .mbsc-material .mbsc-btn-info.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(91, 183, 197, 0.3)
- }
- .mbsc-material .mbsc-btn-light.mbsc-btn {
- background: #fff;
- color: #000
- }
- .mbsc-material .mbsc-btn-light.mbsc-btn.mbsc-active {
- background: #e6e6e6
- }
- .mbsc-material .mbsc-btn-light.mbsc-btn.mbsc-btn-flat {
- color: #aeaeae
- }
- .mbsc-material .mbsc-btn-light.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(238, 238, 238, 0.25)
- }
- .mbsc-material .mbsc-btn-dark.mbsc-btn {
- background: #47494A;
- color: #eee
- }
- .mbsc-material .mbsc-btn-dark.mbsc-btn.mbsc-active {
- background: #2e2f30
- }
- .mbsc-material .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat {
- color: #47494A
- }
- .mbsc-material .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(71, 73, 74, 0.3)
- }
- .mbsc-material .mbsc-btn-flat.mbsc-btn {
- background: transparent
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn {
- background: transparent;
- border: 1px solid #6d6d6d;
- color: #6d6d6d;
- box-shadow: none
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-active.mbsc-control {
- background: #6d6d6d;
- color: #eee;
- opacity: 1
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-primary {
- border-color: #3f97f6;
- color: #3f97f6
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-primary.mbsc-active {
- background: #3f97f6;
- color: #fff
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary {
- border-color: #90979E;
- color: #90979E
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary.mbsc-active {
- background: #90979E;
- color: #fff
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-success {
- border-color: #43BE5F;
- color: #43BE5F
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-success.mbsc-active {
- background: #43BE5F;
- color: #fff
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-danger {
- border-color: #f5504e;
- color: #f5504e
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-danger.mbsc-active {
- background: #f5504e;
- color: #fff
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-warning {
- border-color: #f8b042;
- color: #f8b042
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-warning.mbsc-active {
- background: #f8b042;
- color: #fff
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-info {
- border-color: #5BB7C5;
- color: #5BB7C5
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-info.mbsc-active {
- background: #5BB7C5;
- color: #fff
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-light {
- border-color: #bfbfbf;
- color: #bfbfbf
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-light.mbsc-active {
- background: #bfbfbf;
- color: #bfbfbf
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-dark {
- border-color: #47494A;
- color: #47494A
- }
- .mbsc-material .mbsc-btn-outline.mbsc-btn.mbsc-btn-dark.mbsc-active {
- background: #47494A;
- color: #fff
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-outline.mbsc-btn:hover {
- box-shadow: none
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-primary.mbsc-btn:not(:disabled):hover {
- background: #0e7df4
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-primary.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
- background: #b9d9fc
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-secondary.mbsc-btn:not(:disabled):hover {
- background: #757e86
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-secondary.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
- background: #d4d7d9
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-success.mbsc-btn:not(:disabled):hover {
- background: #35994c
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-success.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
- background: #a2dfb0
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-danger.mbsc-btn:not(:disabled):hover {
- background: #f2201e
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-danger.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
- background: #fcc7c7
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-warning.mbsc-btn:not(:disabled):hover {
- background: #f69b11
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-warning.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
- background: #fde3bd
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-info.mbsc-btn:not(:disabled):hover {
- background: #3ea0af
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-info.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
- background: #b9e0e6
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-light.mbsc-btn:not(:disabled):hover {
- background: #e6e6e6
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-light.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
- background: #fff
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-dark.mbsc-btn.mbsc-btn:not(:disabled):hover {
- background: #2e2f30
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-dark.mbsc-btn.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
- background: #86898b
- }
- .mbsc-material.mbsc-no-touch .mbsc-btn-outline.mbsc-btn:not(:disabled):not(.mbsc-active):hover {
- background: transparent
- }
- .mbsc-material.mbsc-form .mbsc-switch {
- padding: .9375em 4em .9375em 1em;
- line-height: 1.25em
- }
- .mbsc-material.mbsc-rtl .mbsc-switch {
- padding: .9375em 1em .9375em 4em
- }
- .mbsc-material .mbsc-switch-track {
- right: 1.25em;
- width: 1.75em;
- height: .875em;
- padding: 0 .25em;
- margin-top: -0.4375em;
- background: #b2b2b2;
- border-radius: 1.25em
- }
- .mbsc-material.mbsc-rtl .mbsc-switch-track {
- right: auto;
- left: 1.25em
- }
- .mbsc-material .mbsc-switch .mbsc-switch-handle {
- z-index: auto;
- top: .375em;
- left: .375em;
- width: 1.25em;
- height: 1.25em;
- margin: 0;
- border: 0;
- background: #fafafa;
- border-radius: 1.25em;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
- }
- .mbsc-material.mbsc-rtl .mbsc-switch .mbsc-switch-handle {
- left: auto;
- right: .375em
- }
- .mbsc-material .mbsc-switch-handle:before {
- top: -0.625em;
- left: -0.625em;
- width: 2.5em;
- height: 2.5em
- }
- .mbsc-material .mbsc-switch-handle,
- .mbsc-material .mbsc-active .mbsc-switch-handle {
- -webkit-transform: none;
- transform: none
- }
- .mbsc-material .mbsc-switch input:checked+.mbsc-switch-track {
- background-color: #a6d3cf
- }
- .mbsc-material .mbsc-switch input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #009688
- }
- .mbsc-material .mbsc-switch input:disabled+.mbsc-switch-track {
- background: #d6d6d6
- }
- .mbsc-material .mbsc-switch input:disabled+.mbsc-switch-track .mbsc-switch-handle {
- background: #b9b9b9
- }
- .mbsc-material .mbsc-switch.mbsc-switch-primary input:checked+.mbsc-switch-track {
- background: #a0ccfb
- }
- .mbsc-material .mbsc-switch.mbsc-switch-primary input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #3f97f6
- }
- .mbsc-material .mbsc-switch.mbsc-switch-secondary input:checked+.mbsc-switch-track {
- background: #c6cace
- }
- .mbsc-material .mbsc-switch.mbsc-switch-secondary input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #90979E
- }
- .mbsc-material .mbsc-switch.mbsc-switch-success input:checked+.mbsc-switch-track {
- background: #8fd8a0
- }
- .mbsc-material .mbsc-switch.mbsc-switch-success input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #43BE5F
- }
- .mbsc-material .mbsc-switch.mbsc-switch-danger input:checked+.mbsc-switch-track {
- background: #faafaf
- }
- .mbsc-material .mbsc-switch.mbsc-switch-danger input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #f5504e
- }
- .mbsc-material .mbsc-switch.mbsc-switch-warning input:checked+.mbsc-switch-track {
- background: #fcd9a4
- }
- .mbsc-material .mbsc-switch.mbsc-switch-warning input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #f8b042
- }
- .mbsc-material .mbsc-switch.mbsc-switch-info input:checked+.mbsc-switch-track {
- background: #a6d8e0
- }
- .mbsc-material .mbsc-switch.mbsc-switch-info input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #5BB7C5
- }
- .mbsc-material .mbsc-segmented {
- padding: .75em
- }
- .mbsc-material .mbsc-segmented-content {
- height: 2.2857145em;
- margin: 0 -0.07142857em;
- line-height: 2.2857145em;
- padding: 0 .428571em;
- border: .142858em solid #009688;
- color: #000;
- text-transform: capitalize;
- -webkit-backface-visibility: hidden
- }
- .mbsc-material.mbsc-ltr .mbsc-segmented-item:first-child .mbsc-segmented-content,
- .mbsc-material.mbsc-ltr .mbsc-stepper-minus .mbsc-segmented-content,
- .mbsc-material.mbsc-rtl .mbsc-stepper-plus .mbsc-segmented-content,
- .mbsc-material.mbsc-rtl .mbsc-segmented-item:last-child .mbsc-segmented-content {
- border-top-left-radius: .214286em;
- border-bottom-left-radius: .214286em
- }
- .mbsc-material.mbsc-ltr .mbsc-stepper-plus .mbsc-segmented-content,
- .mbsc-material.mbsc-ltr .mbsc-segmented-item:last-child .mbsc-segmented-content,
- .mbsc-material.mbsc-rtl .mbsc-segmented-item:first-child .mbsc-segmented-content,
- .mbsc-material.mbsc-rtl .mbsc-stepper-minus .mbsc-segmented-content {
- border-top-right-radius: .214286em;
- border-bottom-right-radius: .214286em
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content,
- .mbsc-material .mbsc-segmented .mbsc-segmented-item input:checked~.mbsc-segmented-content {
- background: #009688;
- color: #eee
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-material .mbsc-segmented .mbsc-segmented-item .mbsc-active .mbsc-segmented-content {
- background: #cbcbcb;
- color: #000
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-item input:disabled+.mbsc-segmented-content {
- color: #a6a6a6;
- border-color: #b2b2b2;
- background: transparent
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-item input:disabled:checked+.mbsc-segmented-content {
- background: #d6d6d6;
- color: #a6a6a6;
- border-color: #d6d6d6
- }
- .mbsc-material .mbsc-stepper-cont {
- padding: 1.75em 12.875em 1.75em 1em
- }
- .mbsc-material.mbsc-rtl .mbsc-stepper-cont {
- padding: 1.75em 1em 1.75em 12.875em
- }
- .mbsc-material .mbsc-stepper {
- margin-top: -1.125em
- }
- .mbsc-material .mbsc-stepper .mbsc-segmented-content {
- border-color: #d6d6d6;
- border-left: 0;
- border-right: 0
- }
- .mbsc-material .mbsc-stepper-control .mbsc-segmented-content {
- background: #d6d6d6;
- border: 0;
- height: 2.5714285em;
- line-height: 2.5714285em
- }
- .mbsc-material .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,
- .mbsc-material .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,
- .mbsc-material .mbsc-segmented .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content {
- background: #d6d6d6;
- color: #a6a6a6
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-item input:disabled~.mbsc-segmented-item .mbsc-stepper-val {
- background: #eee
- }
- .mbsc-material .mbsc-stepper input:disabled {
- color: #a6a6a6;
- -webkit-text-fill-color: #a6a6a6
- }
- .mbsc-material.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: #cbcbcb;
- color: #000
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-primary .mbsc-segmented-content {
- border-color: #3f97f6;
- color: #3f97f6
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input:checked+.mbsc-segmented-content {
- background: #3f97f6
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-secondary .mbsc-segmented-content {
- border-color: #90979E;
- color: #90979E
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input:checked+.mbsc-segmented-content {
- background: #90979E
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-success .mbsc-segmented-content {
- border-color: #43BE5F;
- color: #43BE5F
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input:checked+.mbsc-segmented-content {
- background: #43BE5F
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-danger .mbsc-segmented-content {
- border-color: #f5504e;
- color: #f5504e
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input:checked+.mbsc-segmented-content {
- background: #f5504e
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-warning .mbsc-segmented-content {
- border-color: #f8b042;
- color: #f8b042
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input:checked+.mbsc-segmented-content {
- background: #f8b042
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-info .mbsc-segmented-content {
- border-color: #5BB7C5;
- color: #5BB7C5
- }
- .mbsc-material .mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input:checked+.mbsc-segmented-content {
- background: #5BB7C5
- }
- .mbsc-material .mbsc-stepper-primary.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
- background: #3f97f6;
- color: #eee;
- border-color: #3f97f6
- }
- .mbsc-material .mbsc-stepper-primary.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
- background: transparent
- }
- .mbsc-material .mbsc-stepper-secondary.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
- background: #90979E;
- color: #eee;
- border-color: #90979E
- }
- .mbsc-material .mbsc-stepper-secondary.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
- background: transparent
- }
- .mbsc-material .mbsc-stepper-success.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
- background: #43BE5F;
- color: #eee;
- border-color: #43BE5F
- }
- .mbsc-material .mbsc-stepper-success.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
- background: transparent
- }
- .mbsc-material .mbsc-stepper-danger.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
- background: #f5504e;
- color: #eee;
- border-color: #f5504e
- }
- .mbsc-material .mbsc-stepper-danger.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
- background: transparent
- }
- .mbsc-material .mbsc-stepper-warning.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
- background: #f8b042;
- color: #eee;
- border-color: #f8b042
- }
- .mbsc-material .mbsc-stepper-warning.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
- background: transparent
- }
- .mbsc-material .mbsc-stepper-info.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
- background: #5BB7C5;
- color: #fff;
- border-color: #5BB7C5
- }
- .mbsc-material .mbsc-stepper-info.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
- background: transparent
- }
- .mbsc-material.mbsc-no-touch .mbsc-stepper-primary.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(63, 151, 246, 0.7)
- }
- .mbsc-material.mbsc-no-touch .mbsc-stepper-secondary.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(144, 151, 158, 0.7)
- }
- .mbsc-material.mbsc-no-touch .mbsc-stepper-success.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(67, 190, 95, 0.7)
- }
- .mbsc-material.mbsc-no-touch .mbsc-stepper-danger.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(245, 80, 78, 0.7)
- }
- .mbsc-material.mbsc-no-touch .mbsc-stepper-warning.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(248, 176, 66, 0.7)
- }
- .mbsc-material.mbsc-no-touch .mbsc-stepper-info.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(91, 183, 197, 0.7)
- }
- .mbsc-material.mbsc-ms-c {
- background: #eee
- }
- .mbsc-material .mbsc-ms .mbsc-ms-item {
- overflow: hidden;
- color: #5b5b5b
- }
- .mbsc-material .mbsc-ms .mbsc-ms-item.mbsc-ms-item-sel {
- color: #009688
- }
- .mbsc-material .mbsc-ms .mbsc-ms-item.mbsc-active {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-material.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-material.mbsc-ms-top {
- border-bottom: 1px solid #c1c1c1
- }
- .mbsc-material.mbsc-ms-bottom {
- border-top: 1px solid #c1c1c1
- }
- .mbsc-material.mbsc-ms-a .mbsc-ms-item.mbsc-ms-item-sel {
- color: #009688
- }
- .mbsc-material.mbsc-ms-b .mbsc-ms-item {
- border: 2px solid transparent;
- border-width: 2px 0
- }
- .mbsc-material.mbsc-ms-b .mbsc-ms-item.mbsc-ms-item-sel {
- border-bottom-color: #009688
- }
- .mbsc-material.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item.mbsc-ms-item-sel {
- border-top-color: #009688;
- border-bottom-color: transparent
- }
- .mbsc-material.mbsc-ms-more .mbsc-wdg-c.mbsc-w-p {
- padding: .5em 0
- }
- .mbsc-material.mbsc-ms-more .mbsc-ms-item {
- padding: .875em 1em
- }
- .mbsc-material .mbsc-np-del,
- .mbsc-material .mbsc-np-btn {
- overflow: hidden
- }
- .mbsc-material .mbsc-np-btn {
- font-size: 1.4545em;
- height: 2.0625em
- }
- .mbsc-material .mbsc-np-del {
- color: #009688;
- font-size: .875em
- }
- .mbsc-material .mbsc-np-tbl-c {
- padding: .5em
- }
- .mbsc-material .mbsc-np-btn.mbsc-disabled {
- opacity: .5
- }
- .mbsc-material .mbsc-range-btn-t {
- border-bottom: 1px solid #c1c1c1
- }
- .mbsc-material .mbsc-range-btn {
- padding: .571428em .285714em;
- color: #5b5b5b;
- border-bottom: 2px solid transparent;
- margin-bottom: -1px;
- font-size: .875em;
- line-height: 1.428571em
- }
- .mbsc-material .mbsc-range-btn.mbsc-selected {
- border-color: #009688;
- color: #009688
- }
- .mbsc-material.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date {
- background: none;
- border-color: transparent
- }
- .mbsc-material.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date {
- background: #009688;
- border-color: #009688;
- color: #eee
- }
- .mbsc-material.mbsc-range .mbsc-cal-day.mbsc-selected:after {
- content: '';
- position: absolute;
- z-index: -1;
- top: .125em;
- left: 0;
- right: 0;
- height: 2.25em;
- background: rgba(0, 150, 136, 0.1)
- }
- .mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,
- .mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after {
- left: 50%;
- margin-left: -1.125em
- }
- .mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,
- .mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after {
- right: 50%;
- margin-right: -1.125em
- }
- .mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,
- .mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-day:first-child:after,
- .mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-first:after,
- .mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after,
- .mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-day:last-child:after,
- .mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-last:after {
- border-top-left-radius: 2em;
- border-bottom-left-radius: 2em
- }
- .mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,
- .mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-day:last-child:after,
- .mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-last:after,
- .mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after,
- .mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-day:first-child:after,
- .mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-first:after {
- border-top-right-radius: 2em;
- border-bottom-right-radius: 2em
- }
- .mbsc-material.mbsc-page {
- background-color: #eee;
- color: #6d6d6d
- }
- .mbsc-material a {
- color: #009688
- }
- .mbsc-material .mbsc-note {
- border-radius: .1875em
- }
- .mbsc-material .mbsc-note,
- .mbsc-material .mbsc-note-primary {
- color: #074b95;
- background-color: #88bff9
- }
- .mbsc-material .mbsc-note-secondary {
- color: #454b50;
- background-color: #b9bdc2
- }
- .mbsc-material .mbsc-note-success {
- color: #1b4d26;
- background-color: #7cd28f
- }
- .mbsc-material .mbsc-note-danger {
- color: #a10b09;
- background-color: #f99896
- }
- .mbsc-material .mbsc-note-warning {
- color: #9b6006;
- background-color: #fbcf8c
- }
- .mbsc-material .mbsc-note-info {
- color: #235b64;
- background-color: #94d0d9
- }
- .mbsc-material .mbsc-note-light {
- color: #666;
- background-color: #fff
- }
- .mbsc-material .mbsc-note-dark {
- color: #000;
- background-color: #797c7e
- }
- .mbsc-material .mbsc-sc-whl-gr {
- padding: 2em .25em
- }
- .mbsc-material .mbsc-sc-cp {
- padding: .5em .25em
- }
- .mbsc-material .mbsc-sc-lbl-v .mbsc-sc-whl-gr {
- padding-top: 2em;
- padding-bottom: 0
- }
- .mbsc-material .mbsc-sc-lbl {
- line-height: 2.666666em;
- color: #009688;
- font-size: .75em;
- font-weight: bold;
- text-transform: uppercase
- }
- .mbsc-material .mbsc-sc-whl-w {
- margin: 0 .25em;
- padding: .5em 0
- }
- .mbsc-material .mbsc-sc-itm {
- padding: 0 .272727em;
- font-size: 1.375em
- }
- .mbsc-material .mbsc-sc-itm.mbsc-active {
- background: rgba(0, 0, 0, 0.1);
- border-radius: 2px
- }
- .mbsc-material .mbsc-sc-whl-l {
- border-top: 2px solid #009688;
- border-bottom: 2px solid #009688
- }
- .mbsc-material .mbsc-sc-cp .mbsc-sc-whl-w {
- padding: 2em 0
- }
- .mbsc-material .mbsc-sc-btn {
- height: 2em !important;
- line-height: 2em !important;
- color: #009688;
- background: #eee;
- overflow: hidden
- }
- .mbsc-material .mbsc-sc-btn:before {
- font-size: 1.5em
- }
- .mbsc-material.mbsc-no-touch .mbsc-sc-btn:hover,
- .mbsc-material .mbsc-sc-btn.mbsc-active {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm {
- padding: 0 1.818181em
- }
- .mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- width: 1.818181em;
- color: #009688
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sc-lbl {
- padding-left: 1.666667em;
- padding-right: 1.666667em
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sc-whl-w {
- margin: 0;
- padding: 0
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sc-itm {
- font-size: 1em;
- padding: 0 1.25em
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm {
- padding: 0 2.5em
- }
- .mbsc-material.mbsc-fr-pointer.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover {
- background: rgba(0, 0, 0, 0.05)
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- width: 2em
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- left: .25em
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- right: .25em
- }
- .mbsc-material .mbsc-sc-whl .mbsc-sel-gr {
- padding: 0 .333333em;
- font-size: 1.125em
- }
- .mbsc-material .mbsc-sel-filter-cont {
- padding: .25em 1em;
- border-bottom: 1px solid #d5d5d5
- }
- .mbsc-material .mbsc-input .mbsc-sel-filter-input:focus,
- .mbsc-material .mbsc-input .mbsc-sel-filter-input {
- border-bottom: 0;
- padding: inherit
- }
- .mbsc-material .mbsc-rtl .mbsc-sel-filter-clear {
- left: -0.5em
- }
- .mbsc-material .mbsc-ltr .mbsc-sel-filter-clear {
- right: -0.5em
- }
- .mbsc-material .mbsc-sel-gr-whl .mbsc-sc-itm {
- padding: 0 .272727em
- }
- .mbsc-material .mbsc-sel-gr-whl .mbsc-sc-itm::before {
- display: none
- }
- .mbsc-material .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
- color: #009688
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm {
- padding: 0 1.25em
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm-sel {
- color: #009688
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm-sel:before {
- display: none
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sel-one.mbsc-sc-whl-multi .mbsc-sc-itm-sel {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sel-one.mbsc-no-touch.mbsc-sc-whl-multi .mbsc-sc-itm-sel:hover {
- background: rgba(0, 0, 0, 0.1)
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sc-whl .mbsc-sel-gr {
- padding: 0 1.25em
- }
- .mbsc-material.mbsc-fr-pointer .mbsc-sc-itm.mbsc-sel-gr-itm {
- padding: 0 2.5em
- }
- .mbsc-material.mbsc-timer .mbsc-fr-btn-cont {
- display: table
- }
- .mbsc-material.mbsc-timer .mbsc-fr-btn-w {
- width: 1px;
- text-align: left;
- display: table-cell;
- float: none
- }
- .mbsc-material.mbsc-timer .mbsc-fr-btn-w:first-child {
- width: auto;
- text-align: left
- }
- .mbsc-material.mbsc-timer .mbsc-fr-btn-w .mbsc-fr-btn {
- display: inline-block;
- vertical-align: middle;
- text-align: center;
- text-decoration: none
- }
- .mbsc-windows .mbsc-cal-month,
- .mbsc-windows .mbsc-cal-year {
- font-size: 1.125em;
- line-height: 2.222223em
- }
- .mbsc-windows .mbsc-cal .mbsc-cal-btn {
- width: 3em;
- height: 3em;
- line-height: 3em;
- padding: 0;
- margin: -0.25em
- }
- .mbsc-windows .mbsc-cal-c {
- padding: .5em
- }
- .mbsc-windows .mbsc-cal-picker {
- background: #f2f2f2;
- padding: .167em
- }
- .mbsc-windows .mbsc-cal-days>div {
- font-size: .9375em;
- color: #727272
- }
- .mbsc-windows .mbsc-cal-today .mbsc-cal-day-date {
- color: #0078d7
- }
- .mbsc-windows .mbsc-cal-day {
- padding: 0
- }
- .mbsc-windows .mbsc-cal-day-date {
- height: 100%;
- font-size: .875em;
- line-height: 2.285714em;
- border: 2px solid transparent;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-windows .mbsc-cal-day-diff .mbsc-cal-day-i {
- background: #e5e5e5;
- opacity: 1
- }
- .mbsc-windows .mbsc-cal-cell:focus .mbsc-cal-day-i {
- background: #d9d9d9
- }
- .mbsc-windows.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled):hover .mbsc-cal-day-i,
- .mbsc-windows.mbsc-no-touch .mbsc-cal-picker .mbsc-cal-cell:not(.mbsc-disabled):hover {
- background: #d9d9d9
- }
- .mbsc-windows .mbsc-selected.mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-cell-i.mbsc-cal-day-i,
- .mbsc-windows .mbsc-cal-picker .mbsc-cal-cell.mbsc-selected,
- .mbsc-windows.mbsc-no-touch .mbsc-cal-picker .mbsc-cal-cell.mbsc-selected:hover {
- background: rgba(0, 120, 215, 0.25)
- }
- .mbsc-windows.mbsc-no-touch .mbsc-cal-tab:hover {
- background: #d9d9d9;
- border-color: #d9d9d9
- }
- .mbsc-windows .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected,
- .mbsc-windows.mbsc-no-touch .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected:hover {
- border-bottom-color: #0078d7;
- border-top-color: transparent;
- color: #0078d7;
- background: #f2f2f2
- }
- .mbsc-windows .mbsc-cal-week-nr {
- width: 2.166667em;
- font-size: .75em;
- font-weight: bold
- }
- .mbsc-windows .mbsc-cal-tabs {
- border-collapse: collapse
- }
- .mbsc-windows .mbsc-cal-tabs .mbsc-cal-tab {
- top: 0;
- font-size: .75em;
- line-height: 2.333334em;
- border-bottom: 4px solid transparent;
- border-top: 4px solid transparent
- }
- .mbsc-windows .mbsc-cal-tabs-c {
- border-bottom: 1px solid #ccc
- }
- .mbsc-windows .mbsc-cal-marks {
- margin-top: -0.625em
- }
- .mbsc-windows .mbsc-cal-mark {
- background: #262626
- }
- .mbsc-windows .mbsc-cal-has-txt .mbsc-cal-day-i {
- padding-bottom: 1em
- }
- .mbsc-windows .mbsc-cal-has-txt .mbsc-cal-day-date {
- line-height: 2.5em
- }
- .mbsc-windows .mbsc-cal-txt {
- left: 0;
- right: 0;
- color: #000;
- background: #c4c4c4
- }
- .mbsc-windows .mbsc-empty {
- color: #727272
- }
- .mbsc-windows.mbsc-card.mbsc-form {
- border-radius: 0;
- background: #f8f8f8;
- box-shadow: 0 0 1px 1px #e5e5e5
- }
- .mbsc-windows.mbsc-card .mbsc-btn {
- margin: 0
- }
- .mbsc-windows.mbsc-card .mbsc-lv-item {
- background: #f8f8f8
- }
- .mbsc-windows .mbsc-card h3.mbsc-card-subtitle,
- .mbsc-windows .mbsc-card-subtitle {
- color: #7c7c7c
- }
- .mbsc-windows .mbsc-card-footer {
- border-color: #e5e5e5
- }
- .mbsc-windows .mbsc-card-footer .mbsc-btn {
- margin-top: -0.625em;
- margin-bottom: -0.625em
- }
- .mbsc-windows .mbsc-fr-w {
- background: #f2f2f2;
- color: #262626;
- font-size: 16px;
- border: 1px solid #ccc
- }
- .mbsc-windows .mbsc-ltr .mbsc-fr-btn-w .mbsc-fr-btn:before {
- padding: 0 .375em 0 0
- }
- .mbsc-windows .mbsc-rtl .mbsc-fr-btn-w .mbsc-fr-btn:before {
- padding: 0 0 0 .375em
- }
- .mbsc-windows.mbsc-fr-inline .mbsc-fr-w {
- border: 0
- }
- .mbsc-windows .mbsc-fr-hdr {
- padding: .5em;
- border-bottom: 2px solid #ccc;
- font-weight: bold
- }
- .mbsc-windows .mbsc-fr-btn-cont {
- border-top: 2px solid #ccc
- }
- .mbsc-windows .mbsc-fr-btn-w {
- background: #f2f2f2
- }
- .mbsc-windows .mbsc-fr-btn {
- height: 2.5em;
- line-height: 2.5em;
- text-align: center;
- color: #262626;
- padding: 0 .375em
- }
- .mbsc-windows.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,
- .mbsc-windows .mbsc-fr-btn.mbsc-active {
- background: #d9d9d9
- }
- .mbsc-windows .mbsc-fr-bubble-bottom .mbsc-fr-arr {
- border-color: transparent transparent #f2f2f2 transparent;
- bottom: -1px
- }
- .mbsc-windows .mbsc-fr-bubble-top .mbsc-fr-arr {
- border-color: #f2f2f2 transparent transparent transparent;
- top: -1px
- }
- .mbsc-windows.mbsc-progress {
- padding: .75em 1em
- }
- .mbsc-windows.mbsc-progress .mbsc-label {
- padding-bottom: .3125em;
- color: #262626;
- font-size: 1em
- }
- .mbsc-windows.mbsc-progress .mbsc-input-wrap {
- padding: 0
- }
- .mbsc-windows.mbsc-progress .mbsc-input-ic {
- color: #262626;
- top: -0.125em
- }
- .mbsc-ltr.mbsc-windows.mbsc-progress.mbsc-ic-right,
- .mbsc-rtl.mbsc-windows.mbsc-progress.mbsc-ic-left {
- padding-right: 3.25em
- }
- .mbsc-ltr.mbsc-windows.mbsc-progress.mbsc-ic-left,
- .mbsc-rtl.mbsc-windows.mbsc-progress.mbsc-ic-right {
- padding-left: 3.25em
- }
- .mbsc-windows.mbsc-progress.mbsc-ic-right .mbsc-right-ic,
- .mbsc-rtl.mbsc-windows.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
- left: auto;
- right: -2.375em
- }
- .mbsc-windows.mbsc-progress.mbsc-ic-left .mbsc-left-ic,
- .mbsc-rtl.mbsc-windows.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
- right: auto;
- left: -2.375em
- }
- .mbsc-ltr.mbsc-windows.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap,
- .mbsc-rtl.mbsc-windows.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
- padding-left: 3.5em
- }
- .mbsc-ltr.mbsc-windows.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap,
- .mbsc-rtl.mbsc-windows.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
- padding-right: 3.5em
- }
- .mbsc-windows .mbsc-progress-cont {
- padding: .75em 0
- }
- .mbsc-windows .mbsc-progress-track {
- background: #e0e0e0;
- height: .25em
- }
- .mbsc-windows .mbsc-progress-bar {
- background: #0078d7
- }
- .mbsc-windows .mbsc-progress-value {
- margin-top: -0.4375em;
- width: 3.5em
- }
- .mbsc-windows .mbsc-progress-step-label {
- top: auto;
- bottom: -2em;
- line-height: normal
- }
- .mbsc-windows .mbsc-progress-primary .mbsc-progress-bar {
- background: #3f97f6
- }
- .mbsc-windows .mbsc-progress-secondary .mbsc-progress-bar {
- background: #90979E
- }
- .mbsc-windows .mbsc-progress-success .mbsc-progress-bar {
- background: #43BE5F
- }
- .mbsc-windows .mbsc-progress-danger .mbsc-progress-bar {
- background: #f5504e
- }
- .mbsc-windows .mbsc-progress-warning .mbsc-progress-bar {
- background: #f8b042
- }
- .mbsc-windows .mbsc-progress-info .mbsc-progress-bar {
- background: #5BB7C5
- }
- .mbsc-windows.mbsc-slider .mbsc-input-wrap {
- padding: 0 .3125em
- }
- .mbsc-windows.mbsc-slider .mbsc-input-ic {
- top: -0.0625em
- }
- .mbsc-windows.mbsc-slider .mbsc-progress-track {
- height: 6px;
- background: #999;
- border-top: 2px solid #f2f2f2;
- border-bottom: 2px solid #f2f2f2
- }
- .mbsc-windows.mbsc-form .mbsc-slider .mbsc-progress-track {
- border-top-color: #fff;
- border-bottom-color: #fff
- }
- .mbsc-windows.mbsc-slider:hover .mbsc-progress-track {
- background: #666
- }
- .mbsc-windows.mbsc-slider:hover .mbsc-progress-track .mbsc-slider-handle {
- background: #262626
- }
- .mbsc-windows.mbsc-slider .mbsc-active~.mbsc-progress-cont .mbsc-progress-track {
- background: #999
- }
- .mbsc-windows.mbsc-slider .mbsc-active~.mbsc-progress-cont .mbsc-progress-track .mbsc-slider-handle {
- background: #ccc
- }
- .mbsc-windows .mbsc-slider-handle {
- top: 50%;
- width: .5em;
- border-radius: 6px;
- height: 1.5em;
- margin: -0.75em -0.25em 0 0;
- background: #0078d7
- }
- .mbsc-windows .mbsc-slider-tooltip {
- height: 1.875em;
- padding: 0 .75em;
- top: -2.75em;
- border: 1px solid #ccc;
- line-height: 1.875em;
- background: #f2f2f2;
- text-align: center;
- color: #262626;
- -webkit-transition: opacity .2s ease-in-out;
- transition: opacity .2s ease-in-out;
- -webkit-transform: translateX(50%);
- transform: translateX(50%)
- }
- .mbsc-windows .mbsc-slider-handle:focus~.mbsc-slider-tooltip,
- .mbsc-windows .mbsc-active .mbsc-slider-tooltip {
- opacity: 1
- }
- .mbsc-windows .mbsc-slider-step {
- background: #999;
- height: 16px;
- width: 1px;
- top: -7px;
- z-index: -1
- }
- .mbsc-windows .mbsc-progress-bar+.mbsc-slider-step {
- margin: 0
- }
- .mbsc-windows .mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-progress-track {
- opacity: .4
- }
- .mbsc-windows .mbsc-slider-primary .mbsc-progress-bar {
- background: #3f97f6
- }
- .mbsc-windows .mbsc-slider-secondary .mbsc-progress-bar {
- background: #90979E
- }
- .mbsc-windows .mbsc-slider-success .mbsc-progress-bar {
- background: #43BE5F
- }
- .mbsc-windows .mbsc-slider-danger .mbsc-progress-bar {
- background: #f5504e
- }
- .mbsc-windows .mbsc-slider-warning .mbsc-progress-bar {
- background: #f8b042
- }
- .mbsc-windows .mbsc-slider-info .mbsc-progress-bar {
- background: #5BB7C5
- }
- .mbsc-windows.mbsc-color .mbsc-fr-w {
- min-width: 230px
- }
- .mbsc-windows .mbsc-color-cont {
- padding: .25em 0
- }
- .mbsc-windows .mbsc-color-active,
- .mbsc-windows.mbsc-no-touch .mbsc-color-item-c:hover {
- border-radius: 3em;
- box-shadow: inset 0 0 0 .1875em #0078d7
- }
- .mbsc-windows .mbsc-color-clear-item,
- .mbsc-windows .mbsc-color-item {
- border-radius: 1.75em;
- padding: .25em 0
- }
- .mbsc-windows .mbsc-color-clear-item,
- .mbsc-windows .mbsc-color-item {
- border-radius: 1.75em;
- padding: .25em 0
- }
- .mbsc-windows .mbsc-color-preview-item {
- border-radius: 1em;
- margin: .25em
- }
- .mbsc-windows .mbsc-color-clear-item {
- background: #ffffff
- }
- .mbsc-windows .mbsc-color-input:empty:not(:focus):before {
- padding: 0 .3125em
- }
- .mbsc-windows.mbsc-color .mbsc-color-slider-cont .mbsc-progress-track {
- background: #c2c2c2
- }
- .mbsc-windows .mbsc-color-preview-item-empty {
- border-color: #b2b2b2
- }
- .mbsc-windows .mbsc-color-preview-cont {
- border-color: #b2b2b2
- }
- .mbsc-windows.mbsc-form .mbsc-color-input {
- height: auto;
- min-height: 2em;
- padding: 0;
- background: #262626;
- border: .125em solid #262626;
- font-size: 1em;
- background: transparent;
- border-color: #262626;
- color: #262626
- }
- .mbsc-windows .mbsc-ltr .mbsc-dt-whl-m .mbsc-sc-itm,
- .mbsc-windows .mbsc-ltr .mbsc-dt-whl-date .mbsc-sc-itm {
- text-align: left
- }
- .mbsc-windows .mbsc-rtl .mbsc-dt-whl-m .mbsc-sc-itm,
- .mbsc-windows .mbsc-rtl .mbsc-dt-whl-date .mbsc-sc-itm {
- text-align: right
- }
- .mbsc-windows .mbsc-dt-whl-date .mbsc-sc-whl {
- min-width: 120px
- }
- .mbsc-lv-windows .mbsc-lv {
- background: #999
- }
- .mbsc-lv-windows .mbsc-lv-item {
- margin-top: -1px;
- padding: 1.25em;
- background: #f2f2f2;
- color: #262626;
- font-family: Segoe UI, arial, verdana, sans-serif;
- font-weight: normal;
- text-shadow: none
- }
- .mbsc-lv-windows .mbsc-lv-gr-title {
- background: #f2f2f2;
- color: #262626;
- font-size: 1.3125em;
- padding: 1em .625em 0 .625em;
- line-height: 2em
- }
- .mbsc-windows .mbsc-cal-events {
- max-width: 42em;
- padding: .5em;
- font-size: .75em;
- background: rgba(38, 38, 38, 0.8);
- margin: 0 0 .5em 0
- }
- .mbsc-windows .mbsc-cal-events-b {
- margin: .5em 0 0 0
- }
- .mbsc-windows .mbsc-cal-event {
- color: #000;
- background: #bababa;
- border: 1px solid #bababa
- }
- .mbsc-windows .mbsc-cal-events-arr {
- border-color: rgba(38, 38, 38, 0.8) transparent transparent
- }
- .mbsc-windows .mbsc-cal-events-b .mbsc-cal-events-arr {
- border-color: transparent transparent rgba(38, 38, 38, 0.8)
- }
- .mbsc-windows .mbsc-cal-event-color {
- background: #262626
- }
- .mbsc-windows .mbsc-event-list .mbsc-lv-item {
- background: #fff
- }
- .mbsc-windows .mbsc-event-list .mbsc-lv-gr-title {
- background: #fff;
- border-top: 1px solid #e5e5e5;
- margin-top: -1px;
- font-size: .9375em;
- font-weight: bold
- }
- .mbsc-windows .mbsc-event-color {
- width: .5em;
- margin-left: -1em;
- margin-right: 0;
- background: #0078d7;
- -webkit-box-ordinal-group: -1;
- -moz-box-ordinal-group: -1;
- -ms-flex-order: -1;
- -webkit-order: -1;
- order: -1
- }
- .mbsc-windows .mbsc-event-time {
- margin: 0 1em
- }
- .mbsc-windows .mbsc-ltr .mbsc-event-time {
- text-align: left
- }
- .mbsc-windows .mbsc-rtl .mbsc-event-time {
- text-align: right
- }
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-c {
- padding: 0
- }
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-days>div {
- padding: 0 .6em
- }
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-picker {
- padding: 0;
- padding-top: 1.875em
- }
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
- border-top: 1px solid #ccc
- }
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
- background: #fff;
- border-left: 1px solid #ccc;
- border-bottom: 1px solid #ccc
- }
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-diff .mbsc-cal-day-i {
- background: #f2f2f2
- }
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-date {
- padding: 0 .5em
- }
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-marks {
- margin: -0.875em .625em 0 .625em
- }
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-days,
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day,
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day-date {
- text-align: left
- }
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-days,
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day,
- .mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day-date {
- text-align: right
- }
- .mbsc-lv-windows .mbsc-lv-fixed-header {
- font-size: 16px
- }
- .mbsc-lv-windows .mbsc-lv-fill-item {
- background: rgba(255, 255, 255, 0.5)
- }
- .mbsc-lv-windows .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging {
- margin: 0;
- opacity: .7;
- box-shadow: none
- }
- .mbsc-lv-windows .mbsc-lv-handle-bar {
- background: #888
- }
- .mbsc-lv-windows .mbsc-lv-ic-m {
- color: #f2f2f2
- }
- .mbsc-lv-windows.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
- background: #e5e5e5
- }
- .mbsc-lv-windows .mbsc-lv-item-hl,
- .mbsc-lv-windows .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
- background: #ccc
- }
- .mbsc-lv-windows.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item.mbsc-checkbox {
- padding-left: 5em
- }
- .mbsc-lv-windows.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item.mbsc-checkbox .mbsc-checkbox-box {
- left: 3em
- }
- .mbsc-lv-windows .mbsc-lv .mbsc-lv-item.mbsc-lv-item-ic-left.mbsc-checkbox {
- padding-left: 5.625em
- }
- .mbsc-lv-windows .mbsc-lv .mbsc-lv-item.mbsc-lv-item-ic-left.mbsc-checkbox .mbsc-checkbox-box {
- left: 3.25em
- }
- .mbsc-windows .mbsc-input {
- padding: .75em 1em
- }
- .mbsc-windows .mbsc-input input,
- .mbsc-windows .mbsc-input textarea,
- .mbsc-windows .mbsc-select input {
- height: 2em;
- padding: 0 .3125em;
- border: .125em solid #999;
- font-size: 1em;
- color: #262626;
- background: transparent
- }
- .mbsc-windows.mbsc-ltr .mbsc-select input {
- padding-right: 1.75em
- }
- .mbsc-windows.mbsc-rtl .mbsc-select input {
- padding-left: 1.75em
- }
- .mbsc-windows.mbsc-no-touch .mbsc-input input:hover,
- .mbsc-windows.mbsc-no-touch .mbsc-input textarea:hover,
- .mbsc-windows.mbsc-no-touch .mbsc-select:hover input {
- border-color: #666
- }
- .mbsc-windows .mbsc-input textarea {
- padding-top: .125em;
- padding-bottom: .125em
- }
- .mbsc-windows .mbsc-input input::-webkit-input-placeholder {
- color: #5c5c5c
- }
- .mbsc-windows .mbsc-input input::-ms-input-placeholder {
- color: #5c5c5c
- }
- .mbsc-windows .mbsc-input input::-moz-placeholder {
- color: #5c5c5c
- }
- .mbsc-windows .mbsc-input .mbsc-input-wrap input:focus,
- .mbsc-windows .mbsc-input .mbsc-input-wrap select:focus+input,
- .mbsc-windows .mbsc-input .mbsc-input-wrap textarea:focus,
- .mbsc-windows.mbsc-alert .mbsc-input input:focus {
- background: #fff;
- border-color: #0078d7;
- color: #262626
- }
- .mbsc-windows .mbsc-input .mbsc-input-wrap input:focus~.mbsc-input-ic,
- .mbsc-windows .mbsc-input .mbsc-input-wrap select:focus+input~.mbsc-input-ic,
- .mbsc-windows .mbsc-input .mbsc-input-wrap textarea:focus~.mbsc-input-ic,
- .mbsc-windows.mbsc-alert .mbsc-input input:focus~.mbsc-input-ic {
- color: #262626
- }
- .mbsc-windows .mbsc-input .mbsc-input-wrap select:disabled+input,
- .mbsc-windows .mbsc-input .mbsc-input-wrap textarea:disabled,
- .mbsc-windows .mbsc-input .mbsc-input-wrap input:disabled {
- border-color: #ccc
- }
- .mbsc-windows .mbsc-input.mbsc-err input,
- .mbsc-windows .mbsc-input.mbsc-err textarea {
- border-color: #d30101
- }
- .mbsc-windows .mbsc-input-ic {
- top: 0;
- margin-top: 0;
- color: #262626
- }
- .mbsc-windows .mbsc-err-msg {
- color: #d30101
- }
- .mbsc-windows .mbsc-input.mbsc-ic-left input,
- .mbsc-windows .mbsc-input.mbsc-ic-left textarea {
- padding-left: 2.25em
- }
- .mbsc-windows.mbsc-rtl .mbsc-input.mbsc-ic-left input,
- .mbsc-windows.mbsc-rtl .mbsc-input.mbsc-ic-left textarea {
- padding-right: 2.25em;
- padding-left: .3125em
- }
- .mbsc-windows.mbsc-ltr .mbsc-input.mbsc-ic-right input,
- .mbsc-windows.mbsc-ltr .mbsc-input.mbsc-ic-right textarea {
- padding-right: 2.25em
- }
- .mbsc-windows.mbsc-rtl .mbsc-input.mbsc-ic-right input,
- .mbsc-windows.mbsc-rtl .mbsc-input.mbsc-ic-right textarea {
- padding-left: 2.25em
- }
- .mbsc-windows .mbsc-ic-left .mbsc-left-ic,
- .mbsc-windows.mbsc-rtl .mbsc-ic-right .mbsc-right-ic {
- right: auto;
- left: .25em
- }
- .mbsc-windows .mbsc-ic-right .mbsc-right-ic,
- .mbsc-windows.mbsc-rtl .mbsc-ic-left .mbsc-left-ic {
- left: auto;
- right: .25em
- }
- .mbsc-windows .mbsc-input .mbsc-label {
- padding-bottom: .3125em;
- color: #262626;
- font-size: .8125em
- }
- .mbsc-windows .mbsc-select .mbsc-input-wrap .mbsc-ic {
- color: #262626
- }
- .mbsc-windows .mbsc-select .mbsc-select-ic {
- display: block;
- position: absolute;
- top: .5em
- }
- .mbsc-windows.mbsc-ltr .mbsc-select .mbsc-select-ic {
- right: .5em
- }
- .mbsc-windows.mbsc-rtl .mbsc-select .mbsc-select-ic {
- left: .5em
- }
- .mbsc-windows .mbsc-ic-right .mbsc-select-ic {
- display: none
- }
- .mbsc-windows.mbsc-rating .mbsc-progress-track {
- color: #0078d7
- }
- .mbsc-windows.mbsc-rating input:disabled~.mbsc-progress-cont .mbsc-progress-track {
- opacity: .4
- }
- .mbsc-windows.mbsc-rating.mbsc-rating-primary .mbsc-progress-track {
- color: #3f97f6
- }
- .mbsc-windows.mbsc-rating.mbsc-rating-secondary .mbsc-progress-track {
- color: #90979E
- }
- .mbsc-windows.mbsc-rating.mbsc-rating-success .mbsc-progress-track {
- color: #43BE5F
- }
- .mbsc-windows.mbsc-rating.mbsc-rating-danger .mbsc-progress-track {
- color: #f5504e
- }
- .mbsc-windows.mbsc-rating.mbsc-rating-warning .mbsc-progress-track {
- color: #f8b042
- }
- .mbsc-windows.mbsc-rating.mbsc-rating-info .mbsc-progress-track {
- color: #5BB7C5
- }
- .mbsc-windows.mbsc-snackbar .mbsc-snackbar-btn {
- color: #0078d7
- }
- .mbsc-windows.mbsc-toast .mbsc-toast-msg {
- background: #666;
- color: #fff
- }
- .mbsc-windows.mbsc-toast .mbsc-fr-w,
- .mbsc-windows.mbsc-snackbar .mbsc-fr-w {
- border: 0
- }
- .mbsc-windows.mbsc-snackbar.mbsc-primary .mbsc-fr-w,
- .mbsc-windows.mbsc-toast.mbsc-primary .mbsc-toast-msg {
- background: #3f97f6;
- color: #efeff4
- }
- .mbsc-windows.mbsc-snackbar.mbsc-secondary .mbsc-fr-w,
- .mbsc-windows.mbsc-toast.mbsc-secondary .mbsc-toast-msg {
- background: #90979E;
- color: #efeff4
- }
- .mbsc-windows.mbsc-snackbar.mbsc-success .mbsc-fr-w,
- .mbsc-windows.mbsc-toast.mbsc-success .mbsc-toast-msg {
- background: #43BE5F;
- color: #efeff4
- }
- .mbsc-windows.mbsc-snackbar.mbsc-danger .mbsc-fr-w,
- .mbsc-windows.mbsc-toast.mbsc-danger .mbsc-toast-msg {
- background: #f5504e;
- color: #efeff4
- }
- .mbsc-windows.mbsc-snackbar.mbsc-warning .mbsc-fr-w,
- .mbsc-windows.mbsc-toast.mbsc-warning .mbsc-toast-msg {
- background: #f8b042;
- color: #000
- }
- .mbsc-windows.mbsc-snackbar.mbsc-info .mbsc-fr-w,
- .mbsc-windows.mbsc-toast.mbsc-info .mbsc-toast-msg {
- background: #5BB7C5;
- color: #efeff4
- }
- .mbsc-windows.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn,
- .mbsc-windows.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn,
- .mbsc-windows.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn,
- .mbsc-windows.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn,
- .mbsc-windows.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn {
- color: #efeff4
- }
- .mbsc-windows.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn {
- color: #000
- }
- .mbsc-windows .mbsc-collapsible .mbsc-collapsible-header {
- padding-right: 3em;
- font-size: 1.25em
- }
- .mbsc-windows .mbsc-collapsible .mbsc-form-group-title .mbsc-collapsible-icon {
- font-size: .75em
- }
- .mbsc-windows.mbsc-form {
- background-color: #fff;
- color: #262626
- }
- .mbsc-windows.mbsc-form *::-moz-selection {
- color: #fff;
- background: #0078d7
- }
- .mbsc-windows.mbsc-form *::selection {
- color: #fff;
- background: rgba(0, 120, 215, 0.9)
- }
- .mbsc-windows .mbsc-divider,
- .mbsc-windows .mbsc-form-group-title {
- font-size: 1.5em;
- padding: 0 .5em;
- line-height: 2em
- }
- .mbsc-windows .mbsc-checkbox-box,
- .mbsc-windows .mbsc-radio-box {
- margin-top: -0.6875em;
- border: .125em solid #262626
- }
- .mbsc-windows .mbsc-checkbox input:disabled+.mbsc-checkbox-box,
- .mbsc-windows .mbsc-checkbox input:disabled~.mbsc-label,
- .mbsc-windows .mbsc-checkbox input:disabled~.mbsc-desc,
- .mbsc-windows .mbsc-radio input:disabled+.mbsc-radio-box,
- .mbsc-windows .mbsc-radio input:disabled~.mbsc-label,
- .mbsc-windows .mbsc-radio input:disabled~.mbsc-desc,
- .mbsc-windows .mbsc-switch input:disabled+.mbsc-switch-track,
- .mbsc-windows .mbsc-switch input:disabled~.mbsc-label,
- .mbsc-windows .mbsc-switch input:disabled~.mbsc-desc {
- opacity: .2
- }
- .mbsc-windows.mbsc-form .mbsc-checkbox {
- padding: 1.125em 1em 1.125em 2.875em
- }
- .mbsc-windows.mbsc-rtl .mbsc-checkbox {
- padding: 1.125em 2.875em 1.125em 1em
- }
- .mbsc-windows .mbsc-checkbox-box {
- width: 1.3125em;
- height: 1.3125em;
- left: 1em
- }
- .mbsc-windows.mbsc-rtl .mbsc-checkbox-box {
- left: auto;
- right: 1em
- }
- .mbsc-windows .mbsc-checkbox-box:after {
- top: 16%;
- left: 10%;
- width: .875em;
- height: .475em;
- border: .125em solid #e2f0fb;
- border-top: 0;
- border-right: 0
- }
- .mbsc-windows .mbsc-checkbox input:checked+.mbsc-checkbox-box {
- background: #0078d7;
- border-color: #0078d7
- }
- .mbsc-windows .mbsc-checkbox-primary input:checked+.mbsc-checkbox-box {
- background: #3f97f6;
- border-color: #3f97f6
- }
- .mbsc-windows .mbsc-checkbox-secondary input:checked+.mbsc-checkbox-box {
- background: #90979E;
- border-color: #90979E
- }
- .mbsc-windows .mbsc-checkbox-success input:checked+.mbsc-checkbox-box {
- background: #43BE5F;
- border-color: #43BE5F
- }
- .mbsc-windows .mbsc-checkbox-danger input:checked+.mbsc-checkbox-box {
- background: #f5504e;
- border-color: #f5504e
- }
- .mbsc-windows .mbsc-checkbox-warning input:checked+.mbsc-checkbox-box {
- background: #f8b042;
- border-color: #f8b042
- }
- .mbsc-windows .mbsc-checkbox-info input:checked+.mbsc-checkbox-box {
- background: #5BB7C5;
- border-color: #5BB7C5
- }
- .mbsc-windows .mbsc-checkbox input.mbsc-active+.mbsc-checkbox-box {
- border-color: #666;
- background: #666
- }
- .mbsc-windows.mbsc-form .mbsc-radio {
- padding: 1.125em 3.25em 1.125em 1em
- }
- .mbsc-windows.mbsc-rtl .mbsc-radio {
- padding: 1.125em 1em 1.125em 3.25em
- }
- .mbsc-windows .mbsc-radio-box {
- right: 1.125em
- }
- .mbsc-windows.mbsc-rtl .mbsc-radio-box {
- right: auto;
- left: 1.125em
- }
- .mbsc-windows .mbsc-radio-box:after {
- background: #262626
- }
- .mbsc-windows .mbsc-radio input:checked+.mbsc-radio-box {
- border-color: #0078d7
- }
- .mbsc-windows .mbsc-radio input.mbsc-active+.mbsc-radio-box {
- border-color: rgba(38, 38, 38, 0.6)
- }
- .mbsc-windows .mbsc-radio input.mbsc-active+.mbsc-radio-box:after {
- background: rgba(38, 38, 38, 0.6)
- }
- .mbsc-windows .mbsc-radio-primary .mbsc-radio-box:after {
- background: #3f97f6
- }
- .mbsc-windows .mbsc-radio-secondary .mbsc-radio-box:after {
- background: #90979E
- }
- .mbsc-windows .mbsc-radio-success .mbsc-radio-box:after {
- background: #43BE5F
- }
- .mbsc-windows .mbsc-radio-danger .mbsc-radio-box:after {
- background: #f5504e
- }
- .mbsc-windows .mbsc-radio-warning .mbsc-radio-box:after {
- background: #f8b042
- }
- .mbsc-windows .mbsc-radio-info .mbsc-radio-box:after {
- background: #5BB7C5
- }
- .mbsc-windows .mbsc-btn {
- margin: .5em .25em;
- padding: .3125em .5em;
- background: #ccc;
- border: .125em solid #ccc;
- border-radius: 0;
- color: #262626;
- -webkit-transform: translate3d(0, 0, 0);
- -webkit-transition: -webkit-transform .2s ease-in-out;
- transition: transform .2s ease-in-out
- }
- .mbsc-windows .mbsc-btn-ic {
- padding-right: .5em
- }
- .mbsc-windows .mbsc-btn-icon-only .mbsc-btn-ic {
- padding: 0
- }
- .mbsc-windows .mbsc-btn:disabled {
- opacity: .3
- }
- .mbsc-windows.mbsc-no-touch .mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #7a7a7a
- }
- .mbsc-windows .mbsc-btn.mbsc-active {
- border-color: #7a7a7a;
- background: #7a7a7a
- }
- .mbsc-windows.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover {
- background: transparent;
- border-color: transparent;
- opacity: .7
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-flat.mbsc-active:not(:disabled) {
- background: rgba(204, 204, 204, 0.25);
- opacity: 1
- }
- .mbsc-windows .mbsc-btn-group,
- .mbsc-windows .mbsc-btn-group-justified {
- padding: .25em .75em
- }
- .mbsc-windows .mbsc-btn-group-block {
- padding: .25em 1em
- }
- .mbsc-windows .mbsc-btn-primary.mbsc-btn {
- color: #fff;
- background: #3f97f6;
- border-color: #3f97f6
- }
- .mbsc-windows .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat {
- color: #3f97f6;
- background: transparent;
- border-color: transparent
- }
- .mbsc-windows .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(63, 151, 246, 0.25)
- }
- .mbsc-windows .mbsc-btn-secondary.mbsc-btn {
- color: #fff;
- background: #90979E;
- border-color: #90979E
- }
- .mbsc-windows .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat {
- color: #90979E;
- background: transparent;
- border-color: transparent
- }
- .mbsc-windows .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(144, 151, 158, 0.25)
- }
- .mbsc-windows .mbsc-btn-success.mbsc-btn {
- color: #fff;
- background: #43BE5F;
- border-color: #43BE5F
- }
- .mbsc-windows .mbsc-btn-success.mbsc-btn.mbsc-btn-flat {
- color: #43BE5F;
- background: transparent;
- border-color: transparent
- }
- .mbsc-windows .mbsc-btn-success.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(67, 190, 95, 0.25)
- }
- .mbsc-windows .mbsc-btn-danger.mbsc-btn {
- color: #fff;
- background: #f5504e;
- border-color: #f5504e
- }
- .mbsc-windows .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat {
- color: #f5504e;
- background: transparent;
- border-color: transparent
- }
- .mbsc-windows .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(245, 80, 78, 0.25)
- }
- .mbsc-windows .mbsc-btn-warning.mbsc-btn {
- color: #000;
- background: #f8b042;
- border-color: #f8b042
- }
- .mbsc-windows .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat {
- color: #f8b042;
- background: transparent;
- border-color: transparent
- }
- .mbsc-windows .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(248, 176, 66, 0.25)
- }
- .mbsc-windows .mbsc-btn-info.mbsc-btn {
- color: #fff;
- background: #5BB7C5;
- border-color: #5BB7C5
- }
- .mbsc-windows .mbsc-btn-info.mbsc-btn.mbsc-btn-flat {
- color: #5BB7C5;
- background: transparent;
- border-color: transparent
- }
- .mbsc-windows .mbsc-btn-info.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(91, 183, 197, 0.25)
- }
- .mbsc-windows .mbsc-btn-light.mbsc-btn {
- color: #000;
- background: #bfbfbf;
- border-color: #bfbfbf
- }
- .mbsc-windows .mbsc-btn-light.mbsc-btn.mbsc-btn-flat {
- color: #bfbfbf;
- background: transparent;
- border-color: transparent
- }
- .mbsc-windows .mbsc-btn-light.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(191, 191, 191, 0.25)
- }
- .mbsc-windows .mbsc-btn-dark.mbsc-btn {
- color: #fff;
- background: #47494A;
- border-color: #47494A
- }
- .mbsc-windows .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat {
- color: #47494A;
- background: transparent;
- border-color: transparent
- }
- .mbsc-windows .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(71, 73, 74, 0.25)
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline {
- background: transparent;
- border: .125em solid #999;
- color: #999
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-active {
- background: #7f7f7f;
- border-color: #7f7f7f;
- color: #fff;
- opacity: 1
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-primary {
- border-color: #3f97f6;
- color: #3f97f6;
- background: transparent
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-primary.mbsc-active {
- background: #3f97f6;
- color: #fff
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-secondary {
- border-color: #90979E;
- color: #90979E;
- background: transparent
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-secondary.mbsc-active {
- background: #90979E;
- color: #fff
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-success {
- border-color: #43BE5F;
- color: #43BE5F;
- background: transparent
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-success.mbsc-active {
- background: #43BE5F;
- color: #fff
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-danger {
- border-color: #f5504e;
- color: #f5504e;
- background: transparent
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-danger.mbsc-active {
- background: #f5504e;
- color: #fff
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-warning {
- border-color: #f8b042;
- color: #f8b042;
- background: transparent
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-warning.mbsc-active {
- background: #f8b042;
- color: #fff
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-info {
- border-color: #5BB7C5;
- color: #5BB7C5;
- background: transparent
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-info.mbsc-active {
- background: #5BB7C5;
- color: #fff
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-light {
- border-color: #bfbfbf;
- color: #bfbfbf;
- background: transparent
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-light.mbsc-active {
- background: #bfbfbf;
- color: #47494A
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-dark {
- border-color: #47494A;
- color: #47494A;
- background: transparent
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-outline.mbsc-btn-dark.mbsc-active {
- background: #47494A;
- color: #fff
- }
- .mbsc-windows.mbsc-no-touch .mbsc-btn.mbsc-btn-outline:not(:disabled):hover {
- border-color: #7f7f7f
- }
- .mbsc-windows.mbsc-no-touch .mbsc-btn-primary.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #0964c6
- }
- .mbsc-windows.mbsc-no-touch .mbsc-btn-secondary.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #5d646b
- }
- .mbsc-windows.mbsc-no-touch .mbsc-btn-success.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #287339
- }
- .mbsc-windows.mbsc-no-touch .mbsc-btn-danger.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #d10e0c
- }
- .mbsc-windows.mbsc-no-touch .mbsc-btn-warning.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #cc7f08
- }
- .mbsc-windows.mbsc-no-touch .mbsc-btn-info.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #317e89
- }
- .mbsc-windows.mbsc-no-touch .mbsc-btn-light.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #999
- }
- .mbsc-windows.mbsc-no-touch .mbsc-btn-dark.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #000
- }
- .mbsc-windows .mbsc-btn-primary.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #0964c6;
- border-color: #0964c6
- }
- .mbsc-windows .mbsc-btn-secondary.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #5d646b;
- border-color: #5d646b
- }
- .mbsc-windows .mbsc-btn-success.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #287339;
- border-color: #287339
- }
- .mbsc-windows .mbsc-btn-danger.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #d10e0c;
- border-color: #d10e0c
- }
- .mbsc-windows .mbsc-btn-warning.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #cc7f08;
- border-color: #cc7f08
- }
- .mbsc-windows .mbsc-btn-info.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #317e89;
- border-color: #317e89
- }
- .mbsc-windows .mbsc-btn-light.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #999;
- border-color: #999
- }
- .mbsc-windows .mbsc-btn-dark.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #000;
- border-color: #000
- }
- .mbsc-windows .mbsc-btn.mbsc-btn-flat {
- background: transparent;
- border-color: transparent
- }
- .mbsc-windows.mbsc-form .mbsc-switch {
- padding: 1.125em 5.875em 1.125em 1em
- }
- .mbsc-windows.mbsc-rtl .mbsc-switch {
- padding: 1.125em 1em 1.125em 5.875em
- }
- .mbsc-windows .mbsc-switch-track {
- right: 1.125em;
- width: 2.75em;
- height: 1.25em;
- margin-top: -0.645em;
- padding: 0 .5em;
- border-radius: 10px;
- border: 2px solid #262626
- }
- .mbsc-windows.mbsc-rtl .mbsc-switch-track {
- right: auto;
- left: 1.125em
- }
- .mbsc-windows .mbsc-switch-track .mbsc-switch-handle {
- z-index: 1;
- top: 50%;
- left: 50%;
- right: auto;
- height: .625em;
- width: .625em;
- border-radius: 10px;
- margin: -0.3125em 0 0 -0.3125em;
- background: #262626
- }
- .mbsc-windows .mbsc-switch input:checked+.mbsc-switch-track {
- background: #0078d7;
- border-color: #0078d7
- }
- .mbsc-windows .mbsc-switch input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #f2f2f2
- }
- .mbsc-windows .mbsc-switch input:checked:disabled+.mbsc-switch-track {
- background: #262626;
- border-color: #262626
- }
- .mbsc-windows .mbsc-switch-primary.mbsc-switch input:checked+.mbsc-switch-track {
- background: #3f97f6;
- border-color: #3f97f6
- }
- .mbsc-windows .mbsc-switch-secondary.mbsc-switch input:checked+.mbsc-switch-track {
- background: #90979E;
- border-color: #90979E
- }
- .mbsc-windows .mbsc-switch-success.mbsc-switch input:checked+.mbsc-switch-track {
- background: #43BE5F;
- border-color: #43BE5F
- }
- .mbsc-windows .mbsc-switch-danger.mbsc-switch input:checked+.mbsc-switch-track {
- background: #f5504e;
- border-color: #f5504e
- }
- .mbsc-windows .mbsc-switch-warning.mbsc-switch input:checked+.mbsc-switch-track {
- background: #f8b042;
- border-color: #f8b042
- }
- .mbsc-windows .mbsc-switch-info.mbsc-switch input:checked+.mbsc-switch-track {
- background: #5BB7C5;
- border-color: #5BB7C5
- }
- .mbsc-windows.mbsc-form .mbsc-switch input.mbsc-active+.mbsc-switch-track {
- background: #666;
- border-color: #666
- }
- .mbsc-windows.mbsc-form .mbsc-switch input.mbsc-active+.mbsc-switch-track .mbsc-switch-handle {
- background: #f2f2f2
- }
- .mbsc-windows .mbsc-segmented {
- padding: .75em 1em
- }
- .mbsc-windows .mbsc-segmented-content {
- height: 2.285715em;
- line-height: 2.285715em;
- padding: 0 .4285715em;
- color: #262626;
- background: #ccc
- }
- .mbsc-windows .mbsc-segmented-content.mbsc-stepper-val {
- background: transparent;
- border-top: 2px solid #ccc;
- border-bottom: 2px solid #ccc;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- .mbsc-windows.mbsc-ltr .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item {
- border-right: 1px solid #c2c2c2
- }
- .mbsc-windows.mbsc-rtl .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item {
- border-left: 1px solid #c2c2c2
- }
- .mbsc-windows .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item:last-child,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-plus,
- .mbsc-windows .mbsc-stepper-val-left .mbsc-segmented input+.mbsc-segmented-item,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control {
- border: 0
- }
- .mbsc-windows.mbsc-ltr .mbsc-segmented .mbsc-stepper-control+.mbsc-stepper-control {
- border-left: 1px solid #c2c2c2
- }
- .mbsc-windows.mbsc-rtl .mbsc-segmented .mbsc-stepper-control+.mbsc-stepper-control {
- border-right: 1px solid #c2c2c2
- }
- .mbsc-windows .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content {
- background: #262626;
- color: #fff
- }
- .mbsc-windows .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: #7a7a7a
- }
- .mbsc-windows .mbsc-stepper {
- margin-top: -1em
- }
- .mbsc-windows .mbsc-stepper .mbsc-segmented-item.mbsc-active .mbsc-segmented-content {
- background: #7a7a7a
- }
- .mbsc-windows .mbsc-stepper-cont {
- padding: 1.75em 13em 1.75em 1em
- }
- .mbsc-windows.mbsc-rtl .mbsc-stepper-cont {
- padding: 1.75em 1em 1.75em 13em
- }
- .mbsc-windows .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,
- .mbsc-windows .mbsc-stepper .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-item input:disabled+.mbsc-segmented-content {
- opacity: .3;
- background: #ccc
- }
- .mbsc-windows .mbsc-stepper input:disabled {
- color: #c7c7c7;
- -webkit-text-fill-color: #c7c7c7
- }
- .mbsc-windows .mbsc-segmented .mbsc-segmented-item input:disabled:checked+.mbsc-segmented-content {
- color: #fff;
- background: #c7c7c7
- }
- .mbsc-windows .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content {
- background: transparent
- }
- .mbsc-windows .mbsc-stepper input {
- color: #262626
- }
- .mbsc-windows.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: #d9d9d9
- }
- .mbsc-windows .mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #3f97f6
- }
- .mbsc-windows .mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #90979E
- }
- .mbsc-windows .mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #43BE5F
- }
- .mbsc-windows .mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #f5504e
- }
- .mbsc-windows .mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #f8b042
- }
- .mbsc-windows .mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows .mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #5BB7C5
- }
- .mbsc-windows.mbsc-no-touch .mbsc-segmented-primary.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(63, 151, 246, 0.25)
- }
- .mbsc-windows.mbsc-no-touch .mbsc-segmented-secondary.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(144, 151, 158, 0.25)
- }
- .mbsc-windows.mbsc-no-touch .mbsc-segmented-success.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(67, 190, 95, 0.25)
- }
- .mbsc-windows.mbsc-no-touch .mbsc-segmented-danger.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(245, 80, 78, 0.25)
- }
- .mbsc-windows.mbsc-no-touch .mbsc-segmented-warning.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(248, 176, 66, 0.25)
- }
- .mbsc-windows.mbsc-no-touch .mbsc-segmented-info.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(91, 183, 197, 0.25)
- }
- .mbsc-windows.mbsc-no-touch .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #0e7df4
- }
- .mbsc-windows.mbsc-no-touch .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #757e86
- }
- .mbsc-windows.mbsc-no-touch .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #35994c
- }
- .mbsc-windows.mbsc-no-touch .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #f2201e
- }
- .mbsc-windows.mbsc-no-touch .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #f69b11
- }
- .mbsc-windows.mbsc-no-touch .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #3ea0af
- }
- .mbsc-windows .mbsc-stepper-primary .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #3f97f6
- }
- .mbsc-windows .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #3f97f6
- }
- .mbsc-windows .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #0858ad
- }
- .mbsc-windows .mbsc-stepper-secondary .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #90979E
- }
- .mbsc-windows .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #90979E
- }
- .mbsc-windows .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #51575d
- }
- .mbsc-windows .mbsc-stepper-success .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #43BE5F
- }
- .mbsc-windows .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #43BE5F
- }
- .mbsc-windows .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #216030
- }
- .mbsc-windows .mbsc-stepper-danger .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #f5504e
- }
- .mbsc-windows .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #f5504e
- }
- .mbsc-windows .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #b90d0a
- }
- .mbsc-windows .mbsc-stepper-warning .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #f8b042
- }
- .mbsc-windows .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #f8b042
- }
- .mbsc-windows .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #b46f07
- }
- .mbsc-windows .mbsc-stepper-info .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #5BB7C5
- }
- .mbsc-windows .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #5BB7C5
- }
- .mbsc-windows .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #2a6c77
- }
- .mbsc-windows.mbsc-ms-c {
- background: #f2f2f2;
- color: #262626;
- font-family: Segoe UI, arial, verdana, sans-serif
- }
- .mbsc-windows .mbsc-ms-item {
- padding: .4em .3em;
- font-size: 1.25em;
- color: #262626;
- border-top: 4px solid transparent;
- border-bottom: 4px solid transparent
- }
- .mbsc-windows .mbsc-ms-item.mbsc-ms-ic:before {
- font-size: 22px;
- top: .4090909em
- }
- .mbsc-windows.mbsc-ms-icons .mbsc-ms-item {
- font-size: .875em;
- line-height: .875em;
- padding: 1.428571em .428571em
- }
- .mbsc-windows.mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item {
- padding: 2.571428em .428571em .428571em .428571em;
- line-height: 1.428571
- }
- .mbsc-windows.mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item:before {
- top: .4090909em
- }
- .mbsc-windows .mbsc-ms-item.mbsc-active,
- .mbsc-windows.mbsc-no-touch .mbsc-ms-item.mbsc-active:not(.mbsc-disabled):hover {
- background: #ccc
- }
- .mbsc-windows .mbsc-ms-item-sel {
- color: #0078d7
- }
- .mbsc-windows.mbsc-ms-b .mbsc-ms-item.mbsc-ms-item-sel {
- border-bottom-color: #0078d7
- }
- .mbsc-windows.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
- background: #d9d9d9
- }
- .mbsc-windows .mbsc-ms-item-sel.mbsc-ms-ic:before {
- color: #0078d7
- }
- .mbsc-windows.mbsc-ms-bottom .mbsc-ms-item {
- border: 0
- }
- .mbsc-windows .mbsc-ms-item.mbsc-menu-item-ic {
- padding: 1em .3em;
- min-width: 3em;
- color: #262626
- }
- .mbsc-windows .mbsc-ms-item.mbsc-menu-item-ic:before {
- top: .9545454em
- }
- .mbsc-windows .mbsc-ms-icons .mbsc-ms-item.mbsc-menu-item-ic:before {
- top: .4090909em
- }
- .mbsc-windows.mbsc-ms-more .mbsc-fr-w,
- .mbsc-windows.mbsc-ms-more .mbsc-wdg-c.mbsc-w-p {
- padding: 0
- }
- .mbsc-windows.mbsc-ms-more .mbsc-ms-item {
- padding: 1em;
- font-size: 1em;
- color: #262626
- }
- .mbsc-windows.mbsc-ms-more .mbsc-ms-item.mbsc-ms-item-sel {
- color: #0078d7
- }
- .mbsc-windows.mbsc-ms-more .mbsc-ms-item.mbsc-ms-ic {
- background: none
- }
- .mbsc-windows.mbsc-ms-more .mbsc-ms-item.mbsc-ms-ic:before {
- top: .9545454em
- }
- .mbsc-windows.mbsc-ms-more-icons .mbsc-ms-item {
- padding: .5em
- }
- .mbsc-windows.mbsc-ms-more-icons .mbsc-ms-item.mbsc-ms-ic:before {
- margin: 0
- }
- .mbsc-windows .mbsc-ms-badge {
- font-size: .857142em
- }
- .mbsc-windows.mbsc-fr .mbsc-fr-w .mbsc-np-del.mbsc-active {
- top: 0;
- background: #ccc
- }
- .mbsc-windows .mbsc-np-del.mbsc-active:before {
- background: none;
- color: #262626
- }
- .mbsc-windows.mbsc-no-touch .mbsc-fr-c .mbsc-np-del:hover:before {
- background: transparent
- }
- .mbsc-windows .mbsc-np-btn {
- top: 0
- }
- .mbsc-windows.mbsc-fr .mbsc-fr-w .mbsc-np-btn.mbsc-active {
- background: #ccc;
- color: #000
- }
- .mbsc-windows .mbsc-np-btn.mbsc-disabled {
- color: #999
- }
- .mbsc-windows .mbsc-np-btn-empty {
- background: none
- }
- .mbsc-windows.mbsc-page {
- background-color: #fff;
- color: #262626
- }
- .mbsc-windows a {
- color: #0078d7
- }
- .mbsc-windows .mbsc-note,
- .mbsc-windows .mbsc-note-primary {
- color: #074b95;
- background-color: #70b1f8
- }
- .mbsc-windows .mbsc-note-secondary {
- color: #454b50;
- background-color: #c6cace
- }
- .mbsc-windows .mbsc-note-success {
- color: #1b4d26;
- background-color: #8fd8a0
- }
- .mbsc-windows .mbsc-note-danger {
- color: #710806;
- background-color: #f8807e
- }
- .mbsc-windows .mbsc-note-warning {
- color: #835105;
- background-color: #f9ba5b
- }
- .mbsc-windows .mbsc-note-info {
- color: #235b64;
- background-color: #a6d8e0
- }
- .mbsc-windows .mbsc-note-light {
- color: #4d4d4d;
- background-color: #fff
- }
- .mbsc-windows .mbsc-note-dark {
- color: #000;
- background-color: #606364
- }
- .mbsc-windows .mbsc-range-btn-t {
- padding: .5em .25em
- }
- .mbsc-windows .mbsc-range-btn {
- margin: 0 .3333em;
- font-size: .75em;
- line-height: 1.666667em;
- border-width: 1px;
- color: #262626;
- background: #ccc;
- border: 2px solid #ccc
- }
- .mbsc-windows.mbsc-no-touch .mbsc-range-btn.mbsc-fr-btn-e:not(.mbsc-disabled):hover {
- border-color: #7f7f7f;
- background: #ccc
- }
- .mbsc-windows .mbsc-range-btn.mbsc-selected,
- .mbsc-windows.mbsc-no-touch .mbsc-range-btn.mbsc-selected:not(.mbsc-disabled):hover {
- background: #0078d7;
- border-color: #0078d7;
- color: #fff
- }
- .mbsc-windows.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-i,
- .mbsc-windows.mbsc-range .mbsc-cal .mbsc-cal-today.mbsc-cal-day-hl .mbsc-cal-day-date {
- background: #0078d7;
- color: #f2f2f2
- }
- .mbsc-windows .mbsc-sc-whl-gr-c {
- border-bottom: 2px solid #ccc;
- margin-bottom: -2px
- }
- .mbsc-windows .mbsc-sc-whl-w {
- border-right: 2px solid #ccc
- }
- .mbsc-windows .mbsc-ltr .mbsc-sc-whl-w:last-child,
- .mbsc-windows .mbsc-rtl .mbsc-sc-whl-w:first-child {
- border-right: 0
- }
- .mbsc-windows .mbsc-sc-lbl-v .mbsc-sc-whl-gr {
- padding: 1.875em 0
- }
- .mbsc-windows .mbsc-sc-lbl-v .mbsc-sc-whl-w {
- background: #f2f2f2
- }
- .mbsc-windows .mbsc-sc-lbl-v {
- background: #ccc;
- border: 0;
- margin-bottom: -1.875em
- }
- .mbsc-windows .mbsc-sc-lbl {
- font-size: .75em;
- line-height: 2.5em
- }
- .mbsc-windows .mbsc-sc-whl-l {
- display: block;
- background: rgba(0, 120, 215, 0.4);
- z-index: 1
- }
- .mbsc-windows .mbsc-sc-whl-w .mbsc-sc-whl-l {
- display: none
- }
- .mbsc-windows .mbsc-sc-itm {
- padding: 0 .5em
- }
- .mbsc-windows .mbsc-sc-itm.mbsc-active {
- background: #d9d9d9
- }
- .mbsc-windows .mbsc-sc-itm.mbsc-sc-itm-sel.mbsc-active {
- background: transparent
- }
- .mbsc-windows .mbsc-sc-btn {
- opacity: 0;
- height: 1.375em !important;
- line-height: 1.375em !important;
- background: #e5e5e5;
- overflow: hidden
- }
- .mbsc-windows.mbsc-no-touch .mbsc-sc-whl-w:hover .mbsc-sc-btn {
- opacity: 1
- }
- .mbsc-windows.mbsc-no-touch .mbsc-sc-btn:hover,
- .mbsc-windows .mbsc-sc-btn.mbsc-active {
- background: #d9d9d9
- }
- .mbsc-windows.mbsc-sel-multi .mbsc-sc-whl-l {
- display: none
- }
- .mbsc-windows .mbsc-sc-whl-multi .mbsc-sc-itm {
- padding: 0 2.5em
- }
- .mbsc-windows .mbsc-sc-whl-multi .mbsc-sc-btn {
- display: none
- }
- .mbsc-windows .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
- color: #0078d7
- }
- .mbsc-windows .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- width: 2.5em
- }
- .mbsc-windows.mbsc-fr-pointer .mbsc-sc-lbl {
- padding: 0 1.666667em
- }
- .mbsc-windows.mbsc-fr-pointer .mbsc-sc-itm {
- padding: 0 1.25em
- }
- .mbsc-windows.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm {
- padding: 0 2.5em
- }
- .mbsc-windows.mbsc-fr-pointer.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover {
- background: #d9d9d9
- }
- .mbsc-windows.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- left: 0
- }
- .mbsc-windows.mbsc-fr-pointer .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- right: 0
- }
- .mbsc-windows .mbsc-sc-bar:after {
- border-radius: 0
- }
- .mbsc-windows .mbsc-sc-whl .mbsc-sel-gr {
- opacity: 1;
- font-size: 1.375em;
- font-weight: normal
- }
- .mbsc-windows .mbsc-sc-whl .mbsc-sel-gr:after {
- display: none
- }
- .mbsc-windows .mbsc-sel-gr-whl .mbsc-sc-itm {
- padding: 0 .5em
- }
- .mbsc-windows .mbsc-sel-gr-whl .mbsc-sc-itm::before {
- display: none
- }
- .mbsc-windows .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
- color: #0078d7
- }
- .mbsc-windows .mbsc-input.mbsc-sel-filter-cont {
- padding: .5em
- }
- .mbsc-windows .mbsc-sel-filter-clear {
- color: #262626
- }
- .mbsc-windows.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm {
- padding: 0 1.25em
- }
- .mbsc-windows.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm-sel:before {
- display: none
- }
- .mbsc-windows.mbsc-fr-pointer .mbsc-sel-one.mbsc-sc-whl-multi .mbsc-sc-itm-sel {
- color: #262626;
- background: rgba(0, 120, 215, 0.2)
- }
- .mbsc-windows.mbsc-fr-pointer .mbsc-sc-whl .mbsc-sel-gr {
- padding: 0 .90909em
- }
- .mbsc-windows.mbsc-fr-pointer .mbsc-sc-itm.mbsc-sel-gr-itm {
- padding: 0 2.5em
- }
- .mbsc-windows.mbsc-timer .mbsc-sc-whl-gr {
- padding: 0
- }
- .mbsc-windows.mbsc-timer .mbsc-sc-lbl {
- color: #262626;
- line-height: 1.5em;
- z-index: 3;
- top: 50%;
- bottom: auto;
- right: 0;
- left: auto;
- width: auto;
- margin-top: -0.75em;
- padding: 0 .5em;
- font-size: 1em;
- text-transform: lowercase
- }
- .mbsc-windows.mbsc-timer .mbsc-timer-lbl {
- display: inline;
- visibility: hidden;
- padding-left: .5em;
- font-size: 1em;
- text-transform: lowercase
- }
- .mbsc-windows.mbsc-timer .mbsc-sc-lbl-v {
- margin-bottom: 0
- }
- .mbsc-windows.mbsc-ts .mbsc-sc-whl-gr {
- padding: 0
- }
- .mbsc-windows.mbsc-ts .mbsc-sc-lbl {
- color: #262626;
- line-height: 1.5em;
- z-index: 3;
- top: 50%;
- bottom: auto;
- right: 0;
- left: auto;
- width: auto;
- margin-top: -0.75em;
- padding: 0 .5em;
- font-size: 1em;
- text-transform: lowercase
- }
- .mbsc-windows.mbsc-ts .mbsc-ts-lbl {
- display: inline;
- visibility: hidden;
- padding-left: .5em;
- font-size: 1em;
- text-transform: lowercase
- }
- .mbsc-windows.mbsc-ts .mbsc-sc-lbl-v {
- margin-bottom: 0
- }
- .mbsc-windows.mbsc-wdg .mbsc-fr-btn-cont {
- padding: 1em .875em;
- border-top: 0
- }
- .mbsc-windows.mbsc-wdg .mbsc-fr-btn {
- margin: 0 .125em;
- background: #ccc;
- height: 2em;
- line-height: 2em
- }
- .mbsc-ios-dark .mbsc-fr-overlay {
- background: rgba(255, 255, 255, 0.1)
- }
- .mbsc-ios-dark .mbsc-fr-w {
- background: #080808;
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-fr-hdr {
- border-color: #333333;
- color: #9e9e9e
- }
- .mbsc-ios-dark .mbsc-fr-hdr {
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-fr-nobtn .mbsc-fr-hdr,
- .mbsc-ios-dark.mbsc-fr-center .mbsc-fr-hdr {
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-fr-btn-cont,
- .mbsc-ios-dark.mbsc-cal-liq.mbsc-fr-center .mbsc-fr-btn-cont {
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-sc-whl-o,
- .mbsc-ios-dark.mbsc-calendar .mbsc-sc-whl-o {
- background: -webkit-linear-gradient(#080808, rgba(8, 8, 8, 0) 52%, rgba(8, 8, 8, 0) 48%, #080808);
- background: linear-gradient(#080808, rgba(8, 8, 8, 0) 52%, rgba(8, 8, 8, 0) 48%, #080808)
- }
- .mbsc-ios-dark .mbsc-sc-whl-l,
- .mbsc-ios-dark.mbsc-calendar .mbsc-sc-whl-l {
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-sc-itm {
- color: #9e9e9e
- }
- .mbsc-ios-dark .mbsc-sc-itm.mbsc-active {
- background: rgba(255, 132, 0, 0.2)
- }
- .mbsc-ios-dark .mbsc-sc-itm-sel {
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-sc-btn {
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-fr-btn {
- color: #ff8400
- }
- .mbsc-ios-dark .mbsc-sc-lbl {
- color: #ffffff
- }
- .mbsc-ios-dark.mbsc-fr-center .mbsc-fr-popup .mbsc-fr-btn-w {
- border-color: #333333
- }
- .mbsc-ios-dark.mbsc-fr-center.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,
- .mbsc-ios-dark.mbsc-fr-center .mbsc-fr-btn.mbsc-active {
- background: #262626
- }
- .mbsc-ios-dark.mbsc-fr-bottom .mbsc-fr-popup,
- .mbsc-ios-dark.mbsc-fr-top .mbsc-fr-popup {
- border-color: #3d3d3d
- }
- .mbsc-ios-dark.mbsc-fr-inline .mbsc-fr-w {
- background: #0f0f0f;
- border-color: #333333
- }
- .mbsc-ios-dark.mbsc-fr-inline .mbsc-fr-c {
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-sc-bar-c {
- background: rgba(255, 255, 255, 0.2)
- }
- .mbsc-ios-dark .mbsc-empty {
- color: #ffffff
- }
- .mbsc-ios-dark.mbsc-fr-top .mbsc-fr-btn-cont,
- .mbsc-ios-dark.mbsc-fr-bottom .mbsc-fr-btn-cont {
- background: #1c1c1c
- }
- .mbsc-ios-dark.mbsc-sc.mbsc-fr-top .mbsc-fr-w,
- .mbsc-ios-dark.mbsc-sc.mbsc-fr-bottom .mbsc-fr-w,
- .mbsc-ios-dark .mbsc-fr-bubble-top .mbsc-fr-arr,
- .mbsc-ios-dark .mbsc-fr-bubble-bottom .mbsc-fr-arr,
- .mbsc-ios-dark.mbsc-calendar .mbsc-fr-persp .mbsc-fr-w {
- background: #080808
- }
- .mbsc-ios-dark.mbsc-calendar.mbsc-fr-top .mbsc-fr-btn-cont,
- .mbsc-ios-dark.mbsc-calendar.mbsc-fr-bottom .mbsc-fr-btn-cont {
- border-color: #333333
- }
- .mbsc-ios-dark.mbsc-fr-top .mbsc-sc-whl-l,
- .mbsc-ios-dark.mbsc-fr-bottom .mbsc-sc-whl-l {
- border-color: #333333
- }
- .mbsc-ios-dark.mbsc-fr-top .mbsc-sc-whl-o,
- .mbsc-ios-dark.mbsc-fr-bottom .mbsc-sc-whl-o {
- background: -webkit-linear-gradient(#080808, rgba(8, 8, 8, 0) 52%, rgba(8, 8, 8, 0) 48%, #080808);
- background: linear-gradient(#080808, rgba(8, 8, 8, 0) 52%, rgba(8, 8, 8, 0) 48%, #080808)
- }
- .mbsc-ios-dark.mbsc-fr-top .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c,
- .mbsc-ios-dark.mbsc-fr-bottom .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
- background: #080808
- }
- .mbsc-ios-dark.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o {
- background: -webkit-linear-gradient(#0f0f0f, rgba(15, 15, 15, 0) 52%, rgba(15, 15, 15, 0) 48%, #0f0f0f);
- background: linear-gradient(#0f0f0f, rgba(15, 15, 15, 0) 52%, rgba(15, 15, 15, 0) 48%, #0f0f0f)
- }
- .mbsc-ios-dark.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
- background: #0f0f0f
- }
- .mbsc-ios-dark .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c,
- .mbsc-ios-dark.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
- background: #080808
- }
- .mbsc-ios-dark .mbsc-sc-whl-gr-3d .mbsc-sc-itm {
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d {
- color: #6e6e6e
- }
- .mbsc-ios-dark.mbsc-sel-multi .mbsc-sc-itm {
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
- color: #ff8400
- }
- .mbsc-ios-dark.mbsc-fr-pointer .mbsc-fr-persp .mbsc-fr-popup .mbsc-fr-w,
- .mbsc-ios-dark.mbsc-fr-pointer .mbsc-fr-persp .mbsc-cal-picker {
- background: #333333
- }
- .mbsc-ios-dark.mbsc-fr-pointer .mbsc-fr-persp .mbsc-fr-w {
- box-shadow: 0 .25em 1em rgba(0, 0, 0, 0.8)
- }
- .mbsc-ios-dark.mbsc-fr-pointer .mbsc-fr-hdr {
- border-color: #545454
- }
- .mbsc-ios-dark.mbsc-fr-pointer .mbsc-sc-whl-l {
- border-color: #545454
- }
- .mbsc-ios-dark.mbsc-fr-pointer .mbsc-sc-itm {
- color: #ffffff
- }
- .mbsc-ios-dark.mbsc-fr-pointer.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover {
- background: rgba(255, 132, 0, 0.2)
- }
- .mbsc-ios-dark.mbsc-fr-pointer .mbsc-sc-itm-sel {
- color: #ff8400
- }
- .mbsc-ios-dark .mbsc-sel-filter-cont.mbsc-input input {
- background: #0f0f0f
- }
- .mbsc-ios-dark .mbsc-sel-filter-cont.mbsc-input {
- background: #3b3b3b
- }
- .mbsc-ios-dark.mbsc-fr-center .mbsc-sel-filter-cont {
- background: #262626
- }
- .mbsc-ios-dark .mbsc-sel-filter-show-clear {
- color: #3b3b3b
- }
- .mbsc-ios-dark.mbsc-fr-pointer .mbsc-sc-whl .mbsc-sel-gr {
- color: #ffffff
- }
- .mbsc-ios-dark.mbsc-fr-pointer.mbsc-sel .mbsc-ltr .mbsc-sc-whl-w+.mbsc-sc-whl-w {
- border-color: #545454
- }
- .mbsc-ios-dark.mbsc-fr-pointer.mbsc-sel .mbsc-rtl .mbsc-sc-whl-w+.mbsc-sc-whl-w {
- border-color: #545454
- }
- .mbsc-ios-dark .mbsc-cal-picker {
- background: #000000
- }
- .mbsc-ios-dark .mbsc-cal-cell {
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-cal-today {
- color: #ff8400
- }
- .mbsc-ios-dark .mbsc-cal-cell:focus .mbsc-cal-cell-txt,
- .mbsc-ios-dark.mbsc-no-touch .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt {
- background: rgba(255, 132, 0, 0.3)
- }
- .mbsc-ios-dark .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt {
- border-color: #ff8400;
- background: #ff8400;
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-cal-tab {
- border-color: #ff8400;
- color: #ff8400
- }
- .mbsc-ios-dark .mbsc-fr-popup .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected {
- background: #ff8400;
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-cal-mark {
- background: #333333
- }
- .mbsc-ios-dark .mbsc-cal-txt {
- background: #efdcc3;
- color: #000000
- }
- .mbsc-ios-dark.mbsc-fr-inline .mbsc-cal-picker {
- background: #0f0f0f
- }
- .mbsc-ios-dark.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-btn-cont {
- border-bottom-color: #333333
- }
- .mbsc-ios-dark.mbsc-ev-cal .mbsc-fr-w {
- background: #000000
- }
- .mbsc-ios-dark.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-picker {
- background: #000000
- }
- .mbsc-ios-dark.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-scroll-c {
- background: #0f0f0f
- }
- .mbsc-ios-dark .mbsc-cal-events-i {
- border-color: #545454;
- box-shadow: 0 .25em 1em rgba(0, 0, 0, 0.8);
- background: #333333
- }
- .mbsc-ios-dark .mbsc-cal-events-arr {
- border-color: #545454;
- background: #333333
- }
- .mbsc-ios-dark .mbsc-cal-events-b .mbsc-cal-events-arr {
- border-color: #545454
- }
- .mbsc-ios-dark .mbsc-cal-event-list .mbsc-cal-event:before,
- .mbsc-ios-dark .mbsc-cal-event-list .mbsc-cal-event:after {
- border-color: #545454
- }
- .mbsc-ios-dark .mbsc-event-list .mbsc-lv-gr-title {
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-event-color {
- background: #333333
- }
- .mbsc-ios-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-range-btn-end {
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-range-btn-end .mbsc-range-btn:before {
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-range-btn.mbsc-selected .mbsc-range-btn-v {
- color: #ff8400
- }
- .mbsc-ios-dark.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date {
- background: #ff8400
- }
- .mbsc-ios-dark.mbsc-range .mbsc-cal-day.mbsc-selected:after {
- background: #ff8400
- }
- .mbsc-ios-dark.mbsc-timer .mbsc-sc-lbl {
- color: #ff8400
- }
- .mbsc-ios-dark.mbsc-ts .mbsc-sc-lbl {
- color: #ff8400
- }
- .mbsc-ios-dark .mbsc-color-preview {
- border-color: #3d3d3d
- }
- .mbsc-ios-dark.mbsc-ms-c {
- background: #000000;
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-ms .mbsc-ms-item {
- color: #787878
- }
- .mbsc-ios-dark.mbsc-ms-nosel .mbsc-ms-item,
- .mbsc-ios-dark .mbsc-ms .mbsc-ms-item-sel {
- color: #ff8400
- }
- .mbsc-ios-dark.mbsc-ms-more .mbsc-ms-item:after {
- border-color: #333333
- }
- .mbsc-ios-dark.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
- background: rgba(255, 132, 0, 0.15)
- }
- .mbsc-ios-dark .mbsc-np-btn {
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-np-btn.mbsc-active,
- .mbsc-ios-dark .mbsc-np-btn-empty {
- background: #242424
- }
- .mbsc-ios-dark .mbsc-np-btn.mbsc-disabled {
- color: #292929
- }
- .mbsc-ios-dark.mbsc-page *::-moz-selection {
- background: #ff8b0f;
- color: #cccccc
- }
- .mbsc-ios-dark.mbsc-page *::selection {
- background: #ff8b0f;
- color: #cccccc
- }
- .mbsc-ios-dark.mbsc-page {
- background: #1a1a1a;
- color: #ffffff
- }
- .mbsc-ios-dark.mbsc-form *::-moz-selection {
- background: #ff8b0f;
- color: #cccccc
- }
- .mbsc-ios-dark.mbsc-form *::selection {
- background: #ff8b0f;
- color: #cccccc
- }
- .mbsc-ios-dark.mbsc-form {
- background: #1a1a1a;
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-input-ic {
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-divider,
- .mbsc-ios-dark .mbsc-form-group-title {
- background: #1a1a1a;
- border-color: #333333;
- color: #8f8f8f
- }
- .mbsc-ios-dark .mbsc-input {
- background: #0f0f0f;
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-control-w:before,
- .mbsc-ios-dark .mbsc-control-w:after {
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-control-w.mbsc-err:after,
- .mbsc-ios-dark .mbsc-control-w.mbsc-err+.mbsc-err:before,
- .mbsc-ios-dark .mbsc-control-w.mbsc-err+.mbsc-divider {
- border-top-color: #d8342c
- }
- .mbsc-ios-dark .mbsc-input input::-webkit-input-placeholder,
- .mbsc-ios-dark .mbsc-textarea textarea::-webkit-input-placeholder {
- color: #cccccc
- }
- .mbsc-ios-dark .mbsc-input input::-ms-input-placeholder,
- .mbsc-ios-dark .mbsc-textarea textarea::-ms-input-placeholder {
- color: #cccccc
- }
- .mbsc-ios-dark .mbsc-input input::-moz-placeholder,
- .mbsc-ios-dark .mbsc-textarea textarea::-moz-placeholder {
- color: #cccccc
- }
- .mbsc-ios-dark .mbsc-input .mbsc-label,
- .mbsc-ios-dark .mbsc-input input,
- .mbsc-ios-dark .mbsc-input textarea {
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-err-msg {
- color: #d8342c
- }
- .mbsc-ios-dark.mbsc-form .mbsc-checkbox,
- .mbsc-ios-dark.mbsc-form .mbsc-radio {
- background: #0f0f0f;
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-checkbox-box {
- border-color: #ff8b0f
- }
- .mbsc-ios-dark .mbsc-checkbox-box:after {
- border-color: #ff8b0f
- }
- .mbsc-ios-dark .mbsc-radio-box:after {
- border-color: #ff8b0f
- }
- .mbsc-ios-dark .mbsc-radio input:disabled~.mbsc-radio-label {
- color: #3b3b3b
- }
- .mbsc-ios-dark .mbsc-btn {
- color: #ff8400;
- background: #3b3b3b
- }
- .mbsc-ios-dark .mbsc-btn-outline.mbsc-btn {
- color: #ff8400;
- border-color: #ff8400
- }
- .mbsc-ios-dark .mbsc-btn-outline.mbsc-btn.mbsc-active {
- background: #ff8400
- }
- .mbsc-ios-dark .mbsc-btn:disabled {
- background: #212121;
- color: #3b3b3b
- }
- .mbsc-ios-dark .mbsc-btn.mbsc-btn-outline:disabled {
- border-color: #3b3b3b;
- color: #3b3b3b
- }
- .mbsc-ios-dark a {
- color: #ff8400
- }
- .mbsc-ios-dark .mbsc-btn-group,
- .mbsc-ios-dark .mbsc-btn-group-justified,
- .mbsc-ios-dark .mbsc-btn-group-block {
- background: #1a1a1a;
- border-color: #333333
- }
- .mbsc-ios-dark.mbsc-progress {
- border-color: #333333;
- background: #0f0f0f
- }
- .mbsc-ios-dark .mbsc-progress-track {
- background: #4d4d4d
- }
- .mbsc-ios-dark .mbsc-progress-bar {
- background: #ff8400
- }
- .mbsc-ios-dark .mbsc-progress-value {
- color: #bababa
- }
- .mbsc-ios-dark .mbsc-progress-step-label {
- color: #bababa
- }
- .mbsc-ios-dark .mbsc-input .mbsc-label,
- .mbsc-ios-dark .mbsc-progress .mbsc-label {
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-slider-handle {
- background: #ffffff;
- box-shadow: 0 0 1em rgba(255, 255, 255, 0.1), 0 0 .0625em rgba(255, 255, 255, 0.15), 0 .125em .125em rgba(255, 255, 255, 0.15)
- }
- .mbsc-ios-dark .mbsc-slider-tooltip {
- color: #bababa
- }
- .mbsc-ios-dark .mbsc-slider-step {
- background: #4d4d4d
- }
- .mbsc-ios-dark.mbsc-form .mbsc-switch {
- background: #0f0f0f;
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-switch-track {
- background: #fff;
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-switch-track:after {
- background: #0f0f0f
- }
- .mbsc-ios-dark .mbsc-switch-handle {
- background: #ffffff;
- box-shadow: 0 0 1em rgba(255, 255, 255, 0.1), 0 0 .0625em rgba(255, 255, 255, 0.15), 0 .125em .125em rgba(255, 255, 255, 0.15)
- }
- .mbsc-ios-dark .mbsc-switch input:checked+.mbsc-switch-track {
- background: #ff8400;
- border-color: #ff8400
- }
- .mbsc-ios-dark .mbsc-segmented {
- background-color: #0f0f0f
- }
- .mbsc-ios-dark .mbsc-segmented-content {
- color: #ff8b0f;
- border-color: #ff8b0f;
- background: #0f0f0f
- }
- .mbsc-ios-dark .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content,
- .mbsc-ios-dark .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content {
- background: #ff8b0f;
- color: #0f0f0f
- }
- .mbsc-ios-dark .mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: rgba(255, 139, 15, 0.3);
- color: #ff8b0f
- }
- .mbsc-ios-dark .mbsc-stepper-val {
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-stepper-cont {
- background: #0f0f0f
- }
- .mbsc-ios-dark .mbsc-stepper {
- right: .75em
- }
- .mbsc-ios-dark .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,
- .mbsc-ios-dark .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,
- .mbsc-ios-dark .mbsc-segmented .mbsc-segmented-item input:disabled+.mbsc-segmented-content {
- background: none;
- color: #3b3b3b;
- border-color: #3b3b3b
- }
- .mbsc-ios-dark .mbsc-stepper input:disabled {
- color: #3b3b3b;
- -webkit-text-fill-color: #3b3b3b
- }
- .mbsc-ios-dark .mbsc-segmented input:disabled:checked+.mbsc-segmented-content {
- background: #212121
- }
- .mbsc-ios-dark .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content {
- color: #3b3b3b
- }
- .mbsc-ios-dark .mbsc-stepper input {
- color: #ffffff
- }
- .mbsc-ios-dark.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(255, 139, 15, 0.15)
- }
- .mbsc-ios-dark.mbsc-rating .mbsc-progress-track {
- color: #ff8400
- }
- .mbsc-lv-ios-dark {
- border-color: #333333
- }
- .mbsc-lv-ios-dark .mbsc-lv {
- background: #333333
- }
- .mbsc-lv-ios-dark .mbsc-lv-item {
- background: #0f0f0f;
- border-color: #333333;
- color: #ffffff
- }
- .mbsc-lv-ios-dark .mbsc-lv-item:after,
- .mbsc-lv-ios-dark .mbsc-lv-item:before {
- border-color: #333333
- }
- .mbsc-lv-ios-dark .mbsc-lv-item-hl,
- .mbsc-lv-ios-dark .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
- background: #262626;
- border-color: #262626
- }
- .mbsc-lv-ios-dark .mbsc-lv-handle-bar {
- background: #6e6e6e
- }
- .mbsc-lv-ios-dark .mbsc-lv-gr-title {
- background: #1a1a1a;
- color: #8f8f8f;
- border-color: #333333
- }
- .mbsc-lv-ios-dark.mbsc-lv-has-fixed-header .mbsc-lv-gr-title,
- .mbsc-lv-ios-dark.mbsc-lv-fixed-header .mbsc-lv-gr-title {
- color: #ffffff
- }
- .mbsc-lv-ios-dark .mbsc-lv-ic-m {
- color: #ffffff
- }
- .mbsc-lv-ios-dark .mbsc-lv-arr {
- color: #6e6e6e
- }
- .mbsc-lv-ios-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
- background: #212121
- }
- .mbsc-ios-dark.mbsc-snackbar .mbsc-snackbar-btn {
- color: #ff8400
- }
- .mbsc-ios-dark .mbsc-color-active,
- .mbsc-no-touch.mbsc-ios-dark .mbsc-color-item-c:hover {
- box-shadow: inset 0 0 0 .1875em #ff8400
- }
- .mbsc-ios-dark .mbsc-color-preview-item-empty {
- border-color: #333333
- }
- .mbsc-ios-dark .mbsc-color-preview-cont {
- border-color: #3d3d3d
- }
- .mbsc-ios-dark.mbsc-form .mbsc-color-input {
- color: #ffffff
- }
- .mbsc-ios-dark .mbsc-color-clear-item {
- background: rgba(223, 222, 222, 0.3)
- }
- .mbsc-ios-dark.mbsc-card.mbsc-form {
- background: #0f0f0f;
- box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2)
- }
- .mbsc-ios-dark .mbsc-card-footer {
- border-color: #333333
- }
- .mbsc-material-dark .mbsc-ripple,
- .mbsc-lv-material-dark .mbsc-ripple {
- background: #ffffff
- }
- .mbsc-material-dark .mbsc-empty {
- color: #c2c2c2
- }
- .mbsc-material-dark .mbsc-fr-w {
- background: #303030;
- color: #c2c2c2
- }
- .mbsc-material-dark .mbsc-fr-hdr {
- color: #81ccc4
- }
- .mbsc-material-dark .mbsc-fr-btn {
- color: #81ccc4
- }
- .mbsc-material-dark.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,
- .mbsc-material-dark .mbsc-fr-btn.mbsc-active {
- background: rgba(255, 255, 255, 0.1)
- }
- .mbsc-material-dark .mbsc-fr-bubble-bottom .mbsc-fr-arr {
- border-color: transparent transparent #303030 transparent
- }
- .mbsc-material-dark .mbsc-fr-bubble-top .mbsc-fr-arr {
- border-color: #303030 transparent transparent transparent
- }
- .mbsc-material-dark .mbsc-sc-lbl {
- color: #81ccc4
- }
- .mbsc-material-dark .mbsc-sc-itm.mbsc-active {
- background: rgba(255, 255, 255, 0.1)
- }
- .mbsc-material-dark .mbsc-sc-whl-l {
- border-color: #81ccc4
- }
- .mbsc-material-dark .mbsc-sc-btn {
- color: #81ccc4;
- background: #303030
- }
- .mbsc-material-dark.mbsc-no-touch .mbsc-sc-btn:hover,
- .mbsc-material-dark .mbsc-sc-btn.mbsc-active {
- background: rgba(255, 255, 255, 0.1)
- }
- .mbsc-material-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- color: #81ccc4
- }
- .mbsc-material-dark .mbsc-sc-bar-c {
- background: rgba(255, 255, 255, 0.2)
- }
- .mbsc-material-dark .mbsc-np-del {
- color: #81ccc4
- }
- .mbsc-material-dark .mbsc-cal-picker {
- background: #303030
- }
- .mbsc-material-dark .mbsc-cal-today {
- color: #81ccc4
- }
- .mbsc-material-dark.mbsc-no-touch .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt,
- .mbsc-material-dark .mbsc-cal-cell:focus .mbsc-cal-cell-txt {
- background: rgba(255, 255, 255, 0.1)
- }
- .mbsc-material-dark .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt {
- background: rgba(129, 204, 196, 0.3)
- }
- .mbsc-material-dark .mbsc-cal-c .mbsc-cal-day-colored.mbsc-selected .mbsc-cal-day-date {
- border-color: #81ccc4
- }
- .mbsc-material-dark .mbsc-cal-tab.mbsc-selected {
- color: #81ccc4
- }
- .mbsc-material-dark .mbsc-cal-mark {
- background: #81ccc4
- }
- .mbsc-material-dark .mbsc-cal-txt {
- color: #303030;
- background: #e3e3e3
- }
- .mbsc-material-dark .mbsc-cal-icons {
- color: #c2c2c2
- }
- .mbsc-material-dark .mbsc-cal-events {
- color: #303030
- }
- .mbsc-material-dark .mbsc-cal-event-color {
- background: #81ccc4
- }
- .mbsc-material-dark .mbsc-cal-event-time,
- .mbsc-material-dark .mbsc-cal-event-dur {
- color: #303030
- }
- .mbsc-material-dark .mbsc-cal-events-arr {
- border-color: #81ccc4 transparent transparent transparent
- }
- .mbsc-material-dark .mbsc-cal-events-b .mbsc-cal-events-arr {
- border-color: transparent transparent #81ccc4 transparent
- }
- .mbsc-material-dark .mbsc-event-color {
- background: #81ccc4
- }
- .mbsc-material-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
- border-color: #5b5b5b
- }
- .mbsc-material-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
- border-color: #5b5b5b
- }
- .mbsc-material-dark .mbsc-range-btn-t {
- border-color: #5c5c5c
- }
- .mbsc-material-dark .mbsc-range-btn {
- color: #c2c2c2
- }
- .mbsc-material-dark .mbsc-range-btn.mbsc-selected {
- border-color: #81ccc4;
- color: #81ccc4
- }
- .mbsc-material-dark.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date {
- background: none;
- border-color: transparent
- }
- .mbsc-material-dark.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date {
- background: #81ccc4;
- border-color: #81ccc4;
- color: #303030
- }
- .mbsc-material-dark.mbsc-range .mbsc-cal-day.mbsc-selected:after {
- background: rgba(129, 204, 196, 0.1)
- }
- .mbsc-material-dark.mbsc-ms-c {
- background: #303030
- }
- .mbsc-material-dark .mbsc-ms .mbsc-ms-item {
- color: #c2c2c2
- }
- .mbsc-material-dark .mbsc-ms .mbsc-ms-item.mbsc-ms-item-sel {
- color: #81ccc4
- }
- .mbsc-material-dark .mbsc-ms .mbsc-ms-item.mbsc-active {
- background: rgba(255, 255, 255, 0.1)
- }
- .mbsc-material-dark.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
- background: rgba(255, 255, 255, 0.1)
- }
- .mbsc-material-dark.mbsc-ms-top {
- border-color: #5c5c5c
- }
- .mbsc-material-dark.mbsc-ms-bottom {
- border-color: #5c5c5c
- }
- .mbsc-material-dark.mbsc-ms-a .mbsc-ms-item.mbsc-ms-item-sel {
- color: #81ccc4
- }
- .mbsc-material-dark.mbsc-ms-b .mbsc-ms-item.mbsc-ms-item-sel {
- border-bottom-color: #81ccc4
- }
- .mbsc-material-dark.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item.mbsc-ms-item-sel {
- border-top-color: #81ccc4
- }
- .mbsc-lv-material-dark .mbsc-lv {
- background: #5b5b5b
- }
- .mbsc-lv-material-dark .mbsc-lv-item {
- background: #303030;
- color: #c2c2c2
- }
- .mbsc-lv-material-dark .mbsc-lv-item-hl:after,
- .mbsc-lv-material-dark .mbsc-lv-item-active::after,
- .mbsc-lv-material-dark .mbsc-lv-item-dragging:after {
- background: rgba(255, 255, 255, 0.1)
- }
- .mbsc-lv-material-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
- background: #383838
- }
- .mbsc-lv-material-dark .mbsc-lv-gr-title {
- background: #303030;
- color: #81ccc4
- }
- .mbsc-lv-material-dark .mbsc-lv-arr {
- color: #81ccc4
- }
- .mbsc-lv-material-dark .mbsc-lv-handle-bar {
- background: #81ccc4
- }
- .mbsc-lv-material-dark p.mbsc-lv-txt {
- color: #dcdcdc
- }
- .mbsc-material-dark .mbsc-progress-track {
- background: #5b5b5b
- }
- .mbsc-material-dark .mbsc-progress-bar {
- background: #81ccc4
- }
- .mbsc-material-dark .mbsc-slider-step {
- background: #ffffff
- }
- .mbsc-material-dark .mbsc-slider-handle {
- background: #81ccc4;
- border-color: #81ccc4
- }
- .mbsc-material-dark .mbsc-slider-start .mbsc-slider-handle {
- border-color: #5b5b5b;
- background: #303030
- }
- .mbsc-material-dark .mbsc-slider-handle:before {
- background: rgba(255, 255, 255, 0.1)
- }
- .mbsc-material-dark .mbsc-slider-tooltip {
- color: #303030;
- background: #81ccc4
- }
- .mbsc-material-dark .mbsc-slider-tooltip:before {
- border-top-color: #81ccc4
- }
- .mbsc-material-dark.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip {
- background: #5b5b5b
- }
- .mbsc-material-dark.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip:before {
- border-top-color: #5b5b5b
- }
- .mbsc-material-dark.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-progress-bar {
- background: #5b5b5b
- }
- .mbsc-material-dark.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-slider-handle {
- background: #5b5b5b;
- border-color: #5b5b5b;
- box-shadow: 0 0 0 .3125em #303030
- }
- .mbsc-material-dark.mbsc-slider input:disabled~.mbsc-progress-cont .mbsc-slider-start .mbsc-slider-handle {
- border-color: #5b5b5b;
- background: #303030
- }
- .mbsc-material-dark.mbsc-page {
- background-color: #303030;
- color: #d4d4d4
- }
- .mbsc-material-dark.mbsc-page *::-moz-selection {
- background: #81ccc4
- }
- .mbsc-material-dark.mbsc-page *::selection {
- background: #81ccc4
- }
- .mbsc-material-dark.mbsc-form {
- background-color: #303030;
- color: #d4d4d4
- }
- .mbsc-material-dark.mbsc-form *::-moz-selection {
- background: #81ccc4
- }
- .mbsc-material-dark.mbsc-form *::selection {
- background: #81ccc4
- }
- .mbsc-material-dark .mbsc-divider,
- .mbsc-material-dark .mbsc-form-group-title {
- color: #81ccc4
- }
- .mbsc-material-dark a {
- color: #81ccc4
- }
- .mbsc-material-dark .mbsc-input textarea,
- .mbsc-material-dark .mbsc-input input {
- border-bottom: 1px solid #d4d4d4;
- color: #858585
- }
- .mbsc-material-dark .mbsc-input input::-webkit-input-placeholder {
- color: #a9a9a9
- }
- .mbsc-material-dark .mbsc-input input::-moz-placeholder {
- color: #a9a9a9
- }
- .mbsc-material-dark .mbsc-input input:-ms-input-placeholder {
- color: #a9a9a9
- }
- .mbsc-material-dark .mbsc-input select:focus~input,
- .mbsc-material-dark .mbsc-input textarea:focus,
- .mbsc-material-dark .mbsc-input input:focus {
- border-bottom: 2px solid #81ccc4
- }
- .mbsc-material-dark .mbsc-checkbox-box:before,
- .mbsc-material-dark .mbsc-radio-box:before,
- .mbsc-material-dark .mbsc-switch-handle:before {
- background: rgba(255, 255, 255, 0.1)
- }
- .mbsc-material-dark .mbsc-select .mbsc-input-wrap:after {
- border: 5px solid #d4d4d4;
- border-color: #d4d4d4 transparent transparent transparent
- }
- .mbsc-material-dark .mbsc-sel-filter-cont {
- border-color: #5b5b5b
- }
- .mbsc-material-dark .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
- color: #81ccc4
- }
- .mbsc-material-dark.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm-sel {
- color: #81ccc4
- }
- .mbsc-material-dark .mbsc-checkbox-box,
- .mbsc-material-dark .mbsc-radio-box {
- border-color: #d4d4d4
- }
- .mbsc-material-dark .mbsc-checkbox-box:after {
- border-color: #303030
- }
- .mbsc-material-dark .mbsc-checkbox input:checked+.mbsc-checkbox-box {
- background: #81ccc4;
- border-color: #81ccc4
- }
- .mbsc-material-dark .mbsc-radio-box:after {
- background: #81ccc4
- }
- .mbsc-material-dark .mbsc-radio input:checked+.mbsc-radio-box {
- border-color: #81ccc4
- }
- .mbsc-material-dark .mbsc-btn {
- background: #5b5b5b;
- color: #ffffff
- }
- .mbsc-material-dark .mbsc-btn.mbsc-btn-outline {
- color: #d4d4d4;
- border-color: #d4d4d4
- }
- .mbsc-material-dark.mbsc-no-touch .mbsc-btn:not(:disabled):hover,
- .mbsc-material-dark .mbsc-btn.mbsc-active {
- background: #737373
- }
- .mbsc-material-dark .mbsc-btn.mbsc-control.mbsc-btn-outline.mbsc-active {
- background: #aeaeae
- }
- .mbsc-material-dark .mbsc-btn-flat {
- background: transparent
- }
- .mbsc-material-dark .mbsc-btn:disabled {
- color: #bcbcbc
- }
- .mbsc-material-dark.mbsc-btn.mbsc-btn-outline:disabled {
- color: #bcbcbc;
- border-color: #bcbcbc
- }
- .mbsc-material-dark.mbsc-no-touch .mbsc-btn-flat:not(:disabled):hover,
- .mbsc-material-dark .mbsc-btn-flat.mbsc-active {
- background-color: #5b5b5b
- }
- .mbsc-material-dark .mbsc-switch-track {
- background: #5b5b5b
- }
- .mbsc-material-dark .mbsc-switch .mbsc-switch-handle {
- background: #b8b8b8
- }
- .mbsc-material-dark .mbsc-switch input:checked+.mbsc-switch-track {
- background-color: rgba(129, 204, 196, 0.3)
- }
- .mbsc-material-dark .mbsc-switch input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #81ccc4
- }
- .mbsc-material-dark .mbsc-switch input:disabled+.mbsc-switch-track {
- background: #5b5b5b
- }
- .mbsc-material-dark .mbsc-switch input:disabled+.mbsc-switch-track .mbsc-switch-handle {
- background: #595959
- }
- .mbsc-material-dark .mbsc-segmented-content {
- border-color: #81ccc4;
- color: #ffffff
- }
- .mbsc-material-dark .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content,
- .mbsc-material-dark .mbsc-segmented .mbsc-segmented-item input:checked~.mbsc-segmented-content {
- background: #81ccc4;
- color: #303030
- }
- .mbsc-material-dark .mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-material-dark .mbsc-segmented .mbsc-segmented-item .mbsc-active .mbsc-segmented-content {
- background: #737373;
- color: #ffffff
- }
- .mbsc-material-dark .mbsc-segmented .mbsc-segmented-item input:disabled+.mbsc-segmented-content {
- color: #bcbcbc;
- border-color: #5b5b5b;
- background: transparent
- }
- .mbsc-material-dark .mbsc-segmented .mbsc-segmented-item input:disabled:checked+.mbsc-segmented-content {
- background: #5b5b5b;
- color: #bcbcbc;
- border-color: #5b5b5b
- }
- .mbsc-material-dark .mbsc-stepper .mbsc-segmented-content {
- border-color: #5b5b5b
- }
- .mbsc-material-dark .mbsc-stepper-control .mbsc-segmented-content {
- background: #5b5b5b
- }
- .mbsc-material-dark .mbsc-stepper input {
- color: #ffffff
- }
- .mbsc-material-dark .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,
- .mbsc-material-dark .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,
- .mbsc-material-dark .mbsc-segmented .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content {
- background: #5b5b5b;
- color: #bcbcbc
- }
- .mbsc-material-dark .mbsc-segmented .mbsc-segmented-item input:disabled~.mbsc-segmented-item .mbsc-stepper-val {
- border-color: #5b5b5b;
- background: #303030
- }
- .mbsc-material-dark .mbsc-stepper input:disabled {
- color: #bcbcbc;
- -webkit-text-fill-color: #bcbcbc
- }
- .mbsc-material-dark.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: #737373;
- color: #ffffff
- }
- .mbsc-material-dark.mbsc-rating .mbsc-progress-track {
- color: #81ccc4
- }
- .mbsc-material-dark.mbsc-snackbar .mbsc-fr-w {
- background: #5b5b5b
- }
- .mbsc-material-dark.mbsc-snackbar .mbsc-snackbar-btn {
- color: #81ccc4
- }
- .mbsc-material-dark .mbsc-color-active .mbsc-color-item,
- .mbsc-no-touch.mbsc-material-dark .mbsc-color-item:hover {
- box-shadow: inset 0 0 0 .1875em #81ccc4
- }
- .mbsc-material-dark .mbsc-color-preview-item-empty {
- border-color: #595959
- }
- .mbsc-material-dark .mbsc-color-preview-cont {
- border-top-color: #737373
- }
- .mbsc-material-dark.mbsc-form .mbsc-color-input {
- border-bottom: 1px solid #d4d4d4;
- color: #858585
- }
- .mbsc-material-dark .mbsc-color-clear-item {
- background: rgba(223, 222, 222, 0.6)
- }
- .mbsc-material-dark.mbsc-card.mbsc-form {
- background: #3c3c3c
- }
- .mbsc-material-dark.mbsc-card .mbsc-lv-item {
- background: #3c3c3c
- }
- .mbsc-material-dark .mbsc-card-list .mbsc-card {
- background: #3c3c3c
- }
- .mbsc-material-dark .mbsc-card-footer {
- border-color: #5c5c5c
- }
- .mbsc-mobiscroll-dark .mbsc-fr-w {
- background: #263238;
- color: #f7f7f7
- }
- .mbsc-mobiscroll-dark .mbsc-fr-hdr {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,
- .mbsc-mobiscroll-dark .mbsc-fr-btn.mbsc-active {
- background: rgba(79, 204, 196, 0.3)
- }
- .mbsc-mobiscroll-dark .mbsc-fr-btn {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-fr-bubble-bottom .mbsc-fr-arr {
- border-color: transparent transparent #263238 transparent
- }
- .mbsc-mobiscroll-dark .mbsc-fr-bubble-top .mbsc-fr-arr {
- border-color: #263238 transparent transparent transparent
- }
- .mbsc-mobiscroll-dark .mbsc-sc-lbl {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-sc-whl-l {
- border-color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-sc-btn {
- color: #4fccc4;
- background: #263238
- }
- .mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-sc-btn:hover:before,
- .mbsc-mobiscroll-dark .mbsc-sc-btn.mbsc-active:before,
- .mbsc-mobiscroll-dark .mbsc-sc-itm.mbsc-active {
- background: rgba(79, 204, 196, 0.3)
- }
- .mbsc-mobiscroll-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-sc-bar-c {
- background: rgba(255, 255, 255, 0.2)
- }
- .mbsc-mobiscroll-dark .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-fr-pointer .mbsc-sel-one.mbsc-sc-whl-multi .mbsc-sc-itm-sel {
- color: #f7f7f7;
- background: rgba(79, 204, 196, 0.3)
- }
- .mbsc-mobiscroll-dark .mbsc-cal-picker {
- background: #263238
- }
- .mbsc-mobiscroll-dark .mbsc-cal-days>div {
- border-bottom-color: #4fccc4;
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-cal-today {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt,
- .mbsc-mobiscroll-dark .mbsc-cal-cell:focus .mbsc-cal-cell-txt {
- background: rgba(79, 204, 196, 0.3)
- }
- .mbsc-mobiscroll-dark .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt {
- background: #4fccc4;
- color: #263238
- }
- .mbsc-mobiscroll-dark .mbsc-cal-week-nr {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-cal-tab {
- border-color: #4fccc4;
- color: #f7f7f7
- }
- .mbsc-mobiscroll-dark .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected {
- background: #4fccc4;
- color: #263238
- }
- .mbsc-mobiscroll-dark .mbsc-cal-mark {
- background: #f7f7f7
- }
- .mbsc-mobiscroll-dark .mbsc-cal-txt {
- color: #263238;
- background: #f7f7f7
- }
- .mbsc-mobiscroll-dark .mbsc-cal-icons {
- color: #f7f7f7
- }
- .mbsc-mobiscroll-dark .mbsc-cal-events {
- color: #263238;
- background: #ffffff
- }
- .mbsc-mobiscroll-dark .mbsc-cal-event-color {
- background: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-cal-event-time,
- .mbsc-mobiscroll-dark .mbsc-cal-event-dur {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-cal-events-arr {
- border-color: #ffffff transparent transparent transparent
- }
- .mbsc-mobiscroll-dark .mbsc-cal-events-b .mbsc-cal-events-arr {
- border-color: transparent transparent #ffffff transparent
- }
- .mbsc-mobiscroll-dark .mbsc-event-list .mbsc-lv-gr-title {
- background: #263238;
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-event-color {
- background: rgba(247, 247, 247, 0.3)
- }
- .mbsc-mobiscroll-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
- border-color: #364850
- }
- .mbsc-mobiscroll-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
- border-color: #364850
- }
- .mbsc-mobiscroll-dark .mbsc-range-btn {
- border-color: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-range .mbsc-range-btn-t .mbsc-range-btn.mbsc-selected {
- background: #4fccc4;
- color: #263238
- }
- .mbsc-mobiscroll-dark.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date {
- background: none;
- color: #f7f7f7
- }
- .mbsc-mobiscroll-dark.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date {
- background: #4fccc4;
- color: #263238
- }
- .mbsc-mobiscroll-dark.mbsc-range .mbsc-cal-day.mbsc-selected:after {
- background: rgba(79, 204, 196, 0.3)
- }
- .mbsc-mobiscroll-dark .mbsc-np-del {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-color-active,
- .mbsc-no-touch.mbsc-mobiscroll-dark .mbsc-color-item-c:hover {
- box-shadow: inset 0 0 0 .1875em #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-color-preview-item-empty {
- border-color: #34444d
- }
- .mbsc-mobiscroll-dark .mbsc-color-preview-cont {
- border-top-color: #435863
- }
- .mbsc-mobiscroll-dark.mbsc-form .mbsc-color-input {
- border-bottom: 1px solid #ffffff;
- color: #d1d1d1
- }
- .mbsc-mobiscroll-dark .mbsc-color-clear-item {
- background: rgba(223, 222, 222, 0.3)
- }
- .mbsc-lv-mobiscroll-dark .mbsc-lv {
- background: #435863
- }
- .mbsc-lv-mobiscroll-dark .mbsc-lv-item {
- background: #263238;
- color: #f7f7f7
- }
- .mbsc-lv-mobiscroll-dark .mbsc-lv-gr-title {
- background: #4fccc4;
- color: #263238
- }
- .mbsc-lv-mobiscroll-dark .mbsc-lv-arr {
- color: #4fccc4
- }
- .mbsc-lv-mobiscroll-dark .mbsc-lv-handle-bar {
- background: #4fccc4
- }
- .mbsc-lv-mobiscroll-dark .mbsc-lv-item-active::after {
- background: rgba(79, 204, 196, 0.3)
- }
- .mbsc-lv-mobiscroll-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
- background: #1d272b
- }
- .mbsc-lv-mobiscroll-dark .mbsc-lv-item.mbsc-lv-item-dragging {
- background: #4fccc4;
- color: #263238
- }
- .mbsc-lv-mobiscroll-dark .mbsc-lv-item-dragging .mbsc-lv-handle-bar {
- background: #263238
- }
- .mbsc-lv-mobiscroll-dark .mbsc-lv-item-dragging .mbsc-lv-arr {
- color: #263238
- }
- .mbsc-mobiscroll-dark.mbsc-ms-c {
- background: #263238
- }
- .mbsc-mobiscroll-dark .mbsc-ms .mbsc-ms-item {
- color: #f7f7f7
- }
- .mbsc-mobiscroll-dark.mbsc-ms-c .mbsc-scv-sc .mbsc-ms .mbsc-ms-item.mbsc-active {
- background: rgba(79, 204, 196, 0.3)
- }
- .mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
- background: rgba(79, 204, 196, 0.1)
- }
- .mbsc-mobiscroll-dark.mbsc-ms-b .mbsc-ms-item-sel {
- border-bottom-color: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-top {
- border-color: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-bottom {
- border-color: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel {
- border-top-color: #4fccc4;
- border-bottom-color: transparent
- }
- .mbsc-mobiscroll-dark.mbsc-ms-a.mbsc-ms-top {
- border-color: #49606c
- }
- .mbsc-mobiscroll-dark.mbsc-ms-a.mbsc-ms-bottom {
- border-color: #49606c
- }
- .mbsc-mobiscroll-dark.mbsc-ms-a .mbsc-ms-item-sel {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-progress .mbsc-input-ic {
- color: #ffffff
- }
- .mbsc-mobiscroll-dark .mbsc-progress-track {
- background: #364850
- }
- .mbsc-mobiscroll-dark .mbsc-progress-bar {
- background: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-slider-step {
- background: #263238
- }
- .mbsc-mobiscroll-dark .mbsc-slider-handle {
- background: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-slider-tooltip {
- color: #263238;
- background: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-page {
- background: #263238;
- color: #f7f7f7
- }
- .mbsc-mobiscroll-dark.mbsc-page *::-moz-selection {
- background: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-page *::selection {
- background: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-form {
- background: #263238;
- color: #f7f7f7
- }
- .mbsc-mobiscroll-dark.mbsc-form *::-moz-selection {
- background: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-form *::selection {
- background: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-divider,
- .mbsc-mobiscroll-dark .mbsc-form-group-title {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark a {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-input textarea,
- .mbsc-mobiscroll-dark .mbsc-input input {
- border-bottom: 1px solid #ffffff;
- color: #d1d1d1
- }
- .mbsc-mobiscroll-dark .mbsc-input select:focus~input,
- .mbsc-mobiscroll-dark .mbsc-input textarea:focus,
- .mbsc-mobiscroll-dark .mbsc-input input:focus {
- border-color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-input-ic {
- color: #ffffff
- }
- .mbsc-mobiscroll-dark .mbsc-checkbox-box {
- background: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-checkbox-box:after {
- border: .125em solid #263238;
- border-top: 0;
- border-right: 0
- }
- .mbsc-mobiscroll-dark .mbsc-checkbox input:disabled+.mbsc-checkbox-box {
- background: #101417
- }
- .mbsc-mobiscroll-dark .mbsc-radio-box {
- border: .125em solid #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-radio-box:after {
- background: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-radio input:checked+.mbsc-radio-box {
- background: transparent
- }
- .mbsc-mobiscroll-dark .mbsc-radio input:disabled+.mbsc-radio-box {
- border-color: #101417
- }
- .mbsc-mobiscroll-dark .mbsc-radio input:disabled+.mbsc-radio-box:after {
- background: #101417
- }
- .mbsc-mobiscroll-dark .mbsc-btn {
- background: #4fccc4;
- color: #263238
- }
- .mbsc-mobiscroll-dark .mbsc-btn:disabled {
- background: #364850
- }
- .mbsc-mobiscroll-dark .mbsc-btn.mbsc-btn-outline:disabled {
- color: #364850;
- border-color: #364850;
- background: transparent
- }
- .mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
- background: rgba(79, 204, 196, 0.1)
- }
- .mbsc-mobiscroll-dark .mbsc-btn-flat.mbsc-active {
- background: rgba(79, 204, 196, 0.3)
- }
- .mbsc-mobiscroll-dark .mbsc-btn-flat {
- background: transparent;
- color: #4fccc4;
- border-color: transparent
- }
- .mbsc-mobiscroll-dark .mbsc-btn-flat:disabled {
- background: transparent;
- color: #435863
- }
- .mbsc-mobiscroll-dark .mbsc-switch-track {
- background: #364850
- }
- .mbsc-mobiscroll-dark .mbsc-switch-handle {
- background: #435863
- }
- .mbsc-mobiscroll-dark .mbsc-switch input:checked+.mbsc-switch-track {
- background: #b5e6e2
- }
- .mbsc-mobiscroll-dark .mbsc-switch input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-switch input:disabled+.mbsc-switch-track {
- background: #101417
- }
- .mbsc-mobiscroll-dark .mbsc-switch input:disabled+.mbsc-switch-track .mbsc-switch-handle {
- background: #182024
- }
- .mbsc-mobiscroll-dark .mbsc-segmented-content {
- border-color: #4fccc4;
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark .mbsc-stepper input {
- color: #f7f7f7
- }
- .mbsc-mobiscroll-dark .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content,
- .mbsc-mobiscroll-dark .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content {
- background: #4fccc4;
- color: #263238
- }
- .mbsc-mobiscroll-dark .mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: rgba(79, 204, 196, 0.3)
- }
- .mbsc-mobiscroll-dark .mbsc-stepper-cont {
- padding: 1.75em 12.875em 1.75em 1em
- }
- .mbsc-mobiscroll-dark .mbsc-stepper {
- margin-top: -1.25em
- }
- .mbsc-mobiscroll-dark .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,
- .mbsc-mobiscroll-dark .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,
- .mbsc-mobiscroll-dark .mbsc-segmented .mbsc-segmented-item input:disabled+.mbsc-segmented-content {
- color: #101417;
- border-color: #101417;
- background: transparent
- }
- .mbsc-mobiscroll-dark .mbsc-stepper input:disabled {
- color: #101417;
- -webkit-text-fill-color: #101417
- }
- .mbsc-mobiscroll-dark .mbsc-segmented input:disabled:checked+.mbsc-segmented-content {
- background: #364850;
- border-color: #364850;
- color: #263238
- }
- .mbsc-mobiscroll-dark .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content {
- color: #101417
- }
- .mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: rgba(79, 204, 196, 0.1)
- }
- .mbsc-mobiscroll-dark.mbsc-rating .mbsc-progress-track {
- color: #4fccc4
- }
- .mbsc-mobiscroll-dark.mbsc-card.mbsc-form {
- background: #2e3d44
- }
- .mbsc-mobiscroll-dark.mbsc-card .mbsc-lv-item {
- background: #2e3d44
- }
- .mbsc-mobiscroll-dark .mbsc-card-footer {
- border-top: 1px solid #49606c
- }
- .mbsc-mobiscroll-dark .mbsc-empty {
- color: #f7f7f7
- }
- .mbsc-windows-dark .mbsc-empty {
- color: #b3b3b3
- }
- .mbsc-windows-dark .mbsc-cal-picker {
- background: #1a1a1a
- }
- .mbsc-windows-dark .mbsc-cal-days>div {
- color: #b3b3b3
- }
- .mbsc-windows-dark .mbsc-cal-today .mbsc-cal-day-date {
- color: #0078d7
- }
- .mbsc-windows-dark .mbsc-cal-day-diff .mbsc-cal-day-i {
- background: #272727
- }
- .mbsc-windows-dark .mbsc-cal-cell:focus .mbsc-cal-day-i {
- background: #343434
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled):hover .mbsc-cal-day-i,
- .mbsc-windows-dark.mbsc-no-touch .mbsc-cal-picker .mbsc-cal-cell:not(.mbsc-disabled):hover {
- background: #343434
- }
- .mbsc-windows-dark .mbsc-selected.mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-cell-i.mbsc-cal-day-i,
- .mbsc-windows-dark .mbsc-cal-picker .mbsc-cal-cell.mbsc-selected,
- .mbsc-windows-dark.mbsc-no-touch .mbsc-cal-picker .mbsc-cal-cell.mbsc-selected:hover {
- background: rgba(0, 120, 215, 0.25)
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-cal-tab:hover {
- background: #343434;
- border-color: #343434
- }
- .mbsc-windows-dark .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected,
- .mbsc-windows-dark.mbsc-no-touch .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected:hover {
- border-bottom-color: #0078d7;
- color: #0078d7;
- background: #1a1a1a
- }
- .mbsc-windows-dark .mbsc-cal-tabs-c {
- border-bottom: 1px solid #404040
- }
- .mbsc-windows-dark .mbsc-cal-mark {
- background: #ffffff
- }
- .mbsc-windows-dark .mbsc-cal-txt {
- color: #ffffff;
- background: #484848
- }
- .mbsc-windows-dark.mbsc-card.mbsc-form {
- background: #202020;
- box-shadow: 0 0 1px 1px #393939
- }
- .mbsc-windows-dark.mbsc-card .mbsc-lv-item {
- background: #202020
- }
- .mbsc-windows-dark .mbsc-card h3.mbsc-card-subtitle,
- .mbsc-windows-dark .mbsc-card-subtitle {
- color: #7c7c7c
- }
- .mbsc-windows-dark .mbsc-card-footer {
- border-color: #393939
- }
- .mbsc-windows-dark .mbsc-color-active,
- .mbsc-windows-dark.mbsc-no-touch .mbsc-color-item-c:hover {
- box-shadow: inset 0 0 0 .1875em #0078d7
- }
- .mbsc-windows-dark .mbsc-color-clear-item {
- background: rgba(223, 222, 222, 0.3)
- }
- .mbsc-windows-dark.mbsc-color .mbsc-color-slider-cont .mbsc-progress-track {
- background: #4a4a4a
- }
- .mbsc-windows-dark .mbsc-color-preview-item-empty {
- border-color: #b3b3b3
- }
- .mbsc-windows-dark .mbsc-color-preview-cont {
- border-color: #b3b3b3
- }
- .mbsc-windows-dark.mbsc-form .mbsc-color-input {
- background: #ffffff;
- border: .125em solid #ffffff;
- border-color: #ffffff;
- color: #ffffff
- }
- .mbsc-windows-dark .mbsc-cal-events {
- background: rgba(255, 255, 255, 0.8)
- }
- .mbsc-windows-dark .mbsc-cal-event {
- color: #ffffff;
- background: #484848;
- border-color: #484848
- }
- .mbsc-windows-dark .mbsc-cal-events-arr {
- border-color: rgba(255, 255, 255, 0.8) transparent transparent
- }
- .mbsc-windows-dark .mbsc-cal-events-b .mbsc-cal-events-arr {
- border-color: transparent transparent rgba(255, 255, 255, 0.8)
- }
- .mbsc-windows-dark .mbsc-cal-event-color {
- background: #ffffff
- }
- .mbsc-windows-dark .mbsc-event-list .mbsc-lv-item {
- background: #000000
- }
- .mbsc-windows-dark .mbsc-event-list .mbsc-lv-gr-title {
- background: #000000;
- border-color: #272727
- }
- .mbsc-windows-dark .mbsc-event-color {
- background: #0078d7
- }
- .mbsc-windows-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
- border-color: #404040
- }
- .mbsc-windows-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
- background: #000000;
- border-color: #404040
- }
- .mbsc-windows-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-diff .mbsc-cal-day-i {
- background: #1a1a1a
- }
- .mbsc-windows-dark.mbsc-form {
- background-color: #000000;
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-form *::-moz-selection {
- color: #ffffff;
- background: #0078d7
- }
- .mbsc-windows-dark.mbsc-form *::selection {
- color: #ffffff;
- background: rgba(0, 120, 215, 0.9)
- }
- .mbsc-windows-dark .mbsc-divider,
- .mbsc-windows-dark .mbsc-form-group-title {
- font-size: 1.5em;
- padding: 0 .5em;
- line-height: 2em
- }
- .mbsc-windows-dark .mbsc-checkbox-box,
- .mbsc-windows-dark .mbsc-radio-box {
- border: .125em solid #ffffff
- }
- .mbsc-windows-dark .mbsc-checkbox-box:after {
- border-color: #e2f0fb
- }
- .mbsc-windows-dark .mbsc-checkbox input:checked+.mbsc-checkbox-box {
- background: #0078d7;
- border-color: #0078d7
- }
- .mbsc-windows-dark .mbsc-checkbox-primary input:checked+.mbsc-checkbox-box {
- background: #3f97f6;
- border-color: #3f97f6
- }
- .mbsc-windows-dark .mbsc-checkbox-secondary input:checked+.mbsc-checkbox-box {
- background: #90979E;
- border-color: #90979E
- }
- .mbsc-windows-dark .mbsc-checkbox-success input:checked+.mbsc-checkbox-box {
- background: #43BE5F;
- border-color: #43BE5F
- }
- .mbsc-windows-dark .mbsc-checkbox-danger input:checked+.mbsc-checkbox-box {
- background: #f5504e;
- border-color: #f5504e
- }
- .mbsc-windows-dark .mbsc-checkbox-warning input:checked+.mbsc-checkbox-box {
- background: #f8b042;
- border-color: #f8b042
- }
- .mbsc-windows-dark .mbsc-checkbox-info input:checked+.mbsc-checkbox-box {
- background: #5BB7C5;
- border-color: #5BB7C5
- }
- .mbsc-windows-dark .mbsc-checkbox input.mbsc-active+.mbsc-checkbox-box {
- border-color: #a6a6a6;
- background: #a6a6a6
- }
- .mbsc-windows-dark .mbsc-radio-box:after {
- background: #ffffff
- }
- .mbsc-windows-dark .mbsc-radio input:checked+.mbsc-radio-box {
- border-color: #0078d7
- }
- .mbsc-windows-dark .mbsc-radio input.mbsc-active+.mbsc-radio-box {
- border-color: rgba(255, 255, 255, 0.6)
- }
- .mbsc-windows-dark .mbsc-radio input.mbsc-active+.mbsc-radio-box:after {
- background: rgba(255, 255, 255, 0.6)
- }
- .mbsc-windows-dark .mbsc-radio-primary .mbsc-radio-box:after {
- background: #3f97f6
- }
- .mbsc-windows-dark .mbsc-radio-secondary .mbsc-radio-box:after {
- background: #90979E
- }
- .mbsc-windows-dark .mbsc-radio-success .mbsc-radio-box:after {
- background: #43BE5F
- }
- .mbsc-windows-dark .mbsc-radio-danger .mbsc-radio-box:after {
- background: #f5504e
- }
- .mbsc-windows-dark .mbsc-radio-warning .mbsc-radio-box:after {
- background: #f8b042
- }
- .mbsc-windows-dark .mbsc-radio-info .mbsc-radio-box:after {
- background: #5BB7C5
- }
- .mbsc-windows-dark .mbsc-btn {
- background: #404040;
- border: .125em solid #404040;
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #ababab
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-active {
- border-color: #ababab;
- background: #ababab
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-flat.mbsc-active:not(:disabled) {
- background: rgba(64, 64, 64, 0.25)
- }
- .mbsc-windows-dark .mbsc-btn-primary.mbsc-btn {
- color: #ffffff;
- background: #3f97f6;
- border-color: #3f97f6
- }
- .mbsc-windows-dark .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat {
- color: #3f97f6
- }
- .mbsc-windows-dark .mbsc-btn-primary.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(63, 151, 246, 0.25)
- }
- .mbsc-windows-dark .mbsc-btn-secondary.mbsc-btn {
- color: #ffffff;
- background: #90979E;
- border-color: #90979E
- }
- .mbsc-windows-dark .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat {
- color: #90979E
- }
- .mbsc-windows-dark .mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(144, 151, 158, 0.25)
- }
- .mbsc-windows-dark .mbsc-btn-success.mbsc-btn {
- color: #ffffff;
- background: #43BE5F;
- border-color: #43BE5F
- }
- .mbsc-windows-dark .mbsc-btn-success.mbsc-btn.mbsc-btn-flat {
- color: #43BE5F
- }
- .mbsc-windows-dark .mbsc-btn-success.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(67, 190, 95, 0.25)
- }
- .mbsc-windows-dark .mbsc-btn-danger.mbsc-btn {
- color: #ffffff;
- background: #f5504e;
- border-color: #f5504e
- }
- .mbsc-windows-dark .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat {
- color: #f5504e
- }
- .mbsc-windows-dark .mbsc-btn-danger.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(245, 80, 78, 0.25)
- }
- .mbsc-windows-dark .mbsc-btn-warning.mbsc-btn {
- color: #000000;
- background: #f8b042;
- border-color: #f8b042
- }
- .mbsc-windows-dark .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat {
- color: #f8b042
- }
- .mbsc-windows-dark .mbsc-btn-warning.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(248, 176, 66, 0.25)
- }
- .mbsc-windows-dark .mbsc-btn-info.mbsc-btn {
- color: #ffffff;
- background: #5BB7C5;
- border-color: #5BB7C5
- }
- .mbsc-windows-dark .mbsc-btn-info.mbsc-btn.mbsc-btn-flat {
- color: #5BB7C5
- }
- .mbsc-windows-dark .mbsc-btn-info.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(91, 183, 197, 0.25)
- }
- .mbsc-windows-dark .mbsc-btn-light.mbsc-btn {
- color: #000000;
- background: #bfbfbf;
- border-color: #bfbfbf
- }
- .mbsc-windows-dark .mbsc-btn-light.mbsc-btn.mbsc-btn-flat {
- color: #bfbfbf
- }
- .mbsc-windows-dark .mbsc-btn-light.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(191, 191, 191, 0.25)
- }
- .mbsc-windows-dark .mbsc-btn-dark.mbsc-btn {
- color: #ffffff;
- background: #47494A;
- border-color: #47494A
- }
- .mbsc-windows-dark .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat {
- color: #47494A
- }
- .mbsc-windows-dark .mbsc-btn-dark.mbsc-btn.mbsc-btn-flat.mbsc-active {
- background: rgba(71, 73, 74, 0.25)
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline {
- background: transparent;
- border: .125em solid #737373;
- color: #737373
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-active {
- background: #8d8d8d;
- border-color: #8d8d8d;
- color: #ffffff;
- opacity: 1
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-primary {
- border-color: #3f97f6;
- color: #3f97f6
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-primary.mbsc-active {
- background: #3f97f6;
- color: #fff
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-secondary {
- border-color: #90979E;
- color: #90979E
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-secondary.mbsc-active {
- background: #90979E;
- color: #fff
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-success {
- border-color: #43BE5F;
- color: #43BE5F
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-success.mbsc-active {
- background: #43BE5F;
- color: #fff
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-danger {
- border-color: #f5504e;
- color: #f5504e
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-danger.mbsc-active {
- background: #f5504e;
- color: #fff
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-warning {
- border-color: #f8b042;
- color: #f8b042
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-warning.mbsc-active {
- background: #f8b042;
- color: #fff
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-info {
- border-color: #5BB7C5;
- color: #5BB7C5
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-info.mbsc-active {
- background: #5BB7C5;
- color: #fff
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-light {
- border-color: #bfbfbf;
- color: #bfbfbf
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-light.mbsc-active {
- background: #bfbfbf;
- color: #47494A
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-dark {
- border-color: #47494A;
- color: #47494A
- }
- .mbsc-windows-dark .mbsc-btn.mbsc-btn-outline.mbsc-btn-dark.mbsc-active {
- background: #47494A;
- color: #fff
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-btn.mbsc-btn-outline:not(:disabled):hover {
- border-color: #8d8d8d
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-btn-primary.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #0964c6
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-btn-secondary.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #5d646b
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-btn-success.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #287339
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-btn-danger.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #d10e0c
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-btn-warning.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #cc7f08
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-btn-info.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #317e89
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-btn-light.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #999999
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-btn-dark.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
- border-color: #000000
- }
- .mbsc-windows-dark .mbsc-btn-primary.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #0964c6;
- border-color: #0964c6
- }
- .mbsc-windows-dark .mbsc-btn-secondary.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #5d646b;
- border-color: #5d646b
- }
- .mbsc-windows-dark .mbsc-btn-success.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #287339;
- border-color: #287339
- }
- .mbsc-windows-dark .mbsc-btn-danger.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #d10e0c;
- border-color: #d10e0c
- }
- .mbsc-windows-dark .mbsc-btn-warning.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #cc7f08;
- border-color: #cc7f08
- }
- .mbsc-windows-dark .mbsc-btn-info.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #317e89;
- border-color: #317e89
- }
- .mbsc-windows-dark .mbsc-btn-light.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #999999;
- border-color: #999999
- }
- .mbsc-windows-dark .mbsc-btn-dark.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
- background: #000000;
- border-color: #000000
- }
- .mbsc-windows-dark .mbsc-switch-track {
- border: 2px solid #ffffff
- }
- .mbsc-windows-dark .mbsc-switch-track .mbsc-switch-handle {
- background: #ffffff
- }
- .mbsc-windows-dark .mbsc-switch input:checked+.mbsc-switch-track {
- background: #0078d7;
- border-color: #0078d7
- }
- .mbsc-windows-dark .mbsc-switch input:checked+.mbsc-switch-track .mbsc-switch-handle {
- background: #1a1a1a
- }
- .mbsc-windows-dark .mbsc-switch input:checked:disabled+.mbsc-switch-track {
- background: #ffffff;
- border-color: #ffffff
- }
- .mbsc-windows-dark .mbsc-switch-primary.mbsc-switch input:checked+.mbsc-switch-track {
- background: #3f97f6;
- border-color: #3f97f6
- }
- .mbsc-windows-dark .mbsc-switch-secondary.mbsc-switch input:checked+.mbsc-switch-track {
- background: #90979E;
- border-color: #90979E
- }
- .mbsc-windows-dark .mbsc-switch-success.mbsc-switch input:checked+.mbsc-switch-track {
- background: #43BE5F;
- border-color: #43BE5F
- }
- .mbsc-windows-dark .mbsc-switch-danger.mbsc-switch input:checked+.mbsc-switch-track {
- background: #f5504e;
- border-color: #f5504e
- }
- .mbsc-windows-dark .mbsc-switch-warning.mbsc-switch input:checked+.mbsc-switch-track {
- background: #f8b042;
- border-color: #f8b042
- }
- .mbsc-windows-dark .mbsc-switch-info.mbsc-switch input:checked+.mbsc-switch-track {
- background: #5BB7C5;
- border-color: #5BB7C5
- }
- .mbsc-windows-dark.mbsc-form .mbsc-switch input.mbsc-active+.mbsc-switch-track {
- background: #a6a6a6;
- border-color: #a6a6a6
- }
- .mbsc-windows-dark.mbsc-form .mbsc-switch input.mbsc-active+.mbsc-switch-track .mbsc-switch-handle {
- background: #1a1a1a
- }
- .mbsc-windows-dark .mbsc-segmented-content {
- color: #ffffff;
- background: #404040
- }
- .mbsc-windows-dark .mbsc-segmented-content.mbsc-stepper-val {
- border-top: 2px solid #404040;
- border-bottom: 2px solid #404040
- }
- .mbsc-windows-dark.mbsc-ltr .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item {
- border-right-color: #4a4a4a
- }
- .mbsc-windows-dark.mbsc-rtl .mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item {
- border-left-color: #4a4a4a
- }
- .mbsc-windows-dark.mbsc-ltr .mbsc-segmented .mbsc-stepper-control+.mbsc-stepper-control {
- border-left-color: #4a4a4a
- }
- .mbsc-windows-dark.mbsc-rtl .mbsc-segmented .mbsc-stepper-control+.mbsc-stepper-control {
- border-right-color: #4a4a4a
- }
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content {
- background: #ffffff;
- color: #000000
- }
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content,
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content,
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content {
- background: #ababab
- }
- .mbsc-windows-dark .mbsc-stepper .mbsc-segmented-item.mbsc-active .mbsc-segmented-content {
- background: #ababab
- }
- .mbsc-windows-dark .mbsc-segmented input:disabled~.mbsc-segmented-item .mbsc-segmented-content,
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,
- .mbsc-windows-dark .mbsc-stepper .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content,
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-item input:disabled+.mbsc-segmented-content {
- background: #404040
- }
- .mbsc-windows-dark .mbsc-stepper input:disabled {
- color: #4a4a4a;
- -webkit-text-fill-color: #4a4a4a
- }
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-item input:disabled:checked+.mbsc-segmented-content {
- color: #000000;
- background: #4a4a4a
- }
- .mbsc-windows-dark .mbsc-stepper input {
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
- background: #343434
- }
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #3f97f6
- }
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #90979E
- }
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #43BE5F
- }
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #f5504e
- }
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #f8b042
- }
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input.mbsc-active+.mbsc-segmented-content,
- .mbsc-windows-dark .mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input.mbsc-control:checked+.mbsc-segmented-content {
- background: #5BB7C5
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-segmented-primary.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(63, 151, 246, 0.25)
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-segmented-secondary.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(144, 151, 158, 0.25)
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-segmented-success.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(67, 190, 95, 0.25)
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-segmented-danger.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(245, 80, 78, 0.25)
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-segmented-warning.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(248, 176, 66, 0.25)
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-segmented-info.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active)+.mbsc-segmented-content {
- background: rgba(91, 183, 197, 0.25)
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #0e7df4
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #757e86
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #35994c
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #f2201e
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #f69b11
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
- background: #3ea0af
- }
- .mbsc-windows-dark .mbsc-stepper-primary .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #3f97f6
- }
- .mbsc-windows-dark .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #3f97f6
- }
- .mbsc-windows-dark .mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #0858ad
- }
- .mbsc-windows-dark .mbsc-stepper-secondary .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #90979E
- }
- .mbsc-windows-dark .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #90979E
- }
- .mbsc-windows-dark .mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #51575d
- }
- .mbsc-windows-dark .mbsc-stepper-success .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #43BE5F
- }
- .mbsc-windows-dark .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #43BE5F
- }
- .mbsc-windows-dark .mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #216030
- }
- .mbsc-windows-dark .mbsc-stepper-danger .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #f5504e
- }
- .mbsc-windows-dark .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #f5504e
- }
- .mbsc-windows-dark .mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #b90d0a
- }
- .mbsc-windows-dark .mbsc-stepper-warning .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #f8b042
- }
- .mbsc-windows-dark .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #f8b042
- }
- .mbsc-windows-dark .mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #b46f07
- }
- .mbsc-windows-dark .mbsc-stepper-info .mbsc-segmented-content.mbsc-stepper-val {
- border-color: #5BB7C5
- }
- .mbsc-windows-dark .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
- background: #5BB7C5
- }
- .mbsc-windows-dark .mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
- background: #2a6c77
- }
- .mbsc-windows-dark .mbsc-fr-w {
- background: #1a1a1a;
- color: #ffffff;
- border: 1px solid #404040
- }
- .mbsc-windows-dark .mbsc-fr-hdr {
- border-bottom: 2px solid #404040
- }
- .mbsc-windows-dark .mbsc-fr-btn-cont {
- border-top: 2px solid #404040
- }
- .mbsc-windows-dark .mbsc-fr-btn-w {
- background: #1a1a1a
- }
- .mbsc-windows-dark .mbsc-fr-btn {
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,
- .mbsc-windows-dark .mbsc-fr-btn.mbsc-active {
- background: #343434
- }
- .mbsc-windows-dark .mbsc-fr-bubble-bottom .mbsc-fr-arr {
- border-color: transparent transparent #1a1a1a transparent
- }
- .mbsc-windows-dark .mbsc-fr-bubble-top .mbsc-fr-arr {
- border-color: #1a1a1a transparent transparent transparent
- }
- .mbsc-windows-dark .mbsc-input input,
- .mbsc-windows-dark .mbsc-input textarea,
- .mbsc-windows-dark .mbsc-select input {
- border: .125em solid #737373;
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-input input:hover,
- .mbsc-windows-dark.mbsc-no-touch .mbsc-input textarea:hover,
- .mbsc-windows-dark.mbsc-no-touch .mbsc-select:hover input {
- border-color: #a6a6a6
- }
- .mbsc-windows-dark .mbsc-input input::-webkit-input-placeholder {
- color: #5c5c5c
- }
- .mbsc-windows-dark .mbsc-input input::-ms-input-placeholder {
- color: #5c5c5c
- }
- .mbsc-windows-dark .mbsc-input input::-moz-placeholder {
- color: #5c5c5c
- }
- .mbsc-windows-dark .mbsc-input .mbsc-input-wrap input:focus,
- .mbsc-windows-dark .mbsc-input .mbsc-input-wrap select:focus+input,
- .mbsc-windows-dark .mbsc-input .mbsc-input-wrap textarea:focus,
- .mbsc-windows-dark.mbsc-alert .mbsc-input input:focus {
- background: #fff;
- border-color: #0078d7;
- color: #262626
- }
- .mbsc-windows-dark .mbsc-input .mbsc-input-wrap input:focus .mbsc-input-ic,
- .mbsc-windows-dark .mbsc-input .mbsc-input-wrap select:focus+input .mbsc-input-ic,
- .mbsc-windows-dark .mbsc-input .mbsc-input-wrap textarea:focus .mbsc-input-ic,
- .mbsc-windows-dark.mbsc-alert .mbsc-input input:focus .mbsc-input-ic {
- color: #262626
- }
- .mbsc-windows-dark .mbsc-input .mbsc-input-wrap select:disabled+input,
- .mbsc-windows-dark .mbsc-input .mbsc-input-wrap textarea:disabled,
- .mbsc-windows-dark .mbsc-input .mbsc-input-wrap input:disabled {
- border-color: #404040
- }
- .mbsc-windows-dark .mbsc-input.mbsc-err input,
- .mbsc-windows-dark .mbsc-input.mbsc-err textarea {
- border-color: #d30101
- }
- .mbsc-windows-dark .mbsc-input-ic {
- color: #ffffff
- }
- .mbsc-windows-dark .mbsc-err-msg {
- color: #d30101
- }
- .mbsc-windows-dark .mbsc-input .mbsc-label {
- color: #ffffff
- }
- .mbsc-windows-dark .mbsc-select .mbsc-input-wrap .mbsc-ic {
- color: #ffffff
- }
- .mbsc-lv-windows-dark .mbsc-lv {
- background: #404040
- }
- .mbsc-lv-windows-dark .mbsc-lv-item {
- background: #1a1a1a;
- color: #ffffff
- }
- .mbsc-lv-windows-dark .mbsc-lv-fill-item {
- background: rgba(255, 255, 255, 0.5)
- }
- .mbsc-lv-windows-dark .mbsc-lv-handle-bar {
- background: #888
- }
- .mbsc-lv-windows-dark .mbsc-lv-gr-title {
- background: #1a1a1a;
- color: #ffffff
- }
- .mbsc-lv-windows-dark .mbsc-lv-ic-m {
- color: #1a1a1a
- }
- .mbsc-lv-windows-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
- background: #393939
- }
- .mbsc-lv-windows-dark .mbsc-lv-item-hl,
- .mbsc-lv-windows-dark .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
- background: #404040
- }
- .mbsc-windows-dark.mbsc-ms-c {
- background: #1a1a1a;
- color: #ffffff
- }
- .mbsc-windows-dark .mbsc-ms-item {
- color: #ffffff
- }
- .mbsc-windows-dark .mbsc-ms-item.mbsc-active,
- .mbsc-windows-dark.mbsc-no-touch .mbsc-ms-item.mbsc-active:not(.mbsc-disabled):hover {
- background: #404040
- }
- .mbsc-windows-dark .mbsc-ms-item-sel {
- color: #0078d7
- }
- .mbsc-windows-dark.mbsc-ms-b .mbsc-ms-item.mbsc-ms-item-sel {
- border-bottom-color: #0078d7
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
- background: #343434
- }
- .mbsc-windows-dark .mbsc-ms-item-sel.mbsc-ms-ic:before {
- color: #0078d7
- }
- .mbsc-windows-dark .mbsc-ms-item.mbsc-menu-item-ic {
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-ms-more .mbsc-ms-item {
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-ms-more .mbsc-ms-item.mbsc-ms-item-sel {
- color: #0078d7
- }
- .mbsc-windows-dark.mbsc-toast .mbsc-toast-msg {
- background: #a6a6a6;
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-snackbar .mbsc-snackbar-btn {
- color: #0078d7
- }
- .mbsc-windows-dark.mbsc-fr .mbsc-fr-w .mbsc-np-del.mbsc-active {
- background: #404040
- }
- .mbsc-windows-dark .mbsc-np-del.mbsc-active:before {
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-fr .mbsc-fr-w .mbsc-np-btn.mbsc-active {
- background: #404040;
- color: #ffffff
- }
- .mbsc-windows-dark .mbsc-np-btn.mbsc-disabled {
- color: #737373
- }
- .mbsc-windows-dark.mbsc-page {
- background-color: #000000;
- color: #ffffff
- }
- .mbsc-windows-dark a {
- color: #0078d7
- }
- .mbsc-windows-dark .mbsc-note,
- .mbsc-windows-dark .mbsc-note-primary {
- color: #074b95;
- background-color: #70b1f8
- }
- .mbsc-windows-dark .mbsc-note-secondary {
- color: #454b50;
- background-color: #c6cace
- }
- .mbsc-windows-dark .mbsc-note-success {
- color: #1b4d26;
- background-color: #8fd8a0
- }
- .mbsc-windows-dark .mbsc-note-danger {
- color: #710806;
- background-color: #f8807e
- }
- .mbsc-windows-dark .mbsc-note-warning {
- color: #835105;
- background-color: #f9ba5b
- }
- .mbsc-windows-dark .mbsc-note-info {
- color: #235b64;
- background-color: #a6d8e0
- }
- .mbsc-windows-dark .mbsc-note-light {
- color: #4d4d4d;
- background-color: #ffffff
- }
- .mbsc-windows-dark .mbsc-note-dark {
- color: #000000;
- background-color: #606364
- }
- .mbsc-windows-dark.mbsc-progress .mbsc-label {
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-progress .mbsc-input-ic {
- color: #ffffff
- }
- .mbsc-windows-dark .mbsc-progress-track {
- background: #1f1f1f
- }
- .mbsc-windows-dark .mbsc-progress-bar {
- background: #0078d7
- }
- .mbsc-windows-dark .mbsc-progress-primary .mbsc-progress-bar {
- background: #3f97f6
- }
- .mbsc-windows-dark .mbsc-progress-secondary .mbsc-progress-bar {
- background: #90979E
- }
- .mbsc-windows-dark .mbsc-progress-success .mbsc-progress-bar {
- background: #43BE5F
- }
- .mbsc-windows-dark .mbsc-progress-danger .mbsc-progress-bar {
- background: #f5504e
- }
- .mbsc-windows-dark .mbsc-progress-warning .mbsc-progress-bar {
- background: #f8b042
- }
- .mbsc-windows-dark .mbsc-progress-info .mbsc-progress-bar {
- background: #5BB7C5
- }
- .mbsc-windows-dark .mbsc-range-btn {
- color: #ffffff;
- background: #404040;
- border: 2px solid #404040
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-range-btn.mbsc-fr-btn-e:not(.mbsc-disabled):hover {
- border-color: #000000;
- background: #404040
- }
- .mbsc-windows-dark .mbsc-range-btn.mbsc-selected,
- .mbsc-windows-dark.mbsc-no-touch .mbsc-range-btn.mbsc-selected:not(.mbsc-disabled):hover {
- background: #0078d7;
- border-color: #0078d7;
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-i,
- .mbsc-windows-dark.mbsc-range .mbsc-cal .mbsc-cal-today.mbsc-cal-day-hl .mbsc-cal-day-date {
- background: #0078d7;
- color: #1a1a1a
- }
- .mbsc-windows-dark.mbsc-rating .mbsc-progress-track {
- color: #0078d7
- }
- .mbsc-windows-dark.mbsc-rating.mbsc-rating-primary .mbsc-progress-track {
- color: #3f97f6
- }
- .mbsc-windows-dark.mbsc-rating.mbsc-rating-secondary .mbsc-progress-track {
- color: #90979E
- }
- .mbsc-windows-dark.mbsc-rating.mbsc-rating-success .mbsc-progress-track {
- color: #43BE5F
- }
- .mbsc-windows-dark.mbsc-rating.mbsc-rating-danger .mbsc-progress-track {
- color: #f5504e
- }
- .mbsc-windows-dark.mbsc-rating.mbsc-rating-warning .mbsc-progress-track {
- color: #f8b042
- }
- .mbsc-windows-dark.mbsc-rating.mbsc-rating-info .mbsc-progress-track {
- color: #5BB7C5
- }
- .mbsc-windows-dark .mbsc-sc-whl-gr-c {
- border-color: #404040
- }
- .mbsc-windows-dark .mbsc-sc-whl-w {
- border-color: #404040
- }
- .mbsc-windows-dark .mbsc-sc-lbl-v .mbsc-sc-whl-w {
- background: #1a1a1a
- }
- .mbsc-windows-dark .mbsc-sc-lbl-v {
- background: #404040
- }
- .mbsc-windows-dark .mbsc-sc-whl-l {
- background: rgba(0, 120, 215, 0.4)
- }
- .mbsc-windows-dark .mbsc-sc-itm.mbsc-active {
- background: #343434
- }
- .mbsc-windows-dark .mbsc-sc-btn {
- background: #272727
- }
- .mbsc-windows-dark.mbsc-no-touch .mbsc-sc-btn:hover,
- .mbsc-windows-dark .mbsc-sc-btn.mbsc-active {
- background: #343434
- }
- .mbsc-windows-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
- color: #0078d7
- }
- .mbsc-windows-dark.mbsc-fr-pointer.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover {
- background: #343434
- }
- .mbsc-windows-dark .mbsc-sc-bar-c {
- background: rgba(255, 255, 255, 0.2)
- }
- .mbsc-windows-dark .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
- color: #0078d7
- }
- .mbsc-windows-dark .mbsc-sel-filter-clear {
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-fr-pointer .mbsc-sel-one.mbsc-sc-whl-multi .mbsc-sc-itm-sel {
- color: #ffffff;
- background: rgba(0, 120, 215, 0.2)
- }
- .mbsc-windows-dark.mbsc-slider .mbsc-progress-track {
- height: 6px;
- background: #737373;
- border-top: 2px solid #1a1a1a;
- border-bottom: 2px solid #1a1a1a
- }
- .mbsc-windows-dark.mbsc-form .mbsc-slider .mbsc-progress-track {
- border-top-color: #000000;
- border-bottom-color: #000000
- }
- .mbsc-windows-dark.mbsc-slider:hover .mbsc-progress-track {
- background: #a6a6a6
- }
- .mbsc-windows-dark.mbsc-slider:hover .mbsc-progress-track .mbsc-slider-handle {
- background: #ffffff
- }
- .mbsc-windows-dark.mbsc-slider .mbsc-active~.mbsc-progress-cont .mbsc-progress-track {
- background: #737373
- }
- .mbsc-windows-dark.mbsc-slider .mbsc-active~.mbsc-progress-cont .mbsc-progress-track .mbsc-slider-handle {
- background: #404040
- }
- .mbsc-windows-dark .mbsc-slider-handle {
- background: #0078d7
- }
- .mbsc-windows-dark .mbsc-slider-tooltip {
- border: 1px solid #404040;
- background: #1a1a1a;
- color: #ffffff
- }
- .mbsc-windows-dark .mbsc-slider-step {
- background: #737373
- }
- .mbsc-windows-dark .mbsc-slider-primary .mbsc-progress-bar {
- background: #3f97f6
- }
- .mbsc-windows-dark .mbsc-slider-secondary .mbsc-progress-bar {
- background: #90979E
- }
- .mbsc-windows-dark .mbsc-slider-success .mbsc-progress-bar {
- background: #43BE5F
- }
- .mbsc-windows-dark .mbsc-slider-danger .mbsc-progress-bar {
- background: #f5504e
- }
- .mbsc-windows-dark .mbsc-slider-warning .mbsc-progress-bar {
- background: #f8b042
- }
- .mbsc-windows-dark .mbsc-slider-info .mbsc-progress-bar {
- background: #5BB7C5
- }
- .mbsc-windows-dark.mbsc-timer .mbsc-sc-lbl {
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-ts .mbsc-sc-lbl {
- color: #ffffff
- }
- .mbsc-windows-dark.mbsc-wdg .mbsc-fr-btn {
- background: #404040
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement