body {
    font-family: 'Lato', sans-serif !important
}

.sidebar-fixed {
    height: 100vh;
    width: 270px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    z-index: 1050;
    background-color: #fff;
    padding: 1.5rem;
    padding-top: 0;
}

.sidebar-fixed .list-group .active {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.sidebar-fixed .logo-wrapper {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.btn-rounded {
    -webkit-border-radius: 10em;
    border-radius: 10em;
}

.card-header:first-child {
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .navbar,
    .page-footer,
    main {
        padding-left: 270px;
    }
}

@media (max-width: 1199.98px) {
    .sidebar-fixed {
        display: none;
    }
}

.background-image {
    background: url('../img/login-img.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    width: 100%;
}

/* Sign Screens - Wrappers */
.body-sign {
    display: table;
    height: 100vh;
    margin: 0 auto;
    max-width: 500px;
    padding: 0 15px;
    width: 100%;
}

.body-sign .center-sign {
    display: table-cell;
    padding-top: 20px;
    vertical-align: middle;
}

.body-sign .panel-sign {
    background: transparent;
}

.body-sign .panel-sign .panel-title-sign .title {
    border-radius: 5px 5px 0 0;
    color: #FFF;
    font-size: 1.2rem;
    line-height: 2rem;
    padding: 13px 17px;
    vertical-align: bottom;
}

.body-sign .panel-sign .panel-body {
    background: #FFF;
    border-top: 5px solid #CCC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 33px 33px 15px;
}

/* Sign Screens - Elements */
.body-sign .input-group-icon .input-group-addon i {
    width: 14px;
}

.body-sign .checkbox-custom {
    margin-top: 8px;
}

.body-sign .line-thru {
    display: block;
    font-size: 1.2rem;
    position: relative;
}

.body-sign .line-thru span {
    color: #CCC;
    position: relative;
    z-index: 3;
}

.body-sign .line-thru:before {
    background-color: #FFF;
    content: '';
    height: 10px;
    left: 50%;
    position: absolute;
    margin: -5px 0 0 -20px;
    top: 50%;
    width: 40px;
    z-index: 2;
}

.body-sign .line-thru:after {
    border-bottom: 1px solid #DADADA;
    content: '';
    display: block;
    left: 10%;
    position: absolute;
    top: 47%;
    width: 81%;
    z-index: 1;
}

.body-sign .panel-sign .panel-body {
    border-top-color: var(--brand);
}

.body-sign-custom {
    max-width: 500px !important;
}

.body-sign-up {
    max-width: 694px !important;
}

.body-sign .panel-sign .panel-title-sign .title {
    border-radius: 5px 5px 0 0;
    color: #FFF;
    font-size: 1.2rem;
    line-height: 2rem;
    padding: 13px 17px;
    vertical-align: bottom;
    margin-bottom: 0;

}

.card.cases-card {
    /* -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); */
    /*box-shadow: 0px 2px 5px 4px rgba(0,0,0,.16), 0 2px 10px 0px rgba(0,0,0,.12);*/
    border: 0;
}

#main-menu li.active a {
    color: #fff
}

div.form-control-feedback {
    width: 100%;
    margin-top: .25rem;
    color: #e73d4a;
}

div[aria-describedby$="error"] {
    border-color: #e73d4a;
    padding-right: 2.25rem;
}

.img-thumbnail img {
    max-height: 115px;
    max-width: 100%;
}

form[name=case_details] .row{
    margin-bottom: 20px;
}

.m-stack__item.m-brand.m-brand--skin-light {
    padding: 0px 10px;
}

.m-brand .m-brand__logo .m-brand__logo-wrapper img {
    width: 40% !important;
    max-width: 100% !important;
}

table a {
    color: #22b9ff;
}

.background-body {
    background: url("../img/login-img.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.modernme-background {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
    color: #ffffff;
}

button.modernme-background:hover, a.modernme-background:hover{
    background-color: #2e4c94 !important;
    border-color: #2e4c94 !important;
}

.scan-wizard-background{
    background-color: #FFFFFF !important;
    border: 3px solid var(--brand) !important;
    color: var(--brand) !important;
}

.btn-success {
    background-color: #519839;
    font-size: 14px;
    border-color: transparent;
    padding: 10px 17px;
}

.modernme-success {
    background-color: #519839;
    font-size: 14px;
    border-color: transparent;
}

.modernme-warning{
    color: #212529;
    background-color: #ffb822;
    border-color: #ffb822;
}

.modernme-warning a{
    color: #212529 !important;
}

.m-widget28__nav-items .m-widget28__nav-item a.nav-link span{
    font-weight: 700;
}

.datepicker .datepicker-days td.disabled{
    color: #999 !important;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link > .m-menu__link-icon {
    color: #9e9e9d;
    font-size: 12px
}

table.table thead tr th {
    background: #f4f3f8 !important;
    color: #666666;
    text-align: center;
    vertical-align: middle;
}

#div_prev_occlussal-upper {
    display: inline-table;
}

.m-portlet__body button.btn.btn-info.pull-right.modernme-background.form-control {
    margin: 30px 0px;
}

section.body-sign.body-sign-custom.h-100.row.align-items-center form {
    /* margin-bottom: 50px; */
    display: inline-block;
    width: 100%;
}

a.light-box-trigger {
    display: block;
    margin: 0 auto;
}

a.light-box-trigger img.clinical-photos-img {
    width: auto;
    height: 150px;
}

.card-body .btn.form-control {
    width: auto;
}

.m-tabs-line.nav.nav-tabs .nav-link, .m-tabs-line a.m-tabs__link, .m-tabs-line.nav.nav-tabs .nav-link i, .m-tabs-line a.m-tabs__link i {
    background: transparent;
    color: var(--brand);
}

.align-bottom-btn{
    position: absolute;
    bottom: 50px;
    left: 0;
}

@media screen and (max-width: 650px) {
    .case-portlet .m-portlet__head {
        display: contents;
        margin: 10px;
        border: none;
    }

    .nav.nav-pills, .nav.nav-tabs {
        margin-left: 10px;
    }
}
@media (max-width: 1024px) {
    .d-1024{
        display: block !important;
    }

    .d-1024-none{
        display: none !important;
    }

    .modernme-background-1024 {
        background-color: var(--brand) !important;
        border-color: var(--brand) !important;
        color: #ffffff;
    }

    button.modernme-background-1024:hover, a.modernme-background-1024:hover{
        background-color: #2e4c94 !important;
        border-color: #2e4c94 !important;
    }
}
@media (min-width: 1025px) {
    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:hover  .m-menu__link  .m-menu__link-icon {
        color: var(--brand) !important;
    }

    li.m-nav__item.m-topbar__languages.m-dropdown.m-dropdown--small.m-dropdown--header-bg-fill.m-dropdown--arrow.m-dropdown--align-right.m-dropdown--mobile-full-width ul.lang-switcher{
        vertical-align: middle;
        margin: 26px 0 0 0;
    }

    .m-brand--minimize .m-brand{
        width: 500px;
    }

    .m-aside-left--fixed.m-header--static .m-aside-left, .m-aside-left--fixed.m-header--fixed .m-aside-left{
        top: 0;
    }

    .m--has-cta-btns.m-aside-left--fixed.m-header--static .m-aside-left, .m--has-cta-btns.m-aside-left--fixed.m-header--fixed .m-aside-left{
        top: 90px;
    }
    .m--has-cta-btns.m-header--fixed .m-body{
        padding-top: 200px !important
    }

    .m-aside-menu .m-menu__nav{
        padding: 132px 0 0
    }

    .m-body .m-content {
        padding: 20px 30px;
    }

    .m-aside-left{
        width: 310px;
    }
    .m-grid__item.m-grid__item--fluid.m-wrapper{
        padding: 0px 25px;
    }
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-number>span {
    background-color: #7ddcc9;

}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-number>span {
    font-size: 18px;
    background-color: #aeafb3;
    color: #fff;
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #aeafb3;
    border-radius: .25rem;
}

.lang-switcher {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: right;
    margin: 10px 10px 0px 0px;
}

.lang-switcher li {
    display: inline-block;
    border-right: 1px solid var(--brand);
    float: left;
}
.lang-switcher li:last-child {
    border-right: none;
}
.lang-switcher li a {
    padding: 3px 5px;
    color: #529427;
    transition: all 0.5s ease;
    text-decoration: none;
    display: inline-block;
    height: 100%;
    min-width: 40px;
    text-align: center;
}
.lang-switcher li a:hover {
    text-decoration: none;
}
.lang-switcher li a.is-active {
    color: #000000;
    cursor: default;
}

/* modifiers */
.lang-switcher.lang-switcher--pill, .lang-switcher.lang-switcher--rounded-pill {
    border: 1px solid #529427;
}
.lang-switcher.lang-switcher--pill a:hover, .lang-switcher.lang-switcher--rounded-pill a:hover {
    background: #529427;
    color: #ffffff;
}
.lang-switcher.lang-switcher--pill a.is-active, .lang-switcher.lang-switcher--rounded-pill a.is-active {
    background-color: #529427;
    color: #ffffff;
}

.lang-switcher.lang-switcher--rounded-pill {
    border-radius: 15px;
}
.lang-switcher.lang-switcher--rounded-pill li:first-child a {
    padding-left: 10px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.lang-switcher.lang-switcher--rounded-pill li:last-child a {
    padding-right: 10px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

li.m-nav__item.m-topbar__languages.m-dropdown.m-dropdown--small.m-dropdown--header-bg-fill.m-dropdown--arrow.m-dropdown--align-right.m-dropdown--mobile-full-width .m-nav__link m-dropdown__toggle  span.m-nav__link-text{
    width: 39px;
    height: 39px;
    padding: 5px;
}
li.m-nav__item.m-topbar__languages.m-dropdown.m-dropdown--small.m-dropdown--header-bg-fill.m-dropdown--arrow.m-dropdown--align-right.m-dropdown--mobile-full-width span.m-nav__link-text i{
    background-size: 100%;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid;
    padding: 4px;
}

a.m-portlet__nav-link.btn.btn-success.m-btn.m-btn--pill.case-btn {
    margin-top: 10px;
    background-color: #519839;
}

.btn-focus {
    color: #fff !important;
}

.alert-success:not(.m-alert--outline) {
    color: #f6fcfb;
    background-color: #519839;
    border-color: #519839;
}

.m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--success a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--success a.m-tabs__link.active {
    color: #7b7e8a;
    border-bottom: 1px solid #7b7e8a;
}

.m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link:hover>i, .m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link.active>i, .m-tabs-line.m-tabs-line--success a.m-tabs__link:hover>i, .m-tabs-line.m-tabs-line--success a.m-tabs__link.active>i {
    color: #7b7e8a;
}

.m-switch input:checked ~ span:after {
    background-color: #2d3266;
    color: #fff;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(34,185,255,0.41);
    box-shadow: 0px 3px 20px 0px rgba(34,185,255,0.41);
}

li.m-nav__item.text-right a.btn.m-btn--pill.btn-secondary.m-btn.m-btn--custom.m-btn--label-brand.m-btn--bolder {
    color: var(--brand);
}

.modernme-success-background{
    background-color: #519839 !important;
    border-color: transparent;
}

.btn-modern-gray{
    background-color: #9c9797 !important;
    color: #fff;
}

.text-modern-gray{
    color: #9c9797 !important;
}

.text-modern-blue{
    color: var(--brand) !important;
    font-weight: bold;
}

.modal-content{
    background: transparent;
}

.modal-body{
    background: #fff;
    border-radius: 0 0 1.3rem 1.3rem;
}

.m-section__heading, .nav-link.m-tabs__link.active{
    color: var(--brand) !important;
}

.m-wizard__head{
    background-color: #fff;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--brand);
    position: absolute;
    left: -10px;
    top: 16px;
    background: #fff !important;
}

.nav-item.m-tabs__item{
    background-color: #ededed;
}

.modal-header{
    border-radius: 1.3rem 1.3rem 0 0;
}

a.case-files-link{
    width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #575962;
    height: 37px;
}

th a {
    color: #666666 !important;
}

td a.btn{
    margin-bottom: 3px;
}

@media screen and (max-width: 1200px) {
    .m-wizard__step:not(.modern-active){
        display: none !important;
    }
}

.order-confirm-button {
    display: inline-table;
}

.pagination-info{
    display: table;
}

.pagination-info li{
    display: table-cell;
    float: left;
}
.pagination-info li:first-child{
    margin-right: 10px;
}
.pagination-info li:last-child{
    margin-top: -10px;
}

label[for="filter_case_searchBy"] {
    margin-right: 10px;
}



.filter-form .input-holder .form-group, .filter-form .input-holder .select2-container{
    width: 100% !important
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .form-check-input {
        position: relative;
    }

    .body-sign {
        display: block;
    }
}

.free_pickup_form span.select2{
    width: 100% !important
}


#link_no_case_stl span.select2, #free_case span.select2{
    width: 100% !important;
    z-index: 99999
}

#filter_case_form input, #filter_case_form select, #filter_case_form .select2, #filter_case_form .input-holder select, #filter_case_form .input-holder {
    width: 100% !important;
}

.stars-container {
  position: relative;
  display: inline-block;

  color: transparent;
}

.stars-container:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: lightgray;
}

.stars-container:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: gold;
  overflow: hidden;
}

.stars-0:after { width: 0; }
.stars-10:after { width: 10%; }
.stars-20:after { width: 20%; }
.stars-30:after { width: 30%; }
.stars-40:after { width: 40%; }
.stars-50:after { width: 50%; }
.stars-60:after { width: 60%; }
.stars-70:after { width: 70%; }
.stars-80:after { width: 80%; }
.stars-90:after { width: 90%; }
.stars-100:after { width: 100%; }


.no-pointer-events{
    pointer-events:none !important;
    opacity: 0.5
}

.carousel-control-next,
.carousel-control-prev {
    filter: invert(100%);
}

/* medium - display 2  */
@media (min-width: 600px) {

  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
      transform: translateX(25%);
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
  }
}

@media (max-width: 600px) {
  .carousel-inner .carousel-item>div {
      display: none;
  }

  .carousel-inner .carousel-item>div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
  transform: translateX(0);
}

.progress-meter {
    overflow: hidden;
    min-height: 15px;
    border-bottom: 1px solid var(--brand);
    border-top: 1px solid var(--brand);
}

.progress-meter > .meter {
    position: relative;
    float: left;
    min-height: 15px;
    border-width: 0px;
    border-style: solid;
    border-color: var(--brand);
}

.progress-meter > .meter > .meter-text {
    display: inline-block;
    width: 100%;
    text-align: left;
    color: #fd7e14;
}

.progress-meter > .meter > .meter-text-top{
    position: absolute;
    left: -300px;
}

.progress-meter > .meter.meter-right > .meter-text {
    text-align: right;
    top: -15px;
}

.flex-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.m-widget28 .m-widget28__container .m-widget28__nav-items .m-widget28__nav-item > a{
    border: none;
}
.m-widget28 .m-widget28__container .m-widget28__nav-items {
    margin-top: -4rem
}

.m-table.m-table--border-white, .m-table.m-table--border-white th, .m-table.m-table--border-white td{
    border-color: #f4f5f8;
}

.m-table.m-table--head-bg-modernme-success thead th{
    background-color: #519839 !important;
}

.m-type.m-type--xl {
    height: 160px;
    width: 160px;
}

.m--bg-white{
    background-color: #fff;
}

.m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link{
    padding: 8px 35px;
    height: 35px;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
    color: #9e9e9d;
    width: 50px;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #9e9e9d;
    font-size: 1.2rem
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-icon {
    color: var(--brand);
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-text {
    color: var(--brand);
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link{
    background-color: inherit;
    color: var(--brand);
}


.d-lost{
    position: absolute;
    left: -99999px;
    top: -99999px;
}

.d-found{
    position: relative;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text{
    font-size: 1.8rem;
    color: var(--brand) !important;
}

table a{
    color: #9e9e9d !important;
}

.m-portlet .m-portlet__head{
    border-bottom: none;
}

#filter_case_form{
    margin: 0 auto;
}

.m-brand-bg-white{
    background-color: #fff;
}

.vip-progress-bar{
    height: 1rem;
    color: #fff;
    font-size: 1rem;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 2px;
}


.menu-count-badge {
    position: absolute;
    left: 65px;
    top: -10px;
}

.m-portlet .m-portlet__body{
    padding: 0 2.2rem 2.2rem;
}

#case_details_gender .form-check{
    float: left;
    width: 49%;
}

#case_details_form label, #case_details_form legend{
    font-weight: bold;
}

#case_details_form .img-thumbnail{
    border: none;
    margin: 5rem 0;
}

.shop-items-list .card-body, .shop-items-list .point-info{
    font-weight: bold;
    font-size: 1.3rem;
}

.m-stack__item.m-stack__item--middle.m-brand__logo{
    text-align: left;
}


.m-footer.landing-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--brand) !important;
    opacity: 0.7;
    width: 100%
}

.landing-section{
    margin-bottom: 50px
}

.m-footer.landing-footer a.m-nav__link .m-nav__link-text{
    color: #ffb822
}