a {
    cursor: pointer;
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.188rem;
    margin-bottom: 0;
}

.custom-file-input {
    min-width: 12.250rem;
    max-width: 100%;
    height: 2.188rem;
    margin: 0;
    opacity: 0;
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.188rem;
    padding: 0.438rem 0.875rem;
    line-height: 1.5;
    color: #495057;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.219rem;
}

.custom-file-control:empty::after {
    content: attr(data-label);
}

.custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.188rem;
    padding: 0.438rem 0.875rem;
    line-height: 1.5;
    color: #495057;
    background-color: #e9ecef;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0 0.219rem 0.219rem 0;
    content: attr(data-button);
}

._no-display {
    display: none;
}

.program-radio-wrapper {
    margin-bottom: 10px;
}

.text-field.required {
    border-right-color: #ff9500;
}

.text-field.approved {
    border-right-color: #00b573;
}

.select-field.required {
    border-right-color: #ff9500;
}

._2nd-level-nav-col-div {
    font-size: 0;
}

.program-inputs .field-label {
    text-align: center;
    line-height: 40px;
    width: 100%;
    padding-right: 0;
}

.radiolike-buttons-group {
    font-size: 0;
}

.toggle-password-form {
    color: #0780e3;
    text-decoration: none;
    border-bottom: 2px solid #0780e3;
    font-size: 16px;
}

.password-change-form {
    display: none;
}

.mandatory-scheme-container[data-tag='view'] div.chosen-container {
    pointer-events: none;
}

.chosen-container-multi .chosen-choices {
    background: none;
    border: none;
    box-shadow: none;
    padding: 5px 8px 5px;
}

.chosen-container-multi.chosen-select {
    padding: 0;
}

.chosen-container.text-field {
    height: auto;
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: none;
    border: none;
    box-shadow: none;
    line-height: 22px;
    display: inline-block;
    margin: 1px 5px 1px 0;
    padding: 1px 20px 2px 10px;
    border-radius: 4px;
    background-color: #0780e3;
}

.autocomplete-suggestions {
    background: white;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-top: -1px;
    padding: 5px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow-y: auto;
}

.plan-body-filler {
    min-height: 41px;
    border-style: none solid;
    border-width: 1px;
    border-color: #d7dae0;
}

.payment-form button {
    display: inline-block;
    height: 40px;
    padding: 9px 15px 8px;
    border: 1px solid #d7dae0;
    border-radius: 4px;
    background-color: white;
    transition: all 250ms ease;
    color: #333;
    text-align: center;
    text-decoration: none;
    margin-right: 10px;
    margin-left: 10px;
    border: 1px solid #0780e3;
    background-color: #0780e3;
    color: white;
}

.edit-user-layer {
    position: fixed;
}

.payment-form-active button {
    display: inline-block;
    height: 40px;
    padding: 9px 15px 8px;
    border: 1px solid #d7dae0;
    border-radius: 4px;
    background-color: white;
    transition: all 250ms ease;
    color: #333;
    text-align: center;
    text-decoration: none;
    border-style: none;
    background-color: #d7dae0;
    color: #6e7c8a;
}

.text-left {
    text-align: left;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    display: inline;
    color: white;
    font-size: 14px;
    font-weight: 400;
}

.chosen-container-active .chosen-choices li.search-field input[type='text'] {
    color: #0780e3 !important;
    padding-left: 5px;
}

.clearfix {
    clear: both;
}

.phone-no-container {
    width: 50% !important;
}

.no-display {
    display: none;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0;
}

.no-padding-l {
    padding-left: 0;
}

.form-password-column {
    padding-right: 12px !important;
}

.special-mention {
    resize: none;
    padding: 0;
    font-size: 14px;
    display: inline-block;
    background-color: inherit;
    border: none;
}

.inactive-inp {
    outline: none;
}

.white-bg {
    background-color: white;
}

.text-center {
    text-align: center;
}

.notification-layer {
    height: 0;
}

.error {
    color: red;
}

.success {
    color: green;
}

a.tab-link:visited,
a {
    color: initial;
}

a.tab-link.w--current {
    color: #0780e3 !important;
}

.custom-link.blue {
    color: #0780e3;
    text-decoration: none;
}

.add-user-layer,
.view-appointment-layer {
    position: fixed;
    z-index: 1001;
    display: none;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(6, 30, 53, 0.9);
}

.popup-content-div {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.search-result-container {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #d7dae0;
}

.search-dropdown-archive,
.search-result-container {
    overflow-y: auto;
    max-height: 250px;
}

.file-upload-name {
    margin-top: 4px;
    font-size: 16px;
}

.input-transparent {
    background: transparent !important;
    border: none;
}

.mandatory-scheme-container {
    display: none;
}

.form-field-error {
    border-style: solid;
    background-color: rgba(234, 83, 85, 0.2) !important;
}

.high-layer {
    position: relative;
    z-index: 1;
}

.full-hidden {
    position: absolute;
    visibility: hidden;
}

.slimmer-button {
    height: 32px;
    padding: 0 15px;
}

.blue.selected {
    border: 1px solid #0780e3;
    background-color: transparent;
    color: #0780e3;
    background-color: #fff;
}

.calendar-free-spot-div.selected {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 181, 115, 0.6);
    background-color: white;
    color: #00b573;
}

.week-day-column.title {
    width: 13.7%;
}

.input-has-select {
    padding: 0 10px;
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input-has-select + select {
    margin: 0;
    display: inline-block;
    padding: 0 5px;
    box-sizing: border-box;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -4px;
}

.if-yes-no-switch {
    display: none;
}

.datepicker-error {
    color: red;
    display: block;
    width: 100%;
}

.alert-box.success h2 {
    background: rgb(171, 236, 171);
    color: black;
    padding: 5px 31px;
    border-radius: 3px;
}

.pointer {
    cursor: pointer;
}

.alert-box.error h2 {
    background-color: rgba(234, 83, 85, 0.09);
    color: black;
    padding: 5px 31px;
    border-radius: 3px;
    margin-bottom: 0px !important;
}

.select-field.approved {
    border-right-color: #00b573;
    background-color: white;
}

.progress-bar-upload {
    display: none;
    position: relative;
    border-radius: 3px;
    border: 2px solid #0780e3;
    height: 35px;
    margin-top: 10px;
    padding: 1px;
}

.progress-bar-upload .percentage {
    background: #0780e3;
    border-radius: 3px;
    width: 0%;
    height: 100%;
    transition: 0.1s;
}

.progress-bar-upload .percentage-text {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 35px;
    line-height: 30px;
    letter-spacing: 1px;
    text-shadow: 0px 1px 2px white;
    font-size: 18px;
}

.checkup-title-expand {
    position: relative;
    cursor: pointer;
}

.checkup-title-expand * {
    cursor: pointer;
}

.checkup-row-expand {
    display: none;
}

.font18 {
    font-size: 18px;
}

.checkup-title-expand .form-row-wrapper-button {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.calendar-row.blocked {
    background-color: rgba(255, 149, 0, 0.09);
}

.mandatory-scheme-container[data-tag='view'] select {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';
    pointer-events: none;
}

.mandatory-scheme-container[data-tag='view'] select::-ms-expand {
    display: none;
}

.mandatory-scheme-container[data-tag='view'] .text-field-entry-delete-icon {
    display: none;
}

.no-width {
    width: 0;
}

.one-third {
    width: 33%;
}

.two-thirds {
    width: 66%;
}

.full-width {
    width: 100%;
}

.bg-color-60C800 {
    background-color: #60c800;
}

.dashboard-done-text {
    color: #60c800;
    font-weight: bold;
    line-height: 40px;
}

.greyed-event {
    background-color: silver;
    pointer-events: none;
}

.um {
    padding: 0 !important;
}

.plan-title {
    margin-left: 15px;
    margin-right: 15px;
}

.disabled-opacity-state {
    opacity: 0.6;
    pointer-events: none;
}

.input-width {
    width: 94px;
}

.input-bold {
    font-weight: bold;
}

.input-outline {
    outline: none;
}

.text-area {
    resize: none;
}

.margin-top {
    margin-top: 10px;
}

.margin-right {
    margin-right: 25%;
}

.left-align {
    float: left;
}

.disabled-attr {
    pointer-events: none;
}

.vet-name-txt {
    resize: none;
    padding: 0;
    font-size: 14px;
    display: inline-block;
    background-color: inherit;
    border: none;
    height: 19px !important;
    overflow: hidden;
}

.terms-and-conditions {
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

.paragraph-has-margin p {
    margin-bottom: 24px;
}

.paragraph-has-margin h3 {
    margin-top: 48px;
    margin-bottom: 24px;
}

.send-feedback-text {
    display: none;
}

.control-bar-search-form-field {
    margin-right: 0;
}

.boxed-12pd {
    box-sizing: border-box;
    padding: 12px !important;
}

.ftw-title {
    color: #00b573;
}

.row-title._2nd-level {
    text-align: right;
}

.m-typeahead--custom .tt-menu {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 400px;
    position: absolute;
}

.m-typeahead--custom ul.tt-dataset {
    margin: 0;
    list-style-type: none;
    padding: 0;
    max-height: 270px;
    overflow: auto;
}
.m-typeahead--custom ul.tt-dataset .tt-selectable:focus {
    background-color: #f4f5f8;
    outline: none;
}

.table.table--v-middle th,
.table.table--v-middle td {
    vertical-align: middle;
}

.table-selected-row-v1 {
    background: #d9f9fd;
}

tr.schedule-exception-row.schedule-exception-row.schedule-exception-row td span,
tr.schedule-exception-row td label {
    margin-top: 0;
}

tr.schedule-exception-row .row-date {
    width: 30%;
}

tr.schedule-exception-row .select2.select2-container {
    width: 100% !important;
}

.categories-checkbox-list-wrapper .m-checkbox-list {
    margin: 0 0 30px;
}

.rec-scheme-head-table td:nth-child(1),
.rec-scheme-head-table td:nth-child(2) {
    width: 30%;
}

.loader-base,
.loader-base:after {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 8px;
    top: 7px;
}

.loader-base {
    font-size: 10px;
    text-indent: -9999em;
    border: 2px solid rgba(0, 128, 255, 0.2);
    border-left: 2px solid #5867dd;
    transform: translateZ(0);
    animation: load8 1.1s infinite linear;
}

.padded-zone {
    padding-left: 15px;
    padding-right: 15px;
}

.spaced-buttons .btn {
    margin-bottom: 5px;
    margin-top: 5px;
}

.spaced-buttons .btn:not(:last-child) {
    margin-right: 5px;
}

.btn.btn-xs {
    padding: 0.175rem 0.350rem;
    font-size: 0.700rem;
    line-height: 1.5;
    border-radius: 0.175rem;
}

.m-btn.m-btn-swal {
    padding: 0.656rem 1.750rem;
    font-size: 0.875rem;
}

.request-progress-bar .bar {
    background: #00c5dc;
}

.save-progress-note {
    position: fixed;
    top: 0;
    right: 0;
    background: #ddd;
    display: none;
    padding: 2px 10px;
    border-radius: 0 0 0 4px;
    opacity: 0.9;
    font-size: 13px;
}

.ajax-new-prod-wrapper {
    border-top: 1px solid #ebedf2;
    padding: 10px 15px 5px;
}

.form-control[readonly] {
    background-color: #f8f8fb;
}

.date .form-control[readonly] {
    background-color: transparent;
}

.form-control-feedback.form-control-feedback--error {
    color: #f4516c;
    font-size: 0.875rem;
    font-weight: 300;
}

.m-form__section.m-form__section--normal {
    font-weight: 400;
}

.m-widget4 .m-widget4__item {
    padding-top: 0.569rem;
    padding-bottom: 0.656rem;
}

.m-widget4 .m-widget4__item.m-widget4__item--compact {
    padding-top: 0.350rem;
    padding-bottom: 0.350rem;
    width: 100%;
}

.m-widget4 .m-widget4__item.m-widget4__item--compact:hover {
    cursor: pointer;
    text-decoration: none;
    background: #faf9fc;
}

.m-widget4 .m-widget4__sub--label {
    font-weight: 700;
}

.m-widget4 .m-widget4__sub--value {
    margin-left: 5px;
}

.invoice-product-suggestions * {
    margin: 0;
}

.invoice-product-suggestions p {
    font-size: 0.963rem;
}

.invoice-product-suggestions .ips-small {
    font-size: 0.875rem;
}

.no_link_underline a.button,
a.calendar-free-spot-div {
    text-decoration: none;
}

.standalone-portlet-title {
    font-family: Roboto, sans-serif;
    font-size: 1.137rem;
    font-weight: 500;
    margin: 0;
    color: #575962;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0.569rem 36px 0.569rem 1.094rem;
}

.select2-container--default .select2-selection__arrow {
    text-align: left;
}

/* metro style select2 */

@keyframes load8 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 1020px) {
    .button.control-bar {
        margin-left: 5px;
    }
}

@media screen and (max-width: 991px) {
    .send-feedback-image {
        display: none;
    }

    .send-feedback-text {
        display: inline-block;
    }

    .top-bar-div {
        margin-top: 60px;
    }

    .control-bar-div {
        min-height: 60px;
        height: auto;
    }
}

.hide-elem {
    display: none !important;
}

.disabled-attr {
    pointer-events: none;
}

.sub-banner {
    padding-top: 24px;
}

.schedule-row {
    display: table;
    width: 100%;
}

.schedule-block {
    display: table-cell;
    width: 14.2857%;
}

@media screen and (min-device-width: 992px) and (max-device-width: 1200px) {
    .control-bar-search-form-field-label {
        font-size: medium !important;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1200px) {
    .control-bar-search-form-field {
        margin-bottom: 0;
    }

    .control-bar-search-form-field-label {
        font-size: small;
    }
}

@media screen and (max-device-width: 768px) {
    .control-bar-search-form-field-label {
        font-size: medium;
    }

    .m_portlet--mobile-f .m-portlet__nav,
    .m_portlet--mobile-f .m-portlet__nav-item,
    .m_portlet--mobile-f .m-portlet__head,
    .m_portlet--mobile-f .m-portlet__head-caption,
    .m_portlet--mobile-f .m-portlet__head-tools {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    .m_portlet--mobile-f .m-portlet__head {
        padding: 0.875rem 1.925rem;
        height: auto !important;
    }

    .m_portlet--mobile-f .m-portlet__nav-item {
        padding: 0.438rem 0 !important;
        height: auto !important;
    }
}

@media screen and (min-device-width: 769px) and (max-device-width: 853px) {
    .control-bar-search-form-field {
        min-width: 430px !important;
        max-width: 450px;
    }

    .control-bar {
        margin-top: 5px;
    }
}

@media screen and (max-device-width: 991px) {
    .control-bar-div {
        padding-top: 13px;
    }
}

@media screen and (min-device-width: 992px) {
    .control-bar-div {
        padding-top: 17px;
    }
}

/* Tablet Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    ._2nd-level-nav-col-div {
        width: 25%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 990px) {
    .main-content-div.float-right {
        top: 80px;
        float: right;
        width: 74%;
    }

    .tabs {
        min-width: 760px;
        top: 100px;
    }

    ._2nd-level-nav-col-div {
        top: 80px;
        width: 23%;
    }

    .section-title {
        text-align: left;
    }

    .search-results-dropdown {
        position: fixed;
        top: 60px;
    }

    .main-content-section.search-dropdown {
        min-width: 100%;
    }

    .control-bar-search-form-field {
        min-width: 150px;
    }
}

.main-content-section {
    margin-bottom: 40px;
    padding-bottom: 20px;
}

@media only screen and (max-device-width: 768px) {
    .hide-on-tablets {
        display: none;
    }
}

.popup-content-div {
    max-height: 80%;
    overflow-y: scroll;
}

.l-pad-10 {
    padding-left: 10px;
}

.info-text {
    color: #061e35;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.striped-table-wrapper {
    margin-top: 1.750rem;
}

.striped-table-wrapper table tbody td {
    vertical-align: middle;
}

.striped-table-wrapper table thead th {
    background-color: #f4f3fb;
}

.striped-table-wrapper .table-striped > tbody > tr:nth-child(2n) > td {
    background-color: #f4f3fb;
}

.striped-table-wrapper .table-striped > tbody > tr:nth-child(2n + 1) > td {
    background-color: #fbfbfe;
}

.m-form .m-form__section .select2 {
    font-size: 0.875rem;
    font-weight: 300;
}

.table-not-striped.table-bordered tr th {
    border: 1px solid #f4f5f8;
}

.table-not-striped tr {
    background: #ffffff !important;
}

.digitail-repeater .select2-container {
    width: 100% !important;
}

.m-summary-portlet .select2-container {
    width: 100% !important;
}

.w-col .select2-container {
    width: 100% !important;
}

.select2--full-width {
    width: 100% !important;
}

.select2.select2-container {
    width: 100% !important;
}

.m-summary-portlet .select2-container .select2-selection {
    min-height: 34px;
}

.m-stack .m-stack__item.m-brand {
    z-index: 1;
    position: relative;
}

.m-stack .m-stack__item.m-header-head {
    border-left: 1px solid rgba(113, 106, 202, 0.1);
}

.appointment-popover {
    cursor: default;
}

.invoice-label {
    font-weight: bold;
}

.table-products input,
.table-products .input,
.table-products ._h34 {
    line-height: 34px;
    height: 34px;
}

.table-products input,
.table-products .input {
    border: none;
}

.table-products th {
    width: 8.33334%;
}

.percentage-sign {
    position: relative;
}

.percentage-sign:after {
    content: '%';
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    text-align: center;
    line-height: 34px;
}

.table-products th:nth-child(1) {
    width: 25%;
}

.table-products th:nth-child(2) {
    width: 16.66667%;
}

.table-products td:not(.m--padding-10):not(.td-regular-padding) {
    padding: 0px !important;
    margin: 0px !important;
}

.table-products .select2-selection {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0 5px;
    margin: 0;
}

.table-products .product-total-price,
.table-products .select2-selection__rendered {
    padding: 0 !important;
    line-height: 34px !important;
}

.table-products .product-delete,
.table-products .product-print,
.btn.table-delete-button {
    width: 25px;
    padding: 4px;
    margin: 5px auto;
}
.table-products .product-print {
    margin-right: 10px;
}

.table-products .hide-print-button .product-print {
    display: none;
}

.table-products .product-delete span,
.table-products .product-print span,
.btn.table-delete-button span {
    padding: 8px;
}

.table-products .m-summary-portlet .select2-container {
    padding-right: 20px;
}

.table-products .row .m-typeahead input {
    height: 34px;
}

.table-products .row input:disabled {
    border-radius: 0 !important;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

@charset "UTF-8";
/*
old style file - don't edit anymore
*/
/** overrides **/
/*
sm: 544px,
md: 768px,
lg: 992px,
xl: 1200px
*/
body.el {
  font-family: "Open Sans";
  font-weight: 400;
}

.greyed-out-text {
  color: #898b96;
}

.faded-italic {
  color: #898b96;
  font-style: italic;
}

.title-font {
  color: #80849b;
}

body, html {
  font-weight: 400;
}

.flex-grow {
  flex-grow: 1;
}

@media (width >= 993px) {
  .m-stack--desktop > .m-stack__item.m-stack__item--fluid.m-header-head {
    display: flex;
    justify-content: space-between;
  }
  .m-topbar {
    display: flex;
    flex-shrink: 0;
  }
  .m-topbar .m-topbar__nav.m-nav {
    margin: 0 20px 0 5px;
  }
  .m-topbar .m-topbar__nav.m-nav > .m-nav__item {
    padding: 0 5px;
  }
  .m-header-menu {
    margin-left: 20px;
  }
  .m-header-menu .m-menu__nav > .m-menu__item {
    padding: 0 5px 0 10px;
  }
}
.content-box {
  background: #fff;
  border-radius: 5px;
}
.content-box--compact {
  padding: 12px;
}
.content-box--shadow {
  box-shadow: 1px 5px 15px rgba(150, 158, 181, 0.5);
}

.list-overflow {
  max-height: 300px;
  overflow: auto;
}

.m-header-menu {
  display: flex;
  align-items: center;
}

.m-header-menu .m-menu__nav {
  display: block;
  height: auto;
}

@media (width > 992px) {
  .m-header-menu .m-menu__nav > .m-menu__item {
    display: inline-block;
    padding: 0;
    vertical-align: initial;
  }
  .m-header-menu .m-menu__nav > .m-menu__item--active {
    border-radius: 5px;
    background: #f5faff;
  }
  .m-header-menu .m-menu__nav > .m-menu__item--active .m-menu__hor-arrow {
    color: #40bed7 !important;
  }
  .m-header-menu .m-menu__nav > .m-menu__item--active > .m-menu__link .m-menu__link-text {
    font-weight: 500;
    color: #40bed7 !important;
  }
  .m-header-menu .m-menu__nav > .m-menu__item > .m-menu__submenu {
    margin-top: 17px !important;
  }
}
@media (width <= 992px), (width >= 1600px) {
  .m-header-menu .m-menu__nav > .m-menu__item--workflow {
    display: none;
  }
}
.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--flowboard:not(.m-menu__item--submenu), .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--appointments:not(.m-menu__item--submenu), .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--whiteboard:not(.m-menu__item--submenu) {
  display: none;
}
@media (width <= 992px) {
  .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--flowboard:not(.m-menu__item--submenu), .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--appointments:not(.m-menu__item--submenu), .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--whiteboard:not(.m-menu__item--submenu) {
    display: block;
  }
}
@media (width >= 1600px) {
  .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--flowboard:not(.m-menu__item--submenu), .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--appointments:not(.m-menu__item--submenu), .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--whiteboard:not(.m-menu__item--submenu) {
    display: inline-block;
  }
}
.m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link {
  padding: 10px;
  border-radius: 5px;
  display: inline-block;
  height: auto;
}
.m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link i.m-menu__link-icon {
  width: 18px;
  padding: 0 8px 0 0;
}
@media (width <= 1300px) {
  .m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link i.m-menu__link-icon {
    display: none;
  }
}
.m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
  font-size: 14px;
}
@media (width <= 1100px) {
  .m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    font-size: 13px;
  }
}
.m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__hor-arrow {
  width: 14px;
  padding-left: 4px;
}

@media (width >= 993px) {
  .m-topbar .m-topbar__nav.m-nav {
    margin: 0 25px 0 5px;
  }
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item {
  padding: 0 4px;
}
@media (width <= 1100px) {
  .m-topbar .m-topbar__nav.m-nav > .m-nav__item {
    padding: 0;
  }
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img {
  max-width: 38px !important;
}
@media (width <= 1100px) {
  .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img {
    max-width: 28px !important;
    margin: 0 5px !important;
  }
}

.admin-menu-sub-category {
  font-size: 0.788rem;
  color: #a4a7bd;
}

.dg-main-icon {
  display: inline-block;
  height: 36px;
  width: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  stroke: #9093a7;
  cursor: pointer;
}

.dg-main-icon--clipboard {
  background-image: url("/static/icons/clipboard.svg");
}

.dg-main-icon--summary {
  background-image: url("/static/icons/checklist.svg");
}

.dg-main-icon--summary:hover,
.dg-main-icon--summary-on {
  background-image: url("/static/icons/checklist_on.svg");
}

.dg-main-icon--plan {
  background-image: url("/static/icons/diagram.svg");
}

.dg-main-icon--plan:hover,
.dg-main-icon--plan-on {
  background-image: url("/static/icons/diagram_on.svg");
}

.dg-main-icon--subjective {
  background-image: url("/static/icons/person_card.svg");
}

.dg-main-icon--subjective:hover,
.dg-main-icon--subjective-on {
  background-image: url("/static/icons/person_card_on.svg");
}

.dg-main-icon--objective {
  background-image: url("/static/icons/bandaid.svg");
}

.dg-main-icon--objective:hover,
.dg-main-icon--objective-on {
  background-image: url("/static/icons/bandaid_on.svg");
}

.dg-main-icon--assessment {
  background-image: url("/static/icons/file_magnifier.svg");
}

.dg-main-icon--assessment:hover,
.dg-main-icon--assessment-on {
  background-image: url("/static/icons/file_magnifier_on.svg");
}

.dg-main-icon--payment {
  background-image: url("/static/icons/credit_card.svg");
}

.dg-main-icon--payment:hover,
.dg-main-icon--payment-on {
  background-image: url("/static/icons/credit_card_on.svg");
}

.dg-checkmark-icon {
  display: inline-block;
  background-size: contain;
  height: 10px;
  width: 13px;
  margin-left: 5px;
  background-image: url("/static/icons/check.svg");
}

.dg-button-check--active .dg-button-check__icon, .dg-button-check:hover .dg-button-check__icon {
  background-image: url("/static/icons/check_inverted.svg");
}

.header-menu-link-icon svg {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}

@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?2bni8");
  src: url("fonts/icomoon.eot?2bni8#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?2bni8") format("truetype"), url("fonts/icomoon.woff?2bni8") format("woff"), url("fonts/icomoon.svg?2bni8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=dt-icon-],
[class*=" dt-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dt-icon-carecredit:before {
  content: "\e982";
}

.dt-icon-brackets:before {
  content: "\e981";
}

.dt-icon-behavior:before {
  content: "\e978";
}

.dt-icon-food:before {
  content: "\e979";
}

.dt-icon-general:before {
  content: "\e97a";
}

.dt-icon-grooming:before {
  content: "\e97b";
}

.dt-icon-medical:before {
  content: "\e97c";
}

.dt-icon-other:before {
  content: "\e97d";
}

.dt-icon-potty:before {
  content: "\e97e";
}

.dt-icon-temp:before {
  content: "\e97f";
}

.dt-icon-water:before {
  content: "\e980";
}

.dt-icon-weight:before {
  content: "\e977";
}

.dt-icon-contact-persons:before {
  content: "\e974";
}

.dt-icon-patients-clients:before {
  content: "\e976";
}

.dt-icon-print-circle:before {
  content: "\e973";
}

.dt-icon-add-med:before {
  content: "\e975";
}

.dt-icon-pass-code:before {
  content: "\e972";
}

.dt-icon-file:before {
  content: "\e96e";
}

.dt-icon-image:before {
  content: "\e96f";
}

.dt-icon-send-message:before {
  content: "\e970";
}

.dt-icon-video-call:before {
  content: "\e971";
}

.dt-icon-drag:before {
  content: "\e96d";
}

.dt-icon-list-pack:before {
  content: "\e96c";
}

.dt-icon-sort:before {
  content: "\e969";
}

.dt-icon-sort-descending:before {
  content: "\e96a";
}

.dt-icon-sort-ascending:before {
  content: "\e96b";
}

.dt-icon-empty-state:before {
  content: "\e95f";
}

.dt-icon-greater-than:before {
  content: "\e95d";
}

.dt-icon-lower-equal-than:before {
  content: "\e95e";
}

.dt-icon-duplicate:before {
  content: "\e938";
}

.dt-icon-appointment-one-color:before {
  content: "\e967";
}

.dt-icon-alternative-record-one-color:before {
  content: "\e968";
}

.dt-icon-unpin:before {
  content: "\e962";
}

.dt-icon-bill-file:before {
  content: "\e965";
}

.dt-icon-lab:before {
  content: "\e966";
}

.dt-icon-follow-up-arrow:before {
  content: "\e95b";
}

.dt-icon-alternative-file-record:before {
  content: "\e95c";
}

.dt-icon-pinned:before {
  content: "\e960";
}

.dt-icon-attachment:before {
  content: "\e961";
}

.dt-icon-table:before {
  content: "\e963";
}

.dt-icon-instructions:before {
  content: "\e964";
}

.dt-icon-favourite-selected:before {
  content: "\e959";
  color: #f7941d;
}

.dt-icon-favourite:before {
  content: "\e95a";
}

.dt-icon-no-appointments:before {
  content: "\e957";
}

.dt-icon-nothing-in-progress:before {
  content: "\e958";
}

.dt-icon-archive-pet:before {
  content: "\e951";
}

.dt-icon-change-owner:before {
  content: "\e952";
}

.dt-icon-download:before {
  content: "\e953";
}

.dt-icon-payment:before {
  content: "\e954";
}

.dt-icon-timeline:before {
  content: "\e955";
}

.dt-icon-warning-outline:before {
  content: "\e956";
}

.dt-icon-basket-icon:before {
  content: "\e939";
}

.dt-icon-calendar-actions-arrow-right:before {
  content: "\e93a";
}

.dt-icon-calendar-actions-hospitalize:before {
  content: "\e93b";
}

.dt-icon-calendar-add-task:before {
  content: "\e93c";
}

.dt-icon-calendar-canceled .path1:before {
  content: "\e93d";
  color: rgb(235, 237, 242);
}

.dt-icon-calendar-canceled .path2:before {
  content: "\e93e";
  margin-left: -1.125em;
  color: rgb(128, 132, 155);
}

.dt-icon-calendar-no-show .path1:before {
  content: "\e93f";
  color: rgb(253, 223, 232);
}

.dt-icon-calendar-no-show .path2:before {
  content: "\e940";
  margin-left: -1.125em;
  color: rgb(255, 48, 97);
}

.dt-icon-calendar-quick-appointment:before {
  content: "\e941";
}

.dt-icon-calendar-settings:before {
  content: "\e942";
}

.dt-icon-calendar-waiting-1:before {
  content: "\e943";
}

.dt-icon-file-alt:before {
  content: "\e944";
}

.dt-icon-follow-up:before {
  content: "\e945";
}

.dt-icon-not-visible:before {
  content: "\e946";
}

.dt-icon-profile-allergies:before {
  content: "\e947";
}

.dt-icon-profile-card-diagnoses:before {
  content: "\e948";
}

.dt-icon-profile-card-medications:before {
  content: "\e949";
}

.dt-icon-profile-card-owner:before {
  content: "\e94a";
}

.dt-icon-profile-card-pet:before {
  content: "\e94b";
}

.dt-icon-profile-card-phone:before {
  content: "\e94c";
}

.dt-icon-profile-vaccine:before {
  content: "\e94d";
}

.dt-icon-search:before {
  content: "\e94e";
}

.dt-icon-url-icon:before {
  content: "\e94f";
}

.dt-icon-visible:before {
  content: "\e950";
}

.dt-icon-warning:before {
  content: "\e937";
}

.dt-icon-profile-app:before {
  content: "\e934";
}

.dt-icon-profile-location:before {
  content: "\e935";
}

.dt-icon-profile-card-reminder:before {
  content: "\e936";
}

.dt-icon-settings:before {
  content: "\e90c";
}

.dt-icon-alternative-record:before {
  content: "\e933";
}

.dt-icon-file1:before {
  content: "\e913";
}

.dt-icon-add-vaccine:before {
  content: "\e903";
}

.dt-icon-calendar-confirmed:before {
  content: "\e905";
}

.dt-icon-calendar-info:before {
  content: "\e914";
}

.dt-icon-clinic:before {
  content: "\e915";
}

.dt-icon-list:before {
  content: "\e916";
}

.dt-icon-print:before {
  content: "\e918";
}

.dt-icon-add-rounded:before {
  content: "\e919";
}

.dt-icon-user-add:before {
  content: "\e91a";
}

.dt-icon-calendar-card-view-record:before {
  content: "\e91b";
}

.dt-icon-chat:before {
  content: "\e92a";
}

.dt-icon-close-thin:before {
  content: "\e92b";
}

.dt-icon-edit-alt:before {
  content: "\e92c";
}

.dt-icon-email:before {
  content: "\e92d";
}

.dt-icon-notes:before {
  content: "\e92e";
}

.dt-icon-reminder:before {
  content: "\e92f";
}

.dt-icon-user-denied:before {
  content: "\e930";
}

.dt-icon-waiting:before {
  content: "\e931";
}

.dt-icon-actions:before {
  content: "\e91c";
}

.dt-icon-bin:before {
  content: "\e91d";
}

.dt-icon-calendar-closed:before {
  content: "\e91e";
}

.dt-icon-calendar-in-progress:before {
  content: "\e91f";
}

.dt-icon-calendar-pending:before {
  content: "\e920";
}

.dt-icon-calendar-waiting:before {
  content: "\e921";
}

.dt-icon-cancel:before {
  content: "\e922";
}

.dt-icon-check:before {
  content: "\e923";
}

.dt-icon-close:before {
  content: "\e924";
}

.dt-icon-comment-add:before {
  content: "\e925";
}

.dt-icon-comment:before {
  content: "\e926";
}

.dt-icon-edit:before {
  content: "\e927";
}

.dt-icon-plus:before {
  content: "\e928";
}

.dt-icon-quick-appointment:before {
  content: "\e929";
}

.dt-icon-calendar-add-custom:before {
  content: "\e910";
}

.dt-icon-calendar-add-quick:before {
  content: "\e911";
}

.dt-icon-calendar-add:before {
  content: "\e912";
}

.dt-icon-bell:before {
  content: "\e90f";
}

.dt-icon-arrow-down:before {
  content: "\e900";
}

.dt-icon-arrow-left:before {
  content: "\e902";
}

.dt-icon-arrow-right:before {
  content: "\e904";
}

.dt-icon-calendar-day:before {
  content: "\e906";
}

.dt-icon-calendar-list:before {
  content: "\e907";
}

.dt-icon-calendar-week:before {
  content: "\e908";
}

.dt-icon-calendar:before {
  content: "\e909";
}

.dt-icon-filters:before {
  content: "\e90a";
}

.dt-icon-info:before {
  content: "\e932";
}

.dt-icon-pet:before {
  content: "\e90b";
}

.dt-icon-user:before {
  content: "\e90e";
}

.dt-icon-calendar-visit:before {
  content: "\e901";
}

.dt-icon-rect-check:before {
  content: "\e90d";
}

.dt-icon-lock:before {
  content: "\e917";
}

.dt-icon-scheduled-message:before {
  content: "\e983";
}

.dt-icon-sale-file:before {
  content: "\e984";
}

.dt-icon-room:before {
  content: "\e985";
}

.dt-icon-not-available:before {
  content: "\e986";
}

.dt-icon-sms:before {
  content: "\e987";
}

.dt-icon-estimates:before {
  content: "\e988";
}

.dt-icon-resend:before {
  content: "\e989";
}

.dt-icon-subtract:before {
  content: "\e98a";
}

.dt-icon-examination-notes:before {
  content: "\e98b";
}

[class^=dt-icon-]::before,
[class*=" dt-icon-"]::before {
  transition: all 200ms;
}

.m-stack__item.m-stack__item--fluid.m-header-head {
  box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.1);
}

.m-grid__item.m-header {
  height: 70px;
}

.m-content {
  background-color: #f2f6fa;
}

.m-form .m-form__heading .m-form__heading-title {
  margin-top: 15px;
}

.custom-error-button-light {
  color: #fff;
}
.custom-error-button-light:hover {
  text-decoration: none;
  color: #2739c1;
}

.login-error {
  color: #9715f4;
}

.list-text-link:hover {
  text-decoration: none;
}

.m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item > .m-card-profile .m-menu__picture {
  display: none;
}

.m-wrapper {
  background-color: #f2f6fa;
}

.green {
  color: green;
}

.gold {
  color: gold;
}

.blue {
  color: #0a8cf0;
}

.main-content-section.search-dropdown {
  min-width: 300px;
}

.no-underline:hover {
  text-decoration: none;
}

.m-dropdown__body.search-results-dropdown {
  overflow: auto;
  position: inherit;
}

.overflow-auto {
  overflow: auto;
}

.padding-20 {
  padding: 20px;
}

.display-block {
  display: block;
}

.m-aside-left--fixed .m-aside-left .scroll-overflow-stays-hidden .mCustomScrollBox {
  overflow: hidden !important;
}

body.is-mobile.m-aside-left--on {
  overflow: hidden;
}

.m-widget4--table {
  display: table;
}
.m-widget4--table .m-widget4__item {
  display: table-row;
}
.m-widget4--table .m-widget4__item > * {
  padding-top: 0.65rem;
  padding-bottom: 0.75rem;
}
.m-widget4--table .m-widget4__heading {
  padding-bottom: 0.5rem;
}
.m-widget4 .m-widget4__item .m-widget4__img.m-widget4__img--thumb img {
  width: 50px;
}
.m-widget4 .m-widget4__img--pic i.la {
  font-size: 1.4rem;
  color: #a8aabb;
}
.m-widget4 .m-widget4__item .m-widget4__info__auto {
  padding-left: 0;
}
.m-widget4 .m-widget4__item .m-widget4__info .m-widget4__sub {
  font-size: 1rem;
}
.m-widget4 .m-widget4__item .m-widget4__info .special-mention {
  font-size: 1rem;
  font-weight: 600;
  width: 100%;
}
.m-widget4 .m-widget4__item .m-widget4__info .m-widget4__title--bolder {
  font-size: 1.2rem;
  font-weight: 500;
}
.m-widget4 .m-widget4__info--grey {
  color: #808080;
  font-weight: 500;
}
.m-widget4 .m-widget4__info--break {
  word-break: break-word;
}

.blockUI.blockMsg.blockElement {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
}
.blockUI .m-blockui {
  display: inline-block;
  table-layout: initial;
}

.m-wizard--visible-steps .m-wizard__form.m-wizard__form {
  padding-top: 2rem;
}
.m-wizard--visible-steps .m-wizard__form-step.m-wizard__form-step {
  display: block;
  padding: 0;
  margin: 0 -4rem;
}
.m-wizard--visible-steps .m-wizard__form-step.m-wizard__form-step .m-wizard__title {
  border-bottom: 1px solid #ebedf2;
}
.m-wizard--visible-steps .m-wizard__form-step.m-wizard__form-step .m-portlet__head {
  background: #e2e5ec;
}
.m-wizard--visible-steps .m-wizard__form-step.m-wizard__form-step--current .m-portlet__head {
  background: #00c5dc;
}
.m-wizard--visible-steps .m-wizard__form-step.m-wizard__form-step--current .m-portlet__head-text {
  color: #fff;
}

@media (max-width: 1200px) {
  .m-wizard--visible-steps .m-wizard__form-step.m-wizard__form-step {
    margin: 0 -2rem;
  }
}
.la-big {
  font-size: 1.5rem;
}

.la-huge {
  font-size: 2.2rem;
  color: #5867dd;
}

.gr-icon {
  font-style: normal;
  display: inline;
  vertical-align: inherit;
}
.gr-icon:after {
  display: block;
}
.gr-icon--success:after {
  background: #34bfa3;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--brand:after {
  background: #716aca;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--warning:after {
  background: #ffb822;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--info:after {
  background: #36a3f7;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--excl:after {
  content: "!";
  font-size: 15px;
  width: 22px;
  height: 22px;
}
.gr-icon--check:after {
  content: "✓";
  font-size: 15px;
  width: 22px;
  height: 22px;
}
.gr-icon--double-excl:after {
  content: "‼";
  font-size: 15px;
  width: 22px;
  height: 22px;
}

.fc--div-base .fc-alt-bg {
  background: #f6f9ff;
}
.fc--div-base .fc-flex {
  display: flex;
}
.fc--div-base .fc-head, .fc--div-base .fc-cell {
  border: 1px solid #ebedf2;
}
.fc--div-base .fc-widget-header {
  border-left: 1px solid #ebedf2;
}
.fc--div-base .fc-head-cell {
  padding: 0.75rem 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  box-sizing: border-box;
}
.fc--div-base .fc-body, .fc--div-base .fc-widget-content {
  border: 1px solid #ebedf2;
}
.fc--div-base .fc-body {
  min-height: 136px;
}
.fc--div-base .fc-body .fc-week-cell {
  padding: 1rem 0;
}
.fc--div-base .fc-content.fc-content {
  padding: 0.4rem;
}
.fc--div-base .fc-event.fc-event {
  border-color: #00c5dc;
  border-left-width: 1px;
  border-radius: 3px;
}
.fc--div-base .fc-event.fc-event--selected {
  background: #00c5dc;
}
.fc--div-base .fc-event.fc-event--selected .fc-title {
  color: #fff;
}
.fc--div-base .fc-week-cell {
  width: 14.2857142857%;
  display: flex;
  flex-direction: column;
  vertical-align: top;
  text-align: center;
}
.fc--div-base .fc-week-cell--small {
  width: 33.3333333333%;
}
.fc--div-base .fc-column-bordered {
  border-right: 1px solid #ebedf2;
}
.fc--div-base .fc-event-container {
  display: flex;
}
.fc--div-base .fc-appointment {
  padding: 0.3rem 0.5rem;
}

.new-request-vet-zone {
  margin-bottom: 2rem;
}

.fc-unthemed .new-request-vet-zone .fc-event {
  border: 1px solid #00c5dc;
}

.fc-more-popover {
  width: 300px;
}

.fc-bgevent {
  margin: 0;
}
.fc-bgevent:before, .fc-bgevent:after {
  content: "";
}
.fc-bgevent:before {
  left: 0;
}
.fc-bgevent:after {
  right: 0;
}

.fc-unthemed .fc-toolbar .fc-button:hover, .fc-unthemed .fc-toolbar .fc-button.fc-button-active {
  background: #716aca;
  color: #fff;
}
.fc-unthemed .fc-scroller .fc-content-col {
  padding: 0;
}
.fc-unthemed .fc-time-grid .fc-event-container {
  margin: 0;
}
.fc-unthemed .fc-event.fc-start {
  border-radius: 1px;
  padding: 0;
}
.fc-unthemed .fc-event.fc-start.m-fc-event--solid-darkmetal {
  background: #989898;
}
.fc-unthemed .fc-event.fc-start.m-fc-event--solid-darkmetal .fc-description, .fc-unthemed .fc-event.fc-start.m-fc-event--solid-darkmetal .fc-time, .fc-unthemed .fc-event.fc-start.m-fc-event--solid-darkmetal .fc-title {
  color: #fff;
}
.fc-unthemed .fc-event.fc-start.m-fc-event--bordered-success {
  background: #fff;
}
.fc-unthemed .fc-event.fc-start.m-fc-event--bordered-success:after {
  content: "✓";
  position: absolute;
  background: #34bfa3;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
  line-height: 14px;
  font-weight: 700;
  right: -5px;
  top: -5px;
}
.fc-unthemed .fc-event.fc-start.m-fc-event--bordered-brand:after {
  content: "!";
  position: absolute;
  background: #716aca;
  color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 15px;
  text-align: center;
  line-height: 14px;
  font-weight: 700;
  font-size: 11px;
  right: -5px;
  top: -5px;
}
.fc-unthemed .fc-event.fc-start.m-fc-event--bordered-warning {
  background: #fff;
}
.fc-unthemed .fc-event.fc-start.m-fc-event--bordered-warning:after {
  content: "!";
  position: absolute;
  background: #ffb822;
  color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 15px;
  text-align: center;
  line-height: 14px;
  font-weight: 700;
  font-size: 11px;
  right: -5px;
  top: -5px;
}
.fc-unthemed .fc-event.fc-start.m-fc-event--bordered-guest {
  background: #fff;
}
.fc-unthemed .fc-event.fc-start.m-fc-event--bordered-guest:after {
  content: "‼";
  position: absolute;
  background: #36a3f7;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
  line-height: 14px;
  font-weight: 700;
  right: -5px;
  top: -5px;
}
.fc-unthemed .fc-event.fc-start.m-fc-event--bordered-darkmetal {
  background: #dcdcdc;
}
.fc-unthemed .fc-event {
  border: none;
  border-left: 4px solid;
}
.fc-unthemed .fc-event .fc-title {
  font-size: 0.85rem;
  font-weight: 600;
  color: #3f4047;
  display: inline-block;
  margin-right: 5px;
}
.fc-unthemed .fc-event .fc-time {
  display: inline-block;
  color: #808080;
}
.fc-unthemed .fc-event .fc-content {
  font-weight: 400;
}
.fc-unthemed .fc-event.fc-event--no-dot .fc-content {
  padding: 0.55rem;
}
.fc-unthemed .fc-event.fc-event--no-dot .fc-content::before {
  content: none;
}
.fc-unthemed .fc-DetailedAgendaViewWeek-view .fc-list-heading .fc-widget-header {
  padding: 0.25rem 0.5rem;
}
.fc-unthemed .fc-DetailedAgendaViewWeek-view .fc-list-heading-main, .fc-unthemed .fc-DetailedAgendaViewWeek-view .fc-list-heading-alt {
  font-size: 0.85rem;
}
.fc-unthemed .fc-DetailedAgendaViewWeek-view .fc-scroller {
  overflow-x: auto !important;
}
.fc-unthemed .fc-event-row-header {
  background: #f4f5f8;
}
.fc-unthemed .fc-event-row-header td {
  padding: 0.35rem 0.75rem;
}
.fc-unthemed .fc-list-item {
  border-left: 6px solid;
}
.fc-unthemed .fc-list-item.m-fc-event--bordered-darkmetal .fc-event-dot {
  background: #989898;
  border-color: #989898;
}
.fc-unthemed .fc-list-item.m-fc-event--bordered-success .fc-event-dot {
  background: #34bfa3;
  border-color: #34bfa3;
}
.fc-unthemed .fc-list-item.m-fc-event--bordered-warning .fc-event-dot {
  background: #ffb822;
  border-color: #ffb822;
}
.fc-unthemed .fc-list-item.m-fc-event--default .fc-event-dot {
  background: transparent;
  border-color: transparent;
}
.fc-unthemed .fc-list-item td {
  padding: 0.75rem;
}

.ul-legend {
  padding: 10px 0 0;
  list-style-type: none;
}
.ul-legend__item {
  display: inline-block;
  padding: 10px;
}
.ul-legend__code {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  border-radius: 3px;
}
.ul-legend__code--success {
  border: 1px solid;
  color: #34bfa3;
  background: #34bfa3;
}
.ul-legend__code--danger {
  border: 1px solid;
  color: #f4516c;
  background: #f4516c;
}
.ul-legend__code--warning {
  border: 1px solid;
  color: #ffb822;
  background: #ffb822;
}
.ul-legend__code--blank {
  border: 1px solid;
  color: gray;
  background: transparent;
}
.ul-legend__code--darkmetal {
  border: 1px solid;
  color: #989898;
  background: #989898;
}
.ul-legend__code--canceled {
  border: 1px solid;
  color: #dcdcdc;
  background: #dcdcdc;
}
.ul-legend__code--brand {
  border: 1px solid;
  color: #716aca;
  background: #716aca;
}
.ul-legend__label {
  padding-left: 10px;
}

.agenda-action-icon::before {
  font-size: 1.5rem;
}
.agenda-action-icon--light {
  color: #575962;
}
.agenda-action-icon:hover::before {
  color: #716aca;
}

.la-big {
  font-size: 1.5rem;
}

.la-huge {
  font-size: 2.2rem;
  color: #5867dd;
}

.gr-icon {
  font-style: normal;
  display: inline;
  vertical-align: inherit;
}
.gr-icon:after {
  display: block;
}
.gr-icon--success:after {
  background: #34bfa3;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--brand:after {
  background: #716aca;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--warning:after {
  background: #ffb822;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--info:after {
  background: #36a3f7;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--excl:after {
  content: "!";
  font-size: 15px;
  width: 22px;
  height: 22px;
}
.gr-icon--check:after {
  content: "✓";
  font-size: 15px;
  width: 22px;
  height: 22px;
}
.gr-icon--double-excl:after {
  content: "‼";
  font-size: 15px;
  width: 22px;
  height: 22px;
}

.form-control, .form-control[readonly], .form-control[disabled],
.input-group .input-group-append > .input-group-text, .input-group .input-group-prepend > .input-group-text,
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
  border-color: #b2b9cd;
}

.select2-multiline-text + .select2-container .select2-selection--single .select2-selection__rendered {
  white-space: pre-wrap;
}

.input-group.date > input.m-input {
  display: inline-block;
  display: flex;
  width: 80%;
  width: calc(100% - 50px);
}
.input-group.date > .input-group-append {
  display: inline-block;
  display: flex;
}

.m-checkbox-list:after {
  content: "";
  display: table;
  clear: both;
}
.m-checkbox-list--padded-one {
  padding: 10px 1rem;
}
.m-checkbox-list--space-bottom {
  margin-bottom: 10px;
}
.m-checkbox-list--inline .m-checkbox {
  display: inline-block;
  padding-left: 5px;
}
.m-checkbox-list--inline .m-checkbox:first-child {
  padding-left: 0;
}

.m-checkbox {
  clear: both;
}
.m-checkbox--weight {
  vertical-align: middle;
  height: 20px;
  margin-bottom: 0;
}
.m-checkbox--compact.m-checkbox {
  float: left;
}

.input-group {
  z-index: 1;
}
.input-group--has-danger .form-control {
  border-color: #f4516c;
}
.input-group--has-danger:after {
  content: "!";
  position: absolute;
  background: #f4516c;
  color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 15px;
  text-align: center;
  line-height: 14px;
  font-weight: 700;
  font-size: 11px;
  right: -6px;
  top: -6px;
  z-index: 3;
}
.input-group--has-warning .form-control {
  border-color: #ffb822;
}
.input-group--has-warning:after {
  content: "!";
  position: absolute;
  background: #ffb822;
  color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 15px;
  text-align: center;
  line-height: 14px;
  font-weight: 700;
  font-size: 11px;
  right: -6px;
  top: -6px;
  z-index: 3;
}
.input-group--has-success:after {
  content: "✓";
  position: absolute;
  background: #34bfa3;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
  right: -6px;
  top: -6px;
  z-index: 3;
}
.input-group--padded {
  padding: 0.65rem 0;
}

.m-form__regular-font {
  font-size: 1rem;
  font-weight: 400;
}
.m-form__group.has-danger .input-group:not(.input-group--no-icon):after, .m-form__group-sub.has-danger .input-group:not(.input-group--no-icon):after {
  content: "!";
  position: absolute;
  background: #f4516c;
  color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 15px;
  text-align: center;
  line-height: 14px;
  font-weight: 700;
  font-size: 11px;
  right: -6px;
  top: -6px;
  z-index: 3;
}
.m-form__group.has-warning .input-group:not(.input-group--no-icon):after, .m-form__group-sub.has-warning .input-group:not(.input-group--no-icon):after {
  content: "!";
  position: absolute;
  background: #ffb822;
  color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 15px;
  text-align: center;
  line-height: 14px;
  font-weight: 700;
  font-size: 11px;
  right: -6px;
  top: -6px;
  z-index: 3;
}
.m-form__group.has-success .input-group:not(.input-group--no-icon):after, .m-form__group-sub.has-success .input-group:not(.input-group--no-icon):after {
  content: "✓";
  position: absolute;
  background: #34bfa3;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
  right: -6px;
  top: -6px;
  z-index: 3;
}
.m-form .m-form__group--no-padding, .m-form.m-form--fit .m-form__group--no-padding {
  padding: 0;
}
.m-form.m-form--compact .m-form__group {
  padding-top: 5px;
  padding-bottom: 5px;
}
.m-form.m-form--compact .m-form__section {
  margin: 0 0 15px;
}

.form-control-feedback, .form-control-feedback-m {
  font-weight: 400;
}

.form-control-feedback-m--error {
  color: #f4516c;
  margin-top: 0.2rem;
  font-size: 0.85rem;
}
.form-control-feedback-m--warning {
  color: #ffb822;
  margin-top: 0.2rem;
  font-size: 0.85rem;
}

.col-form-label__note {
  padding-left: 0.25rem;
  color: #7b7e8a;
  display: inline-block;
}
.col-form-label__note:before {
  content: "(";
  font-size: 0.8em;
  padding-right: 2px;
}
.col-form-label__note:after {
  content: ")";
  font-size: 0.8em;
  padding-left: 2px;
}

.m-loader--wrapper {
  display: inline-block;
}
.m-loader--wrapper.m-loader--right input {
  padding-right: 3.1rem;
}

.btn--normal-wrap {
  white-space: normal;
}

.not-visible {
  position: absolute;
  left: -999px;
  visibility: hidden;
}

.m-btn--icon.m-btn--icon-only.m-btn--icon-compact {
  width: 26px;
  height: 26px;
}

.m-form__help.bold {
  font-weight: 500;
}

.select2-basic[multiple] {
  visibility: hidden;
}

.label-info {
  cursor: pointer;
  vertical-align: middle;
}
.label-info i {
  font-size: 1.45rem;
}

body.is-mobile .form-control, body.is-mobile .select2 span, body.is-mobile .select2-results__options, body.is-mobile .select2-search__field {
  font-size: 16px;
}

.m-checkbox-list--middle .m-checkbox > span {
  top: 0;
  bottom: 0;
  margin: auto;
}

.m-radio-list--label-aligned {
  margin-top: 0.65rem !important;
}

.select2-container {
  min-width: 100px;
}

.m-form__group-sub--spaced {
  margin-bottom: 20px;
}

@media (min-width: 993px) {
  .col-form-label--right {
    text-align: right;
  }
}
.m-switch {
  height: 26px;
}
.m-switch--both input:empty ~ span {
  height: 26px;
  margin: 0;
}
.m-switch--both input:empty ~ span::after {
  opacity: 1 !important;
  width: 20px;
  height: 20px;
}
.m-switch--both input:empty ~ span::before,
.m-switch--both input:checked ~ span::before {
  font-size: 12px;
  line-height: 2.2;
  padding: 0 10px;
  color: white;
}
.m-switch--both input:empty ~ span::before {
  width: 58px !important;
  content: attr(data-title);
  text-align: right;
}
.m-switch--both input:checked ~ span::before {
  content: attr(data-checked-title);
  text-align: left;
  text-indent: 3px;
  font-weight: 500;
}
.m-switch--both input:checked ~ span::after {
  box-shadow: none;
  margin-left: 35px;
}
.m-switch--two-toned input:empty ~ span::before {
  background: #93a2dd !important;
}
.m-switch--two-toned input:checked ~ span::before {
  background: #26c6da !important;
}
.m-switch--faded input:empty ~ span::before,
.m-switch--faded input:checked ~ span::before {
  background: #C4C4C4 !important;
}

.m-switch.m-switch--xs {
  margin: 0;
  height: 20px;
}
.m-switch.m-switch--xs input:empty ~ span {
  margin: 0;
  height: 20px;
  width: 37px;
}
.m-switch.m-switch--xs input:empty ~ span:after {
  height: 16px;
  width: 16px;
}
.m-switch.m-switch--xs input:checked ~ span:after {
  margin-left: 19px;
}

.button-no-state, .soap-label-tooltip__trigger, .soap-configurable-actions__settings {
  cursor: pointer;
  border: 0;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  background: transparent;
}
.button-no-state, .soap-label-tooltip__trigger, .soap-configurable-actions__settings, .button-no-state:focus {
  outline: none;
}

.input-has-magnifier {
  background: url("/static/icons/magnifier.svg") no-repeat scroll right 10px center;
  background-size: 20px;
  padding-right: 34px;
}

.m-portlet > .m-portlet__body.m-portlet__body--no-padding {
  padding: 0;
}
.m-portlet__subbody {
  padding: 2rem;
}
.m-portlet__subbody--right-border {
  border-right: 1px solid;
}
.m-portlet__subbody--border-warning {
  border-color: #ffb822;
}
.m-portlet__subbody--border-success {
  border-color: #34bfa3;
}
.m-portlet.m-portlet--compact .m-portlet__head {
  padding: 0;
  height: auto;
}
.m-portlet.m-portlet--compact .m-portlet__body {
  padding: 0.5rem;
}
.m-portlet--no-shadow {
  box-shadow: none;
}
.m-portlet--no-bottom {
  margin-bottom: 0;
}

.m-tabs--compact .m-tabs__link {
  padding: 0.5rem !important;
  font-size: 1rem;
}
.m-tabs--compact .m-tabs__item {
  margin-right: 0.5rem;
}
.m-tabs--regular-colored {
  border-bottom: 1px solid #5867dd;
}
.m-tabs--regular-colored .m-tabs__link, .m-tabs--regular-colored .m-tabs__link.active {
  border-color: #dee2e6;
}
.m-tabs--regular-colored .m-tabs__link {
  border-bottom-color: transparent;
}
.m-tabs--regular .m-tabs__item, .m-tabs--regular .m-tabs__link {
  position: relative;
  height: 100%;
}
.m-tabs--regular .m-tabs__link {
  width: 100%;
  border-top-right-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
}
.m-tabs--regular .m-tabs__link.active {
  color: #fff;
  background: #5867dd;
  border-bottom-color: transparent;
}

/*

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg,
.m-portlet.m-portlet--success.m-portlet--head-solid-bg {
  background: transparent;
}

.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
  opacity: 1;
}*/
.app-new-badge-no {
  position: absolute;
  top: 2px;
  right: 2px;
}

.m-portlet.m-portlet--appointment .m-portlet__head {
  border-bottom: 0;
}
.m-portlet--single {
  margin-bottom: 0;
}

.m-portlet .m-portlet__head--dashed {
  border-top: 1px dashed #ebedf2;
  border-bottom: none;
}
.m-portlet .m-portlet__head .m-portlet__head-caption--center {
  text-align: center;
}

.m-portlet--slim {
  margin-bottom: 0;
}
.m-portlet--slim .m-portlet__head {
  height: auto;
  padding: 0.5rem 0.75rem;
}
.m-portlet--slim .m-portlet__body {
  padding: 0.5rem 0.75rem;
}

@media screen and (max-width: 575px) {
  .m-portlet .m-portlet__head--busy {
    height: auto;
    display: block;
  }
  .m-portlet .m-portlet__head--busy .m-portlet__head-title, .m-portlet .m-portlet__head--busy .m-portlet__head-caption, .m-portlet .m-portlet__head--busy .m-portlet__head-text, .m-portlet .m-portlet__head--busy .m-portlet__head-tools, .m-portlet .m-portlet__head--busy .m-portlet__nav-item, .m-portlet .m-portlet__head--busy .m-portlet__nav {
    display: block !important;
  }
  .m-portlet .m-portlet__head--busy .m-portlet__nav {
    float: none !important;
  }
  .m-portlet .m-portlet__head--busy .m-portlet__head-text {
    padding: 1rem 0;
    margin: 0;
  }
  .m-portlet .m-portlet__head--busy .m-portlet__nav-item {
    margin-bottom: 1rem;
  }
}
.popover {
  z-index: 1010;
  max-width: 350px;
}

.mini-popover {
  z-index: 1051;
}

.popover-550 {
  z-index: 990;
  max-width: 550px;
}

.popover-600 {
  max-width: 600px;
}

.m-popover--clean {
  min-width: 350px;
  max-width: 100%;
}
.m-popover--clean .m-popover-body {
  padding: 0;
}

.popover-content-separator {
  border-top: 1px solid #dee2e6;
  margin: 0 -15px 1rem;
}

.padding-top-popover-body {
  padding-top: 2.25rem !important;
}

.popover-status-bar-time-line {
  width: 20px;
  padding: 0 0 1.75rem !important;
}

.padding-right-5 {
  padding-right: 5px;
}

.m-widget6__item .padding-right-15 {
  padding-right: 15px !important;
}

.width-20 {
  width: 20px;
}

.absolute-top-left {
  position: absolute;
  left: 0;
  top: 10px;
}

@media screen and (max-width: 700px) {
  .popover-550 {
    width: 100%;
  }
}
.m-alert--v-middle > * {
  vertical-align: middle;
}
.m-alert__close .close.close.close {
  top: 0.75rem;
  padding-top: 0;
}
.m-alert--small-icon.m-alert.m-alert.m-alert .m-alert__icon,
.m-alert--small-icon.m-alert.m-alert.m-alert .m-alert__text {
  padding: 0.75rem 0.85rem;
}
.m-alert--small-icon.m-alert.m-alert.m-alert .m-alert__icon i,
.m-alert--small-icon.m-alert.m-alert.m-alert .m-alert__text i {
  font-size: 1.5rem;
}
.m-alert.alert.m-alert--outline.alert-warning {
  color: #575962;
}

.fixed-alert-container {
  z-index: 1051;
  position: fixed;
  padding: 1.5rem;
  width: 100%;
}
.fixed-alert-container__item {
  position: relative;
}

.alert--small {
  padding: 0.25rem 0.5rem;
}

.m-alert--hot {
  background-color: rgba(92, 126, 230, 0.3);
}

.m-alert--danger {
  background-color: #fddfe8;
  color: #df6d93;
}

.m-accordion__item.m-accordion__item--no-radius {
  border-radius: 0;
}
.m-accordion__item-head.m-accordion__item-head.m-accordion__item-head--slim {
  padding: 0.5rem 1rem;
}

.la-big {
  font-size: 1.5rem;
}

.la-huge {
  font-size: 2.2rem;
  color: #5867dd;
}

.gr-icon {
  font-style: normal;
  display: inline;
  vertical-align: inherit;
}
.gr-icon:after {
  display: block;
}
.gr-icon--success:after {
  background: #34bfa3;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--brand:after {
  background: #716aca;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--warning:after {
  background: #ffb822;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--info:after {
  background: #36a3f7;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 10px;
  border-radius: 15px;
  text-align: center;
}
.gr-icon--excl:after {
  content: "!";
  font-size: 15px;
  width: 22px;
  height: 22px;
}
.gr-icon--check:after {
  content: "✓";
  font-size: 15px;
  width: 22px;
  height: 22px;
}
.gr-icon--double-excl:after {
  content: "‼";
  font-size: 15px;
  width: 22px;
  height: 22px;
}

.btn-small-clean {
  padding: 0.25rem 0.5rem;
  background: transparent;
}

.btn-toolbar {
  margin-bottom: 1rem;
}

.corner-button {
  background: transparent;
  font-size: 1.5rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.25rem 0.75rem;
  z-index: 1;
}

.btn-brand-no-outline {
  color: #716aca;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.btn-group > .btn.flex-grow {
  flex-grow: 1;
}

.m-btn--tag {
  padding: 5px 10px;
  border-radius: 5px;
}

.m-btn--dg-icon {
  padding: 0;
}
.m-btn--dg-icon > span {
  display: block;
  padding: 11px 4px;
}
.m-btn--dg-icon > span, .m-btn--dg-icon > span i {
  line-height: 0;
}

.modal-full-page {
  max-width: 98%;
}

.modal-large {
  max-width: 1200px;
}

.modal-mobile {
  max-width: -webkit-fill-available;
  overflow: scroll;
}

.m-nav-grid.m-nav-grid--block {
  display: block;
}
.m-nav-grid.m-nav-grid--block .m-nav-grid__row {
  display: flex;
  flex-wrap: wrap;
}
.m-nav-grid.m-nav-grid--block .m-nav-grid__item.m-nav-grid__item {
  display: block;
  border-bottom: 1px solid #f4f5f8;
  border-right: 1px solid #f4f5f8;
}

.etext-block {
  display: flex;
  width: 380px;
  max-width: 100%;
}
.etext-block__sub:not(:last-child) {
  padding-right: 5px;
}
.etext-block__sub--flex {
  flex-grow: 1;
}
.see-more-locked__full-post {
  display: none;
}

.full-select {
  padding: 0 25px;
}
.full-select__group-body {
  border: 1px solid #989898;
  border-radius: 4px;
  padding: 0.656rem 0.656rem 0;
  margin-bottom: 1.05rem;
}
.full-select__group-title {
  font-weight: 400;
  font-size: 1.05rem;
  color: #575962;
}

.clinic-service-row {
  display: flex;
  align-items: center;
  padding: 0.219rem;
}
.clinic-service-row:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}
.clinic-service-row__state, .clinic-service-row__actions, .clinic-service-row__name, .clinic-service-row__duration {
  display: flex;
}
.clinic-service-row__state, .clinic-service-row__actions, .clinic-service-row__duration {
  flex-grow: 0;
}
.clinic-service-row__duration {
  padding: 0 0.219rem;
  font-weight: 400;
}
.clinic-service-row__name {
  flex-grow: 1;
  font-weight: 400;
  padding-right: 0.438rem;
  word-break: break-word;
}
.clinic-service-row__color {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 0.438rem;
  cursor: pointer;
}
.clinic-service-row__color-zone, .clinic-service-row__color-picker {
  width: 100%;
  height: 100%;
}

.mfp-iframe-scaler .mfp-bottom-bar {
  margin-top: 4px;
}

.mfp-iframe-holder .mfp-content.mfp-content {
  max-width: 100%;
  width: 1300px;
}

.mfp-iframe-scaler--full {
  padding-top: 96%;
}

.user-card {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.user-card__pic-wrapper {
  padding-right: 0.438rem;
}
.user-card-select__pic {
  border-radius: 50%;
  max-width: 30px;
  max-height: 30px;
}
.user-card__pic {
  border-radius: 50%;
  max-width: 38px;
  max-height: 38px;
  border: 3px solid transparent;
}
.user-card__name {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.312rem;
  transition: color 0.3s ease;
  color: #000;
}
.user-card__title {
  display: inline-block;
  font-size: 0.787rem;
  line-height: 0.875rem;
  font-weight: 400;
  color: #80849b;
}
.user-card--separated {
  margin-bottom: 0.438rem;
}
.user-card--padded {
  padding: 5px 10px;
}
.user-card--starred {
  background: #f5faff;
  border-radius: 5px;
}
.user-card--starred .user-card__pic {
  border-color: #26c6da;
}

.swal-custom-content {
  text-align: left;
}
.swal-custom-content__title {
  font-size: 1.05rem;
}
.swal-custom-content__list-wrapper {
  max-height: 300px;
  overflow: auto;
}
.swal-custom-content__list {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0;
}

.app-card-details {
  transition: all 0.2s;
  color: #6f727d;
}
.app-card-details__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 500;
  max-width: 500px;
  max-height: 150px;
  overflow-y: auto;
}
.app-card-details__description {
  max-width: 612px;
  max-height: 250px;
  overflow-y: auto;
  margin-bottom: 7px;
}
.app-card-details__highlight {
  font-size: 0.875rem;
  font-weight: 400;
}
.app-card-details__lower-text {
  font-size: 0.875rem;
  color: #989898;
}
.app-card-details__section {
  font-size: 0.875rem;
  margin-bottom: 0.438rem;
  max-width: 450px;
}
.app-card-details__close {
  font-weight: 700;
  color: #989898;
  font-size: 0.963rem !important;
}
.app-card-details__edit {
  margin-right: 0.438rem;
}
.app-card-details__actions {
  min-width: 110px;
}

.integration-section {
  margin-bottom: 2rem;
}
.integration-section-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.integration-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.integration-card {
  position: relative;
  padding: 1rem;
  text-align: left;
  width: calc(14.2857142857% - 0.8rem);
  display: flex;
  flex-direction: column;
  border: 1px solid #dee2e6;
  border-radius: 8px;
}
.integration-card__context-actions {
  position: absolute;
  top: 0.438rem;
  right: 0.438rem;
}
.integration-card__icon-section {
  margin-bottom: 1.5rem;
}
.integration-card__icon {
  width: 50%;
  height: 60px;
  object-fit: contain;
  object-position: left;
}
.integration-card__actions {
  margin-top: auto;
}
.integration-card__actions button,
.integration-card__actions a {
  width: 100%;
}

@media (width <= 2000px) {
  .integration-card {
    width: calc(16.6666666667% - 0.8rem);
    width: calc(20% - 0.8rem);
  }
}
@media (width <= 1600px) {
  .integration-card {
    width: calc(25% - 0.8rem);
  }
}
@media (width <= 1200px) {
  .integration-card {
    width: calc(33.3333333333% - 0.8rem);
  }
}
@media (width <= 991px) {
  .integration-card {
    width: calc(50% - 0.8rem);
  }
}
@media (width <= 768px) {
  .integration-card {
    width: 100%;
  }
}
.m-widget17.m-widget17--filter {
  padding-bottom: 1.925rem;
}
.m-widget17.m-widget17--filter .m-widget17__visual {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.m-widget17.m-widget17--filter .m-widget17__visual .m-widget17__chart {
  position: relative;
  padding-top: 7rem;
}
.m-widget17.m-widget17--filter .m-widget17__stats {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.m-widget17.m-widget17--filter .m-widget17__items {
  padding: 0;
  margin-bottom: 0 !important;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
}
.m-widget17.m-widget17--filter .m-widget17__items .m-widget17__item {
  padding: 0.35rem;
  box-shadow: none;
  border-right: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  flex: 1;
  height: auto;
  overflow: hidden;
  background-color: white;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.m-widget17.m-widget17--filter .m-widget17__items .m-widget17__item .m-widget17__subtitle {
  display: block;
  margin: 0;
  padding: 0.35rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #595d6e;
}
.m-widget17.m-widget17--filter .m-widget17__items .m-widget17__item--selected {
  position: relative;
}
.m-widget17.m-widget17--filter .m-widget17__items .m-widget17__item--selected:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
}
.m-widget17.m-widget17--filter .m-widget17__desc {
  font-size: 1.575rem;
  font-weight: 600;
}
.m-widget17.m-widget17--filter .m-widget17__item--all .m-widget17__desc {
  color: #26c6da;
}
.m-widget17.m-widget17--filter .m-widget17__item--all:after {
  content: " ";
  background: #26c6da;
}
.m-widget17.m-widget17--filter .m-widget17__item--upcoming .m-widget17__desc {
  color: #34bfa3;
}
.m-widget17.m-widget17--filter .m-widget17__item--upcoming:after {
  content: " ";
  background: #34bfa3;
}
.m-widget17.m-widget17--filter .m-widget17__item--recommended .m-widget17__desc {
  color: #36a3f7;
}
.m-widget17.m-widget17--filter .m-widget17__item--recommended:after {
  content: " ";
  background: #36a3f7;
}
.m-widget17.m-widget17--filter .m-widget17__item--pending .m-widget17__desc {
  color: #ffb822;
}
.m-widget17.m-widget17--filter .m-widget17__item--pending:after {
  content: " ";
  background: #ffb822;
}
.m-widget17.m-widget17--filter .m-widget17__item--canceled .m-widget17__desc {
  color: #989898;
}
.m-widget17.m-widget17--filter .m-widget17__item--canceled:after {
  content: " ";
  background: #989898;
}
.m-widget17.m-widget17--filter .m-widget17__item--missed .m-widget17__desc {
  color: #dc3545;
}
.m-widget17.m-widget17--filter .m-widget17__item--missed:after {
  content: " ";
  background: #dc3545;
}
.m-widget17.m-widget17--filter .m-widget17__item--conducted .m-widget17__desc {
  color: #28a745;
}
.m-widget17.m-widget17--filter .m-widget17__item--conducted:after {
  content: " ";
  background: #28a745;
}
.m-widget17.m-widget17--filter .m-widget17__item--danger .m-widget17__desc {
  color: #dc3545;
}
.m-widget17.m-widget17--filter .m-widget17__item--danger:after {
  content: " ";
  background: #dc3545;
}
.m-widget17.m-widget17--filter .m-widget17__item--success .m-widget17__desc {
  color: #34bfa3;
}
.m-widget17.m-widget17--filter .m-widget17__item--success:after {
  content: " ";
  background: #34bfa3;
}
.m-widget17.m-widget17--filter .m-widget17__item--warning .m-widget17__desc {
  color: #fd7e14;
}
.m-widget17.m-widget17--filter .m-widget17__item--warning:after {
  content: " ";
  background: #fd7e14;
}

@media (max-width: 768px) {
  .m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item {
    padding-left: 0.438rem;
  }
}
@media (max-width: 1199px) {
  .m-widget17 .m-widget17__stats .m-widget17__items {
    display: table-cell;
  }
  .m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item {
    border-top: 1px solid #e9e9e9;
  }
}
@media screen and (max-width: 992px) {
  .m-widget17 {
    padding-bottom: 0.875rem;
  }
}
.checked-list-dropdown {
  position: relative;
  z-index: 1;
}
.checked-list-dropdown__content {
  z-index: 1;
  position: absolute;
  margin-top: 5px;
  width: 280px;
}
.checked-list-dropdown__results-label {
  font-size: 12px;
  color: #80849b;
  padding: 10px 0;
}

/** new style **/
/* stylelint-disable no-duplicate-selectors, function-no-unknown, no-descending-specificity */
.underline:hover {
  text-decoration: underline;
}

.m-widget4-delete_btn {
  font-size: 12px;
  color: #f4516c;
}

.m-widget4-edit_btn {
  font-size: 12px;
  color: #5867dd;
}

.fixed-fee,
.barcode {
  display: block;
  font-size: 12px;
  font-style: italic;
}

.m-typeahead {
  position: relative;
}
.m-typeahead .twitter-typeahead {
  width: 100%;
}

.typeahead-wrapper {
  position: relative;
  z-index: 2;
}

.dropdown-menu--fixed {
  position: fixed !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
}

.dropdown-item--no-padding {
  padding: 0 !important;
}

.dropdown-item__btn {
  padding: 0.612rem 1.05rem;
  width: 100%;
  border: 0;
  text-align: left;
  cursor: pointer;
}
.dropdown-item__btn, .dropdown-item__btn:hover, .dropdown-item__btn:active, .dropdown-item__btn:focus {
  color: #575962;
  background: transparent;
  outline: none;
}

.dropdown-item__icon {
  color: #b2b1c5;
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
  margin-right: 0.35rem;
  position: relative;
  top: -0.07rem;
}

.events-overflow {
  max-height: 660px;
  max-height: 70vh;
  overflow: auto;
}

.fc-content .reason {
  word-break: break-all;
  word-break: break-word;
}

.dropdown-item__flaticon {
  top: 0 !important;
}

.product-batch {
  width: 100%;
  font-style: italic;
  font-size: 0.744rem;
  display: inline-block;
}

.cursor-pointer,
.dashboard-table .dashboard-filecase-link {
  cursor: pointer;
}

.cursor-pointer--big-zone {
  padding: 7px 0;
}

.dashboard-table .actions {
  cursor: default;
}

.nav.nav-tabs.nav-tabs--aligned .nav-item {
  margin-left: 0;
}

.nav-tabs .nav-item.nav-link {
  border: 0;
}

.danger-force {
  color: #f4516c !important;
}

.m--font-darkmetal {
  color: #989898 !important;
}

.m--font-green {
  color: #34bfa3 !important;
}

.m--font-yellow {
  color: #ffb822 !important;
}

.m--font-lpurple {
  color: #943191 !important;
}

.m--font-teal {
  color: #40bed7 !important;
}

.m-badge.m-badge--darkmetal {
  background-color: #989898;
}

.m-badge.m-badge--pink {
  background-color: #f9556d;
  color: #fff;
}

.m-badge.m-badge--canceled {
  background-color: #dcdcdc;
}

.input-sized-text {
  font-weight: 400;
  color: #f4516c;
  display: inline-block;
  padding: 0.569rem 0.875rem;
}

.input-sized-text-top-padding {
  font-weight: 400;
  color: #f4516c;
  display: inline-block;
  padding-top: 0.569rem;
}

.m-portlet .m-portlet__head .m-portlet__head-tools--left-aligned {
  text-align: left;
}
.m-portlet--stretch {
  min-height: 80vh;
}

.row-low-padding {
  margin-right: 0;
  margin-left: 0;
}
.row-low-padding .col {
  padding: 0 5px;
}
.row-low-padding .col:first-child {
  padding-right: 2.5px;
}
.row-low-padding .col:last-child {
  padding-left: 2.5px;
}
.row-low-padding .label {
  margin-bottom: 0;
  padding-left: 0.569rem;
}
.row-low-padding .form-control {
  padding: 0.569rem;
}
.row-low-padding--padded-bottom {
  padding-bottom: 5px;
}

.m-btn--icon.m-btn--icon-only.btn-xs {
  width: 24px;
  height: 24px;
  border-radius: 100px;
}

.row--no-margin {
  margin-left: 0;
  margin-right: 0;
}

.m-form .form-group--no-padding {
  padding: 0;
}

.hour-display-snip {
  text-align: center;
  display: inline-block;
}

input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.form-control.form-control--regular-padding {
  padding: 0.656rem;
}

.medium {
  font-weight: 500;
}

.va-text-bottom {
  vertical-align: text-bottom;
}

.modal-open,
.modal-open--block {
  overflow: hidden !important;
}

.tooltip-inner {
  width: auto;
  max-width: 350px;
}

.icon-rotation {
  transform: rotate(45deg);
}

.clinic-header-link, .clinic-header-link:hover, .clinic-header-link:active, .clinic-header-link:visited {
  text-decoration: none;
  color: #575962;
}
.clinic-header-link__name {
  font-size: 1.225rem;
  padding: 0 0.656rem;
  font-weight: 500;
  white-space: pre-line;
  line-height: 1.2;
  margin: 0;
}
.clinic-header-link__description {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  padding: 0 0.656rem;
}

ul.pagination {
  margin-bottom: 0;
}

.loader-base {
  z-index: 9;
}

.button-group > *:not(:last-child) {
  margin-right: 5px;
}

.tt-suggestion.tt-no-results {
  font-style: italic !important;
  cursor: inherit !important;
}
.tt-suggestion.tt-no-results:hover {
  background: inherit !important;
}

.inline-list {
  list-style: none;
  float: left;
  padding: 0;
}
.inline-list__item {
  float: left;
  margin-left: 0.438rem;
}
.inline-list__item::before {
  content: "￭";
  margin-right: 0.5em;
}

.m-nav__section .m-nav__section-text.m-nav__section-text--initial {
  text-transform: initial;
}

.first-uppercase::first-letter {
  text-transform: uppercase !important;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.mCSB_inside > .mCSB_scrollTools {
  margin-right: -4px;
}

.custom-scroll-modal .mCSB_inside > .mCSB_container {
  margin-right: 10px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #a0a0a0;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #939393;
}

.font-normal {
  font-weight: 400;
}

.semibold {
  font-weight: 600;
}

.quick-actions-bg {
  background: url("/static/images/header_menu_quick_actions_bg.jpg");
  background-size: cover;
}

.header-account-bg {
  background: url("/images/header_menu_user_profile_bg.jpg");
  background-size: cover;
}

.modal-indepentent-close {
  padding: 0.875rem 1.312rem !important;
  position: absolute;
  right: 0;
}

.legend-sidebar-item {
  padding: 0.438rem;
  margin: 0;
  cursor: pointer;
}
.legend-sidebar-item:hover {
  background: #f8f8f8;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link--small-lp {
  padding-left: 0.875rem;
}
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link--brand-bordered {
  border-top: 1px solid #716aca;
  border-bottom: 1px solid #716aca;
}

.m-aside-menu .m-menu__nav.no-padding {
  padding: 0;
}
.m-aside-menu .m-menu__nav.no-bottom {
  padding-bottom: 0;
  margin-bottom: 0;
}

.mg-left-1 {
  margin-left: 1px;
}

.m-aside-left--minimize .calendar-events-section {
  display: none;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-responsive {
  min-height: 300px;
}

.nowrap {
  white-space: nowrap;
}

.va-middle-group-fix {
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.va-middle-group-fix, .va-middle-group-fix ~ * {
  display: inline-block;
}

@media screen and (width <= 992px) {
  .m-portlet .m-portlet__body {
    padding: 0.875rem;
  }
  .m-body .m-content {
    padding: 0.875rem;
  }
  .m-portlet .m-portlet__head {
    min-height: 3.062rem;
  }
}
.alert--small-ib {
  padding: 0.175rem 0.438rem;
  display: inline-block;
  margin: 0.219rem;
}

.modal-backdrop.show {
  opacity: 0.35;
}

.modal-mobile {
  max-width: 600px;
  overflow: scroll;
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
  margin-top: -0.7rem;
}

.m-menu__link--disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.m-card-profile__name.m-card-profile__name--interactive {
  display: inline-block !important;
  padding: 0 0.875rem !important;
  cursor: pointer;
}
.m-card-profile__name.m-card-profile__name--interactive:hover {
  color: #716aca;
}

.m-card-profile__email.m-card-profile__email.m-card-profile__email--interactive:hover, .m-card-profile__email.m-card-profile__email.m-card-profile__email--interactive:active {
  color: #716aca;
}

.reset-ul, .treatments-search-tabs__list, .soap-section__info-list, .soap-navigation__list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.nir-totals-container__block {
  float: right;
  width: 250px;
  max-width: 100%;
  margin-top: 1.75rem;
}

.mg-right-10 {
  margin-right: 10px;
}

.mg-bottom-0 {
  margin-bottom: 0;
}

.btn {
  white-space: normal;
}

.word-break {
  word-break: break-word;
}

.all-break {
  word-break: break-all;
}

.table-fixed {
  table-layout: fixed;
}

.form-input-slim {
  height: 1.969rem;
  padding: 0.219rem 0.438rem;
}

.cursor-loading-lock {
  position: relative;
}
.cursor-loading-lock::before {
  cursor: wait;
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
}

.no-width-forced {
  width: auto !important;
}

.cursor-disabled-lock {
  position: relative;
}
.cursor-disabled-lock::before {
  cursor: not-allowed;
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
}

.min-width-xl {
  min-width: 1200px;
}

.bg-tag {
  padding: 3px 5px;
  background: #dee2e6;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
}

.m-container.m-container--full-height {
  height: inherit;
}

.text-no-wrap {
  white-space: nowrap;
}

.m-body .m-content {
  padding-bottom: 2.625rem;
}

.ios-modal-scroll-fix {
  -webkit-overflow-scrolling: touch;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__logo {
  margin-bottom: 1.312rem;
}

.clean-link {
  font-weight: 600;
}
.clean-link, .clean-link:hover, .clean-link:focus, .clean-link:active {
  color: #fff;
  text-decoration: underline;
}

.public-calendar-logo {
  max-width: 100px;
  max-height: 50px;
  height: auto;
  width: auto;
}

#cometchat-videocall-zone iframe {
  position: fixed;
  height: 100%;
  width: 100%;
  inset: 0;
  z-index: 999;
}

.inline-block {
  display: inline-block;
}

.va-middle {
  vertical-align: middle;
}

.public-footer {
  padding: 1.75rem 25px 0.875rem;
  background: #fff;
}

.d-flex-header {
  display: flex !important;
  align-items: center;
}

.d-flex-wrap {
  flex-wrap: wrap;
}

.semibold {
  font-weight: 500;
}

.qr_frame {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  max-width: 100%;
  background-size: contain;
  margin: 0 auto;
  padding: 45px;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
       print-color-adjust: exact;
  border: 10px solid #ff3061;
  border-radius: 30px;
}
.qr_frame__content {
  text-align: center;
}
.qr_frame__logo {
  max-width: 80%;
  max-height: 150px;
}
.qr_frame__text {
  color: #f9556d;
  font-size: 20px;
  font-weight: 900;
}

.pd-top-sidebar-forced {
  padding-top: 30px !important;
}

@media (width >= 992px) {
  .md-top-padded {
    padding-top: 3.5rem;
  }
}
.timeline.timeline-1 {
  position: relative;
}

.timeline.timeline-1 .timeline-sep {
  z-index: 0;
  content: "";
  position: absolute;
  left: 100px;
  width: 4px;
  top: 0;
  bottom: 0;
  background-color: #ebedf3;
}

.timeline.timeline-1 .timeline-item {
  flex-grow: 1;
  display: flexbox;
  display: flex;
  margin-bottom: 0.875rem;
  align-items: center;
}

.timeline.timeline-1 .timeline-item .timeline-label {
  display: flexbox;
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 87px;
  font-weight: 500;
  color: #b5b5c3;
}

.timeline.timeline-1 .timeline-item .timeline-badge {
  display: flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
  border: 4px solid white;
  position: relative;
  z-index: 0;
}

.timeline.timeline-1 .timeline-item .timeline-badge .svg-icon,
.timeline.timeline-1 .timeline-item .timeline-badge i {
  line-height: 0;
}

.timeline.timeline-1 .timeline-item .timeline-content {
  flex-grow: 1;
  font-size: 0.875rem;
  padding: 0 0 0 0.656rem;
}

.timeline.timeline-1 .timeline-item:last-child {
  margin-bottom: 0;
}

.opened-color {
  background-color: rgba(52, 191, 163, 0.3);
}

.not-opened-color {
  background-color: rgba(244, 81, 108, 0.3);
}

.XPromoPopup__header {
  border-bottom: 1px solid;
  border-color: #edeff1;
  color: #1a1a1b;
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 12px;
  text-align: center;
}

.XPromoPopup__imageBtnWrapper {
  background-color: transparent;
  -moz-text-align-last: center;
       text-align-last: center;
  align-self: center;
  border: 1px solid #edeff1;
  border-radius: 8px;
  padding: 5px;
}

.XPromoPopup__actionTitle {
  color: #1a1a1b;
  font-size: 16px;
  line-height: 32px;
}

.modal.XPromoPopup.show .modal-dialog {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  transform: none;
}

.opera {
  background: url("/static/icons/browsers/opera.png") center no-repeat;
  background-size: contain;
  height: 35px;
}

.browser {
  background: url("/static/icons/browsers/browser.png") center no-repeat;
  background-size: contain;
  height: 35px;
}

.edge {
  background: url("/static/icons/browsers/edge.png") center no-repeat;
  background-size: contain;
  height: 35px;
}

.mozilla {
  background: url("/static/icons/browsers/mozilla.png") center no-repeat;
  background-size: contain;
  height: 35px;
}

.chrome {
  background: url("/static/icons/browsers/chrome.png") center no-repeat;
  background-size: contain;
  height: 35px;
}

.safari {
  background: url("/static/icons/browsers/safari.png") center no-repeat;
  background-size: contain;
  height: 35px;
}

.form-control-regular-padding {
  padding: 0.569rem 0.875rem;
}

button[disabled] {
  cursor: not-allowed;
}

.btn-group .dropdown-toggle.btn-washed {
  background-color: #e0e0e0;
}
.btn-group .dropdown-toggle.btn-brand {
  background-color: #5b53c2;
}
.btn-group .dropdown-toggle.btn-accent {
  background-color: #24bfd2;
}
.btn-group .dropdown-toggle.btn-darkTeal {
  background-color: #027d8e;
}

.blue-background-primary {
  -webkit-filter: invert(44%) sepia(14%) saturate(3714%) hue-rotate(203deg) brightness(90%) contrast(91%);
          filter: invert(44%) sepia(14%) saturate(3714%) hue-rotate(203deg) brightness(90%) contrast(91%);
}

.blue-background-primary:hover {
  -webkit-filter: none;
          filter: none;
  -webkit-filter: invert(88%) sepia(37%) saturate(4295%) hue-rotate(189deg) brightness(87%) contrast(99%);
          filter: invert(88%) sepia(37%) saturate(4295%) hue-rotate(189deg) brightness(87%) contrast(99%);
}

.accent {
  -webkit-filter: invert(68%) sepia(86%) saturate(1520%) hue-rotate(136deg) brightness(95%) contrast(72%);
          filter: invert(68%) sepia(86%) saturate(1520%) hue-rotate(136deg) brightness(95%) contrast(72%);
}

.no-outline, .plus-actionable, .pill-tabs__item, .no-outline:focus {
  outline: none !important;
}

.m-header--fixed .m-header {
  z-index: 1004;
}

.spread-out-children > *:not(:first-child, :last-child) {
  margin-left: 5px;
  margin-right: 5px;
}

.modal-payment-form .form-group .col-form-label {
  margin-top: 0;
}

.spaced-bottom {
  margin-bottom: 10px;
}

.faded-blocked-element {
  position: relative;
}
.faded-blocked-element::after {
  content: "";
  background: #fff;
  opacity: 0.5;
  position: absolute;
  inset: 0;
}

.invisible-datepicker-input {
  position: absolute;
  height: 0;
  opacity: 0;
}

.history-log-bullet {
  color: #716aca !important;
  vertical-align: super;
}

.ul-dashed {
  list-style-type: none;
  -webkit-padding-start: 15px;
          padding-inline-start: 15px;
}

.ul-dashed > li::before {
  content: "- ";
}

.index-1 {
  z-index: 1;
}

.react-modal-close-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.pdf-iframe-preview-wrapper {
  overflow: hidden;
  position: relative;
}

.pdf-iframe-preview {
  transform-origin: 0 0;
  margin: 0 auto;
  display: block;
}

div.pac-container.pac-logo {
  z-index: 1101 !important;
}

.pre-wrap {
  white-space: pre-wrap;
}

.btn-icon-padded {
  padding: 5px 7px;
}

.m-brand__logo-wrapper img {
  max-width: initial;
  width: 50px;
  height: 50px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
  width: auto !important;
}

.m-aside-left--minimize .m-menu__link-text {
  display: none;
}

.m-header--fixed .m-body {
  padding-top: unset !important;
}

/* stylelint-enable no-duplicate-selectors, function-no-unknown, no-descending-specificity */
.input-sized-content-wrapper {
  z-index: 50;
  position: relative;
  text-align: left;
}
.input-sized-content-wrapper__placeholder-button {
  width: 100%;
}
.input-sized-content-wrapper__offsetter {
  visibility: hidden;
}
.input-sized-content-wrapper__flow {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 300px;
}
.input-sized-content-wrapper__flow--right {
  left: auto;
  right: 0;
}
.input-sized-content-wrapper__body {
  padding: 24px 12px 12px;
  position: relative;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dee2e6;
  z-index: 12;
}
.input-sized-content-wrapper__close {
  position: absolute !important;
  z-index: 1;
  top: 12px;
  right: 12px;
}

.no-content-box--spaced {
  padding: 20px;
}

@media screen and (max-width: 567px) {
  .input-sized-content-wrapper {
    position: static;
  }
  .input-sized-content-wrapper__flow {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .input-sized-content-wrapper__flow {
    left: auto;
    right: 0;
  }
}
.full-overlay, .full-overlay__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.full-overlay__bg {
  background: #fff;
  opacity: 0.8;
}
.full-overlay__content {
  z-index: 1;
}

.compact-pairs-list {
  padding: 0.875rem 0;
}
.compact-pairs-list--no-top {
  padding-top: 0;
}
.compact-pairs-list--no-bottom, .compact-pairs-list:last-child {
  padding-bottom: 0;
}
.compact-pairs-list__item {
  display: block;
}
.compact-pairs-list__label {
  font-weight: 500;
  padding-right: 5px;
}
.compact-pairs-list__actionable {
  color: #6f727d;
}
.compact-pairs-list__actionable, .compact-pairs-list__actionable:hover, .compact-pairs-list__actionable:active {
  text-decoration: none;
}
.compact-pairs-list__icon {
  margin-right: 3px;
  vertical-align: text-top;
}

.card-title {
  font-weight: 500;
  margin: 0;
  font-size: 1.05rem;
}
.card-title--space-top {
  margin-top: 0.875rem;
}

.note {
  margin: 0;
}

.horizontal-text-separator {
  padding: 0 5px;
  display: inline-block;
}

.table td.table__td--no-padding {
  padding: 0;
}
.table--readable {
  border: 1px solid #e9e9e9 !important;
}
.table--readable thead th {
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  vertical-align: middle;
  background-color: #f4f3fb;
}
.table--readable td {
  border-left: 1px solid;
  border-color: #eee;
}
.table--readable .dropdown {
  margin: -6px 0;
}
.table--list td {
  padding-left: 15px;
  min-width: 150px;
}
.table--th-top thead th {
  vertical-align: top;
}
.table--th-top td {
  min-width: 120px;
}
.table thead tr .th-center {
  text-align: center;
}
.table--no-border {
  border: 0 !important;
  margin-bottom: 0;
}
.table--no-border td {
  border-top: 0;
}
.table--no-border td:first-child {
  border-left: 0;
}
.table--no-border tr:not(:first-child) td {
  border-top: 1px solid #e9e9e9;
}
.table--compact-header th {
  padding-top: 0.2186rem;
  padding-bottom: 0.2186rem;
}

.m-datatable.m-datatable--default.m-datatable--top > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell {
  vertical-align: top;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
  padding: 0.656rem;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
  padding: 0.656rem;
}

.m-datatable--readable.m-datatable.m-datatable--subtable .m-datatable__toggle-subtable {
  text-align: center;
}
.m-datatable--readable.m-datatable.m-datatable--subtable .m-datatable__subtable {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
}
.m-datatable--readable.m-datatable.m-datatable--subtable .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded .m-datatable__cell {
  background: #faf9fc !important;
}
.m-datatable--readable.m-datatable .m-datatable__table > .m-datatable__body .m-datatable__row .m-datatable__cell {
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.m-datatable--readable.m-datatable .m-datatable__table > .m-datatable__body .m-datatable__row .m-datatable__cell:last-child {
  border-right: 1px solid #eee;
}
.m-datatable--readable.m-datatable .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--even .m-datatable__cell {
  background: #fff;
}
.m-datatable--readable.m-datatable .m-datatable__table > .m-datatable__head .m-datatable__row .m-datatable__cell {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  font-weight: 500;
}
.m-datatable--readable.m-datatable .m-datatable__table > .m-datatable__head .m-datatable__row .m-datatable__cell:last-child {
  border-right: 1px solid #e9e9e9;
}
.m-datatable.m-datatable .m-datatable__row--highlighted .m-datatable__cell {
  background: #f2f6fa !important;
}
.m-datatable.m-datatable .m-datatable__row--custom-1 .m-datatable__cell:not(:first-child):not(:nth-child(2)):not(:last-child) {
  border-left-color: transparent;
}
.m-datatable--compact.m-datatable .m-datatable__table > .m-datatable__body .m-datatable__row .m-datatable__cell {
  padding: 7px 10px;
}
.m-datatable--compact.m-datatable .m-datatable__table > .m-datatable__head .m-datatable__row .m-datatable__cell {
  padding: 10px;
}
.m-datatable--slim.m-datatable .m-datatable__table > .m-datatable__body .m-datatable__row .m-datatable__cell {
  padding: 5px;
}
.m-datatable--slim.m-datatable .m-datatable__table > .m-datatable__head .m-datatable__row .m-datatable__cell {
  padding: 5px;
}
.m-datatable--slim.m-datatable .m-datatable__cell-custom {
  padding: 5px;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-weight: 500;
}
.m-datatable--slim.m-datatable .m-datatable__cell-custom:last-child {
  border-right: 1px solid #eee;
}
.m-datatable--subtable-no-height table {
  min-height: 80px !important;
}
.m-datatable--only-pagination a:hover {
  text-decoration: none;
}

.table-wrapper {
  margin-top: 1.75rem;
}

.see-more-table-data {
  width: 100% !important;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  background: #ebe9f2;
  padding: 3px 5px;
  text-align: center;
  font-weight: 400;
}
.see-more-table-data:hover {
  background: #716aca;
  color: #fff;
}

.see-more-table-data-wrapper > td {
  padding-bottom: 30px !important;
}
.see-more-table-data-wrapper td > *:first-child {
  max-height: 140px;
  overflow: hidden;
}

.datatable-heading-index {
  display: block;
  background: #fff;
  border-top: 1px solid #eee;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.875rem;
}

.m-datatable-clear.m-list-timeline table {
  min-height: 0 !important;
}
.m-datatable-clear.m-list-timeline thead.m-datatable__head.m-datatable__head.m-datatable__head {
  display: none;
}
.m-datatable-clear.m-list-timeline .m-datatable__cell.m-datatable__cell.m-datatable__cell.m-datatable__cell span {
  overflow: inherit;
  display: inline-block;
}
.m-datatable-clear.m-list-timeline .m-datatable__row .m-datatable__cell.m-datatable__cell.m-datatable__cell.m-datatable__cell.m-datatable__cell {
  background: transparent;
}

.m-list-timeline__text--actionable {
  position: relative;
  padding-right: 35px !important;
}

.m-list-timeline__text-action.m-list-timeline__text-action {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.ov-container {
  position: relative;
  overflow: hidden;
  transition: height 0.3s;
}
.ov-container__label {
  height: 2.1875rem;
  text-align: center;
  background: #e2e5ec;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 2.5;
}
.ov-container__foot {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
}

.block-content-ov {
  position: relative;
}
.block-content-ov:after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: not-allowed;
  background: #7d7d7d;
  opacity: 0.1;
}

.slim-card {
  border: 1px solid;
  margin: 1.312rem 0;
}
.slim-card__heading-zone {
  padding: 0.656rem;
  border-bottom: 1px solid;
}
.slim-card__heading-zone::after {
  content: " ";
  display: table;
  width: 100%;
}
.slim-card__heading {
  font-size: 1.137rem;
  font-weight: 400;
  float: left;
  margin: 0;
}
.slim-card__actions {
  float: right;
}
.slim-card--checkup,
.slim-card--checkup .slim-card__heading-zone {
  border-color: #40bed7;
}
.slim-card--checkup .slim-card__action {
  color: #fff;
  background: #40bed7;
}
.slim-card--files,
.slim-card--files .slim-card__heading-zone {
  border-color: #36a3f7;
}
.slim-card--files .slim-card__action {
  color: #fff;
  background: #36a3f7;
}
.slim-card--analyses,
.slim-card--analyses .slim-card__heading-zone {
  border-color: #5c7fe6;
}
.slim-card--analyses .slim-card__action {
  color: #fff;
  background: #5c7fe6;
}
.slim-card--services,
.slim-card--services .slim-card__heading-zone {
  border-color: #ffc852;
}
.slim-card--services .slim-card__action {
  color: #fff;
  background: #ffc852;
}
.slim-card--summary,
.slim-card--summary .slim-card__heading-zone {
  border-color: #34bfa3;
}
.slim-card--summary .slim-card__action {
  color: #fff;
  background: #34bfa3;
}
.slim-card--borderless {
  border: 0;
  margin: 0;
  padding-top: 0.875rem;
}

.slim-section {
  margin-bottom: 0.875rem;
}
.slim-section__heading {
  font-size: 0.963rem;
  font-weight: 400;
  margin: 0;
}
.slim-section__subheading {
  font-size: 0.963rem;
  border-bottom: 1px solid #b2b9cd;
  padding: 0.656rem 15px;
  margin: 0 0 0.875rem;
}
.slim-section__heading-zone {
  padding: 0.656rem 15px;
  background: #e4e4e4;
  margin-bottom: 0.875rem;
}

.paper-element-wrapper {
  padding: 0 15px;
}
.paper-element-wrapper:first-child {
  padding-top: 15px;
}
.paper-element-wrapper .form-control-feedback {
  margin-bottom: 0.875rem;
}

.paper-input {
  outline: none;
  border: 1px solid #b2b9cd;
  border-radius: 3px;
  width: 100%;
  padding: 0.438rem 0.656rem;
  display: block;
  line-height: 1.25;
  height: auto;
}
.paper-input:last-child {
  margin-bottom: 0.875rem;
}
.paper-input ~ .m-form__help {
  margin-bottom: 0.875rem;
}
.paper-input:focus {
  border-color: #716aca;
}
.paper-input--no-resize {
  resize: none;
}
.paper-input--small-textarea {
  height: 35px;
}

.input-group--paper {
  margin-bottom: 0.875rem;
}
.input-group--paper .input-group-text {
  padding-top: 0;
  padding-bottom: 0;
}
.input-group--paper .paper-input {
  display: flex;
  width: 1%;
  flex: 1 1 auto;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 1;
}

.has-danger .paper-input,
.has-danger .input-group-text {
  border-color: #f4516c !important;
}

.has-success .paper-input,
.has-success .input-group-text {
  border-color: #34bfa3 !important;
}

.paper-element-group {
  border-radius: 3px;
  border: 1px solid #b2b9cd;
  margin-bottom: 0.875rem;
}
.paper-element-group--active {
  border-color: #716aca;
}
.paper-element-group > .paper-input {
  margin-bottom: 0;
}

.paper-select--fold + .select2-container--default .select2-selection {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.paper-select--fold + .select2-container--default ~ .paper-input {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-width: 0;
}
.paper-select + .select2-container--default:last-child {
  margin-bottom: 0.875rem;
}
.paper-select ~ .m-form__help {
  margin-bottom: 0.875rem;
}
.paper-select + .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0.438rem 36px 0.438rem 0.656rem;
}
.paper-select + .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0.219rem 0.656rem;
}

.paper-input-date {
  margin-bottom: 0.875rem;
}
.paper-input-date + .form-control-feedback {
  margin-top: -0.7rem;
}

.paper-label {
  font-weight: 400;
}
@media screen and (width >= 1200px) {
  .paper-label {
    padding-right: 0;
    padding-top: 0.306rem;
  }
}
.paper-label--note {
  padding-top: 0.306rem;
}
@media screen and (width >= 1200px) {
  .paper-label--note {
    padding-left: 0;
    padding-right: 15px;
  }
}
.paper-label--bold {
  font-weight: 600;
}

@media screen and (width >= 1200px) {
  .xl-radio-block {
    margin-bottom: 0.875rem;
  }
  .xl-radio-block .m-radio {
    display: block;
  }
}

.list-x {
  display: inline-block;
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.list-x__item {
  display: inline-block;
}
.list-x__item--right {
  float: right;
  padding: 15px;
}
.list-x::after {
  content: "";
  display: table;
  width: 100%;
}

.header-shadowed {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  box-shadow: 0 0 10px -2px #ddd;
}

.form-state-card {
  padding: 1.094rem 0.875rem;
}
.form-state-card__check {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
.form-state-card__check-two {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.form-state-card__check-two-label {
  padding-left: 0;
  position: absolute;
  margin: 0;
}
.form-state-card__check-two-label.form-state-card__check-two-label.form-state-card__check-two-label > span {
  width: 22px;
  height: 22px;
  top: 0;
  bottom: auto;
  border: 1px solid #b2b9cd !important;
}
.form-state-card__check-two-label.form-state-card__check-two-label.form-state-card__check-two-label > input:checked ~ span {
  border-color: transparent !important;
}
.form-state-card__text {
  line-height: 1.25;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  font-weight: 400;
  margin-right: 0.438rem;
  border-bottom: 1px solid transparent;
}
.form-state-card__text--active {
  color: #716aca;
  border-bottom-color: #716aca;
  cursor: pointer;
}
.form-state-card__switch input:checked ~ span::after {
  margin-left: 22px !important;
  opacity: 1 !important;
}
.form-state-card__backdrop {
  width: 48px !important;
  height: 26px !important;
}
.form-state-card__backdrop::before {
  width: 45px !important;
}
.form-state-card__backdrop::after {
  font-weight: 700;
  opacity: 0.6 !important;
  height: 20px !important;
  width: 20px !important;
  line-height: 22px !important;
}
.form-state-card--analyses .form-state-card__backdrop::before {
  background-color: #5c7fe6 !important;
}
.form-state-card--analyses .form-state-card__backdrop::after {
  color: #5c7fe6 !important;
}
.form-state-card--analyses .form-state-card__check-two-label > input:checked ~ span {
  background-color: #5c7fe6 !important;
}
.form-state-card--checkup .form-state-card__backdrop::before {
  background-color: #40bed7 !important;
}
.form-state-card--checkup .form-state-card__backdrop::after {
  color: #40bed7 !important;
}
.form-state-card--checkup .form-state-card__check-two-label > input:checked ~ span {
  background-color: #40bed7 !important;
}
.form-state-card--services .form-state-card__backdrop::before {
  background-color: #ffc852 !important;
}
.form-state-card--services .form-state-card__backdrop::after {
  color: #ffc852 !important;
}
.form-state-card--services .form-state-card__check-two-label > input:checked ~ span {
  background-color: #ffc852 !important;
}
.form-state-card--summary .form-state-card__backdrop::before {
  background-color: #34bfa3 !important;
}
.form-state-card--summary .form-state-card__backdrop::after {
  color: #34bfa3 !important;
}
.form-state-card--summary .form-state-card__check-two-label > input:checked ~ span {
  background-color: #34bfa3 !important;
}

.sticky-section-wrapper {
  position: relative;
  z-index: 999;
}
.sticky-section-wrapper.is-sticky .soap-navigation {
  box-shadow: #ddd 0 10px 16px -14px;
}

.sticky-section {
  background: #fff;
}

.list-cards__item {
  position: relative;
}
.list-cards__item:not(:last-child)::after {
  content: "";
  border-right: 1px solid #ddd;
  position: absolute;
  top: 0.875rem;
  bottom: 0.875rem;
  right: 0;
}

.m-checkbox.m-checkbox--brand-light.m-checkbox--solid > input:checked ~ span {
  background: #5c7fe6;
}

.m-checkbox.m-checkbox--brand-light.m-checkbox--solid > span::after {
  border: solid #fff;
}

.m-dropdown__toggle-text {
  line-height: 30px;
  padding-right: 5px;
  height: 30px;
  display: inline-block;
}

.sms-only-note {
  font-weight: 300;
  font-size: 0.744rem;
  padding-top: 7px;
}

.m-form--paper .has-danger > .input-group {
  margin-bottom: 0;
}
.m-form--paper .has-danger > .input-group .paper-input {
  margin-bottom: 0;
}

.case-file-header-menu {
  display: flex;
  justify-content: center;
  align-items: center;
}
.case-file-header-menu__scrollable {
  width: 100%;
  overflow: auto;
}
.case-file-header-menu__group--action {
  width: 160px;
  text-align: center;
}
@media screen and (width <= 1200px) {
  .case-file-header-menu {
    flex-direction: column;
    align-items: flex-end;
    padding-bottom: 1.094rem;
  }
  .case-file-header-menu__list {
    min-width: 800px;
  }
}

.payment-table--type {
  width: 150px;
}
.payment-table--date {
  width: 230px;
}
.payment-table--amount {
  width: 150px;
}
.payment-table--description {
  width: auto;
}
.payment-table--actions {
  width: 170px;
}

.tutorial-img {
  width: 50%;
  display: block;
  margin: 30px auto;
}

.tutorial-text {
  font-size: 16px;
}

.m-checkbox.tutorial {
  margin-right: auto;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}
.dropzone, .dropzone-base * {
  box-sizing: border-box;
}

.dropzone-base {
  min-height: 150px;
  border: 2px dashed rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

.dropzone-base.dz-clickable {
  cursor: pointer;
}

.dropzone-base.dz-clickable * {
  cursor: default;
}

.dropzone-base.dz-clickable .dz-message, .dropzone-base.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone-base.dz-started .dz-message {
  display: none;
}

.dropzone-base.dz-drag-hover {
  border-style: solid;
}

.dropzone-base.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone-base .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone-base .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone-base .dz-preview:hover {
  z-index: 1000;
}

.dropzone-base .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone-base .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone-base .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone-base .dz-preview.dz-image-preview {
  background: white;
}

.dropzone-base .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}

.dropzone-base .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone-base .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.dropzone-base .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone-base .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone-base .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone-base .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone-base .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone-base .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone-base .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone-base .dz-preview .dz-details .dz-filename span, .dropzone-base .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone-base .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.dropzone-base .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone-base .dz-preview .dz-image img {
  display: block;
}

.dropzone-base .dz-preview.dz-success .dz-success-mark {
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone-base .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone-base .dz-preview .dz-success-mark, .dropzone-base .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone-base .dz-preview .dz-success-mark svg, .dropzone-base .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone-base .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}

.dropzone-base .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

.dropzone-base .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse 6s ease infinite;
}

.dropzone-base .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone-base .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out;
}

.dropzone-base .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone-base .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone-base .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone-base .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

#tidio-chat iframe {
  bottom: -1.4rem !important;
  right: -1.225rem !important;
}

#modal-container {
  position: absolute;
}

.pay img {
  height: auto;
  max-height: 400px;
  max-width: 90%;
}
.pay .heading {
  font-size: 0.963rem;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .pay .heading {
    font-size: 1.488rem;
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 768px) {
  .pay .heading {
    font-size: 1.75rem;
    margin-bottom: 1.75rem;
  }
}
.pay .message {
  font-size: 0.787rem;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .pay .message {
    font-size: 1.225rem;
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 768px) {
  .pay .message {
    font-size: 1.4rem;
    margin-bottom: 1.75rem;
  }
}
.pay .link {
  margin-bottom: 0.875rem;
}
.pay .link a {
  color: red;
  font-size: 0.7rem;
}
@media (min-width: 576px) {
  .pay .link a {
    font-size: 1.225rem;
  }
}
@media (min-width: 768px) {
  .pay .link a {
    font-size: 1.4rem;
  }
}
.pay .link a:hover, .pay .link a:active, .pay .link a:visited, .pay .link a:link {
  text-decoration: underline !important;
}

#checkout-address {
  max-width: 100%;
  width: 600px;
  display: block;
  margin: auto;
  padding: 0.875rem;
}

.chart-box--checkable-labels .apexcharts-legend-marker {
  background: transparent !important;
  vertical-align: middle;
}
.chart-box--checkable-labels .apexcharts-legend-marker .statistics-label-check {
  font-size: 1.138rem;
}
.chart-box--checkable-labels .apexcharts-legend-marker .statistics-label-check:before {
  content: "\f14a";
}
.chart-box--checkable-labels .apexcharts-inactive-legend {
  opacity: 0.8;
}
.chart-box--checkable-labels .apexcharts-inactive-legend .statistics-label-check:before {
  content: "\f0c8";
}
.chart-box__content--loading {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: red;
  opacity: 0.2;
}

.apexcharts-tooltip-series-group.apexcharts-tooltip-series-group--horizontal {
  display: flex;
  padding: 0 5px !important;
  text-align: left;
  justify-content: left;
  align-items: center;
}
.apexcharts-tooltip-series-group.apexcharts-tooltip-series-group--horizontal .apexcharts-tooltip-text-value {
  margin-left: 0;
  padding: 5px;
}
.apexcharts-tooltip-series-group.apexcharts-tooltip-series-group .apexcharts-tooltip-value-separator {
  border-right: 1px solid #dee2e6;
  display: inline;
  padding: 6px 0;
  margin-right: 4px;
}

.apexcharts-tooltip-text-value--greyed {
  color: #989898;
}

/* stylelint-disable */
.status-pill {
  font-size: 11px;
  padding: 3px 5px;
  border-radius: 3px;
  font-weight: 400;
  cursor: pointer;
}
.status-pill__turqoise {
  color: #40bed7;
  background: #dff9fd;
}
.status-pill__grey {
  color: #80849b;
  background: #ebedf2;
}
.status-pill__blue {
  color: #5d78ff;
  background: #f5faff;
}
.status-pill__red {
  color: #ff3061;
  background: #fddfe8;
}
.status-pill__orange {
  color: #f7941d;
  background: #ffeccf;
}
.status-pill__green {
  color: #99be6a;
  background: #eefddf;
}

.soap-page {
  color: #212529;
  font-weight: 400;
  background: #fff;
  border-radius: 0 3px 3px 0;
  font-size: 14px;
}
.soap-page::after {
  content: "";
  display: table;
  clear: both;
}
.soap-page .custom-mobile-timestamp-container {
  display: none !important;
}
.soap-page .mt-10 {
  margin-top: 10px;
}
.soap-page .input-group {
  z-index: 0;
}
.soap-page__header-content {
  display: flex;
  align-items: center;
  max-width: 100%;
  font-weight: 500;
  font-size: 12px;
  color: #80849b;
  flex-wrap: wrap;
  margin-top: 10px;
}
.soap-page__header-content div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 10px;
}
.soap-page__header-content div .dt-icon {
  transform: scale(1.5);
}
.soap-page__header-content div .content-info-text,
.soap-page__header-content div .current-based-appointment,
.soap-page__header-content div .linked-record,
.soap-page__header-content div .add-linked-appointment {
  margin-top: 3px;
}
.soap-page__header-content div .content-info-text {
  margin-left: 8px;
}
.soap-page__header-content div .current-based-appointment,
.soap-page__header-content div .linked-record,
.soap-page__header-content div .add-linked-appointment {
  color: #40bed7;
  margin-left: 5px;
}
.soap-page__header-content div .add-linked-appointment {
  cursor: pointer;
  border-left: 1px solid #b2b9cd;
  margin-left: 10px;
  padding-left: 10px;
  line-height: 10px;
  margin-right: 10px;
}
.soap-page__header-content div .clickable:hover {
  color: #26c6da;
  text-decoration: underline;
}
.soap-page__header-head {
  display: flex;
  align-items: center;
  max-width: 100%;
  flex-wrap: wrap;
}
.soap-page__header-head .notes-button {
  display: flex;
  align-items: center;
  color: #93a2dd;
  cursor: pointer;
  margin-left: auto;
}
.soap-page__header-head .notes-button .dt-icon {
  font-size: 22px;
}
.soap-page__header-head .header-additional-info {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-bottom: 10px;
  gap: 10px;
}
.soap-page__header-head .header-additional-info > div {
  margin: 0 4px;
}
.soap-page__header-head .header-additional-info > div:last-of-type {
  margin-right: 0;
}
.soap-page__header-head .status-pill {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.soap-page .header-additional-info {
  order: 2;
}
@media only screen and (min-width: 640px) {
  .soap-page .header-additional-info {
    order: 3;
  }
}
.soap-page .template-selector {
  order: 3;
}
@media only screen and (min-width: 640px) {
  .soap-page .template-selector {
    order: 2;
    margin-left: 30px;
  }
}
.soap-page__template-select-wrapper {
  max-width: 100%;
  width: 280px;
  display: flex;
}
.soap-page .col-form-label--no-mg {
  margin-top: 0;
}
.soap-page__header {
  padding: 25px 20px 5px;
}
.soap-page__header-title {
  font-size: 16px;
  font-weight: 500;
  color: #80849b;
  display: inline-block;
}
.soap-page__subsection-title {
  font-size: 16px;
  color: #80849b;
}
.soap-page__subsection-title--pushed {
  margin-top: 30px;
}

.soap-navigation {
  border-bottom: 1px solid #ebedf2;
  color: #80849b;
  background: #fff;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.soap-navigation__content {
  flex-grow: 15;
  order: 2;
  display: flex;
  align-items: center;
}
.soap-navigation__actions {
  padding: 0 20px;
  margin-bottom: 10px;
  display: flex;
  justify-content: end;
  flex-grow: 1;
}
.soap-navigation__actions > div:nth-of-type(1) {
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (min-width: 640px) {
  .soap-navigation__actions > div:nth-of-type(1) {
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 10px;
    flex-grow: 1;
    margin-bottom: 10px;
  }
}
.soap-navigation__actions-container {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
@media only screen and (min-width: 640px) {
  .soap-navigation__actions-container {
    display: inline-flex;
    padding: 0;
  }
}
.soap-navigation .btn:not(.soap-navigation__save) {
  margin-right: 10px;
}
.soap-navigation__list-item {
  font-weight: 500;
  padding: 16px 0;
  margin: 0 25px;
  float: left;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: 0.2s all;
}
.soap-navigation__list-item:first-child {
  margin-left: 20px;
}
.soap-navigation__list-item--selected, .soap-navigation__list-item:hover {
  color: #26c6da;
  border-bottom-color: #26c6da;
}
.soap-navigation__save-label {
  margin-left: 5px;
  font-size: 13px;
}
.soap-navigation__save-label__sign {
  font-size: 12px;
  color: #99be6a;
  padding-top: 20px;
  display: inline-block;
  font-weight: 500;
}
.soap-navigation__save-label__sign-icon {
  margin-left: 5px;
  font-size: 14px;
  padding: 2px;
  border: 1px solid #80849b;
  border-radius: 50%;
  color: #80849b;
}
.soap-navigation .record-timestamps {
  margin-top: 10px;
  margin-right: auto;
}

.forms-navigation__save-label {
  margin-left: 5px;
  font-size: 10px;
}

.soap-section {
  border-bottom: 1px solid #ebedf2;
}
.soap-section__header {
  color: #80849b;
  padding: 0 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 90px;
}
.soap-section__content {
  margin-top: -10px;
  padding: 0 20px 20px;
}
.soap-section__title-zone {
  flex-grow: 1;
  padding: 0 35px;
}
.soap-section__heading {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  cursor: pointer;
  display: inline-block;
  padding: 10px 0;
}
.soap-section__mini-heading {
  font-weight: 500;
  color: #80849b;
}
.soap-section__toggle {
  display: block;
  height: 22px;
  width: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/static/icons/squared_plus.svg");
  cursor: pointer;
  stroke: #b2b9cd;
}
.soap-section__toggle--off {
  background-image: url("/static/icons/squared_minus.svg");
}
.soap-section__info-list {
  margin: 0 -10px;
}
.soap-section__info-list::after {
  content: "";
  display: table;
  clear: both;
}
.soap-section__info-list-item {
  float: left;
  padding: 0 10px;
  cursor: pointer;
}
.soap-section__group-title {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
}
.soap-section__group-toggle-action {
  position: absolute;
  top: 0;
  right: 0;
  padding: 13px;
}
.soap-section__input-group {
  margin-top: 20px;
}

@media (width <= 640px) {
  .pill-tabs {
    flex-wrap: wrap;
  }
  .pill-tabs__container {
    margin: 4px 0;
  }
}
.pill-tabs {
  margin: 0 -8px;
}
.pill-tabs__item {
  padding: 7px 10px;
  cursor: pointer;
  border: 1.5px solid #c5cad9;
  border-radius: 50px;
  background: transparent;
  color: #212529;
}
.pill-tabs__item:hover, .pill-tabs__item:active, .pill-tabs__item--active {
  background: #93a2dd;
  color: #fff;
}
.pill-tabs__container {
  padding: 0 8px;
}
.pill-tabs__more {
  margin-left: 2px;
}

.plus-actionable {
  position: relative;
  border: 1.5px solid #c5cad9;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  transition: 0.2s all;
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.plus-actionable::before, .plus-actionable::after {
  content: " ";
  position: absolute;
  inset: 0;
  background: #c5cad9;
  border-radius: 2px;
  margin: auto;
}
.plus-actionable::before {
  height: 10px;
  width: 2px;
}
.plus-actionable::after {
  height: 2px;
  width: 10px;
}
.plus-actionable:hover {
  background: #93a2dd;
}
.plus-actionable--active {
  background: #536198;
  transform: rotate(45deg);
}
.plus-actionable:hover::before, .plus-actionable:hover::after, .plus-actionable--active::before, .plus-actionable--active::after {
  background: #fff;
}

.dashed-separator {
  border-top: 1px dashed #b2b9cd;
  width: 100%;
  height: 12px;
}

.include-dashed {
  padding-bottom: 10px;
  border-bottom: 1px dashed #b2b9cd;
}

.boxed-content {
  border: 1px solid #ebedf2;
  border-radius: 3px;
  margin: 10px 0 20px;
  padding: 20px;
  position: relative;
}
.boxed-content--darker {
  border-color: #b2b9cd;
}
.boxed-content__separator {
  border-top: 1px solid #edeff3;
  margin: 30px -20px;
}
.boxed-content__cut {
  margin: 0 -20px;
  overflow: auto;
}

.payment-actions-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.payment-actions {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.item-table {
  width: 100%;
}
.item-table--middle td {
  vertical-align: middle;
}
.item-table__heading {
  color: #80849b;
  font-weight: 400;
  padding: 5px 10px;
}
.item-table__heading--pushed {
  padding-top: 10px;
}
.item-table__heading--display {
  color: #212529;
}
.item-table__data {
  padding: 18px 10px;
  color: #212529;
}
.item-table__data--display {
  color: #80849b;
}
.item-table__data--compact {
  padding: 5px 10px;
}
.item-table__data_info {
  display: flex;
  flex-direction: row;
}
.item-table__fake-header {
  padding-top: 10px;
}
.item-table__data--very-small, .item-table__heading--very-small {
  width: 110px;
  max-width: 10%;
}
.item-table__data--small, .item-table__col-small, .item-table__heading--small {
  width: 140px;
  max-width: 20%;
}
.item-table__data--medium, .item-table__col-medium, .item-table__heading--medium {
  width: 190px;
  max-width: 30%;
}
.item-table__col-30 {
  width: 30%;
}
.item-table__col-min-25 {
  min-width: 25%;
}
.item-table__col-50 {
  width: 50%;
}
.item-table__col-20 {
  width: 20%;
}
.item-table__buttons-box > button {
  margin: 0 5px;
}
.item-table__buttons-box__heading {
  max-width: 200px !important;
  width: 200px;
}

.value-display-color {
  color: #80849b;
}

.service-category-box {
  width: 268px;
}

.template-select {
  width: 100%;
}

.treatments-list-overflow {
  max-height: 310px;
  overflow: auto;
}

.treatments-list-table {
  width: 100%;
}
.treatments-list-table__row:hover {
  background: #f2f2f2;
}
.treatments-list-table__data, .treatments-list-table__heading {
  padding: 5px 10px;
}
.treatments-list-table__heading {
  color: #80849b;
  font-weight: 400;
}
.treatments-list-table__data {
  cursor: pointer;
}

.date-status {
  color: #afb2c1;
  font-style: italic;
}

.generic-pill-container {
  margin-top: 15px;
}
.generic-pill-container > .pill-container {
  display: inline-block;
  margin-bottom: 10px;
}
.generic-pill-container > .pill-container:not(:last-child) {
  margin-right: 10px;
}
.generic-pill-container .chakra-button {
  border: 0;
}

.soap-search-container {
  border: 1px solid #fff;
  box-sizing: border-box;
  box-shadow: 1px 4px 10px rgba(150, 158, 181, 0.5);
  border-radius: 3px;
  padding: 15px 10px 10px;
  position: absolute;
  width: 100%;
  z-index: 4;
  background: white;
}
.soap-search-container__new-item-row {
  border-top: 2px solid #ebedf2;
  padding: 10px 10px 0;
  margin: 0 -10px;
}
.soap-search-container__new-item-button {
  font-size: 13px;
  padding: 5px 10px;
}

.treatments-search-tabs {
  border-bottom: 1px solid #ededf2;
}
.treatments-search-tabs__list::after {
  content: "";
  display: table;
  clear: both;
}
.treatments-search-tabs__item {
  float: left;
  color: #80849b;
  border: 1px solid transparent;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  padding: 5px 10px;
  margin-bottom: -1px;
  cursor: pointer;
}
.treatments-search-tabs__item--selected {
  font-weight: 500;
  color: #716aca;
  border-color: #ededf2;
  border-bottom-color: #fff;
}

.sub-section-heading-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sub-section-heading {
  margin: 20px 0 0;
  color: #212529;
  font-size: 16px;
  font-weight: 500;
}
.sub-section-heading--first {
  margin-top: 0;
}
.sub-section-heading--clickable {
  font-weight: 500;
  font-size: 12px;
  color: #40bed7;
  cursor: pointer;
}
.sub-section-heading--clickable:hover {
  color: #26c6da;
}

.product-actions {
  display: flex;
  gap: 5px;
}

.text-accent {
  color: #40bed7;
}

.input-small-wrapper {
  width: 200px;
}

.box-pair {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-weight: 400;
}
.box-pair__label, .box-pair__value,
.box-pair label {
  margin: 0;
}
.box-pair__label {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-grow: 1;
  color: #80849b;
}
.box-pair__value {
  min-width: 100px;
  text-align: right;
  color: #000;
}
.box-pair__value--boxed {
  padding: 7px;
  background: #f7f7f7;
}
.box-pair__value--info {
  background: #dff9fd;
}
.box-pair__value--warning {
  background: #fddfe8;
}
.box-pair__value--success {
  background: #dffde6;
}
.box-pair__value--transparent {
  background: transparent;
}
.box-pair__value--credit {
  background: #edefff;
}

.template-selector__icon {
  width: 12px;
  height: 12px;
  background-image: url("/static/icons/checklist.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.template-selector__label {
  background: #ebedf2;
  font-size: 12px;
}

.soap-configurable-actions__settings {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-left: 10px;
  background-image: url("/static/icons/cog_on.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.soap-configurable-actions__settings, .soap-configurable-actions__settings:focus {
  outline: none;
}
.soap-configurable-actions__settings--off {
  background-image: url("/static/icons/cog_off.svg");
}
.soap-configurable-actions__settings--configured {
  background-image: url("/static/icons/cog_checked.svg");
}
.soap-configurable-actions__switch {
  margin-left: 10px !important;
}
.soap-configurable-actions__switch input:not(:checked) ~ span::before {
  background: #b5b6bb !important;
}

.soap-label-tooltip__trigger {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-left: 10px;
  background-image: url("/static/icons/general-info.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.faded-pill {
  background: #ebedf2;
  border-radius: 5px;
  padding: 5px 8px;
  color: #848ca5;
  font-size: 12px;
  margin-left: 10px;
}
.faded-pill__icon {
  margin-right: 5px;
  vertical-align: middle;
}
.faded-pill--active {
  color: #586bb5;
}

.faded-label {
  color: #80849b;
  font-weight: 400;
  padding: 5px 0;
}

.dark-label {
  color: #000;
  font-weight: 400;
}

.add-icon-brand {
  display: block;
  height: 26px;
  width: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/static/icons/brand_plus.svg");
}

.user-card-padded {
  padding: 5px 10px;
  margin-bottom: 0.438rem;
}

.vet-warning-popover-wrapper {
  top: -14px;
  left: 51%;
}

.record-vet-select-zone.m-popover.popover {
  box-shadow: none;
}
.record-vet-select-zone.m-popover.popover .popover-body {
  padding: 0;
}
.record-vet-select-zone.m-popover.popover .select2.select2-container {
  visibility: hidden;
  height: 0;
}
.record-vet-select-zone.m-popover.popover .select2.select2-container .select2-selection {
  height: 0;
  padding: 0;
  border: 0;
}
.record-vet-select-zone.m-popover.popover .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.soap-text-faded {
  color: #80849b;
}

.soap-follow-up-table {
  overflow-x: auto;
  border: 1px solid #dee2e6;
}

.small-status-dot {
  background: #34bfa3;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
}

.faded-out-element {
  opacity: 0.5;
}

.form-control.textarea-as-input {
  height: calc(2.231rem + 2px);
}

.text-centered {
  text-align: center;
}

.btn-add-treatment {
  border-color: #93a2dd;
  background-color: #93a2dd;
  color: white;
}
.btn-add-treatment__sign {
  margin: 0 !important;
  margin-left: 10px;
}

.btn-grey {
  background-color: #f4f5f8;
  border-color: #f4f5f8;
}
.btn-grey i {
  color: #80849b;
}

.btn-dark-teal {
  background-color: #028698;
  color: white;
}
.btn-dark-teal__sign {
  margin: 0;
  margin-bottom: 5px !important;
  margin-right: 10px !important;
}

.btn-edit::before {
  position: relative;
  top: 0.3px;
  left: 0.6px;
}

.btn-remove::before {
  position: relative;
  top: 0.3px;
  right: 0.5px;
}

.btn-print::before {
  position: relative;
  top: 0.9px;
}

.btn-copy::before {
  position: relative;
  top: 0.9px;
}

.currency {
  background-color: #f6f6f6;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.m-accordion.m-accordion--toggle-arrow .m-accordion__item .m-accordion__item-head .m-accordion__item-mode {
  font-family: "LineAwesome";
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 1.137rem;
}
.m-accordion.m-accordion--toggle-arrow .m-accordion__item .m-accordion__item-head .m-accordion__item-mode:before {
  content: "\f110";
}
.m-accordion.m-accordion--toggle-arrow .m-accordion__item .m-accordion__item-head.collapsed .m-accordion__item-mode {
  font-family: "LineAwesome";
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.m-accordion.m-accordion--toggle-arrow .m-accordion__item .m-accordion__item-head.collapsed .m-accordion__item-mode:before {
  content: "\f112";
}
.m-accordion.m-accordion--toggle-arrow .m-accordion__item .m-accordion__item-head .m-accordion__item-head--slim {
  background-color: #f4f5f8 !important;
}
.m-accordion__item-title {
  z-index: 999 !important;
  font-size: 16px !important;
}
.m-accordion__item-title-text {
  font-weight: 500;
  font-size: 16px !important;
  display: inline;
}
.m-accordion__item-title-text p {
  display: table-cell;
}
.m-accordion__item-title-text p::first-letter {
  text-transform: uppercase;
}

.discount-input-label div {
  display: inline-block;
}

.is-mobile .soap-section__content {
  padding: 0;
}
.is-mobile .soap-section__input-group {
  margin-bottom: 20px;
}
.is-mobile .soap-section .row {
  margin: 0;
}
.is-mobile .soap-section__info-list {
  display: none;
}
.is-mobile .custom-mobile-timestamp-container {
  flex-grow: 1;
  order: 0;
  display: flex !important;
}
@media (min-width: 640px) {
  .is-mobile .custom-mobile-timestamp-container {
    display: none !important;
  }
}
.is-mobile .custom-mobile-timestamp-container .record-timestamps {
  display: flex !important;
  margin-left: 20px;
  margin-top: 10px;
}
@media (min-width: 640px) {
  .is-mobile .custom-mobile-timestamp-container .record-timestamps {
    display: none !important;
  }
}
.is-mobile .treatments-list-name {
  font-size: 14px;
  color: #212529;
}
.is-mobile .currency {
  background-color: #ededf2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 !important;
}
.is-mobile .pill-tabs {
  margin: 0;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.is-mobile .pill-tabs__container {
  padding: 4px 8px;
}
.is-mobile .soap-navigation {
  display: flex !important;
  justify-content: space-between;
}
.is-mobile .soap-navigation__save {
  height: 40px;
}
.is-mobile .soap-navigation .dropdown {
  order: 2;
  align-self: flex-end;
  margin-right: 10px;
  margin-left: 10px;
  flex-grow: 1;
  margin-bottom: 10px;
}
.is-mobile .soap-navigation .dropdown-toggle {
  margin-top: 10px;
}
.is-mobile .soap-navigation .dropdown .btn.dropdown-toggle.dropdown-toggle-split {
  height: 40px;
  margin-top: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}
.is-mobile .soap-navigation .dropdown .btn.dropdown-toggle.dropdown-toggle-split:after {
  right: -4px;
}
.is-mobile .soap-navigation .dropdown .soap-navigation__list-item {
  padding: 16px 10px;
}
.is-mobile .soap-navigation .dropdown + .soap-navigation__actions {
  width: auto;
}
.is-mobile .soap-navigation__actions-wrapper {
  flex-grow: 1;
}
.is-mobile .soap-navigation__list-item {
  padding: 16px 10px;
  margin: 0 4px;
}
.is-mobile .soap-navigation__sections {
  margin-left: 1.05rem;
}
.is-mobile .soap-navigation__actions {
  flex-grow: 1;
  padding-right: 10px;
  padding-left: 0;
  margin-bottom: 0;
}
.is-mobile .soap-search-container {
  border: none;
  position: static !important;
  margin-top: 20px;
}
.is-mobile .column-items {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.is-mobile .column-items > label {
  font-size: 12px;
  color: #b2b9cd;
}
.is-mobile .column-items > label > p {
  font-size: 16px;
  color: black;
}
.is-mobile .column-items > div {
  padding-top: 15px;
}
.is-mobile .column-items > div i {
  font-size: 18px;
}
.is-mobile .payment-column {
  display: flex;
  flex-direction: column;
}
.is-mobile .template-name {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.is-mobile .boxed-content__cut {
  margin: 0 !important;
}
.is-mobile .billing-item {
  margin-bottom: 40px;
}
.is-mobile .plus-actionable {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.is-mobile .sticky-section-wrapper {
  position: relative;
  z-index: 999 !important;
}
.is-mobile .record-timestamps {
  margin-top: 0;
  margin-left: 20px;
  align-self: flex-start;
  display: none !important;
}
@media only screen and (min-width: 640px) {
  .is-mobile .record-timestamps {
    display: flex !important;
  }
}

.toggle-boxed-content {
  padding: 0;
  padding: 14px 20px;
}

.consolidated-invoice-container {
  display: flex;
  flex-direction: row;
  color: black;
  font-weight: 400;
}
.consolidated-invoice-container iframe {
  width: 100%;
}
.consolidated-invoice-container .pdf-iframe-wrapper {
  box-shadow: 0 0 16px 5px rgba(0, 0, 0, 0.19);
}
.consolidated-invoice-container .invoices-container {
  margin-left: 1.75rem;
  padding-left: 1.75rem;
  border-left: 2px solid #ebedf2;
}

.discount-reason {
  position: relative;
  cursor: pointer;
}
.discount-reason__content {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.263rem;
  box-shadow: 0 0.109rem 0.219rem rgba(0, 0, 0, 0.075) !important;
  display: flex;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  gap: 8px;
  padding: 10px;
}
.discount-reason__wrapper {
  position: absolute;
  right: 0;
  top: 10px;
}
.discount-reason__hint {
  text-decoration: underline;
  font-size: 10px;
  color: #40bed7;
  cursor: pointer;
}
.discount-reason__error {
  color: #ff3061 !important;
  font-size: 10px;
  display: flex;
}
.discount-reason__error__icon {
  text-decoration: none;
}

@media (width <= 1500px) {
  .invoices-container {
    margin-left: 0;
    padding-left: 0.875rem;
  }
}
@media (width <= 1260px) {
  .consolidated-invoice-container {
    flex-direction: column;
  }
  .consolidated-invoice-container .pdf-iframe-wrapper {
    width: 100%;
  }
  .consolidated-invoice-container .invoices-container {
    margin-left: 0;
    padding-left: 0;
    margin-top: 20px;
  }
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgb(180, 180, 180);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(129, 129, 129);
}

/* stylelint-enable */
.btn.m-btn--icon-only > span.ladda-label {
  line-height: 0;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.datatable.datatable--default {
  display: block;
  min-height: 150px;
  position: relative;
}
.datatable.datatable--default > .datatable__scrollable {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.datatable.datatable--default > .datatable__scrollable .btn {
  white-space: nowrap;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table {
  border-collapse: collapse;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row {
  width: 100%;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell {
  vertical-align: middle;
  padding: 0.656rem;
  font-size: 1rem;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell i,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell i,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell i {
  font-size: 1.3rem;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__cell--left,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--left,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__cell--left {
  text-align: left;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__cell--left > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--left > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__cell--left > span {
  text-align: left;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__cell--right,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--right,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__cell--right {
  text-align: right;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__cell--right > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--right > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__cell--right > span {
  text-align: right;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__cell--center,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--center,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__cell--center {
  text-align: center;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__cell--center > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--center > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__cell--center > span {
  text-align: center;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__cell--sort,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--sort,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__cell--sort {
  cursor: pointer;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__cell--resizing,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--resizing,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__cell--resizing {
  cursor: col-resize;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__cell--wrap > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--wrap > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__cell--wrap > span {
  white-space: normal;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__cell--check > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--check > span,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__cell--check > span {
  overflow: visible;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__cell--check > span > .m-checkbox,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--check > span > .m-checkbox,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__cell--check > span > .m-checkbox {
  top: 2px;
  padding: 0;
  margin: 0 0 0 0;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell.datatable__toggle--detail > .datatable__toggle-detail,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__toggle--detail > .datatable__toggle-detail,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell.datatable__toggle--detail > .datatable__toggle-detail {
  display: inline-block;
  text-align: right;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell .dropdown,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell .dropdown,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell .dropdown {
  display: inline-block;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell .dropdown .dropdown-menu,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell .dropdown .dropdown-menu,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell .dropdown .dropdown-menu {
  margin-top: 0.438rem;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell .dropdown.dropup .dropdown-menu,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell .dropdown.dropup .dropdown-menu,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell .dropdown.dropup .dropdown-menu {
  margin-top: auto;
  margin-bottom: 0.438rem;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell .dropdown .dropdown-menu.dropdown-menu-right,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell .dropdown .dropdown-menu.dropdown-menu-right,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell .dropdown .dropdown-menu.dropdown-menu-right {
  margin-right: -0.7rem;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell .dropdown .dropdown-menu.dropdown-menu-left,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell .dropdown .dropdown-menu.dropdown-menu-left,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell .dropdown .dropdown-menu.dropdown-menu-left {
  margin-left: -0.7rem;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell,
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell {
  font-weight: 600;
  vertical-align: middle;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell {
  padding: 0.656rem;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell > span > i {
  display: inline-block;
  position: relative;
  right: -10px;
  line-height: 0;
  vertical-align: middle;
  font-size: 0.963rem;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--check > span > .m-checkbox {
  top: 1px;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row-detail .datatable__detail {
  padding: 0 0 10px 42px;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row-detail .datatable__detail .datatable__row > .datatable__cell {
  padding: 5px 10px;
  text-align: left;
  vertical-align: top;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row-detail .datatable__detail .datatable__row > .datatable__cell:first-child {
  font-size: 1rem;
  font-weight: 500;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row-detail .datatable__detail .datatable__row > .datatable__cell:last-child {
  padding-left: 20px;
}
.datatable.datatable--default > .datatable__pager {
  margin-top: 20px;
}
.datatable.datatable--default > .datatable__pager.datatable__pager--top {
  margin-bottom: 20px;
}
.datatable.datatable--default > .datatable__pager > .datatable__pager-nav {
  margin: 10px 0 0 0;
  padding: 0;
  display: inline-block;
}
.datatable.datatable--default > .datatable__pager > .datatable__pager-nav > li {
  padding: 0;
  margin-right: 5px;
  display: inline-block;
}
.datatable.datatable--default > .datatable__pager > .datatable__pager-nav > li:last-child {
  margin-right: 0;
}
.datatable.datatable--default > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link {
  cursor: pointer;
  display: inline-block;
  height: 1.969rem;
  min-width: 1.969rem;
  padding: 0.438rem;
  border-radius: 50%;
  position: relative; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-weight: 400;
}
.datatable.datatable--default > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link > i {
  font-size: 0.875rem;
  text-align: center;
  display: inline-block;
}
.datatable.datatable--default > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--more-prev, .datatable.datatable--default > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--more-next {
  font-weight: 600;
}
.datatable.datatable--default > .datatable__pager > .datatable__pager-nav > li > .pager-input {
  height: 1.969rem;
  width: 3.062rem;
  text-align: center;
  border-radius: 15px !important;
}
.datatable.datatable--default > .datatable__pager > .datatable__pager-info {
  float: right;
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.datatable.datatable--default > .datatable__pager > .datatable__pager-info .datatable__pager-size {
  margin-right: 20px;
}
.datatable.datatable--default > .datatable__pager > .datatable__pager-info .datatable__pager-size .btn.dropdown-toggle {
  border-radius: 20px !important;
  height: 1.969rem;
  padding: 0.394rem 0.875rem;
}
.datatable.datatable--default > .datatable__pager > .datatable__pager-info .datatable__pager-size .dropdown-menu.inner > li.selected > a span.check-mark {
  margin-top: -0.525rem;
}
@media (max-width: 768px) {
  .datatable.datatable--default > .datatable__pager > .datatable__pager-info {
    float: none;
    display: block;
    margin: 10px 0 0 0;
  }
}
.datatable > .datatable__scrollable > .datatable__table {
  background-color: #fff;
}
.datatable > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell .m-checkbox.m-checkbox--solid > span,
.datatable > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell .m-checkbox.m-checkbox--solid > span,
.datatable > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell .m-checkbox.m-checkbox--solid > span {
  background: #e5e3ef;
}
.datatable > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span,
.datatable > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span,
.datatable > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span {
  background: #716aca;
}
.datatable > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell,
.datatable > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell {
  background: #f4f3f8;
}
.datatable > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell > span,
.datatable > .datatable__scrollable > .datatable__table > .datatable__foot .datatable__row > .datatable__cell > span {
  color: #575962;
}
.datatable > .datatable__scrollable > .datatable__table > .datatable__head .datatable__row > .datatable__cell > span > i {
  color: #4d44bd;
}
.datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link {
  color: #898b96;
}
.datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--first, .datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--prev, .datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--next, .datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--last {
  background: #ebe9f2;
}
.datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--first:hover, .datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--prev:hover, .datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--next:hover, .datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--last:hover {
  background: #716aca;
  color: #ffffff;
}
.datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link:hover {
  background: #716aca;
  color: #ffffff;
}
.datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--active {
  background: #716aca;
  color: #ffffff;
}
.datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--disabled, .datatable > .datatable__pager > .datatable__pager-nav > li > .datatable__pager-link.datatable__pager-link--disabled:hover {
  color: #898b96;
  background: #ebe9f2;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.datatable > .datatable__pager > .datatable__pager-nav > li > .pager-input {
  background: #ebe9f2;
  border-color: #ebe9f2;
}
.datatable > .datatable__pager > .datatable__pager-nav > li > .pager-input:focus {
  background: #716aca;
  border-color: #716aca;
}
.datatable > .datatable__pager > .datatable__pager-info .datatable__pager-size .btn.dropdown-toggle {
  border: 0 !important;
  color: #3f4047;
  background: #ebe9f2;
}
.datatable > .datatable__pager > .datatable__pager-info .datatable__pager-size .btn.dropdown-toggle i {
  color: #ffffff;
}
.datatable > .datatable__pager > .datatable__pager-info .datatable__pager-size .btn.dropdown-toggle:focus,
.datatable > .datatable__pager > .datatable__pager-info .datatable__pager-size .btn.dropdown-toggle:hover, .datatable > .datatable__pager > .datatable__pager-info .datatable__pager-size.show > .btn.dropdown-toggle {
  border: 0 !important;
  color: #ffffff;
  background: #716aca;
}
.datatable > .datatable__pager > .datatable__pager-info .datatable__pager-size .btn.dropdown-toggle:focus i,
.datatable > .datatable__pager > .datatable__pager-info .datatable__pager-size .btn.dropdown-toggle:hover i, .datatable > .datatable__pager > .datatable__pager-info .datatable__pager-size.show > .btn.dropdown-toggle i {
  color: #ffffff;
}
.datatable > .datatable__pager > .datatable__pager-info .datatable__pager-size .dropdown-menu {
  z-index: 100;
}
.modal .datatable > .datatable__pager > .datatable__pager-info .datatable__pager-size .dropdown-menu {
  z-index: 1051;
}
.datatable > .datatable__no-results {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  overflow: hidden;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell > span {
  color: #575962;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell.datatable__cell--hover {
  background: #f7f6fa;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row.datatable__row--even > .datatable__cell {
  background: #faf9fc;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row.datatable__row--active > .datatable__cell {
  background: #f7f6fa;
}
.datatable.datatable--default > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row.datatable__row--hover:not(.datatable__row--active) > .datatable__cell {
  background: #f7f6fa;
}
.datatable.datatable--bordered > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row > .datatable__cell > span {
  color: #575962;
}
.datatable.datatable--bordered > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row.datatable__row--even > .datatable__cell {
  background: #faf9fc;
}
.datatable.datatable--bordered > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row.datatable__row--active > .datatable__cell {
  background: #f7f6fa;
}
.datatable.datatable--bordered > .datatable__scrollable > .datatable__table > .datatable__body .datatable__row.datatable__row--hover:not(.datatable__row--active) > .datatable__cell {
  background: #f7f6fa;
}

.datatable.datatable--default.datatable--top > .datatable__table > .datatable__body .datatable__row > .datatable__cell {
  vertical-align: top;
}

.datatable--readable.datatable.datatable--subtable .datatable__toggle-subtable {
  text-align: center;
}
.datatable--readable.datatable.datatable--subtable .datatable__subtable {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
}
.datatable--readable.datatable.datatable--subtable .datatable__table > .datatable__body .datatable__row.datatable__row--subtable-expanded .datatable__cell {
  background: #faf9fc !important;
}
.datatable--readable.datatable .datatable__table > .datatable__body .datatable__row .datatable__cell {
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.datatable--readable.datatable .datatable__table > .datatable__body .datatable__row .datatable__cell:last-child {
  border-right: 1px solid #eee;
}
.datatable--readable.datatable .datatable__table > .datatable__body .datatable__row.datatable__row--even .datatable__cell {
  background: #fff;
}
.datatable--readable.datatable .datatable__table > .datatable__head .datatable__row .datatable__cell {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  font-weight: 500;
}
.datatable--readable.datatable .datatable__table > .datatable__head .datatable__row .datatable__cell:last-child {
  border-right: 1px solid #e9e9e9;
}
.datatable.datatable .datatable__row--highlighted .datatable__cell {
  background: #f2f6fa !important;
}
.datatable.datatable .datatable__row--custom-1 .datatable__cell:not(:first-child):not(:nth-child(2)):not(:last-child) {
  border-left-color: transparent;
}
.datatable--compact.datatable .datatable__table > .datatable__body .datatable__row .datatable__cell {
  padding: 7px 10px;
}
.datatable--compact.datatable .datatable__table > .datatable__head .datatable__row .datatable__cell {
  padding: 10px;
}
.datatable--slim.datatable .datatable__table > .datatable__body .datatable__row .datatable__cell {
  padding: 5px;
}
.datatable--slim.datatable .datatable__table > .datatable__head .datatable__row .datatable__cell {
  padding: 5px;
}
.datatable--slim.datatable .datatable__cell-custom {
  padding: 5px;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-weight: 500;
}
.datatable--slim.datatable .datatable__cell-custom:last-child {
  border-right: 1px solid #eee;
}
.datatable--subtable-no-height table {
  min-height: 80px !important;
}
.datatable--only-pagination a:hover {
  text-decoration: none;
}

/*!
 * copied and updated based on the npm-package; the base one is not updated to work well with latest sass compilers;
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2018 Hakim El Hattab, http://hakim.se
 */
/*************************************
 * CONFIG
 */
/*************************************
 * MIXINS
 */
/*************************************
 * Opacity animation for spin.js
 */
@keyframes ladda-spinner-line-fade {
  0%, 100% {
    opacity: 0.22; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}
/*************************************
 * BUTTON BASE
 */
.ladda-button {
  position: relative;
}

/* Spinner animation */
.ladda-button .ladda-spinner {
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 32px;
  top: 50%;
  margin-top: 0;
  opacity: 0;
  pointer-events: none;
}

/* Button label */
.ladda-button .ladda-label {
  position: relative;
  z-index: 3;
}

/* Progress bar */
.ladda-button .ladda-progress {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  display: none;
  transition: 0.1s linear all !important;
}

.ladda-button[data-loading] .ladda-progress {
  display: block;
}

/*************************************
 * EASING
 */
.ladda-button,
.ladda-button .ladda-spinner,
.ladda-button .ladda-label {
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
}

.ladda-button[data-style=zoom-in],
.ladda-button[data-style=zoom-in] .ladda-spinner,
.ladda-button[data-style=zoom-in] .ladda-label,
.ladda-button[data-style=zoom-out],
.ladda-button[data-style=zoom-out] .ladda-spinner,
.ladda-button[data-style=zoom-out] .ladda-label {
  transition: 0.3s ease all !important;
}

/*************************************
 * EXPAND RIGHT
 */
.ladda-button[data-style=expand-right] .ladda-spinner {
  right: -6px;
}
.ladda-button[data-style=expand-right][data-size=s] .ladda-spinner, .ladda-button[data-style=expand-right][data-size=xs] .ladda-spinner {
  right: -12px;
}
.ladda-button[data-style=expand-right][data-loading] {
  padding-right: 56px;
}
.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
  opacity: 1;
}
.ladda-button[data-style=expand-right][data-loading][data-size=s], .ladda-button[data-style=expand-right][data-loading][data-size=xs] {
  padding-right: 40px;
}

/*************************************
 * EXPAND LEFT
 */
.ladda-button[data-style=expand-left] .ladda-spinner {
  left: 26px;
}
.ladda-button[data-style=expand-left][data-size=s] .ladda-spinner, .ladda-button[data-style=expand-left][data-size=xs] .ladda-spinner {
  left: 4px;
}
.ladda-button[data-style=expand-left][data-loading] {
  padding-left: 56px;
}
.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
  opacity: 1;
}
.ladda-button[data-style=expand-left][data-loading][data-size=s], .ladda-button[data-style=expand-left][data-loading][data-size=xs] {
  padding-left: 40px;
}

/*************************************
 * EXPAND UP
 */
.ladda-button[data-style=expand-up] {
  overflow: hidden;
}
.ladda-button[data-style=expand-up] .ladda-spinner {
  top: -32px;
  left: 50%;
  margin-left: 0;
}
.ladda-button[data-style=expand-up][data-loading] {
  padding-top: 54px;
}
.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
  opacity: 1;
  top: 26px;
  margin-top: 0;
}
.ladda-button[data-style=expand-up][data-loading][data-size=s], .ladda-button[data-style=expand-up][data-loading][data-size=xs] {
  padding-top: 32px;
}
.ladda-button[data-style=expand-up][data-loading][data-size=s] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size=xs] .ladda-spinner {
  top: 4px;
}

/*************************************
 * EXPAND DOWN
 */
.ladda-button[data-style=expand-down] {
  overflow: hidden;
}
.ladda-button[data-style=expand-down] .ladda-spinner {
  top: 62px;
  left: 50%;
  margin-left: 0;
}
.ladda-button[data-style=expand-down][data-size=s] .ladda-spinner, .ladda-button[data-style=expand-down][data-size=xs] .ladda-spinner {
  top: 40px;
}
.ladda-button[data-style=expand-down][data-loading] {
  padding-bottom: 54px;
}
.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
  opacity: 1;
}
.ladda-button[data-style=expand-down][data-loading][data-size=s], .ladda-button[data-style=expand-down][data-loading][data-size=xs] {
  padding-bottom: 32px;
}

/*************************************
 * SLIDE LEFT
 */
.ladda-button[data-style=slide-left] {
  overflow: hidden;
}
.ladda-button[data-style=slide-left] .ladda-label {
  position: relative;
}
.ladda-button[data-style=slide-left] .ladda-spinner {
  left: 100%;
  margin-left: 0;
}
.ladda-button[data-style=slide-left][data-loading] .ladda-label {
  opacity: 0;
  left: -100%;
}
.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%;
}

/*************************************
 * SLIDE RIGHT
 */
.ladda-button[data-style=slide-right] {
  overflow: hidden;
}
.ladda-button[data-style=slide-right] .ladda-label {
  position: relative;
}
.ladda-button[data-style=slide-right] .ladda-spinner {
  right: 100%;
  margin-left: 0;
  left: 16px;
}
[dir=rtl] .ladda-button[data-style=slide-right] .ladda-spinner {
  right: auto;
}
.ladda-button[data-style=slide-right][data-loading] .ladda-label {
  opacity: 0;
  left: 100%;
}
.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%;
}

/*************************************
 * SLIDE UP
 */
.ladda-button[data-style=slide-up] {
  overflow: hidden;
}
.ladda-button[data-style=slide-up] .ladda-label {
  position: relative;
}
.ladda-button[data-style=slide-up] .ladda-spinner {
  left: 50%;
  margin-left: 0;
  margin-top: 1em;
}
.ladda-button[data-style=slide-up][data-loading] .ladda-label {
  opacity: 0;
  top: -1em;
}
.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: 0;
}

/*************************************
 * SLIDE DOWN
 */
.ladda-button[data-style=slide-down] {
  overflow: hidden;
}
.ladda-button[data-style=slide-down] .ladda-label {
  position: relative;
}
.ladda-button[data-style=slide-down] .ladda-spinner {
  left: 50%;
  margin-left: 0;
  margin-top: -2em;
}
.ladda-button[data-style=slide-down][data-loading] .ladda-label {
  opacity: 0;
  top: 1em;
}
.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: 0;
}

/*************************************
 * ZOOM-OUT
 */
.ladda-button[data-style=zoom-out] {
  overflow: hidden;
}

.ladda-button[data-style=zoom-out] .ladda-spinner {
  left: 50%;
  margin-left: 32px;
  transform: scale(2.5);
}

.ladda-button[data-style=zoom-out] .ladda-label {
  position: relative;
  display: inline-block;
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
  opacity: 0;
  transform: scale(0.5);
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  transform: none;
}

/*************************************
 * ZOOM-IN
 */
.ladda-button[data-style=zoom-in] {
  overflow: hidden;
}

.ladda-button[data-style=zoom-in] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  transform: scale(0.2);
}

.ladda-button[data-style=zoom-in] .ladda-label {
  position: relative;
  display: inline-block;
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
  opacity: 0;
  transform: scale(2.2);
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  transform: none;
}

/*************************************
 * CONTRACT
 */
.ladda-button[data-style=contract] {
  overflow: hidden;
  width: 100px;
}

.ladda-button[data-style=contract] .ladda-spinner {
  left: 50%;
  margin-left: 0;
}

.ladda-button[data-style=contract][data-loading] {
  border-radius: 50%;
  width: 52px;
}

.ladda-button[data-style=contract][data-loading] .ladda-label {
  opacity: 0;
}

.ladda-button[data-style=contract][data-loading] .ladda-spinner {
  opacity: 1;
}

/*************************************
 * OVERLAY
 */
.ladda-button[data-style=contract-overlay] {
  overflow: hidden;
  width: 100px;
  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);
}

.ladda-button[data-style=contract-overlay] .ladda-spinner {
  left: 50%;
  margin-left: 0;
}

.ladda-button[data-style=contract-overlay][data-loading] {
  border-radius: 50%;
  width: 52px;
  /*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/
  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
  opacity: 0;
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
  opacity: 1;
}

[dir=rtl] .ladda-spinner > div {
  left: 25% !important;
}

.signature-request {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.signature-request__viewer {
  order: 2;
  width: 100%;
}
.signature-request__viewer iframe {
  width: 100%;
  height: 100%;
}
.signature-request__sidebar {
  order: 1;
  width: 20%;
  height: 100%;
}

.signature-pad {
  display: flex;
}
.signature-pad canvas {
  border: 1px dashed #575962;
  margin: auto;
}

@media (min-width: 992px) {
  .signature-request {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .signature-request__viewer {
    width: 80%;
    height: 100%;
  }
  .signature-request__viewer iframe {
    width: 100%;
    height: 100%;
  }
  .signature-request__sidebar {
    order: 1;
    width: 20%;
    height: 100%;
  }
}
.printed-files-view__add-new {
  position: relative;
  z-index: 4;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}