header {
    padding-top: env(safe-area-inset-top, 30px); /* 30px is our fallback value */
}

@supports (-webkit-touch-callout: none) {
    .safe-area {
        height: env(safe-area-inset-top, 30px);
        background: var(--maincolor);
        position: fixed;
        top: 0;
        display: block;
        width: 100%;
        z-index: 100;
    }
}

@supports not (-webkit-touch-callout: none) {
    .safe-area {
        display: none;
    }
}

#page-loader {
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 1500;
    background: #ffffff7a;
    height: 100vh;
    width: 100vw;
}

.preloader-wrapper {
    bottom: 50%;
    right: 50%;
    position: absolute;
}

@media only screen and (min-width: 601px) and (max-width: 992px)
{
    #toast-container
    {
        top: inherit;
        bottom: 3%;
        right: 50%;
        width: auto;
        max-width: 90%;
        transform: translateX(50%);
    }
}

@media only screen and (min-width: 993px)
{
    #toast-container
    {
        top: inherit;
        bottom: 3%;
        right: 50%;
        width: auto;
        max-width: 90%;
        transform: translateX(50%);
    }
}

#footer-menu {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 102;
    background-color: #fff;
    transition: all 250ms ease;
    min-height: 60px;
    box-shadow: 0 -5px 10px 0 rgb(0 0 0 / 8%);
    overflow: inherit;
    transform: translate3d(0,0,0);
}

@supports (-webkit-touch-callout: none) {
    #footer-menu {
        padding-bottom:  env(safe-area-inset-bottom, 20px);
    }
}

#footer-menu .notification-badge {
    font-family: 'Muli', sans-serif;
    position: absolute;
    top: -4px;
    right: 10px;
    margin: 0 -.8em;
    padding: 4px 8px;
    color: #fff;
    border-radius: 50%;
    background-color: #ff4081;
    box-shadow: 0 0 10px 0 #ff4081;
}

#footer-menu .klinikare-menu {
    background: #009688;
    height: 56px;
    border-radius: 50px;
    width: 56px;
    bottom: 6px;
    position: inherit;
    padding: 0px;
    display: inline-block;
}

#footer-menu .klinikare-menu img {
    height: 42px;
    margin-top: 4px;
}

#footer-menu a {
    transition: all 200ms ease!important;
    color: #9e9e9e;
    float: left;
    text-align: center;
    width: 20%;
    position: relative;
    top: 8px;
    font-size: 12px;
}

#footer-menu a.footer-menu-home div {
    background-color: #000000;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    padding: 6px;
    margin: -4px auto 0 auto;
    box-shadow: 0 -5px 10px 0 rgb(0 0 0 / 8%);
}

#footer-menu a.active-nav {
    color: var(--maincolor);
}

#footer-menu a i {
    font-size: 20px;
    position: relative;
    width: 100%;
}

#footer-menu a.footer-menu-home i {
    font-size: 32px;
}

#footer-menu a.active-nav span {
    color: var(--maincolor);
}

#footer-menu svg {
    padding-top: 13px;
    margin: 0 auto;
    height: 32px;
    width: 32px;
    display: inline;
}

#footer-menu a.active-nav svg {
    fill: var(--maincolor);
}

#footer-menu a.active-nav i {
    color: var(--maincolor);
}

.footer-menu-margin {
    height: 60px;
    width: 100%;
}

#breadcrumbs-wrapper {
    font-size: 14px;
}

#breadcrumbs-wrapper .breadcrumbs .active {
    font-weight: bold;
    color: #333;
}

label {
    font-size: 0.95rem;
}

.input-field > label {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.input-field > label:not(.label-icon) > i {
    font-size: 16px;
}

.input-field > label:not(.label-icon).active {
    transform: translateY(-14px) scale(0.95);
}

[type=checkbox]:not(:checked), [type=checkbox]:checked {
    pointer-events: all;
}

.sidenav-small-title {
    padding: 0 12px!important;
    margin: 0;
    height: 30px;
    color: #616161;
    line-height: 30px;
    font-size: 1.4rem;
    font-weight: 600;
}

.tooltipped {
    cursor: pointer;
}

.material-tooltip
{
    font-size: 1rem;
    line-height: 130%;

    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-height: 36px;
    padding: 10px 14px;

    text-align: left;
    pointer-events: none;

    opacity: 0;
    color: #333;
    border-radius: 2px;
    background-color: transparent;
    background-color: #fff;
    max-width: 320px;
    border: 1px solid #ccc;
}

.dynamicform {
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
}

.section-small {
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
}

.card-title.light {
    color: #9e9e9e;
}

hr.separator {
    border: 1px solid #cfd8dc;
    border-top: 0px;
}

.profile-photo {
    max-width: 140px;
    display: inline-block;
    position: relative;
}

    .profile-photo.with-label {
        margin-top: 14px;
    }

a.profile-photo-edit {
    padding: 6px;
    border-radius: 30px;
    font-size: 24px;
    box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3), 0 1px 3px 1px rgba(65,69,73,0.15);
    color: #333;
    position: absolute;
    bottom: 0;
    line-height: 0px;
    outline: 0;
    right: 0;
    z-index: 2;
    background: #fff;
    cursor: pointer;
}

.toolbar-bottom {
    margin-top: -52px;
}

.toolbar-bottom .toolbar-icons {
    padding: 6px 6px 0px 6px;
    border-radius: 30px;
    font-size: 24px;
    box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3), 0 1px 3px 1px rgba(65,69,73,0.15);
    color: #333;
    line-height: 0px;
    outline: 0;
    z-index: 2;
    background: #fff;
    cursor: pointer;
    margin: 0px 10px;
}

.photo-uploader img{
    cursor: pointer;
    aspect-ratio: 4/4;
    width: 100%;
    object-fit: cover;
}

.sidenav li .collapsible-body {
    background: rgb(0 128 128 / 9%);
}

.sidenav .collapsible-title {
    position: absolute;
    height: 44px;
    width: 100%;
}

.tooltip-small {
    font-size: 16px;
}

.card .card-title {
    font-weight: 600;
    margin-bottom: 8px;
}

.overlay-div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    background: #fff;
    z-index: 1;
}

.brand-sidebar {
    overflow: hidden;
}

.brand-sidebar .brand-logo {
    padding: 10px 12px 22px 22px;
}

.nav-collapsed .brand-sidebar .brand-logo {
    padding: 12px 12px 22px 15px;
}

.brand-sidebar .logo-wrapper a.brand-logo img {
    height: 44px;
}

.brand-sidebar .logo-wrapper a.brand-logo img.small-logo {
    height: 36px;
}

.brand-sidebar .logo-wrapper a.brand-logo img.small-logo {
    display:none;
}

.nav-collapsed .brand-sidebar .logo-wrapper a.brand-logo img.large-logo {
    display: none;
}

.nav-collapsed .brand-sidebar .logo-wrapper a.brand-logo img.small-logo {
    display: inline;
}

.brand-sidebar div.logo-text {
    padding-left: 0px;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s linear;
    font-size: 20px;
    margin-top:14px;
}

.nav-collapsed .brand-sidebar div.logo-text {
    display:none;
}

.cropper-container {
    margin-bottom: 32px;
}


.slide-out-right {
  top: 64px;
  overflow: hidden;
}

.slide-out-right .tab a {
  padding: 0 !important;
}

.slide-out-right.sidenav {
  width: 340px;
  top: 0px;
  padding-bottom: 0px;
}

.slide-out-right.sidenav li a.active {
  background: none;
  box-shadow: none;
}

.slide-out-right.sidenav .slide-out-right-body {
  height: 100vh;
  width: 100%;
}

.slide-out-right.sidenav #messages {
  padding: 0.7rem;
  height: calc(100vh - 54px);
  position: relative;
}

#header-search-flex .select-dropdown {
    margin: 0;
    color: #fff;
    padding-left: 12px;
}

#header-search-flex .caret {
    fill: #fff;
}

.header-search-select-wrapper {
    background: rgba(230, 230, 230, .3);
    border-right: 1px solid #e0e0e0;
    padding-right: 12px;
    color: #fff;
    margin-bottom: 4px;
}

.slide-out-right.sidenav #messages .header-search-input {
  border: none;
  background-color: #eeeeee;
  width: 86%;
  margin: 1rem;
  border-radius: 2rem;
  padding-left: 1rem;
  height: 2.8rem;
}

.slide-out-right.sidenav #messages .collection .collection-item {
  border: none;
}

.slide-out-right.sidenav #messages .collection ul.collection {
  border: none;
}

.slide-out-right.sidenav #messages .collection ul.collection li {
  display: flex;
  cursor: pointer;
  padding-top: 1.2rem;
}

.slide-out-right.sidenav #messages .collection ul.collection li .user-content {
  margin-left: 1rem;
  margin-top: 0.4em;
}

.slide-out-right.sidenav #messages .collection ul.collection li .secondary-content {
  color: #c5cae9;
  top: 1.6rem;
}

.slide-out-right.sidenav #messages .collection ul.collection li:hover {
  background-color: #f5f5f5;
}

.slide-out-right.sidenav #activity {
  height: calc(100vh - 54px);
  position: relative;
}

.slide-out-right.sidenav #settings {
  height: calc(100vh - 54px);
  position: relative;
}

.slide-out-right .fixed-line-height {
  line-height: 24px;
}

.slide-out-right #chatapp li {
  line-height: 35px !important;
  min-height: 70px !important;
}

.slide-out-right #chatapp .sidenav li {
  line-height: 20px !important;
}

@media only screen and (max-width : 992px) {
  .slide-out-right {
    top: 0;
  }

  .slide-out-right.sidenav {
    height: 100% !important;
  }
}

@media (max-width: 600px) {
  .slide-out-right.sidenav {
    box-shadow: none;
    margin-top: env(safe-area-inset-top, 30px);
  }
}

.sidenav ul.dropdown-content .divider {
    margin: 0px;
}

.sidenav ul.dropdown-content li {
    margin-right: 0px;
}

.sidenav ul.dropdown-content li a {
    padding: 14px 24px !important;
    font-size: 16px;
    line-height: 22px;
    margin: 0px;
    font-weight: 400px;
    height: inherit;
}

.sidenav ul.dropdown-content li a .material-icons {
    height: 10px;
    line-height: inherit;
    float: left;
    margin: 0 10px 0 0;
    width: 24px;
}

.sidenav a.dropdown-trigger-nc {
    line-height: 28px;
}

.card-collapsible .card-collapsible-toggle {
    float:right;
    cursor: pointer;
    margin-top: 12px;
}

.card-collapsible .card-collapsible-toggle i {
    font-size: 2rem;
}

.card-collapsible i.down {
    display: none;
}

.card-collapsible i.up {
    display: inline;
}

.card-collapsible.collapsed i.down {
    display: inline;
}

.card-collapsible.collapsed i.up {
    display: none;
}

.card-collapsible.collapsed .card-content-collapse {
    display: none;
}

div.icon-view {
    position: absolute;
    top: 8px;
    right: 8px;
}

.icon-view i {
    background-size: 100%;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-repeat: no-repeat;
    display: block;
}

.icon-view i.icon-view-fbx {
    background-image: url(/images/icon-view/iconViewStl.15822cbc50ff5438c826.svg);
}

.icon-view i.icon-view-video {
    background-image: url(/images/icon-view/iconViewVideo.77f55dfb4a71a399c1da.svg);
}

.navbar #notifications-dropdown .notifications-container {
    height: calc(100% - 56px);
    overflow: auto;
    border-bottom: 1px solid #9e9e9e;
}

.navbar #notifications-dropdown li > a > span {
    font-size: 1.8rem;
}

.navbar #notifications-dropdown li > time {
    margin-left: 6px;
}

.navbar #notifications-dropdown li > span {
    font-size: .8rem;
    font-weight: 400;
    position: relative;
    padding: 0 6px;
}

.navbar #notifications-dropdown li > span:hover {
    background-color: #ff4081;
}

.navbar #notifications-dropdown li > a {
    font-size: 1.0rem;
}

.navbar #notifications-dropdown li.no-select {
    cursor: auto;
    padding-top: 15px;
}

.navbar #notifications-dropdown li.no-select:hover {
    background: inherit;
}

.navbar #notifications-dropdown li .view-all {
    display: block;
    float: left;
}

.navbar #notifications-dropdown li .view-all:hover {
    background: inherit;
}

.navbar #notifications-dropdown li .view-all a {
    color: #000;
    font-size: 0.9rem;
}

.navbar #notifications-dropdown li .view-all a:hover {
    background: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.navbar #notifications-dropdown li .mark-read {
    display: block;
    float: right;
}

.navbar #notifications-dropdown li .mark-read:hover {
    background: inherit;
}

.navbar #notifications-dropdown li .mark-read a {
    color: #000;
    font-size: 0.9rem;
}

.navbar #notifications-dropdown li .mark-read a:hover {
    background: inherit;
    text-decoration: underline;
    cursor: pointer;
}
.cursor-pointer{
    cursor: pointer;
}
/*resposive extra*/
.breadcrumbs-title {
    font-size: 1.3rem !important;
}

@media (max-width: 600px) {
    .row .col {
        padding: 0 0.6rem;
        margin-top: 5px;
    }
    .card-panel {
        padding: 7px 7px!important;
    }
    .breadcrumbs {
        display: none!important;
    }
    .breadcrumbs-title {
        padding-top: .5rem!important;
        font-size: 20px !important;
    }
    .card .card-content {
        padding: 10px!important;

    }
    .slide-out-right-body .row .col {
        padding: 0 0rem !important;
    }
    .slide-out-right-title .vertical-text-middle {
        padding-left: 1.5rem!important;
    }
    .modal {
        width: 95%;
    }
    .slide-out-right-title .tabs .indicator {
         max-width: 100%!important;
    }
    .paddingMobile {
        padding: 0 0!important;
    }
    .container {
        padding: 0 0rem!important;
    }
    .col .row  {
        width: 100%!important;
        padding: 0px!important;
        margin: 0px!important;
    }
    .section-data-tables .card-content {
        padding: 0px!important;
    }
    .width-xs-100 {
        width: 100%!important;
    }
}
.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-flow: row;
}

.footer-container > span {
    margin: 0;
}
.footerWeb {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}


@media (max-width: 767px) {
    .footer-container {
        flex-flow: column;
    }

    .footer-container > span {
        margin: 6px;
    }
    .hidden-xs {
      display: none;
    }
}

.section-data-tables {
    margin-bottom: 16px;
}



.fixed-action-btn.spin-close .btn-large {
    position: relative;
  }
  .fixed-action-btn.spin-close .btn-large i {
    opacity: 1;
    transition: transform 0.3s, opacity 0.3s;
  }
  .fixed-action-btn.spin-close .btn-large:before {
    transition: transform 0.3s, opacity 0.3s;
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.64rem;
    height: 2px;
    background: white;
    margin-top: -2px;
    margin-left: -0.82rem;
    transform: rotate(0);
    opacity: 0;
  }
  .fixed-action-btn.spin-close .btn-large:after {
    transition: transform 0.3s, opacity 0.3s;
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.64rem;
    height: 2px;
    background: white;
    margin-top: -2px;
    margin-left: -0.82rem;
    transform: rotate(0);
    opacity: 0;
  }
  .fixed-action-btn.spin-close.active .btn-large i {
    opacity: 0;
  }
  .fixed-action-btn.spin-close.active .btn-large:before {
    opacity: 1;
    transform: rotate(135deg);
  }
  .fixed-action-btn.spin-close.active .btn-large:after {
    opacity: 1;
    transform: rotate(405deg);
  }

  .listActionButtons {
    display: none;
}

@media screen and (min-width: 990px) {
    .fixed-action-btn.click-to-toggle.spin-close {
        display: none;
    }

    .listActionButtons {
        display: block;
    }
    .paddingMobile {
        padding: 0 0!important;
    }
}

.sidenav a {
    height: 30px;
}

.noTextTransform {
    text-transform: none;
}

.bottom-aligned {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.bottom-aligned a {
    margin-top: 1.5rem;
}

.navbar #profile-dropdown {
    width: 260px;
}

.dropdown-heading-user {
    cursor: inherit;
}

.dropdown-heading-user:hover {
    background-color: inherit !important;
    cursor: inherit;
}

.dropdown-heading-user span.name {
    font-size: 16px !important;
    font-weight: bold;
    padding-bottom: 0;
}

.dropdown-heading-user span.mail {
    font-size: 12px !important;
    padding-top: 0;
    font-style: italic;
}

.dropdown-heading-user span:hover {
    background-color: inherit !important;
    cursor: inherit;
}

#profile-dropdown.dropdown-content li a {
    font-size: 14px;
}

#profile-dropdown.dropdown-content li a i {
    font-size: 22px;
}

.border-top-bottom {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.leftMenuLogo {
    margin-top: 6% !important;
    font-size: 20px !important;
    padding: 0 0 0 21px !important;
    display: flex;
    flex-direction: row;
}

.leftMenuLogo .menu-title {
    white-space: nowrap;
}

.left-edit-org a {
    font-size: 12px !important;
}

.left-edit-org a:hover {
    text-decoration: underline;
}

.left-edit-org .material-icons {
    margin: 0 4px !important;
    font-size: 20px !important;
}

.left-end-org {
    margin-bottom: 6% !important;
}

.sidenav {
    top: 0;
}

.sidenav-main .navbar-toggler {
    position: absolute;
    top: 24px;
    right: -12px;
    z-index: 3000;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    border-radius: 16px;
    background: #fff;
    height: 25px;
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.sidenav-main:hover .navbar-toggler {
    opacity: 1;
}

.navbar-toggler:hover {
    background: var(--darken-1);
    color: #fff;
}
.input-field span.error {
    color: #f30000  !important;
}
.modal {
    max-height: 80%;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
}
.ml-3r {
    margin-left: 3rem;
}

.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    background: none;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 300px;
}

#select2-selectClinicas-results {
    margin-top: 53px;
}

.pac-container {
    z-index: 2000;
}
.fc .fc-scrollgrid-section-liquid {
    height: 1px!important;
}

.sidenav .navigation-header .navigation-header-text.name {
    font-size: 11px;
    border-bottom: 1px solid #969696;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dividertext {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    line-height: 0.1em;
}

.dividertext span {
    background: #fff;
    padding: 0 12px;
}

.nav-expanded .sidenav .leftMenuLogo .menu-title {
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.leftMenuLogo .menu-title {
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-wrapper input.select-dropdown
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.margin-field-none {
    position: relative;
    margin-top: 0rem!important;
    margin-bottom: 0.3rem!important;
}

.sidenav .navigation-header .navigation-header-text {
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: auto;
    margin: 12px 0;
}

/*bug error firefox*/
ul#slide-out.sidenav {
    height: calc(100% - 0px) !important;
    margin-top: env(safe-area-inset-top, 30px);
}

#slide-chat.sidenav {
    margin-top: env(safe-area-inset-top, 30px);
    z-index: 9998;
}

ul#slide-out-chat.sidenav {
    margin-top: env(safe-area-inset-top, 30px);
    z-index: 9999;
}

#currentFilterChanged {
    transition: visibility 1s linear, opacity 0.5s linear;
}

.group-select-check .select-dropdown li.optgroup {
    display: none;
}
.group-select-check .select-dropdown li {
    border-top: solid 1px  #d8d5d5;
}
.group-select-check .select-dropdown li.optgroup ~ li.optgroup-option {
   border-top: none;
}

.group-select-check .select-wrapper input.select-dropdown {
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--maincolor);
}

.select2-results__group {
    font-weight: 100 !important;
    font-style: italic;
    color: #9e9e9e;
}
.swal2-actions {
    width: 100%!important;
    text-align: right!important;
}
.swal2-confirm {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%)!important;
}
.swal2-popup {
    padding: 1rem 1rem 0.3rem!important;
    padding-right: 0.3rem!important;
}
.swal2-html-container {
    text-align: -webkit-left !important;
    margin: 0em 0em 0em!important;
    padding: 0em 0em 0rem!important;
}
.swal2-title {
    padding: 0em 0em 0!important;
}

.dividertext span {
    background: #fff;
    padding: 0 12px;
}

.nav-expanded .sidenav .leftMenuLogo .menu-title {
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.leftMenuLogo .menu-title {
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.margin-field-none {
    position: relative;
    margin-top: 0rem!important;
    margin-bottom: 0.3rem!important;
}

.dropdown-content li > a:hover, .dropdown-content li > a.active, .dropdown-content li > span:hover, .dropdown-content li > span.active {
    background-color: var(--lighten-5);
}

.navbar .dropdown-content {
    overflow-x: hidden!important;
    overflow-y: hidden!important;
    transform-origin: 0px!important;
    transform: scaleX(1) scaleY(1)!important;
}

.sidenav li.main-head {
    border-bottom: 1px solid #e0e0e0;
    height: 64px;
}

.sidenav li.main-head a {
    height: 64px;
}

.sidenav li.main-head img {
    height: 42px;
}

@media (max-width: 992px) {
    .sidenav li.main-head {
        height: 56px;
    }   

    .sidenav li.main-head a {
        height: 56px;
    }
}

.sidenav li a.collapsible-header-selected {
    margin-right: 0px !important;    
}

.sidenav li a.collapsible-header-selected:hover {
    background-color: var(--darken-4) !important;
}

.sidenav li a.collapsible-header-selected::after {
    margin-right: 1.15rem;
}

.nav-expanded .sidenav .menu-title {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.sidenav li.menu-label {
    margin-top: 8px;
    margin-bottom: 0px;        
    padding-top: 8px;
    padding-bottom: 0px;
    padding-left: 24px;    
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    font-size: 17px;
}

.sidenav li.menu-title {
    margin-bottom: 0px;        
    padding-top: 8px;
    padding-bottom: 0px;
    padding-left: 24px;
    margin-left: 16px;
    line-height: 18px;
    font-style: italic;
}

.sidenav li.user-selector.open {
    background: none !important;
}

.sidenav li.user-selector a {
    font-size: 12px;
    margin-left: 12px;
}



.sidenav li.user-selector a span {
    line-height: 16px;
}

.sidenav li.user-selector:hover {
    
}

.sidenav li.user-selector a {
    padding: 4px 0 4px 21px !important;
    height: auto;
    align-items: center;
    line-height: 22px;
}

.sidenav li.user-selector a:hover {
    
}

.sidenav li.user-selector a.no-collapsible {
    cursor: inherit !important;
}

.sidenav li.user-selector a img{
    height: 24px;
}

.nav-collapsed .sidenav li.user-selector a span {
    visibility: visible;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    opacity: 1;
    display: none;
}

.sidenav li.user-selector div.collapsible-body {
    background: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 20%) 0px 4px 7px 0px;
}

.sidenav-active-square .sidenav li > a, .sidenav-active-square .sidenav li a.collapsible-header {
    align-items: initial !important;
    justify-content: flex-start;
}

.pagination li.active {
    background-color: var(--maincolor);
}

select.cke_dialog_ui_input_select {
    display: inherit;
    text-transform: inherit;
}

.collapsible-header .menu-title {
    line-height: 20px;
    padding-right: 5px;
}

.sidenav-active-square .sidenav .collapsible-header:after {
    top: 8px!important;
}

.documents-list {
    display: flex;
    overflow: auto;
    padding-bottom: 16px;
    padding-top: 16px;
}

.documents-list::-webkit-scrollbar {
    height: 8px;
}

.documents-list .image {
    width: 136px;
    padding-bottom: 4px;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative;
}

.documents-list .image .image-container {
    height: 128px;
    width: 128px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 4px 0px 4px 4px;
    transition: border 0.4s linear;
    transition: padding .135s cubic-bezier(0,0,.2,1);
}

.documents-list .image.selected .image-container {
    background: var(--lighten-5);
    border: 1px solid var(--darken-2);
    padding: 6px;
    
}

.documents-list .image .image-container .image-upload-icon {
    cursor: pointer;
}

.documents-list .image .image-container.drag-active {
    border: 4px dotted var(--darken-4);
    cursor: grab;
}

.documents-list .image .image-preloader {
    position: relative;
}

.documents-list .image .description {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin-top: 4px;
    padding: 0 2px 0 2px;
}

.documents-list .image, .documents-list .date {
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin-top: 4px;
    padding: 0 2px 0 2px;
}

.documents-list .image .image-container img {
    max-height: 100%;
}

.documents-list .image-icons {
    position: absolute;
    right: 6px;
    display: flex;
}

.documents-list .image-icon {
    background: #fff;
    border-radius: 100px;
    height: 19px;
    margin-top: 2px;
    padding: 0px 4px 0px 2px;
    margin-right: 4px;
}

.documents-list .image-icon i {
    font-size: 14px;
}

.modal-qr-loader-loading {
    display: flex;
    height: 120px;
    align-items: center;
    justify-content: center;
}

.cellProfilePhoto {
    height: 36px !important;
    margin-top: 4px;
}

#kk-assistant-widget {
    position: fixed;
    bottom: 2px;
    right: 54px;
    z-index: 1000;
}

#kk-assistant-widget .wrapper {
    height: 36px;    
    border-radius: 0.425rem;
    cursor: pointer;
    right: 8px;
    bottom: 14px;
    position: absolute;
    overflow: hidden;
    transition: width 1s ease, background-color 1s ease, border 1s ease;
}

#kk-assistant-widget .wrapper.closed {
    width: 36px;
}

@keyframes borderPulse {
    0% {
        border-color: #4F46E5;
    }
    50% {
        border-color: #8B5CF6;
    }
    100% {
        border-color: #4F46E5;
    }
}

#kk-assistant-widget .wrapper.opened {
    background-color: #000000;
    border: 2px solid #4f46e5;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .3);
    animation: borderPulse 2s infinite;
    border-style: solid;
    transition: border-color 1s ease-in-out;
}

#kk-assistant-widget .assistant-input {
    opacity: 0;
    max-width: 0px;
    font-size: 14px;
    overflow: hidden;
    transition: width 1s ease-in-out, background-color 1s ease-in-out, max-width 1s ease-in-out, opacity 1s ease-in-out;
    margin-bottom: 8px;
}

#kk-assistant-widget .assistant-input input {
    font-size: 13px;
    margin: 0;
    height: auto;
    border-bottom: none;
    width: 100%;
    transition: all 1s ease-in-out;
    color: #ffffff;
}

#kk-assistant-widget .assistant-input input:focus {
    border-bottom: none;
    box-shadow: none;
}

#kk-assistant-widget .wrapper.opened .assistant-input {
    opacity: 1;
    width: 420px;
    max-width: calc(100vw - 102px);
    margin-bottom: 12px;
}

textarea.black-border:focus {
    border-bottom: 1px solid #000000 !important;
    box-shadow: 0 1px 0 0 #000000 !important;
}

#support-widget {
    position: fixed;
    bottom: 8px;
    right: 8px;
    z-index: 1000;
}

#support-widget .wrapper {
    height: 36px;
    width: 36px;
    background-color: #000000;
    border-radius: 32px;
    cursor: pointer;
    text-align: center;
    padding-top: 6px;
    right: 8px;
    bottom: 8px;
    position: absolute;
}

.wrapper-open {
    display: none;
    width: 300px;
    margin-bottom: 52px;
}

#support-widget .support-widget-button-close {
    display: none;
}

#support-widget.open .support-widget-button-open {
    display: none;
}

#support-widget.open .support-widget-button-close {
    display: inline;
}

#support-widget.open .wrapper-open {
    display: block;
    border-radius: 0.425rem 0.425rem 0px 0px;
}

#support-widget-content {
    min-height: 300px;
    background: #fff;
    padding-bottom: 24px;
    overflow-y: scroll;
    max-height: 400px;
}

button:focus {
    background-color: var(--maincolor);
}

.wrapper-open-content {
    background: #fff;
}

.sidenav .navigation-header.submenu-title {
    padding: 0 20px;
    height: 48px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

td, th {
    padding: 5px;
}

.mbsc-material.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
    background: #fff;
}

.mbsc-material.mbsc-schedule-invalid {
    background: #ccc;
}

.mbsc-material.mbsc-schedule-time-indicator {
    border-color: var(--maincolor);
    border-width: 2px;
    box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%);
}

.mbsc-material.mbsc-schedule-time-indicator-time {
    color: var(--maincolor);
    font-weight: 700;
    font-size: 12px;
}

.mbsc-material.mbsc-schedule-time-indicator.mbsc-ltr:after {
    border-width: 2px;
}

.mbsc-material.mbsc-calendar-today, .mbsc-material.mbsc-calendar-week-nr {
    color: var(--maincolor);
    font-weight: 700;
}

.mbsc-material.mbsc-selected .mbsc-calendar-cell-text {
    background: var(--maincolor);
    border-color: var(--maincolor);
}

.mbsc-material.mbsc-popup-button.mbsc-font {
    color: var(--maincolor);
}

.mbsc-material.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
    color: var(--maincolor);
}

.mbsc-material.mbsc-scroller-wheel-cont:after, .mbsc-material.mbsc-scroller-wheel-cont:before {
    border-color: var(--maincolor);
}

.mbsc-material.mbsc-range-control-label.active, .mbsc-material.mbsc-range-control-value.active {
    color: var(--maincolor);
}

.mbsc-material.mbsc-range-control-wrapper .mbsc-material.mbsc-segmented-button.mbsc-selected {
    border-bottom-color: var(--maincolor);
}

.mbsc-material.mbsc-popup-buttons.mbsc-ltr, .mbsc-material.mbsc-popup-buttons.mbsc-rtl {
    justify-content: right;
}

.table-billable-items textarea {
    border-bottom: none;
    margin-bottom: -8px;
}

.table-billable-items input[type=text]:not(.browser-default), .table-billable-items input[type=number]:not(.browser-default) {
    border-bottom: none;
    margin-bottom: 1px;
}

.table-billable-items .select2-container--default .select2-selection--multiple, .table-billable-items .select2-container--default .select2-selection--single, .table-billable-items  .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-bottom: none;
}

.table-billable-items tfoot input[type=text]:not(.browser-default), .table-billable-items tfoot input[type=number]:not(.browser-default) {
    height: 24px;
}

.table-billable-items .small-column {
    max-width: 72px;
}

.table-billable-items .button-column {
    max-width: 46px;
}

.table-billable-items .select2-selection__rendered {
    text-align: right;
}

.table-billable-items .align-left .select2-selection__rendered {
    text-align: left;
}

@media only screen and (max-width: 1024px) {
    .table-billable-items tfoot {
        display: table-footer-group;
    }
}

/* Firefox */
.table-billable-items input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome, Safari, Edge, Opera */
.table-billable-items input::-webkit-outer-spin-button,
.table-billable-items input::-webkit-inner-spin-button,
.table-billable-items-grands input::-webkit-outer-spin-button,
.table-billable-items-grands input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
}

.table-billable-items-grands {
    padding-right: 24px;
    margin-top: 16px;
}

.table-billable-items-grands .grand {
    border-left: 1px solid #ccc;
    padding-right: 24px;
}

.table-billable-items-grands input {
    font-size: 2rem !important;
    text-align: right;
    border-bottom: none !important;
    margin-bottom: 1px !important;
    height: 2rem !important;
}

.table-billable-items .drag-handle {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
}

.table-billable-items .tDnD_whileDrag {
    background: #fff;
    filter: blur(0.3px);
    transform: rotate(-0.1deg);
    -moz-transform: rotate(-0.1deg);
    -o-transform: rotate(-0.1deg);
    -webkit-transform: rotate(-0.1deg);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    transition: transform 0.5s ease-out;

}

.select2-container--default .select2-selection--single {
    height: 3rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    height: 36px !important;
    padding: 0 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    line-height: 0.95 !important;
}

.color-cell {
    width: 16px;
    height: 16px;
    margin-top: 10px;
    border-radius: 16px;
}

.mbsc-color-clear-item, .mbsc-color-item {
    min-width: 2.5em !important;
    min-height: 2.5em !important;
}

.mbsc-color-clear-item:before, .mbsc-color-item:before {
    margin-top: -0.65em !important;
}

.md-item-template {
    padding: 10px 10px 10px 55px;
    position: relative;
    text-align: left;
    line-height: normal;
}

.md-item-template-img {
    position: absolute;
    left: 0;
    width: 45px;
    height: 45px;
}

.md-item-template-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
}

.md-item-template-artist {
    font-size: 14px;
    opacity: .8;
}

.mbsc-scroller-wheel-item-2d .md-item-template {
    transform: scale(1.1);
}

.mbsc-material.mbsc-textfield {
    box-sizing: inherit;
}

table.no-border {
    border-collapse: inherit;
}

table.content {
    display: block;
    overflow-x: auto;
    width: auto;
    white-space: nowrap;
}

table.content tbody {
    display: inline-table;
    width: 100%;
}

.mbsc-material.mbsc-schedule-header-day.mbsc-selected {
    background: var(--maincolor);
}

.mbsc-popup-button-close {
    color: #343434 !important;
    font-size: 1rem !important;
    outline: 0;
    font-weight: 400 !important;
}

.mbsc-material.mbsc-button {
    text-transform: none !important;
    font-weight: 400 !important;
}

.mbsc-popup-button-primary {
    background-color: var(--maincolor) !important;
    color: #fff !important;
    font-size: 1rem !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2) !important;
}

.card .card-content {
    padding: 16px;
    border-radius: 0.425rem 0.425rem 0px 0px;
}

.modal-small {
    width: 30% !important;
    max-height: 70% !important;
    top: 15% !important;
}

@media (max-width: 1920px) {
    .modal-small {
        width: 40% !important;
    }
}

@media (max-width: 1200px) {
    .modal-small {
        width: 50% !important;
    }
}

@media (max-width: 992px) {
    .modal-small {
        width: 60% !important;
    }
}

@media (max-width: 600px) {
    .modal-small {
        width: 80% !important;
    }
}

audio {
    height: 24px;
    box-shadow: 0 0.125rem 0.625rem 0 rgba(76,78,100,.22);
    border-radius: 99px;
    max-width: 100%;
}

audio::-webkit-media-controls-panel {
    background-color: var(--lighten-4);
}

@media (max-width: 600px) {
    audio::-webkit-media-controls-current-time-display,
    audio::-webkit-media-controls-timeline-container,
    audio::-webkit-media-controls-timeline,
    audio::-webkit-media-controls-time-remaining-display,
    audio::-webkit-media-controls-volume-slider-container,
    audio::-webkit-media-controls-volume-slider,
    audio::-webkit-media-controls-mute-button {
        display: none;
    }
}

.modal {
    background-color: #f7f7f9;
    transition: width 0.35s ease, height 0.35s ease;
}

.notes_container {
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
}

.note-author {
    margin-left: 80px;
    font-size: 12px;
    margin-bottom: 6px;
}

.note-message {
    margin: 0 1rem 1rem;

}

.note-message p {
    padding: 0.5rem 1rem;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 10px 0 rgb(0 0 0 / 14%);
    color: #757575;
    max-width: 600px;
}

.note-message .bubble {
    display: flex;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: 7px;
    margin-top: -16px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    box-shadow: -2px 3px 4px -3px rgb(0 0 0 / 40%);
    box-sizing: border-box;
    -webkit-transform-origin: -28px 12px;
    transform-origin: -28px 12px;
}

.modal .modal-expand {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
}

thead.no-bolded th {
    font-weight: 300;
    font-style: italic;
}

.table-fixed-height {
    max-height: 448px;
}

.table-fixed-height.medium {
    max-height: 320px;
}

.table-fixed-height.small {
    max-height: 192px;
}

.table-fixed-height thead tr {
    background: #fff;
}

.table-fixed-height thead tr th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
}

div.manual-error {
    font-size: .8rem;
    position: relative;
    top: 0rem;
    left: 0rem;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    color: #ff4081;
}

.progress {
    height: 12px;
    text-align: center;
    color: #fff;
    font-size: 9px;
    line-height: 12px;
}

.mbsc-material.mbsc-range-day:after {
    background: var(--lighten-5);
}

.mbsc-font {
    font-family: 'Nunito Sans', sans-serif !important;
}

.panel-calendar {
}

.panel-calendar .input-field {
    padding: 0px 12px;
    border-radius: 0.225rem 0.225rem 0px 0px;
}
.panel-calendar input {
    border-bottom: none;
    cursor: pointer;    
}

.select2-container--default .select2-results__option--highlighted .grey-text {
    color: #fff !important;
}

.gradient-45deg-light-cyan-black
{
    background: #26c6da;
    background: -webkit-linear-gradient(45deg, #26c6da, #000000) !important;
    background:         linear-gradient(45deg, #26c6da, #000000) !important;
}

.gradient-45deg-light-black-cyan
{
    background: #000000;
    background: -webkit-linear-gradient(45deg, #000000, #26c6da) !important;
    background:         linear-gradient(45deg, #000000, #26c6da) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 3px 5px;
}

#kk-assistant-div:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

#modal-klinia {
    position: fixed;
    bottom: 14px;
    right: 54px;
    width: 420px;
    height: 0px;
    background-color: white;
    border-radius: 0.425rem 0.425rem 0px 0px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .3);
    z-index: 9999;
    overflow: hidden;
    resize: none;
    opacity: 0;
    max-width: 0px;
    display: flex;    
    flex-direction: column;
    transition: height 0.4s ease-in-out, background-color 1s ease-in-out, max-width 0.4s ease-in-out, opacity 0s ease-in-out;
}

#modal-klinia.opened {
    opacity: 1;
    height: 400px;
    max-width: calc(100vw - 102px);
    border: 2px solid #4f46e5;
    animation: borderPulse 2s infinite;
    border-style: solid;
    border-radius: 10px;
}

#modal-klinia-header {
    background-color: #000;
    color: white;
    padding: 4px;
    cursor: move;
    user-select: none;
    font-weight: bold;
    border-radius: 0.425rem 0.425rem 0px 0px;
}

#modal-klinia-body {
    padding: 10px;
    flex: 1;
    overflow-y: auto;
    font-size: 14px;
    margin: 0px;
}

#modal-klinia-input {
    border-top: 1px solid #eee;
    padding: 4px 8px;
    background: #000000;
}

#modal-klinia-input #klinia-input {
    border-bottom: 1px solid #eee !important;
    color: #fff !important;
    max-height: 72px;
    overflow: auto;
    height: 24px;
    min-height: 34px;
    padding: 6px;
    line-height: 20px;
    font-size: 13px;
}

#modal-klinia .speech-bubble {
    position: relative;
    margin-left: 1rem;
    border-radius: 0.3rem;
    background: #eceff1;
}

#modal-klinia .speech-bubble p.medium-small {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    font-weight: 400;
}

#modal-klinia .speech-bubble a {
    text-decoration: underline;
}

#modal-klinia .speech-bubble-right {
    position: relative;
    margin-left: 1rem;
    color: #fff;
    border-radius: 0.3rem;
    background-color: #000000;
}

#modal-klinia .user-content {
    padding: 0.1rem 0.6rem;
    margin-top: 16px;
}

#modal-klinia .speech-bubble-right p.medium-small {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

#modal-klinia .speech-bubble-right a {
    color: #fff;
    text-decoration: underline;
}

#modal-klinia .speech-bubble:after {
    position: absolute;
    top: 50%;
    left: -9px;
    width: 0;
    height: 0;
    margin-top: -16px;
    content: '';
    border: 10px solid transparent;
    border-right-color: #eceff1;
    border-left: 0;
}

#modal-klinia .speech-bubble-right:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -16px;
    margin-right: -8px;
    content: '';
    border: 10px solid transparent;
    border-right: 0;
    border-left-color: #000;
}


#support-widget-content .support-widget-category {
    padding: 8px;
}

#support-widget-content .support-widget-category:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

#support-widget-content .support-widget-category .category-title {
    font-size: 0.9rem;
    font-weight: 600;
    color: #000000;
}

.mbsc-material.mbsc-label-floating.mbsc-focus, .mbsc-material.mbsc-label-stacked.mbsc-focus {
    color: var(--darken-1) !important;
}

.mbsc-material.mbsc-textfield-fieldset.mbsc-focus {
    border-color: var(--darken-1) !important;
}

.mbsc-material.mbsc-scroller-wheel-cont:after,.mbsc-material.mbsc-scroller-wheel-cont:before {
    border-color: var(--darken-1) !important;
}

.mbsc-material.mbsc-wheel-checkmark:after {
    border-color: var(--darken-1) !important;
}

.mbsc-material.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
    color: var(--darken-1) !important;
}

.mbsc-material.mbsc-select-group-wheel-multi .mbsc-selected {
    color: var(--darken-1) !important;
}

.mbsc-material.mbsc-checkbox-box {
    color: var(--darken-1) !important;
}

.mbsc-material.mbsc-radio-box {
    color: var(--darken-1) !important;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-selected {
    background: var(--darken-1) !important;
}

.mbsc-material.mbsc-switch-handle.mbsc-checked {
    background: var(--darken-1) !important;
}

.mbsc-material.mbsc-selected .mbsc-calendar-cell-text {
    background: var(--darken-1) !important;
    border-color: var(--darken-1) !important;
}

.mbsc-material.mbsc-calendar-mark, .mbsc-material.mbsc-calendar-label {
    color: var(--darken-1) !important;
}

.mbsc-material.mbsc-textfield-ripple {
    background-color: var(--darken-1) !important;
}

[type='checkbox'].filled-in:checked + span:not(.lever):after {
    border: 2px solid var(--darken-1);
    background-color: var(--darken-1);
}

.mbsc-material.mbsc-textfield-wrapper {
    margin: 0;
}

.rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mbsc-material.mbsc-textfield-box.mbsc-select, .mbsc-material.mbsc-textfield-inner-box {
    padding: 6px 12px 0px 8px;
}

.mbsc-material.mbsc-textfield-box.mbsc-select, .mbsc-material.mbsc-textfield-inner-box {
    background: none !important;
}

.mbsc-material.mbsc-label-box-floating.mbsc-ltr, .mbsc-material.mbsc-label-outline-floating.mbsc-ltr {
    top: 5px !important;
}

.mbsc-material.mbsc-select-icon-floating, .mbsc-material.mbsc-select-icon-outline, .mbsc-material.mbsc-select-icon-stacked {
    top: 12px !important;
}