html,
body {
    height: 100%;
}

ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul {
    margin: 0;
    font-weight: normal;
}

ol {
    font-weight: normal !important;
}

input[disabled] {
  background-color: #f8f8f8 !important;
}

.column-scroll-y {
    min-height: 0 !important;
    height: 0px !important;
    flex: 1 1 auto !important;
    overflow-y: auto !important;
}

#loading-msg {
    text-align: center;
    text-transform: uppercase;
    margin-top: 70px;
    padding-left: 125px;
}

.clear-float {
    clear: both;
}

/*Popup layer*/
.popup {
    align-items: flex-start;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;

    overflow: auto;
    z-index: 1000;
}

.popup .popup_bg {
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
}

.popup .popup_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    /* padding: 10px; */
}

.popup .popup_content {
    /* border: 2px solid #000;*/
    background: #fff;
    /*
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    */
    position: relative;
    z-index: 999999999 !important;
    /* width: 200px;*/
    padding: 10px;

}

.popup.message-dialog .popup_bg {
    background-color: #ffffff;
}

.popup.message-dialog .popup_content {
    background-color: #8bca97;
    width: 400px;
    border-radius: 15px;

    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.popup.modal-dialog .popup_bg {
    background-color: #ffffff;
}

.popup.modal-dialog .popup_content {
    background-color: #D89C8B;
    width: 560px;
    border-radius: 15px;

    padding: 30px;
    padding-left: 40px;
    padding-right: 40px;
    z-index: 999999999 !important;
}

.bluefit .popup.modal-dialog .popup_content {
    background-color: #009de0;
}

.popup.modal-dialog .title {
    text-transform: uppercase;
    font-size: 18px;
    color: white;
}

.popup.modal-dialog .subtitle, .popup.modal-dialog .subtitle-2 {
    font-size: 16px;
    color: white;
    font-weight: lighter;
}

.popup.modal-dialog .subtitle-2 {
    color: #EDC8C0;
}

.bluefit .popup.modal-dialog .subtitle-2 {
    color: rgba(0, 183, 252, 0.19);
}

.modal-dialog .close-title {
    position: absolute;
    color: white !important;
    font-size: 48px !important;
    right: 10px;
    margin-top: -20px;
    padding: 0 !important;
}

.popup.message-dialog .title {
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 500;
}

.popup.message-dialog .subtitle {
    font-size: 14px;
    color: white;
    font-weight: lighter;
}

.popup.electrosimulation-dialog .popup_bg {
    background-color: #ffffff;
}

.popup.electrosimulation-dialog .popup_content, .bluefit .popup.electrosimulation-dialog .popup_content {
    background-color: #D89C8B;
    width: 560px;
    border-radius: 15px;

    padding: 30px;
    padding-left: 40px;
    padding-right: 40px;
}

.bluefit .popup.electrosimulation-dialog .popup_content {
   background-color: #009de0;
}

.popup.electrosimulation-dialog .title {
    text-transform: uppercase;
    font-size: 18px;
    color: white;
}

.popup.electrosimulation-dialog .subtitle, .popup.electrosimulation-dialog .subtitle-2 {
    font-size: 16px;
    color: white;
    font-weight: lighter;
}

.popup.electrosimulation-dialog .subtitle-2 {
    color: #EDC8C0;
}

.popup.electrosimulation-dialog .label {
    color: white;
    font-size: 16px;
}

.popup.electrosimulation-dialog input[type=range] {
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
    width: 100%; /* Specific width is required for Firefox. */
    background: transparent;
}

.popup.electrosimulation-dialog input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.popup.electrosimulation-dialog input[type=range]:focus {
    outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.popup.electrosimulation-dialog input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;

    /* Hides the slider so custom styles can be added */
    background: transparent;
    border-color: transparent;
    color: transparent;
}

/* Special styling for WebKit/Blink */
.popup.electrosimulation-dialog input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    /*border: 1px solid #000000;*/
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #ffffff;
    border: 4px solid #D89C8B;
    cursor: pointer;
    margin-top: -12.5px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; !* Add cool effects to your sliders! *!*/
}

.popup.electrosimulation-dialog input[type=range]::-moz-range-thumb {
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
    /*border: 1px solid #000000;*/
    /*height: 36px;*/
    /*width: 16px;*/
    /*border-radius: 3px;*/
    /*background: #ffffff;*/

    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #ffffff;
    border: 4px solid #D89C8B;

    cursor: pointer;
}

.popup.electrosimulation-dialog input[type=range]::-ms-thumb {
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
    /*border: 1px solid #000000;*/
    /*height: 36px;*/
    /*width: 16px;*/
    /*border-radius: 3px;*/
    /*background: #ffffff;*/

    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #ffffff;
    border: 4px solid #D89C8B;
    cursor: pointer;
}

.popup.electrosimulation-dialog input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
    background: white;
    /*border-radius: 1.3px;*/
    /*border: 0.2px solid #010101;*/
}

.popup.electrosimulation-dialog input[type=range]:focus::-webkit-slider-runnable-track {
    background: white;
}

.popup.electrosimulation-dialog input[type=range]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
    background: white;
    /*border-radius: 1.3px;*/
    /*border: 0.2px solid #010101;*/
}

.popup.message-dialog textarea {
    width: 100%;
    height: 145px;
    border: none;
    border-radius: 20px;
    outline: none;
    padding: 20px;
    color: black;
}

.popup.message-dialog .attach {
    color: gray;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    right: 0;
    margin-top: -30px;
    margin-right: 0px;
    height: 30px;
    width: 30px;
    display: block;
}

a.message-button {
    color: white;
    margin-left: 5px;
    opacity: 0.8;
}

a.message-button:hover {
    opacity: 1;
}

.main-content {
    display: flex;
    flex-direction: column;
}

.main-content #app {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.main-content .column {
    flex: 1;
    display: flex;
    flex-direction: column;

}

select[data-am-selected] {
    opacity: 0;
}

.v-select {
    margin-top: 2px;
}

.vs__selected {
    border: none;
}

.vs__dropdown-toggle {
    border: none !important;
}

.vs--single .vs__selected {
    font-size: 16px !important;
    /*margin-top: 2px;*/
}

.vs__dropdown-option--highlight {
    background: #eeeeee !important;
    color: #333 !important;
}

.vs__open-indicator {
    fill: #D89C8B !important;
    cursor: pointer;
}

.bluefit .vs__open-indicator {
    fill: #009adc !important;
}

.base-form {
    padding: 20px;
    font-size: 1.6rem;
}

.base-form .title {
    color: #D89C8B;
    margin-right: 10px;
}

.base-form .input-group {
    display: inline-block;
    margin-right: 20px;
}

.base-form .input-row {
    margin-bottom: 10px;
}

.base-form input,
.base-form textarea {
    border: 1px solid #b0b0b0 !important;
    border-radius: 4px !important;
    color: #1e1e1c !important;
    line-height: normal !important;
    padding: 1px 7px !important;
    outline: none !important;
    font-size: 16px !important;
}

.base-form textarea.translated {
    flex: 1;
    padding-right: 35px !important;
    padding-left: 10px;
}

.base-form .vs__selected-options input {
    border: none !important;
}

.base-form .button {
    display: inline-block;
    cursor: pointer;
    background-color: #cacaca;
    color: black;
    font-weight: normal;
    padding: 3px 10px 3px 10px;
    border-radius: 3px;
}

.base-form .button:hover {
    opacity: 0.8;
    color: unset;
}

.base-form .button.save {
    background-color: #D89C8B;
    color: white;
}

.base-form .button.blue {
    background-color: #878992;
    color: white;
}

.base-form .button.lightblue {
    background-color: #0179e0;
    color: white;
}

.base-form .button.green {
    background-color: #3c9274;
    color: white;
}

.base-form .selected-row {
    padding: 5px;
    cursor: pointer;
    display: flex;
}

.base-form .selected-row:hover {
    background: #f6f6f6 !important;

}

.base-form .selected-row.form {
    border-bottom: white solid 1px;
}

.base-form .selected-row.form:hover {
    background-color: #f7e0db !important;
}

.base-form .selected-row.on {
    background-color: #f7e0db !important;
    border: none;
}

.base-form .selected-row-blue.on {
    background-color: #d4e2ec !important;
    border: none !important;
}

.base-form .selected-row-blue.form-blue {
    border-bottom: white solid 1px;
}

.base-form .selected-row-blue.form-blue:hover {
    background-color: #d4e2ec !important;
}

.base-form .selected-row-blue .title {
    color: #878992;
}

.base-form .selected-row-block, .base-form .selected-row-block-blue {
    background-color: white;
    opacity: 1 !important;
    padding: 10px;
    border: #f7e0db solid 3px;
}

.base-form .selected-row-block-blue {
    border: #d4e2ec solid 3px;
}

.base-form .selected-row-block-blue .title {
    color: #878992;
}

.base-form .selected-row:nth-of-type(odd) {
    background-color: #f6f6f6;
}

.base-form .selected-row:nth-of-type(even) {
    background-color: transparent;
}

.base-form .label-round, .base-form .label-round-blue {
    border-radius: 50%;
    color: white;
    background-color: #D89C8B;
    display: inline-block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    margin-right: 10px;
    font-weight: 500;
}

.base-form .label-round-blue {
    background-color: #878992 !important;
}

.base-form .radio, .base-form .radio-blue, .base-form .radio-white {
    line-height: 20px;
    margin-right: 10px;
    margin-left: 25px;
    cursor: pointer;
}

.base-form .dragg-land {
    border: #D89C8B dashed 1px;
}

.base-form .radio::before, .base-form .radio.on::before,
.base-form .radio-blue::before, .base-form .radio-blue.on::before,
.base-form .radio-white::before, .base-form .radio-white.on::before {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: #D89C8B solid 2px;
    content: '';
    margin-left: -25px;

    position: absolute;
}

.base-form .radio-blue::before, .base-form .radio-blue.on::before {
    border: #878992 solid 2px;
}

.base-form .radio-white::before, .base-form .radio-white.on::before {
    border: white solid 2px;
}

.base-form .radio.on::before,
.base-form .radio-blue.on::before,
.base-form .radio-white.on::before {
    background-color: #D89C8B;
    content: '✓';
    color: white;
    font-size: 24px;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
}

.base-form .radio-blue.on::before {
    background-color: #878992;
}

.base-form .radio-white.on::before {
    background-color: white;
    color: #009adc;
}

.base-form .input-group .v-select {
    float: right;
    margin-top: -5px;
}

.base-form .vs__search {
    border: none;
}

.vs--searchable .vs__dropdown-toggle {
    padding: 0;
}

input.vs__search {
    font-size: 16px !important;
}

.vs__search, .vs__search:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*line-height: 1.2 !important;*/
    font-size: 16px !important;
    border: 1px solid transparent !important;
    border-left: none !important;
    outline: none !important;
    margin: 4px 0 0 !important;
    padding: 0 5px !important;
    background: none !important;
    box-shadow: none !important;
    width: 0 !important;
    max-width: 100%;
    flex-grow: 1;
    z-index: 1;
}

.vs__selected {
    display: flex;
    align-items: center;
    background-color: #f0f0f0;
    /*border: 1px solid rgba(60,60,60,.26) !important;*/
    /*border-radius: 4px;*/
    border: 1px solid transparent !important;

    color: #333;
    line-height: 1.2 !important;
    margin: 4px 0 0 !important;
    padding: 0 7px !important;
    /*margin: 4px 2px 0;*/
    /*padding: 0 .25em;*/
    z-index: 0;
}

.base-form .title-translate {
    font-size: 1.2rem;
    color: black;
    cursor: pointer;
}

.base-table tr {
    cursor: pointer;
}

.base-table tr.on td {
    background: #d7f0fb;
}

.pinkfit .base-table tr.on td {
    background: #ffe8e3;
}

.base-table tr:hover td {
    background: #f6f6f6;
}

.base-table td, .base-table th {
    padding-right: 5px;
    padding-left: 5px;
}

.base-table {
    margin-bottom: 20px;
}

.base-table tr.warn td {
    background: rgba(255, 188, 171, 0.25);
}

.base-table tr.warn td:last-child {
    border-right: red solid 3px;
}

.pinkfit {

}

body.pinkfit {
    background-color: #D89C8B !important;
}

.pinkfit a {
    color: #DBA291;
}

.pinkfit a:hover {
    color: #b88e81;
}

.pinkfit h3 {
    color: #D89C8B;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.pinkfit label {
    color: #D89C8B;
    font-size: 16px;
}

.pinkfit .m-login-logo {
    color: white;
}

.pinkfit .m-login-form .m-layout1 label {
    color: #DBA291;
    line-height: 1;
}

.pinkfit .m-login-form .m-layout1 input {
    color: #DBA291;
}

.pinkfit .m-login-form .m-s1 {
    color: #DBA291;
}

.pinkfit .register-select button span.am-selected-status {
    color: #DBA291;
}

.pinkfit .am-selected-list li.am-checked .am-icon-check {
    color: #DBA291;
}

.pinkfit .m-btn-dblue {
    color: white;
    background-color: #666666;
}

.pinkfit .m-btn-dblue:hover {
    color: white;
}

.m-login-logo h1 {
    text-transform: uppercase;
}

.pinkfit .m-state a {
    color: black;
}

.pinkfit .m-state a:hover {
    color: #b88e81;
}

.pinkfit .m-nav-pr a {
    color: #8C8B8A;
}

.pinkfit .m-nav-pr a:hover, .pinkfit .m-nav-pr li.on a {
    color: #D89C8B;
}

.pinkfit .menu-home {
    background-image: url(/static/images/home-pinkfit.png);
}

.pinkfit a:hover .menu-home, .pinkfit .on .menu-home {
    background-image: url(/static/images/home-on-pinkfit.png);
}

.pinkfit .m-title {
    background-color: #b88e81;
}

.pinkfit .statistic-item {
    font-size: 44px;
    color: #D89C8B;
}

.pinkfit .recent-action {
    background-color: #D89C8B;
}

.pinkfit a.shop-head-active {
    color: #D89C8B;
    font-weight: 500;
}

.pinkfit .shop-head a:hover {
    color: #b88e81;
}

.pinkfit .profile h1 {
    color: #D89C8B;
}

.pinkfit .profile .title {
    color: #D89C8B;
}

.pinkfit .profile .action a {
    background-color: #D89C8B;
}

.pinkfit .profile .action a:hover {
    background-color: #b88e81;
}

.pinkfit .profile .address-box h1 {
    color: #D89C8B;
}

.pinkfit .profile .address-box a.edit-address {
    background-color: #D89C8B;
}

.pinkfit .profile .address-box a.edit-address:hover {
    background-color: #b88e81;
}

.pinkfit .m-search-txt.on {
    border-color: #b88e81;
}

.pinkfit .m-wrap2 .m-title1 {
    color: #D89C8B;
}

.pinkfit .m-sel .am-btn-default {
    color: #D89C8B;
}

.pinkfit a.delete-patient {
    color: black;
}

.pinkfit a.m-prescribe, .pinkfit a.m-new {
    color: white;
    background-color: #D89C8B;
}

.pinkfit a.m-prescribe:hover, .pinkfit a.m-new:hover {
    color: white;
    background-color: #b88e81;
}

.pinkfit .am-modal-dialog {
    background-color: #D89C8B;
}

.pinkfit .m-btn-blue {
    background-color: #b88e81;
}

.pinkfit .m-form1 .m-input1 {
    color: #b88e81;
}

.pinkfit .treatments-table th {
    background-color: #e2e2e2;
    color: #6e6e6d;
}

.pinkfit .treatments-table tr.on,
.pinkfit .treatments-table tr:hover,
.pinkfit .payments-table tr.on,
.pinkfit .payments-table tr:hover {
    background-color: #F1DBD5 !important;
}

.pinkfit .m-table td.m-blue {
    color: black;
}

.pinkfit .am-datepicker tr.am-datepicker-header {
    font-size: 1.6rem;
    color: #fff;
    background: #b88e81
}

.pinkfit .am-datepicker-caret {
    border-bottom: 7px solid #b88e81;
}

.pinkfit .am-datepicker .am-datepicker-dow {
    color: #b88e81;
}

.pinkfit .am-datepicker td.am-active,
.pinkfit .am-datepicker td.am-active:hover {
    color: #b88e81;
}

.pinkfit .am-datepicker td.am-datepicker-new,
.pinkfit .am-datepicker td.am-datepicker-old {
    color: #F1DBD5;
}

.pinkfit .am-datepicker td span.am-active {
    color: #D89C8B;
}

.pinkfit .am-datepicker td span.am-datepicker-old {
    color: #F1DBD5;
}

.pinkfit .am-datepicker-select:hover,
.pinkfit .am-datepicker-next-icon:hover,
.pinkfit .am-datepicker-prev-icon:hover {
    background: #F1DBD5;
    color: #b88e81;
}

.pinkfit .m-title2 span {
    background-color: #D89C8B;
}

.pinkfit .m-title2 {
    color: #3B3B3A;

}

.pinkfit .m-form2 .m-label1 {
    color: #2C2C2B;
    font-weight: 500;
    margin-right: 10px;
}

.pinkfit .weeks p {
    text-transform: uppercase;
    color: #D89C8B;
}

.pinkfit .weeks .arrow {
    background-color: #9C9C9C;
}

.pinkfit .m-cale-c {
    background-color: #D2D2D2;
}

.pinkfit .day-without-programs span.day-number {
    color: #828282;
}

.pinkfit .m-cale-hd a {
    margin-right: 2px;
    color: #919191;
}

.pinkfit .m-cale-hd a.on {
    color: white;
    background-color: #9C9C9C;
}

.pinkfit .electrosimulations-type {
    color: black;
    font-weight: normal;
}

.pinkfit .m-ch-list1 .m-item {
    background-color: #E1AD9D;
}

.pinkfit .m-ch-list1 .m-item:hover {
    border-color: #E1AD9D;
}

.pinkfit .program-option {
    color: #ECCEC4;
}

.pinkfit .program-move-title {
    width: 28px;
    height: 25px;
    background-image: url(/static/images/dots-pinkfit.png);
    background-repeat: repeat-y;
    margin-top: 5px;
    display: inline-block;
}

.pinkfit .program-unassigned .m-caption h3 {
    /*color: #ECCDC3;*/
    color: white;
    text-transform: uppercase;
    font-size: 11px;
}

.pinkfit .m-cale-c.prompt {
    border: 3px dashed #E1AD9D;
}

.pinkfit .day-with-programs .day-number-box {
    background-color: #515050;
}

.pinkfit .day-with-programs span.day-number {
    color: #E0A394;
}

.pinkfit .day-with-programs .day-number {
    background-color: #515050;
}

.pinkfit .day-with-programs {
    background-color: #646363;
}

.pinkfit .items [program] {
    background-color: #E1AD9D;
}

.pinkfit .program-assigned h3 {
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
}

.pinkfit .program-assigned .duration {
    float: left;
    font-style: normal;
    color: white;
    padding-left: 25px;
    margin: 0px;
}

.pinkfit .m-item-edit .program-move-title {
    opacity: 0;
}

.pinkfit .m-item-edit .m-caption h3 {
    text-transform: uppercase;
    font-weight: normal;
}

.pinkfit .item-subtitle {
    font-weight: normal;
    color: white;
    font-size: 16px;
}

.pinkfit .m-item-edit .m-caption p {
    color: #EDC8C0;
}

.pinkfit .item-editable,
.bluefit .item-editable {
    color: white !important;
    font-size: 14px !important;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 24px;
    border-radius: 50%;
    border: white solid 2px;
    text-align: center;
    padding: 0px !important;
}

.pinkfit .white[type="checkbox"]:checked:after {
    color: #D89C8B;
}

.pinkfit .rangeslider__handle {
    border: 4px solid #D89C8B !important;
}

.pinkfit .labels {
    display: flex;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;

    margin-left: -3px;
}

.pinkfit .range-parameter .label {
    margin: 0;
    padding: 0;

    /*width: 20%;*/

    flex-grow: 1;
    /*display: inline-block;*/
    display: flex;

}

.label-last {
    justify-content: space-between;
}

.pinkfit .range-parameter .label:last-child {
    text-align: left;
}

.pinkfit .item-ongoing .patient-name, .item-ended .patient-name, .item-new .patient-name, .item-deleted .patient-name {
    color: #D89C8B !important;
}

.pinkfit .m-item.message-assigned {
    background-color: #E1AD9D;
}

.pinkfit .m-ch-list1.programs-message .m-item {
    background-color: #E1AD9D;
}

.pinkfit .m-ch-list1.programs-message .m-item .program-move-title {
    background-image: url(/static/images/dots-pinkfit.png);
}

.pinkfit .add-new-message {
    background-color: #E1AD9D;
}

.pinkfit .add-new-message:hover {
    background-color: #E1AD9D;
    opacity: 0.8;
}

.pinkfit .popup.message-dialog .popup_content {
    background-color: #D89C8B;
}

.bluefit {

}

body.bluefit {
    background-color: #009ddf !important;
}

.bluefit .m-nav-pr a:hover, .bluefit .m-nav-pr li.on a {
    color: #005b7e;
}

.bluefit .statistic-item {
    font-size: 44px;
    color: #009de0;
}

.bluefit .recent-action {
    background-color: #49afe8;
}

.bluefit a.shop-head-active {
    color: #0e90d2;
    font-weight: 500;
}

template {
    display: none;
}

[v-cloak] {
    display: none
}

[v-cloak] > * {
    display: none
}

[v-cloak]::before {
    content: "loading…"
}

.hide {
    opacity: 0;
    display: none;
}

.show {
    opacity: 1;
}

.m-login-logo h1 {
    margin: 0;
    font-size: 30px;
}

a.register {
    background-color: white;
    padding: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 15px;
}

.m-login-form .m-layout1 label {
    width: 125px;
}

.m-login-form .m-layout1 input {
    width: 200px;
}

.m-login-form .m-layout1 select {
    width: 200px;
}

input.error {
    border: red solid 1px !important;
}

span.error {
    color: #ba3602;
    display: none;
}

.m-container {
    padding-left: 44px;
    padding-right: 44px;
    padding-bottom: 88px;
    min-width: 800px;
    max-width: 1050px;
}

[disabled] {
    color: gray !important;
}

.m-button,
.m-accept,
.m-reject,
.m-new,
.m-pause,
.m-run,
.m-payment,
.m-prescribe {
    display: inline-block;
    font-size: 20px !important;

    height: 32px;
    width: 32px;
    border: none;
    border-radius: 16px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;

    margin-right: 6px;
    margin-top: 0px;
    float: left;
}

.m-prescribe {
    font-family: 'fontawesome';
    background-color: #009de0;
    color: white;
}

.m-payment {
    background-color: #66CC33;
    color: white;
}

.m-payment:hover {
    background-color: #66CC33;
    color: white;
}

.m-run {
    background-color: #7ebd88;
    color: white;
}

.m-run:hover {
    background-color: #85cf91;
    color: white;
}

.m-pause {
    background-color: #ff8c00;
    color: white;
}

.m-pause:hover {
    background-color: #f89e09;
    color: white;
}

.m-accept {
    background-color: #7ebd88;
    color: white;
}

.m-accept:hover {
    background-color: #85cf91;
    color: white;
}

.m-new {
    background-color: #0073a7;
    color: white;
}

.m-new:hover {
    background-color: #009de0;
    color: white;
}

.m-reject {
    background-color: #ba3602;
    color: white;
}

.m-reject:hover {
    background-color: #d33902;
    color: white;
}

.m-form1 .m-label1 {
    padding-bottom: 5px !important;
    padding-top: 10px !important;
}

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

@media (max-width: 1600px) {
    body {
        font-family: "Brandon Text", Helvetica, STHeiTi, sans-serif;
        font-size: 14px;
        line-height: 1.5em;
        color: #000;
        background-color: #f1f2f2; /*min-width: 1600px*/
    }
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

#global-loader {
    z-index: 999999;
    width: 100%;
    height: 100vh;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    color: #aaa;
    opacity: .7;
    filter: alpha(opacity=70);
}

#global-loader .loading {
    /*border: 16px solid #f3f3f3; !* Light grey *!*/
    /*border-top: 16px solid #3498db; !* Blue *!*/
    /*border-radius: 50%;*/
    /*width: 120px;*/
    /*height: 120px;*/
    /*animation: spin 2s linear infinite;*/
    /*position: relative;*/
    /*top: 25%;*/
    /*left: 50%;*/


    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: relative;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#global-loader .loading-text-counter {
    position: absolute;
    top: calc(25% + 60px);
    left: calc(50% + 60px);
    transform: translate(-50%, -50%);
    color: white;
    font-size: 18px;
    font-weight: bold;
}

.title-shadow {
    background: linear-gradient(to top, #f6f6f6, white);
}

.m-title2 {
    padding-left: 10px;
    padding-right: 10px !important;
    padding-top: 10px !important;
}

.title-number {
    /*border: 3px solid #fff;  */
    font-size: 18px !important;
    font-weight: bold;
    line-height: 37px !important;
    border: 3px solid #fff;
    width: 44px !important;
    height: 44px !important;

}

.week-head {
    background-color: white;
    padding: 0;
}

.week-options {
    border-top: 1px solid #f0f0f0;
    background-color: white;
    padding: 10px;
    padding-bottom: 5px;
}

.week-options input {
    margin-bottom: 5px;
}

.week-body {
    background-color: white;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}

.day-without-programs {

}

.day-without-programs .items {
    padding: 5px;
    padding-left: 10px;
}

.m-item {
    margin-right: 0;
    margin-left: 0;
}

.m-cale-c:nth-child(7n+0) {
    margin-bottom: 4px;
}

.program-unassigned {

}

.program-unassigned .duration, .duration {
    float: right;
    font-style: italic;
    margin-top: 0px;
    color: #b2d8f6;
}

.program-unassigned h3 {
    line-height: 16px;
}

.program-unassigned .description {
    line-height: 15px;
    font-style: italic;
    font-size: 12px !important;
    margin-bottom: 5px;
}

.program-assigned {
    padding-top: 6px !important;
}

.program-assigned h3 {
    line-height: 16px;
}

.program-assigned .m-caption {
    padding: 0;
}

.program-assigned .duration {
    float: right;
    font-style: italic;
    margin-top: 10px;
    color: #b2d8f6;
}

.program-assigned.prompt {
    border: white dashed 1px !important;
}

.program-assigned-over {
    border: white dashed 1px !important;
}

.program-option {
    color: #b2d8f6;
    line-height: 15px !important;
    font-size: 13px !important;
    display: block;
}

.exercise-param {
    font-weight: bold;
    font-size: 16px;
}

.rangeslider--horizontal {
    height: 2px !important;
    width: 100% !important;
    top: 0px !important;
    background-color: white !important;
    box-shadow: none !important;
}

.rangeslider {
    background-color: white !important;
}

.rangeslider__handle {
    border: 4px solid #009de0 !important;
    background-color: white !important;
    background-image: none !important;
    box-shadow: none !important;
}

.rangeslider__fill {
    background: white !important;
    box-shadow: none !important;
}

.rangeslider--horizontal .rangeslider__handle {
    top: -10px !important;
}

.rangeslider__handle:after {
    display: none !important;
}

.exercise-option {
    color: white;
    line-height: 15px !important;
    font-size: 13px !important;
    display: block;
}

.program-delete {
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 14px;
    border: 2px solid #fff;
}

.program-move-title {
    width: 28px;
    height: 25px;
    background-image: url("/static/images/dots2.png");
    background-repeat: repeat-y;
    margin-top: 5px;
    display: inline-block;
}

.m-item-position {
    background-color: #81bee0 !important;
}

.m-item-position .program-move-title {
    background-image: url("/static/images/dots3.png");
}

.m-item-edit .program-move-title {
    background-image: url("/static/images/dots4.png");
}

.white[type="checkbox"] {
    width: 22px;
    height: 22px;
}

.white[type="checkbox"]:before {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    content: "";
    background: #FFF;
}

.gray[type="checkbox"]:before {
    border: gray solid 1px;
}

.white[type="checkbox"]:checked:after {
    content: '\2713';
    /*content: '\e603';*/
    font-family: "Brandon Text";
    font-size: 16px;
    color: #0e90d2;
    position: absolute;
    margin-top: -22px;
    margin-left: 5px;
}

.week-prev, .week-next {
    width: 36px;
    color: #fff;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome and Opera */
}

.error-program-msg {
    border-radius: 15px;
    background-color: white;
    color: red;
    padding: 15px;
}

.m-title3 span {
    position: relative;
    display: inline-block;
    padding-right: 30px;
    background-color: #fff;
    color: #b0b0b0;
    font-size: 14px;
    line-height: 30px;
    z-index: 2;
}

.m-cale-list.slick-slider .slick-slide {
    margin: 5px 0px 50px 3px;
    width: 120px !important;
    height: 90px !important;
    padding-top: 16px;
    position: relative;
    text-align: center;
    cursor: pointer;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.detailed .day-programs {
    padding: 0;
    margin: 0;
}

.day-with-programs {
    background-color: #009de0;
}

.detailed .day-with-programs {
    background-color: #1E69A7;
}

.day-without-programs span.day-number {
    position: relative;
    /*margin-right: 8px;*/
    margin: 0;
    display: inline-block;
    width: 55px;
    color: #49afe8;
    font-size: 28px;
    /*line-height: 96px;*/
    text-align: center;
    cursor: pointer;
    min-height: 96px;

}

.detailed .day-without-programs span.day-number {
    color: #3C9DE2;
}

.day-with-programs span.day-number {
    background-color: #0086be;
}

.detailed .day-with-programs span.day-number {
    background-color: #175283;
}

.day-number-box {
    padding-top: 10px;
}

.day-with-programs .day-number-box {
    background-color: #145475;
}

.detailed .day-with-programs .day-number-box {
    background-color: #124167;
}

.action-arrow {
    display: block;
    /*position: absolute;*/
    bottom: 0;
    height: 30px;
    width: 55px;
    line-height: 40px;
    font-size: 20px;

    /*border: white solid 1px;*/
}

.action-arrow:hover {
    color: white;
}

.action-arrow:after {
    content: '\e601';
    font-family: 'iconfont';
}

.day-actions {
    background-color: #2480b5;
    padding: 10px;
    padding-left: 0;
    display: none;
}

.pinkfit .day-actions {
    background-color: #515050;
}

.day-actions a {
    color: white;
    cursor: pointer;
    margin-left: 20px;
}

.treatments-list, .payments-list {
    padding-left: 2px;
    padding-right: 2px;
}

.treatments-list-filter-input {
    max-width: 200px !important;
}

.treatments-table tr, .payments-table tr {
    cursor: pointer;
    background-color: white;
}

.treatments-table tr.on, .treatments-table tr:hover, .payments-table tr.on, .payments-table tr:hover {
    background-color: #4bc6ff !important;
}

.treatments-table th {
    background-color: #005475;
    color: white;
}

.treatments-table td, .payments-table td {
    padding: 5px;
    background-color: transparent;
}

.pages {
    padding: 10px;
}

.pages a {
    color: white;
}

.pages a:hover {
    color: white;
    border: 1px solid white;
}

.pages a.on {
    color: white;
    border: 1px solid white;
}

.page {
    cursor: pointer;
}

.dialog-button, .dialog-button-blue {
    padding: 10px;
    background-color: #7ebd88;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: white solid 3px;
    color: white !important;
    cursor: pointer;
}

.dialog-button-blue {
    background-color: #005475 !important;
}

.dialog-button-blue:hover {
    color: white;
    background-color: #05709a;
}

.dialog-button:hover {
    color: white;
    background-color: #85cf91;
}

.base-select {
    background-color: white;
    height: 26px;
    border: 1px solid #b0b0b0;
    color: #1e1e1c;
    border-radius: 4px;
}

.base-select[disabled], .m-input1[disabled] {
    background-color: white;
    border: 1px solid #b0b0b0 !important;
    color: #b0b0b0;
    opacity: 0.5;
}

.subscibe_plans {
    padding-bottom: 20px;
    padding-top: 10px;
}

.subscribe_plan {
    display: inline-block;
    width: 48%;
    border: white solid 1px;
    padding: 10px;
    border-radius: 10px;
    margin: 5px;
    background-color: white;
}

.subscribe_plan h4 {
    color: black;
    margin: 0;
    font-size: 18px;
}

.subscribe_plan p {
    color: #888;
}

.monthly, .quarter, .annual {
    background-color: #f4f4f4;
    padding: 5px;
    margin-top: 2px;
}

.monthly span, .quarter span, .annual span {
    color: #888;
}

.monthly h3, .quarter h3, .annual h3 {
    color: black;
    font-size: 18px;
}

.quarter h3, .annual h3 {
    color: black;
    font-size: 20px;
}

.monthly a, .quarter a, .annual a {
    padding: 10px;
    width: 100%;
    background-color: #6e6e6e;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
    text-transform: capitalize;
    font-weight: bold;
}

.monthly a:hover {
    background-color: #868686;
}

.quarter a {
    background-color: #0067a1;
}

.quarter a:hover {
    background-color: #007db8;
}

.annual a {
    background-color: #FF6B00;
}

.annual a:hover {
    background-color: #ffa005;
}

.monthly h4, .quarter h4, .annual h4 {
    font-size: 13px;
    color: #888;
}

.button-label {
    font-size: 9px;
    height: 8px;
    display: block;
    margin-top: -5px;
}

.button-value {
    font-size: 10px;
}

.button-label-big {
    font-size: 10px;
    height: 10px;
    display: block;
    /*margin-top: -5px;*/
}

.items-list {
    margin-left: 20px;
    margin-right: 20px;
    background-color: #f3f4f4;
    padding-top: 1px;
    padding-bottom: 3px;
}

.item-ongoing, .item-ended, .item-new, .item-deleted {
    background-color: white;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 3px;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.item-ended {
    background-color: #e1e2e2;
}

.item-deleted {
    background-color: #f3f4f4;
}

.item-ongoing .patient-name, .item-ended .patient-name, .item-new .patient-name, .item-deleted .patient-name {
    color: #009adc;
    font-size: 18px;
    line-height: 36px;
}

.item-ended .patient-name, .item-deleted .patient-name {
    color: black;
}

.item-ongoing .title, .item-ended .title, .item-new .title, .item-deleted .title {
    font-size: 16px;
    line-height: 36px;
}

.item-ongoing .period, .item-ended .period, .item-new .period, .item-deleted .period {
    color: #6e6f6f;
    float: right;
}

.item-ongoing .param, .item-ended .param, .item-new .param, .item-deleted .param {
    margin-right: 30px;
}

.status-new, .status-accepted, .status-deleted, .status-rejected, .status-ongoing, .status-ended {
    text-transform: capitalize;
}

.status-new {
    color: blue;
}

.status-deleted {
    color: orangered;
}

.status-rejected {
    color: orangered;
}

.status-accepted, .status-ongoing {
    color: green;
}

.status-ended {

}

.red-bullet {
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 50%
}

.external-body-part-icon {
    display: block;
    width: 100%;
    height: 75px;
    /*background-color: gray;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.external-body-part-icon-wrist {
    background-image: url("/static/images/wrist.png");
}

.external-body-part-icon-wrist:hover, .on .external-body-part-icon-wrist {
    background-image: url("/static/images/wrist-on.png");
}

.external-body-part-icon-body {
    background-image: url("/static/images/body.svg");
    background-size: 90%;
    background-position: center;
}

.external-body-part-icon-body:hover, .on .external-body-part-icon-body {
    background-image: url("/static/images/body-on.svg");
}

.external-body-part-icon-hips {
    background-image: url("/static/images/hips.svg");
    background-position: center;
    background-size: cover;
}

.external-body-part-icon-hips:hover, .on .external-body-part-icon-hips {
    background-image: url("/static/images/hips-on.svg");
}

input.exercise-param {
    max-width: 40px;
    border: none;
    border-radius: 3px;
    color: #0e90d2;
    outline: none;
    font-weight: normal;
}

.language-selector {
    display: inline-block;
    margin: 0;
}

.language-selector button {
    color: black !important;
    font-size: 14px !important;
    padding-top: 3px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.language-selector li {
    text-transform: uppercase;
}

.public-language-selector button {
    color: white !important;
}

.activities-contener {
    overflow-y: auto;
    padding-left: 20px;
    padding-right: 20px;
}

table.activities {
    width: 100%;
}

table.activities .action-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
}

table.activities .action-icons {
    padding: 10px;
    background: linear-gradient(#000, #000) no-repeat center/1px 100%;
    text-align: center;
    /*background-image: url("../images/line.png");*/
    /*background-position-x: center;*/

}

table.activities .action-text {
    padding-right: 10px;
}

table.activities a {
    color: black;
}

.patient-end-treatment {
    background-color: #6DB275;
}

.patient-end-treatment:after {
    content: '✓';
}

.patient-refused-treatment {
    background-color: red;
}

.patient-refused-treatment:after {
    content: 'X';
}

.register-select {
    display: inline-block;
    border-bottom: 1px solid #ccc;
}

.register-select button {
    border: none;
    padding-left: 0;
}

.register-select button span.am-selected-status {
    color: #3a9ddf;
    font-size: 14px;
}

.register-select button i.am-selected-icon.am-icon-caret-down {
    color: #ccc;
}

.register-status-ok, .register-status-error {
    display: none;
}

.register-status-error {
    display: none;
}

.register-message {
    opacity: 0;
    /*display: none;*/
    display: inline-block;
    /*border: darkorange solid 1px;*/
    position: absolute;
    min-width: 200px;
    margin-left: 15px;

}

.register-message .arrow_box {
    position: relative;
    background: #ffffff;
    border: 1px solid #ccc;
    padding-left: 5px;
    border-radius: 5px;
    color: red;
}

.register-message .arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.register-message .arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    margin-top: -10px;
}

.register-message .arrow_box:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ccc;
    border-width: 11px;
    margin-top: -11px;
}

.plan-form .m-label1 {

}

.plan-form .m-input1 {
    width: 100%;
}

.plans-list {
    width: 100%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.plan-subscribed {
    width: 350px;
    margin: auto;
    padding-bottom: 20px;
    border: black solid 1px;
}

.plan-subscribed .header {
    height: 150px;
    background: rgba(0, 150, 212, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 150, 212, 1) 26%, rgba(0, 150, 212, 1) 42%, rgba(90, 201, 245, 1) 75%, rgba(90, 201, 245, 1) 79%);
    background: -webkit-gradient(left top, right bottom, color-stop(26%, rgba(0, 150, 212, 1)), color-stop(42%, rgba(0, 150, 212, 1)), color-stop(75%, rgba(90, 201, 245, 1)), color-stop(79%, rgba(90, 201, 245, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 150, 212, 1) 26%, rgba(0, 150, 212, 1) 42%, rgba(90, 201, 245, 1) 75%, rgba(90, 201, 245, 1) 79%);
    background: -o-linear-gradient(-45deg, rgba(0, 150, 212, 1) 26%, rgba(0, 150, 212, 1) 42%, rgba(90, 201, 245, 1) 75%, rgba(90, 201, 245, 1) 79%);
    background: -ms-linear-gradient(-45deg, rgba(0, 150, 212, 1) 26%, rgba(0, 150, 212, 1) 42%, rgba(90, 201, 245, 1) 75%, rgba(90, 201, 245, 1) 79%);
    background: linear-gradient(135deg, rgba(0, 150, 212, 1) 26%, rgba(0, 150, 212, 1) 42%, rgba(90, 201, 245, 1) 75%, rgba(90, 201, 245, 1) 79%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096d4', endColorstr='#5ac9f5', GradientType=1);
    color: white;
    margin-bottom: 20px;
}

.plan-subscribed .header .title, .plan-subscribed .header .subtitle, .plan-subscribed .header .period {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    padding-top: 28px;
    font-weight: 500;
}

.plan-subscribed .header .subtitle {
    padding-top: 8px;
}

.plan-subscribed .header .period {
    font-weight: normal;
    font-size: 16px;
}

.plan-subscribed .plan-description .item {
    text-align: center;
    font-size: 18px;
    padding-top: 5px;
}

.plan-subscribed .plan-description .item:before {
    content: '';
}

a.unsubscribe-action {
    display: inline-block;
    text-transform: uppercase;
    background-color: white;
    border: #0096D4 solid 2px;
    color: #0096D4;
    width: 50%;
    margin: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
    padding: 5px;
    border-radius: 20px;
    cursor: pointer;
}

a.unsubscribe-action:hover {
    background-color: #0096D4;
    color: white;
}

.plan-item {
    float: left;
    margin: 10px;
}

a.subscribe-action {
    display: inline-block;
    text-transform: uppercase;
    background-color: #0096D4;
    color: white;
    width: 50%;
    margin: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
    border-radius: 20px;
    cursor: pointer;
}

a.subscribe-action:hover {
    background-color: #0079b1;
}

.plan {
    height: 269px;
    width: 269px;
    /*background-color: #0096D4;*/
    /*background-image: url("../images/plan2.png");*/

    background: rgba(0, 150, 212, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 150, 212, 1) 26%, rgba(0, 150, 212, 1) 42%, rgba(90, 201, 245, 1) 75%, rgba(90, 201, 245, 1) 79%);
    background: -webkit-gradient(left top, right bottom, color-stop(26%, rgba(0, 150, 212, 1)), color-stop(42%, rgba(0, 150, 212, 1)), color-stop(75%, rgba(90, 201, 245, 1)), color-stop(79%, rgba(90, 201, 245, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 150, 212, 1) 26%, rgba(0, 150, 212, 1) 42%, rgba(90, 201, 245, 1) 75%, rgba(90, 201, 245, 1) 79%);
    background: -o-linear-gradient(-45deg, rgba(0, 150, 212, 1) 26%, rgba(0, 150, 212, 1) 42%, rgba(90, 201, 245, 1) 75%, rgba(90, 201, 245, 1) 79%);
    background: -ms-linear-gradient(-45deg, rgba(0, 150, 212, 1) 26%, rgba(0, 150, 212, 1) 42%, rgba(90, 201, 245, 1) 75%, rgba(90, 201, 245, 1) 79%);
    background: linear-gradient(135deg, rgba(0, 150, 212, 1) 26%, rgba(0, 150, 212, 1) 42%, rgba(90, 201, 245, 1) 75%, rgba(90, 201, 245, 1) 79%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096d4', endColorstr='#5ac9f5', GradientType=1);

    background-size: cover;
    color: white;
    cursor: pointer;
}

.plan .title, .plan .subtitle {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    padding-top: 28px;
    font-weight: 500;
}

.plan .subtitle {
    font-weight: normal;
    padding-top: 8px;
}

.plan .box {
    border: #b5d5e3 solid 2px;
    max-width: 50%;
    min-width: 20%;
    min-height: 102px;
    margin: 32px auto;
}

.plan .box .discount {
    text-align: right;
    margin-right: 0;

    padding-top: 5px;
    padding-right: 3px;
}

.plan .box .discount span.strikethrough {
    position: relative;
    font-size: 22px;
    color: #b5d5e3;
    /*color: white;*/
}

.plan .box .discount .strikethrough:before {
    border-bottom: 1px solid #b5d5e3;
    position: absolute;
    content: "";
    width: 105%;
    height: 30%;
    transform: rotate(-20deg);
}

.plan .box .price {
    position: relative;
    text-align: center;
    /*padding-top: 40px;*/

    margin: 15px auto;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 500;
}

.plan .box .footer {
    text-align: center;
    padding-top: 0px;
    color: #b5d5e3;
}

.plan-description .item {
    text-align: center;
    font-size: 18px;
    padding-top: 5px;

}

.plan-description .item:before {
    content: '\2713';
    color: #124d6d;
    padding-right: 10px;
    font-size: 22px;
    font-weight: bold;
}

a.free-days-left {
    color: white;
    border-radius: 10px;
    background-color: #009de0;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    margin-right: 10px;
    /*display: none;*/
    cursor: pointer;
}

.pinkfit a.free-days-left {
    color: white;
    background-color: #D89C8B;
}

a.free-days-left:hover {
    color: whitesmoke;
}

.free-days-left-attention {
    background-color: #e09150 !important;
}

.free-days-left-warn {
    background-color: #e05929 !important;
}

a.active {
    font-weight: bold;
}

.confirm-msg {
    font-weight: normal;
    font-size: 18px;
}

.StripeElement {
    box-sizing: border-box;

    height: 40px;

    padding: 10px 12px;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

#card-errors {
    color: #fadad5;
}

button.confirm-pay {
    outline: none;
}

button.confirm-pay .m-btn-green {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    outline: none;
    text-transform: uppercase;
}

.am-modal {
    background-color: #ffffffb8;
}

.modal-layout {
    border-radius: 30px;
}

.modal-layout .message {
    font-size: 20px;
    padding: 10px;
}

.modal-layout .footer {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
}

.modal-layout .form {
    width: 50%;
    background-color: white;
    border-radius: 10px;
    margin: 0 auto;
    color: #2e9de0;
    text-align: left;
    padding: 10px;
}

.modal-layout .form label {
    display: block;
    font-size: 20px;
}

.modal-layout .actions {
    position: absolute;
    width: 100%;
    margin-top: -40px;
    min-height: 124px;
    height: 124px;
    outline: none;

    display: flex;
    align-items: baseline;
    justify-content: center;
}

.modal-layout .actions .button-ok {
    /*height: 110px;*/
    outline: none;
}

.modal-layout .actions .button-ok b {
    font-size: 32px;
    width: 77px;
    height: 77px;
    line-height: 68px;
    border: 5px solid #fff;
    text-transform: uppercase;
    outline: none;
}

.modal-layout .actions .cancel {
    margin-top: 35px;
    /*padding-top: 30px;*/
    /*height: 110px;*/
    outline: none;
}

.modal-layout .actions .cancel i {
    width: 55px;
    height: 55px;
    line-height: 50px;
    outline: none;
}

.shop-head {
    margin-top: 10px;
    text-align: center;
    padding: 20px;
    width: 100%;
    color: black;
    text-transform: capitalize;
}

.shop-head a {
    color: black;
}

.shop-head a:hover {
    color: #0e90d2;
}

a.shop-head-active {
    color: #0e90d2;
    font-weight: 500;
}

.shop-search {
    margin-right: 0;
    margin-left: auto;
    margin-top: -50px;
}

.shop-basket-button i {
    font-size: 30px;
    line-height: 34px;
}

.shop-basket-counter {
    background-color: #0e90d2;
    color: white;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    font-weight: 500;
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    display: none;
}

.shop-basket {
    display: none;
    width: 100%;
    text-align: center;
}

.shop-basket-title, .shop-basket-subtitle {
    color: #0e90d2;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0;
}

.shop-basket-subtitle {
    font-size: 16px;
    margin-bottom: 20px;
}

.shop-basket-table {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

.shop-checkout-table {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

.shop-checkout-table td input, .shop-checkout-table td textarea {
    width: 100%;
}

label.shop-checkbox input[type="checkbox"] {
    width: 20px;
    font-size: 20px;
}

label.shop-checkbox {
    font-size: 14px;
    font-weight: normal;
}

.shop-checkout-table td p.m-label1 {
    margin-top: 10px;
}

.shop-checkout-table td {
    font-weight: normal;
    font-size: 16px;
    padding: 10px;
    text-align: left;
}

.shop-checkout-table th {
    border-bottom: #a0a09f solid 1px;
}

.shop-checkout-table tbody td {
    border-bottom: #a0a09f solid 1px;
}

.summary-checkout {
    background-color: #f5f5f5;
    padding: 30px;
    margin-top: 20px;
}

.shop-basket-table tr {

}

.shop-basket-table th {
    font-weight: normal;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    border-bottom: #a0a09f solid 1px;
}

.shop-basket-table td {
    font-weight: normal;
    font-size: 16px;
    padding: 10px;
    text-align: left;
    border-bottom: #a0a09f solid 1px;
}

.shop-basket-table td.center {
    text-align: center;
}

.shop-basket-product-photo {
    width: 80px;
    height: 80px;
    border: #e7e7e6 solid 1px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;

    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.shop-basket-product-remove {
    color: black;
    font-weight: 500;
}

.down-quantity, .up-quantity {
    font-weight: 500;
    padding: 5px;
    color: black;
}

td.shop-basket-total-title {
    color: #0e90d2;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0;
}

td.shop-basket-tax {
    color: #0e90d2;
    font-size: 12px;
    padding: 0;
}

a.shop-basket-checkout {
    display: inline-block;
    text-transform: uppercase;
    /*background-color: white;*/
    /*color: #0096D4;*/

    background-color: #0096D4;
    color: white;

    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    cursor: pointer;
}

a.shop-basket-checkout:hover {
    background-color: #0076b3;
    color: white;
}

.summary-checkout-total-row {
    background-color: #0096D4;
    color: white;
    font-weight: 500 !important;
    font-size: 18px !important;
}

.summary-checkout .total {
    text-transform: uppercase;
}

.checkout-summary-tax {
    font-size: 12px;
    font-weight: normal;
}

.payment-checkout {
    width: 100%;
    padding: 20px;
    text-align: center;
}

.shop-product-detail {
    display: none;
    width: 100%;
    text-align: center;
}

.shop-product-detail .column {
    width: 50%;
    float: left;
    /*border: #e7e7e6 solid 1px;*/
    padding: 20px;
}

.shop-product-detail .column.left {
    text-align: right;
}

.shop-product-detail .column.right {
    text-align: left;
}

.shop-product-detail .shop-product-photo {
    width: 200px;
    height: 320px;
    border: #e7e7e6 solid 1px;
    display: inline-block;

    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

}

.shop-product-detail .shop-product-photos {
    width: 100%;
    margin-top: 10px;
    text-align: right;
}

.shop-product-detail .shop-product-photo-mini {
    width: 60px;
    height: 60px;
    border: #e7e7e6 solid 1px;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;

    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

}

.shop-product-detail .shop-product-name {
    color: #0e90d2;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    padding: 0;
}

.shop-product-detail .shop-product-description-title {
    margin-top: 10px;
    /*width: 50%;*/
    padding-bottom: 0px;
    /*border-bottom: #a0a09f solid 1px;*/
}

.shop-product-detail .shop-product-description {
    margin-top: 10px;
    width: 60%;
    padding-bottom: 0px;
    border-top: #a0a09f solid 1px;
    padding-top: 5px;
}

.shop-product-detail .shop-product-quantity {
    margin-top: 20px;
}

.shop-product-detail .am-selected-btn.am-btn-default {
    border-radius: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 10px;
}

.shop-product-detail i.am-selected-icon.am-icon-caret-down {
    font-size: 10px;
}

.shop-product-detail .shop-product-price {
    color: #0e90d2;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    padding: 0;
    margin-top: 20px;
}

.shop-product-detail a.shop-product-buy {
    display: inline-block;
    text-transform: uppercase;

    background-color: #0096D4;
    color: white;

    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    cursor: pointer;
}

.shop-product-detail a.shop-product-buy:hover {
    background-color: #0076b3;
    color: white;

}

.shop-checkout {
    display: none;
    width: 100%;
    text-align: center;

}

.shop-orders {
    /*display: none;*/
    width: 80%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.shop-orders table {
    width: 100%;
}

tr.shop-order {
    border-bottom: #a0a09f solid 1px;
}

tr.shop-order td {
    padding-top: 10px;
    padding-bottom: 10px;
}

tr.shop-order td.shop-order-name {
    font-weight: 500;
}

tr.shop-order td.shop-order-name a:after {
    content: '>';
    padding-left: 10px;
}

tr.shop-order-open td.shop-order-name a:after {
    content: '⌵';
    padding-left: 10px;
}

tr.shop-order-open {
    border-bottom: white solid 1px;
}

td.shop-order-buy-again a {
    display: inline-block;
    text-transform: uppercase;

    background-color: #0096D4;
    color: white;

    font-size: 16px;

    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    cursor: pointer;
}

td.shop-order-buy-again a:hover {
    background-color: #0076b3;
    color: white;
}

.shop-order-total {
    text-transform: uppercase;
}

.shop-order-detail {
    display: none;
}

.shop-order-detail-product td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.shop-order-detail-product {
    border-bottom: #a0a09f dashed 1px;
}

span.shop-order-product-quantity {
    float: right;
    display: inline-block;
    line-height: 78px;
    margin-right: 20px;
}

.shop-products {
    /*display: none;*/
    width: 100%;
    text-align: center;
}

.shop-category {
    margin-top: 20px;
}

.shop-category h1 {
    color: #0e90d2;
    font-weight: 500;
    text-transform: uppercase;
}

.shop-category-products {
    text-align: center;
    width: 100%;
    vertical-align: top;
}

.shop-product {
    min-width: 170px;
    max-width: 170px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;

}

.shop-product-box {
    min-width: 170px;
    max-width: 170px;

    height: 290px;
    border: #e7e7e6 solid 2px;
    cursor: pointer;
}

.shop-product-photo {
    background-color: transparent;
    width: 100%;
    height: 70%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.shop-product-name {
    text-align: center;
    color: #0e90d2;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    padding: 5px;
}

.shop-product-price {
    text-align: center;
    color: #0e90d2;
    font-size: 16px;
    font-weight: 400;
}

a.shop-buy {
    display: inline-block;
    text-transform: uppercase;
    background-color: white;
    border: #0096D4 solid 2px;
    color: #0096D4;

    margin: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    cursor: pointer;
}

a.shop-buy:hover {
    background-color: #0096D4;
    color: white;
}

.user-connection {
    width: 100%;

    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 20px;
}

.user-connection .part {
    display: none;
}

.user-connection h1 {
    color: #0e90d2;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.user-connection td.title {
    color: #0e90d2;
    text-transform: uppercase;
    text-align: left;
}

.user-connection td.action {
    text-align: right;
}

.user-connection td.action a {
    display: inline-block;
    text-transform: uppercase;
    background-color: #0096D4;
    color: white;
    cursor: pointer;
    font-size: 12px;

    padding: 2px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;

}

.user-connection td.action a:hover {
    background-color: #0076b3;
    color: white;
}

.user-connection td input {
    width: 100%;
}

.user-connection .address-box {
    width: 30%;
    height: 260px;
    background-color: #ebebeb;
    padding: 15px;
    float: left;
    margin-right: 20px;
    margin-top: 20px;

}

.user-connection .address-box-add {
    width: 30%;
    height: 260px;
    background-color: transparent;
    border: #868686 dashed 3px;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
    text-align: center;
    color: #868686;
    vertical-align: middle;
    display: inline-block;
}

.user-connection .address-box-add a {
    color: #868686;
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;
    /*height: 260px;*/
    display: inline-block;
    margin-top: 80px;
}

.user-connection .address-box-add i {
    font-size: 60px;
}

.user-connection .address-box-add p {
    margin-top: 20px;
}

.user-connection .address-box h1 {
    color: #0e90d2;
    font-weight: 500;
    font-size: 16px;
    text-transform: none;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0;
}

.user-connection .address-box h2, .user-connection .address-box h3 {
    margin: 0;
    font-weight: normal;
    font-size: 16px;
}

.user-connection .address-box h2 {
    text-transform: uppercase;
}

.user-connection .address-box a.edit-address {
    display: inline-block;
    text-transform: uppercase;
    background-color: #0096D4;
    color: white;
    cursor: pointer;
    font-size: 16px;

    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    position: absolute;
    margin-top: 200px;
}

.user-connection .address-box a.edit-address:hover {
    background-color: #0076b3;
    color: white;
}

.admin-dashboard-label {
    display: inline-block;
    font-size: 16px;
    line-height: 1em;
    color: #009de0;
    margin-top: 10px;
    width: auto;
    text-transform: uppercase;
}

.admin-dashboard-button {
    display: inline-block;
    text-transform: uppercase;
    background-color: #0096D4;
    color: white;
    cursor: pointer;
    font-size: 12px;

    padding: 2px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;

}

.admin-dashboard-button:hover {
    background-color: #0076b3;
    color: white;
}

.admin-dashboard-title {
    display: inline-block;
    font-size: 16px;
    line-height: 1em;
    color: white;
    font-weight: bold;
    background-color: black;
    margin-top: 10px;
    margin-bottom: 15px;
    width: auto;
    text-transform: uppercase;

    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;
}

.badge, .badge-info {
    display: block;
    position: absolute;
    margin-left: 100px;
    text-align: center;
    z-index: 10;

    height: 20px;
    width: 20px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 50%;
    color: white;
    background-color: #acacac;
}

.badge-info {
    background-color: #6DB275;
}

.green-background {
    background-color: #6DB275;
}

.message-badge {
    position: absolute;
    margin-top: -5px;
    margin-left: 20px;
    height: 15px;
    width: 15px;
    line-height: 15px;
    display: block;
    border-radius: 100%;
    background-color: red;
    color: white;
    font-size: 10px;
}

.treatment-message-badge {
    position: absolute;
    margin-top: -20px;
    margin-left: -20px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    display: block;
    border-radius: 100%;
    background-color: red;
    color: white;
    font-size: 12px;
    text-align: center;
}

.tab-navigator {
    border-bottom: 1px solid rgb(153, 153, 153);

}

.tab-navigator a {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    border: #eeefef solid 1px;
    /*border-bottom: none;*/
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    background-color: #eeefef;
    background: linear-gradient(0deg, rgba(238, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 70%);
    box-shadow: 3px -2px 6px 0px #EEEFEF;
    margin-right: 7px;

    cursor: pointer;
}

.tab-navigator a.active {
    color: white;
    background: none;
    background-color: #2e9de0;
    border-bottom: #2e9de0 solid 1px;
    font-weight: normal;
}

.treatment {

}

.treatment-information {
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
}

.treatment-information .part {
    width: 25%;
    border-right: 1px solid rgb(153, 153, 153);
    padding-left: 20px;
    padding-right: 20px;
}

.treatment-information .part:first-child {
    padding-left: 0;
}

.treatment-information .part:last-child {
    border: none;
    padding-right: 0;
}

.treatment-information .part input,
.treatment-information .part select,
.treatment-information .part textarea {
    width: 100%;
}

.treatment-information .part .am-selected-btn {
    border: none;
    padding-left: 0;
    width: auto;
}

.treatment-information .part .bodypart-label {
    display: block;
}

.m-ch-list1.programs-message .m-item {
    background-color: #8bca97;
    width: 31%;
    float: left;
    margin-right: 10px;
}

.m-ch-list1.programs-message .m-item h3 {
    line-height: 1.2;
    font-weight: lighter;
}

.m-ch-list1.programs-message .m-item .program-move-title {
    background-image: url("/static/images/dots-green.png");
}

.m-ch-list1.programs-message .m-item .attach {
    color: white;
    float: right;
    font-size: 12px;
    font-style: italic;
}

.m-ch-list1.programs-message .m-item .attach i {
    color: rgba(255, 255, 255, 0.49);
    font-size: 14px;
    margin-left: 5px;
}

.add-new-message {
    cursor: pointer;
    background-color: #8bca97;
    color: white !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 10px;
}

.add-new-message:hover {
    color: white !important;
    background-color: #85cf91;
}

#modal-new-message .am-modal-dialog, #modal-message .am-modal-dialog {
    background-color: #8bca97;
}

#modal-new-message .title, #modal-message .title {
    text-transform: uppercase;
    width: 100%;
}

#modal-new-message .subtitle, #modal-message .subtitle {
    width: 100%;
    font-weight: lighter;
    font-size: 14px;
}

#modal-new-message .content, #modal-message .content {
    margin-left: 20px;
    margin-right: 20px;
}

#modal-new-message .content textarea {
    width: 100%;
    height: 145px;
    border: none;
    border-radius: 20px;
    outline: none;
    padding: 20px;
    color: black;
}

#modal-new-message .content .attach {
    color: gray;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    right: 0;
    margin-top: -30px;
    margin-right: 0px;
    height: 30px;
    width: 30px;
    display: block;
}

.m-item.message-assigned {
    padding: 6px 6px 8px 6px;
    background-color: #8bca97;
    border-radius: 4px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    cursor: pointer;
    color: white;
    margin-top: 5px;
    margin-right: 10px;
    min-height: 60px;
}

.m-item.message-assigned h3 {
    font-weight: lighter;
    line-height: 1.2;
}

.m-item.message-assigned i.fas {
    font-size: 16px;
}

.m-item.message-assigned .m-flex {
    padding-left: 6px;
}

.m-item.message-assigned .attach {
    color: rgba(255, 255, 255, 0.56);
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 8px;
    margin-bottom: 4px;
}

.program-tab {
    padding: 5px;
    padding-top: 20px;
    padding-bottom: 200px;
}

.weeks {
    height: 64px;
    display: flex;
    justify-content: space-between;
}

.weeks p {
    font-size: 20px;
    color: #49afe8;
    line-height: 64px;
    font-weight: bold;
    align-self: center;
    width: 100%;
    text-align: center;
}

.weeks .arrow {
    display: block;
    width: 36px;
    height: 64px;
    background-color: #0088c7;
    color: #fff;
    text-align: center;
    line-height: 64px;
    font-size: 24px;
    cursor: pointer;
}

.weeks .arrow.prev:before {
    content: '\e625';
    font-family: 'iconfont';
    color: #fff;
    font-size: 34px;
    line-height: 70px;
}

.weeks .arrow.next:before {
    content: '\e621';
    font-family: 'iconfont';
    color: #fff;
    font-size: 34px;
    line-height: 70px;
}

.program-unassigned {
    border: white solid 1px;

    /*user-select: none;*/
    /*touch-action: none;*/

    margin-bottom: 6px;
    width: 100%;
    height: 100%;
    padding: 0 6px 8px 6px;
    background-color: #49afe8;
    border-radius: 8px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    cursor: pointer;
}

.program-unassigned .m-caption {
    padding-left: 6px;
}

.program-unassigned .m-caption h3 {
    padding-top: 6px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.program-unassigned:hover {
    border: #49afe8 solid 1px;
}

.program-assigned {
    padding: 0 6px 8px 6px;
    background-color: #49afe8;
    border-radius: 8px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    cursor: pointer;
    color: white;
    margin-top: 5px;
    margin-right: 10px;
}

.program-assigned:hover {
    background-color: #49b6ef;
}

.message-unassigned {
    background-color: #8bca97;
    width: 40%;
    float: left;
    margin-right: 10px;

    margin-bottom: 6px;
    padding: 0 6px 8px 6px;
    border-radius: 8px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    cursor: pointer;
}

.message-unassigned h3 {
    line-height: 1.2;
    font-weight: lighter;
    padding-top: 6px;
    color: #fff;
    font-size: 14px;
    text-transform: none;
}

.message-unassigned .program-move-title {
    background-image: url("/static/images/dots-green.png");
}

.message-unassigned .attach {
    color: white;
    float: right;
    font-size: 12px;
    font-style: italic;
}

.message-unassigned .attach i {
    color: rgba(255, 255, 255, 0.49);
    font-size: 14px;
    margin-left: 5px;
}

.message-assigned:hover {
    background-color: #98d9a6;
}

.message-unassigned {
    border: white solid 1px;
}

.message-unassigned:hover {
    border: #8bca97 solid 1px;
}

#modal-electrostimulation .param {
    font-size: 14px;
    padding: 0;
    color: #b2d8f6;
}

.range-parameter {
    width: 100%;
    display: flex;
}

.range-parameter .label {
    width: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

.range-parameter .label:last-child {
    text-align: right;
}

.range-parameter div {
    flex-grow: 1;
}

.range-parameter input {
    width: 100%;
}

.range-parameter .rangeslider {
    margin-top: 10px;
}

.message-linked-with-treatment {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-right: 20px;
    border-bottom: black solid 1px;
    color: #49afe8;
    text-transform: uppercase;
}

ul.left-menu li {
    padding: 0;
}

.left-menu {
    padding-top: 24px;
    border-top: #f1f2f2 solid 5px;
}

.menu-home {
    display: block;
    height: 54px;
    width: 54px;
    background-repeat: no-repeat;
    background-image: url("/static/images/home.png");
    background-size: cover;
    margin: auto;
}

a:hover .menu-home, .on .menu-home {
    background-image: url("/static/images/home-on.png");
}

.menu-shop {
    display: block;
    height: 54px;
    width: 54px;
    background-repeat: no-repeat;
    background-image: url("/static/images/shop.png");
    background-size: cover;
    margin: auto;
}

.m-prescribe label {
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
}

.checkbox-bluefit {
    display: inline-block;
    float: right;
    cursor: pointer;
}

.checkbox-bluefit input {
    display: none;
}

.checkbox-bluefit label {
    font-weight: 400;
    font-size: 16px;
    color: #212121;
    line-height: 1;
    display: block;
    width: 50px;
    height: 30px;
    position: relative;
    cursor: pointer;
}

.checkbox-bluefit input[type=checkbox] + label::before {
    content: '';
    height: 30px;
    width: 50px;
    background: #e1e1e1;
    border-radius: 16px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.checkbox-bluefit input[type=checkbox] + label::after {
    content: '';
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 2px;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.checkbox-bluefit input[type=checkbox]:checked + label::before {
    background: #8ecd99;
}

.checkbox-bluefit input[type=checkbox]:checked + label::after {
    left: 26px;
}

.day-content {

}

.day-content.detailed {
    background-color: #009de0;
}

.day-time {
    min-height: 80px;
    border-top: #278ADA solid 1px;
    display: flex;

}

.day-time:first-child {
    border: none;
}

.day-time:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #278ADA;
    position: absolute;
    margin-top: -4px;
    margin-left: -4px;
}

.day-time:first-child:before {
    display: none;
    width: 0;
    height: 0;
}

.day-time-programs {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 5px;
    padding-left: 10px;
}

.day-time-programs.prompt {
    border: white dashed 1px;
}

.day-time-label {
    color: #278ADA;
    position: relative;
    margin-left: -55px;
    width: 55px;
    text-align: right;
    padding-right: 5px;
    align-self: center;
}

.day-time-label-first {
    align-self: flex-end;
}

.program-group-label {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    background-color: #6DB275;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

table.detailed-scheduler {
    width: 100%;
    font-size: 16px;
    color: white;
}

table.detailed-scheduler td {
    border-right: #78C8F4 solid 1px;
}

table.detailed-scheduler tr {
    border-bottom: #78C8F4 solid 1px;
}

#modal-message table.detailed-scheduler td {
    border-right: #95DC9E solid 1px;
}

#modal-message table.detailed-scheduler tr {
    border-bottom: #95DC9E solid 1px;
}

.message-dialog table.detailed-scheduler td {
    border-right: #95DC9E solid 1px;
}

.message-dialog table.detailed-scheduler tr {
    border-bottom: #95DC9E solid 1px;
}

.actions-buttons {
    display: flex;
    justify-content: flex-end;
}

/*questionnaire*/
.pinkfit .m-btn-black {
    background: #3c3c3b;
    color: #fff
}

.pinkfit .m-btn-black:hover {
    background: #555
}

.am-modal-questions {

}

.popup.am-modal-questions .popup_bg {
    background-color: #ffffff;
}

.pinkfit .am-modal-questions .am-modal-bd {
    border: none;
    border-radius: 0
}

.pinkfit .am-modal-questions .am-modal-dialog {
    height: 85vh
}

.pinkfit .am-modal-questions .am-modal-bd {
    border: none;
    border-radius: 0
}

.pinkfit .questionnaire__wrapper {
    padding: 8px 0 48px 0;
    background: #575756;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.pinkfit .questionnaire__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.pinkfit .questionnaire__content {
    font-size: 18px;
    margin-top: 8px;
    padding: 50px 24px 40px 24px;
    background: linear-gradient(to bottom, #fff, #f2f2f2);
    color: #E1AD9D;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pinkfit .questionnaire__main-content {
    overflow: auto;
    padding-bottom: 16px
}

.pinkfit .questionnaire__counter {
    font-size: 18px
}

.pinkfit .questionnaire__title, .pinkfit .questionnaire__title-section {
    color: #706f6f;

    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 1em 0;

}

.pinkfit .questionnaire__title-section {
    text-transform: uppercase;
    /*position: absolute;*/
    width: 100%;
    /*margin-left: -24px;*/
    /*margin-top: 24px;*/
    /*top: 0;*/

    /*padding-left: 35px;*/
    /*padding-right: 10px;*/

    font-size: 1.4vh;
    margin-top: 0;
    font-weight: lighter;
    line-height: 1.9vh;

    position: relative;
    top: -50px;

}

.pinkfit .questionnaire__question {
    font-size: 1.6vh;
    font-weight: 500;
    text-align: center;
    margin: 1em 0;
    text-transform: uppercase;
}

.pinkfit .questionnaire__btn-wrap {
    bottom: -32px
}

.pinkfit .questionnaire__control {
    background: transparent;
    border: none;
    outline: none;
}

.pinkfit .questionnaire__control:before {
    font-weight: 600;
    font-family: 'iconfont';
    color: #fff;
    font-size: 34px;
    line-height: 70px
}

.pinkfit .questionnaire__control_prev:before {
    content: '\e625'
}

.pinkfit .questionnaire__control_next:before {
    content: '\e621'
}

.pinkfit .questionnaire__back {
    background: transparent;
    border: none;
    position: absolute;
    left: 10px;
    top: 0;
    outline: none;
    z-index: 1;
}

.pinkfit .questionnaire__back:before {
    font-weight: 600;
    font-family: 'iconfont';
    color: #cecece;
    font-size: 28px;
    line-height: 70px;
    content: '\e625'
}

.pinkfit .questionnaire__progress {
    position: absolute;
    bottom: 20px;
    left: 24px;
    right: 24px;
    height: 2px;
    background: #c4c4c4
}

.pinkfit .questionnaire__progress-bar {
    height: 6px;
    margin-top: -2px;
    border-radius: 3px;
    background: linear-gradient(to right, #3c364a, #f4c0b3)
}

.pinkfit .questionnaire__button {
    color: #1d1d1b;
    margin: 0.8vh 0;
    /*margin: 10px 0;*/
    /*padding: 12px 32px;*/
    /*border-radius: 25px;*/
    border: none;
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    outline: none;
    font-size: 1.7vh;
    padding: 1vh 1.5vh;
    border-radius: 2vh;
    max-width: 90%;
}

.pinkfit .questionnaire__button.active {
    background: #E1AD9D;
    color: #fff;
    outline: none;
    font-size: 1.7vh;
    box-shadow: none;
}

.new-requests, .new-requests td {
    background-color: #6DB275 !important;
    color: white !important;
}

.new {
    text-transform: uppercase;
    color: #6DB275;
    background-color: white;
    margin-left: 10px;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.pinkfit .confirm-msg, .pinkfit .error-msg {
    color: white !important;
    font-size: 18px !important;
    font-weight: normal;
}

a.free-days-empty, .pinkfit a.free-days-empty {
    background-color: lightgray;
    color: #646464;
    /*border: #0073a7 solid 2px;*/
}

/*.pinkfit a.free-days-empty {*/
/*background-color: white;*/
/*color: darkgrey;*/
/*border: #E1AD9D solid 2px;*/
/*}*/

.action-button {
  display: flex;
  align-items: center;

  font-size: 18px;
  height: 32px;
  border: none;
  border-radius: 16px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  margin-right: 6px;
  margin-top: 0px;
  float: left;
  background-color: #0073a7;
  color: white !important;
  padding-left: 10px;
  padding-right: 10px;

  cursor: pointer;
}

.action-button:hover {
   opacity: 0.8;
}

.action-button-red {
  background-color: darkred;
}


.action-button span {
  font-size: 14px;
  padding-left: 4px;
}

.pinkfit .action-button {
    background-color: #D89C8B;
}