input,
label {
  display: inline;
}

input[type=radio]::-ms-check {
  border-color: red;
  color: red;
}

input[type=checkbox]::-ms-check {
  border-color: green;
  color: green;
}

@media only screen and (max-width: 1024px) {
  input.search-input {
    min-width: auto;
  }

  .wf-100 {
    min-width: 110px !important;
    width: 110px !important;
  }

  .wf-180 {
    min-width: 170px !important;
    width: 170px !important;
  }

  .e-button--paypal {
    max-width: 134px !important;
    min-width: 134px !important;
  }

  .c-table .table th.first {
    padding: 0 10px !important;
  }

  td .e-marked {
    padding: 0 8px 2px;
  }

  td.stat {
    padding: 15px !important;
    height: auto !important;
  }

  td.stat .d-flex.justify-content-around.align-items-center {
    display: block !important;
    margin: 5px auto !important;
  }

  td.stat .d-flex.justify-content-around.align-items-center .e-button {
    min-width: auto;
    max-width: auto;
  }

  .input-group.input-daterange.d-flex.align-items-center .input-type-time {
    background: #fff url("../svg/icon-time.svg") right 15px top 15px no-repeat;
  }

  .input-group.input-daterange.d-flex.align-items-center .input-type-date {
    background: #fff url("../svg/icon-calendar.svg") right 15px top 15px no-repeat;
  }

  .c-calendar__month .c-day__overview {
    right: 10px;
    left: auto;
  }

  .input-type-time {
    background: #fff url("../svg/icon-time.svg") right 15px top 10px no-repeat;
  }

  .input-type-date {
    background: #fff url("../svg/icon-calendar.svg") right 15px top 10px no-repeat;
  }

  .c-calendar__month .c-day__overview {
    width: 300%;
  }

  .c-top__user .dropdown-toggle.select-btn.d-flex.justify-content-between.w-100 {
    background-color: transparent;
  }

  .c-table .table td {
    max-width: 200px !important;
    white-space: normal !important;
  }
}

@media only screen and (max-width: 960px) {
  .sidebar {
    width: 100%;
  }

  #bookingPaymenttab .e-button {
    min-width: 100% !important;
    max-width: 100% !important;
  }

  #bookingPaymentStripe .c-form {
    margin-top: 25px !important;
  }

  .c-pricing .e-text span {
    text-align: left !important;
    float: left !important;
  }

  .c-pricing .e-button {
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 15px !important;
  }

  .c-pricing .e-button .row-txt {
    transform: translateX(0) !important;
  }

  .c-pricing .e-button .row-img {
    display: none !important;
  }

  #invoicesStatusM {
    margin-left: -4px !important;
  }

  #invoiceType,
  #invoiceTemplate {
    width: 94% !important;
    padding: 0 10px !important;
    margin: 0 4px !important;
  }

  .add-new-link {
    position: fixed;
    display: block;
    content: '';
    bottom: 15px;
    right: 15px;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    padding: 0 !important;
    z-index: 500000;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    background: url("../svg/plus-circle.svg") center center no-repeat;
  }

  .add-new-link span,
  .add-new-link img {
    display: none !important;
    opacity: 0 !important;
  }

  body.admin-body.fix {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
  }

  .wf-drp {
    width: 93.65% !important;
  }

  zoom: 1 !important;

  body {
    overflow-x: hidden;
  }

  .d-flex.align-items-center.my-4.w-50.w-wide {
    width: 100% !important;
  }

  .nav-sort .nav-link.active:hover {
    background-color: #2C3647 !important;
    border: 1px solid #2C3647 !important;
  }

  .nav-sort .nav-item {
    width: 88% !important;
    margin-left: 6% !important;
    margin-right: 6% !important;
  }

  .c-item {
    width: 152.5% !important;
    margin-left: -14px;
    margin-top: 20px;
  }

  #sort-tab .slick-next {
    width: 32px;
    height: 32px;
    top: 27px;
    left: auto;
    right: 0;
    padding-bottom: 40px !important;
    color: transparent !important;
    font-size: 0.00000001em !important;
    padding: 15px;
    font-size: 24px;
    background: url("../svg/nx-sl.svg") no-repeat;
    z-index: 15 !important;
  }

  #sort-tab .slick-next:before {
    display: none !important;
    opacity: 0 !important;
  }

  #sort-tab .slick-prev {
    width: 32px;
    height: 32px;
    top: 27px;
    left: 0;
    padding-bottom: 40px !important;
    color: transparent !important;
    font-size: 0.00000001em !important;
    padding: 15px;
    font-size: 24px;
    background: url("../svg/pr-sl.svg") no-repeat;
  }

  #sort-tab .slick-prev:before {
    display: none !important;
    opacity: 0 !important;
  }

  .e-home.use-cases {
    justify-content: flex-start !important;
    flex-flow: column nowrap !important;
  }

  .e-home.use-cases img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }

  .e-home.use-cases span {
    text-align: left;
    font-size: .85em;
  }

  .c-top {
    display: block;
    width: 100%;
    position: relative;
    left: 0 !important;
    right: 0 !important;
    background-color: #fff !important;
  }

  .c-top .navbar-brand {
    border-bottom: none;
  }

  .c-sidebar.visible {
    position: fixed !important;
    display: block !important;
    top: 74px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding-bottom: 100px !important;
    transition: all ease-out .5s !important;
    z-index: 2000000000 !important;
  }

  .c-sidebar.hidden {
    position: fixed !important;
    display: block !important;
    top: 74px !important;
    left: -100% !important;
    right: 100% !important;
    bottom: 0 !important;
    padding-bottom: 100px !important;
    transition: all ease-out .5s !important;
    z-index: 2000000000 !important;
  }

  .c-sidebar__nav {
    width: auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    max-height: 50vh;
    overflow-y: scroll;
  }

  .to-hide {
    display: none;
  }

  .sortM {
    position: absolute;
    top: 14px;
    left: auto;
    right: 77px;
  }

  .sortM button::after {
    display: none;
  }

  .mobileCalendarBtn {
    position: absolute;
    width: 144px;
    left: auto;
    right: 93px !important;
    top: 14px;
    z-index: 3000;
  }

  #menu-mobile {
    position: fixed;
    width: 40px;
    height: 40px;
    top: 19px;
    left: auto;
    right: -5px;
    z-index: 5 !important;
  }

  #menu-mobile ion-icon {
    z-index: 6000;
    margin-top: 5px;
    color: #454545;
    font-size: 25px;
  }

  #mobileSort {
    position: absolute;
    top: 15px;
    left: 95px;
  }

  .c-footer {
    padding: 20px;
    line-height: auto;
    text-align: center !important;
  }

  .c-footer p {
    text-align: center !important;
    margin-bottom: 10px !important;
  }

  .c-how__border {
    border-left: none;
  }

  .c-how__border.right {
    border-right: none;
  }

  .c-how__block {
    flex-flow: column nowrap;
    justify-content: center;
    height: 150px;
  }

  .c-how__block.tex-right {
    text-align: center !important;
  }

  .c-how__block .info {
    text-align: center !important;
  }

  .c-how__block.right {
    justify-content: center;
  }

  .c-header {
    height: auto;
  }

  .c-header__image img {
    width: 100% !important;
  }

  .c-header__slides {
    margin-right: 0;
    margin-bottom: -35px;
  }

  .c-header * {
    text-align: center;
  }

  .c-header .e-title {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  #siteNav .navbar-nav {
    height: 100vh;
    overflow: hidden;
    padding: 10px 0 0;
  }

  #siteNav .navbar-nav .d-inline-flex {
    display: block !important;
    width: 100%;
  }

  #siteNav .navbar-nav .d-inline-flex.ml-3 {
    margin-left: 0 !important;
  }

  #siteNav .navbar-nav .d-inline-flex .e-button {
    display: block;
    min-width: 100%;
    margin: 10px auto !important;
    padding-top: 2px;
  }

  #siteNav .navbar-nav .nav-item {
    text-align: center;
  }

  #siteNav .navbar-nav .nav-item.mx-3 {
    display: block;
    width: 100%;
    margin: 0 !important;
    border-top: 1px solid #f9f9f9;
  }

  #siteNav .navbar-brand {
    width: 74px;
  }

  #siteNav .navbar-brand img {
    transform: translateY(-12px);
    margin-left: -10px;
  }

  .ov-in {
    top: 0;
    width: 100%;
    height: 100vh;
  }

  .ov-in.opened-view {
    top: 0;
    width: 100%;
    left: 0;
    height: 100vh;
  }

  .c-stat .card {
    margin-bottom: 50px;
  }

  #admin-add-service-tab.ml-3 {
    margin-left: auto !important;
  }

  .admin-content {
    left: 0;
  }

  #mainmenu {
    position: fixed;
    z-index: 5100;
    width: 40px !important;
    height: 40px !important;
    top: 20px !important;
    right: 15px;
  }

  #adminMenu {
    height: 100vh;
    overflow: hidden;
  }

  #adminMenu .nav-item {
    margin: 25px 0 -15px;
    text-align: center;
  }

  #adminMenu .nav-item.ml-2 {
    margin-left: 0 !important;
  }

  #adminMenu .nav-item .e-mail {
    display: none;
  }

  #adminMenu .nav-item .e-button {
    margin: 0 auto;
    width: 80%;
  }

  .c-top__user .dropdown-menu {
    width: 100% !important;
    height: 100vh;
    right: 120px;
    top: 71px;
    border-radius: 0;
    border-color: transparent;
    left: -1px;
    overflow: hidden;
  }

  .c-top__user .dropdown-menu a {
    height: 60px;
    line-height: 42px;
    display: block;
  }

  .c-top__user button {
    position: fixed;
    left: 130px;
    right: 100px;
    top: 15px;
    background-color: transparent !important;
    z-index: 5000;
  }

  .settings-link {
    position: fixed;
    right: 55px;
    top: 19px;
    width: 40px;
    height: 40px;
    z-index: 5001;
  }

  .settings-link ion-icon[name="settings"] {
    margin-top: 5px;
    color: #647AA1;
    font-size: 25px;
  }

  .settings-link ion-icon[name="settings"]:hover {
    color: #2C3647;
  }

  .c-calendar__month .row {
    margin-right: -35px;
  }

  .c-calendar__month .c-day__overview {
    width: 60%;
  }

  .e-page-text.ml-3.pl-3.border-left {
    margin-left: auto !important;
    padding-left: 0 !important;
    border-left: none !important;
  }

  #PayPalForm button.e-button {
    min-width: 125px !important;
    max-width: 100px !important;
    transform: translateX(-24px);
  }

  #PayPalForm .email-paypal {
    transform: translateX(-24px);
    min-width: 266px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #edit-method {
    min-width: 266px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #edit-method .d-flex.align-items-center {
    transform: translateX(-15px);
  }

  #edit-method .to-hide {
    margin: 0 5px !important;
  }

  #billingMethodtab a {
    min-width: 266px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  ion-icon[name="arrow-back"] {
    margin-bottom: -4px;
  }

  #admin-orders .input-group-addon {
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
  }

  #admin-orders input {
    min-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
  }

  #newMasterForm .d-flex.justify-content-between.text-center.pt-4 {
    flex-flow: row wrap;
    margin-top: -20px !important;
  }

  #newMasterForm button.e-button.e-button--wide.e-button--white.ml-2.mr-1,
  #newMasterForm button.e-button.mr-2 {
    max-width: 48% !important;
    min-width: 48% !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  #newMasterForm input[name="phone"] {
    transform: translateY(10px);
  }

  #newMasterForm .upload-file {
    margin-bottom: 25px;
  }

  #newMasterForm .upload-file span {
    top: 34px;
  }

  #newMasterForm .w-50.ml-3.mr-1 {
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: -10px !important;
  }

  #newMasterForm #servicesCategories {
    margin-top: -8px;
  }

  #newMasterForm .pr-1 {
    padding-right: 0 !important;
  }

  #newMasterForm .mr-1 {
    margin-right: 0 !important;
  }

  #newMasterForm .d-flex {
    flex-flow: column nowrap;
  }

  #newMasterForm .d-flex.dropdown-toggle {
    flex-flow: row wrap;
  }

  #newMasterForm .d-flex input#file.upload.w-50 {
    min-width: 100% !important;
  }

  #newMasterForm .d-flex input#file.upload.w-50 label {
    width: 50%;
  }

  #newMasterForm .d-flex input.w-50 {
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0;
    margin-bottom: 17px;
  }

  #newMasterForm .text-center input.w-50 {
    max-width: 50% !important;
    min-width: 50% !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  #admin-masters .c-form.d-flex {
    display: block !important;
    flex-flow: column nowrap !important;
  }

  #admin-masters .c-form.d-flex .c-search,
  #admin-masters .c-form.d-flex a#admin-add-master-tab {
    display: block !important;
    min-width: 100% !important;
    margin: 10px 0 !important;
  }

  .c-table .table td {
    min-height: 60px;
    padding: 10px 20px;
  }

  .c-table .table td.first,
  .c-table .table td.last {
    min-width: 50px;
  }

  .c-form input[type="search"] {
    min-width: 320px;
  }

  .e-title--admin {
    line-height: 1.25;
  }

  .c-table .table th.first {
    padding: 0 10px;
  }

  #calendarSortBy .fa-angle-down {
    margin-left: 10px;
  }

  .c-calendar .e-title--calendar {
    font-size: 1.5em;
    padding-top: 2px;
  }

  .c-calendar__month .e-subtitle {
    font-size: 1.4em !important;
  }

  .c-calendar__month .c-day {
    max-width: 14% !important;
    height: 120px;
  }

  .c-calendar__month .c-day.sun,
  .c-calendar__month .c-day.sat {
    background-color: transparent;
  }

  .c-calendar__month .c-day.name {
    background-color: transparent;
  }

  .c-calendar__month .c-day.name.sun,
  .c-calendar__month .c-day.name.sat {
    background-color: transparent;
  }

  .c-calendar__month .c-day.name * {
    color: #454545;
  }

  .c-calendar__month .c-day.name.today {
    background-color: #fff;
  }

  .c-calendar__month .c-day.name.today span:not(.h-today) {
    display: inline-block;
    width: auto;
    height: auto;
    color: #2C3647 !important;
    font-size: 14px;
    border-radius: 0;
    background-color: transparent;
    transform: translateX(-2px);
  }

  .c-calendar__month .c-day.name {
    background-color: transparent;
  }

  .c-calendar__month .c-day.name * {
    color: #2C3647;
  }

  .c-calendar__month .c-day.name.today {
    color: #fff;
    background-color: #2C3647;
  }
}

@media only screen and (max-width: 960px) and (max-width: 960px) {
  .c-calendar__month .c-day.name.today {
    transform: translateY(-2px) !important;
  }
}

@media only screen and (max-width: 960px) {
  .c-calendar__month .c-day:not(.full):hover {
    background-color: #f0fdf9;
  }

  .c-calendar__month .c-day:not(.full):hover:before {
    display: none;
  }

  .c-calendar__month .c-day__content * {
    font-size: .75em;
  }

  .c-calendar__month .c-day__overview {
    position: fixed;
    top: 74px;
    left: 2.5%;
    right: 2.5%;
    width: auto;
    z-index: 20000 !important;
    height: 85vh;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .c-calendar__month .c-day__overview * {
    font-size: 1.01em;
    font-weight: 500;
  }

  .c-calendar__top #calendar-sorting {
    position: static;
    margin-bottom: 25px;
  }

  .calendar.carousel-control-next {
    right: 0 !important;
    zoom: .8;
    top: 15px;
  }

  .calendar.carousel-control-prev {
    left: 0 !important;
    zoom: .8;
    top: 15px;
  }

  #calendar-sorting .d-flex.align-items-center.justify-content-end.mr-4 {
    justify-content: center !important;
    margin-right: auto !important;
  }

  #newDisclaimerForm .row {
    margin-left: -24px !important;
    margin-right: -24px !important;
  }

  #newDisclaimerForm .row .toll_btn[data-param="code"] {
    border-right-color: transparent;
  }

  .c-form__content.ml-4.pl-4 {
    margin-left: auto !important;
    padding-left: 0 !important;
  }

  .dayContainer {
    margin-bottom: 15px;
  }

  .nav-tabs .nav-item {
    width: 100%;
  }

  .nav-tabs .nav-item .nav-link {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #f9f9f9;
  }

  .nav-tabs .nav-item .nav-link.active {
    color: #fff;
    background-color: #2C3647;
  }

  .e-page {
    flex-flow: column nowrap;
    justify-content: center;
    height: auto;
    font-size: 14px;
    padding: 20px 10px 0;
    text-align: center;
  }

  .e-page .ml-auto {
    display: block !important;
    margin-top: 15px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  ion-icon[name="settings"] {
    color: #454545 !important;
  }

  #mainmenu {
    position: fixed;
    z-index: 5100;
    width: 40px !important;
    height: 40px !important;
    top: 20px !important;
    right: -5px;
  }

  #navbarDropdown {
    width: 46px !important;
    height: 46px !important;
  }

  #adminMenu {
    height: 100vh;
    overflow: hidden;
  }

  #adminMenu .nav-item {
    margin: 25px 0 -15px;
    text-align: center;
  }

  #adminMenu .nav-item.ml-2 {
    margin-left: 0 !important;
  }

  #adminMenu .nav-item .e-mail {
    display: none;
  }

  #adminMenu .nav-item .e-button {
    margin: 0 auto;
    width: 80%;
  }

  .c-top__user .dropdown-menu {
    width: 100% !important;
    height: 100vh;
    right: 120px;
    top: 71px;
    border-radius: 0;
    border-color: transparent;
    left: -1px;
    overflow: hidden;
  }

  .c-top__user .dropdown-menu a {
    height: 60px;
    line-height: 42px;
    display: block;
  }

  .c-top__user button {
    position: fixed;
    left: 80px;
    right: 100px;
    top: 15px;
    background-color: transparent !important;
    z-index: 5000;
  }

  .settings-link {
    position: fixed;
    right: 55px;
    top: 19px;
    width: 40px;
    height: 40px;
    z-index: 5001;
  }

  .settings-link ion-icon[name="settings"] {
    margin-top: 5px;
    color: #647AA1;
    font-size: 25px;
  }

  .settings-link ion-icon[name="settings"]:hover {
    color: #2C3647;
  }

  .navbar-light .navbar-toggler {
    transform: translateX(-20px);
  }

  .c-top .navbar-brand {
    width: 74px;
  }

  .admin-content {
    left: 0;
  }

  .upload+label {
    width: 100%;
  }

  .accordion button.d-flex.align-items-center {
    background-color: #fff !important;
    text-align: left !important;
  }

  .accordion button.d-flex.align-items-center .e-faq {
    font-size: 16px !important;
  }

  #payNow .e-button.e-button--brand.single.ml-4.mr-auto {
    margin-left: auto !important;
    margin-right: 15px !important;
  }

  .e-title.e-title--admin.d-flex.align-items-center a.d-flex.align-items-center.back-link .up-d {
    transform: translateY(0) !important;
    zoom: .75;
  }

  .e-title.e-title--admin.d-flex.align-items-center a.d-flex.align-items-center.back-link span {
    font-size: 14px !important;
  }

  .e-title.e-title--admin.d-flex.align-items-center span {
    font-size: 14px !important;
  }

  #admin-invoices .c-form {
    min-width: 99% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #admin-invoices .input-type-date.w-100.mb-2 {
    background: #fff url("../svg/icon-calendar.svg") right 15px top 15px no-repeat !important;
  }

  .navbar-brand img {
    transform: translate(-10px, -17px);
  }

  #siteMenu.navbar-toggler {
    width: 30px;
    height: 30px;
    top: -1px;
  }

  .c-table .table td {
    max-width: 200px !important;
    white-space: normal !important;
  }
}

@media only screen and (max-width: 480px) {
  .mobileCalendarBtn {
    position: absolute;
    width: 145px;
    left: auto;
    right: 77px !important;
    top: 14px;
    z-index: 3000;
  }

  #pricingMob .card {
    zoom: .8;
  }

  #bookingPaymenttab .e-button {
    min-width: 100% !important;
    max-width: 100% !important;
  }

  #invoicePreviewPaper * {
    zoom: .75;
  }

  .wf-drp {
    width: 85% !important;
  }

  #edit-BName-title,
  #edit-Ad1-title,
  #edit-Ad2-title,
  #edit-Ph-title {
    margin-left: -34px !important;
  }

  .nav-sort .nav-link.active:hover {
    background-color: #2C3647 !important;
    border: 1px solid #2C3647 !important;
  }

  .nav-sort .nav-item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #sort-tab .slick-next {
    top: 27px;
    left: auto;
    right: -27px;
  }

  #sort-tab .slick-prev {
    top: 27px;
    left: -27px;
  }

  .c-item__meta a img[src="svg/heart.svg"] {
    margin-bottom: 0;
    position: absolute;
    top: 225px;
    right: 0;
    padding: 10px;
    border-radius: 3px 0 0 0;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.05);
  }

  .c-item {
    width: 170% !important;
    margin-left: -14px;
    margin-top: 5px;
  }

  .c-call {
    padding: 0 !important;
  }

  .c-call .pt-5 {
    padding-top: 0 !important;
  }

  .c-call .mb-5 {
    margin-bottom: -25px !important;
  }

  .c-call .e-title {
    margin: 25px auto;
    font-size: 1.75em;
  }

  .c-call .e-button {
    min-width: 150px !important;
    clear: both;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 15px;
  }

  #faqAccordion button .e-faq {
    font-size: .55em !important;
    text-align: left;
  }

  .e-home.use-cases {
    justify-content: center !important;
    flex-flow: column nowrap !important;
  }

  .e-home.use-cases img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }

  .e-home.use-cases span {
    text-align: center;
    font-size: .85em;
  }

  #regtext {
    font-size: 1em;
  }

  .e-home {
    font-size: 2em;
  }

  .c-footer a {
    display: inline-block;
    width: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 5px !important;
    line-height: -0.005 !important;
  }

  .c-footer a,
  .c-footer p,
  .c-footer span {
    font-size: 13px !important;
  }

  .c-header .e-title {
    font-size: 2em;
  }

  #siteNav .navbar-nav {
    height: 100vh;
    overflow: hidden;
    padding: 10px 0 0;
  }

  #siteNav .navbar-nav .d-inline-flex {
    display: block !important;
    width: 100%;
  }

  #siteNav .navbar-nav .d-inline-flex.ml-3 {
    margin-left: 0 !important;
  }

  #siteNav .navbar-nav .d-inline-flex .e-button {
    display: block;
    min-width: 100%;
    margin: 10px auto !important;
    padding-top: 2px;
  }

  #siteNav .navbar-nav .nav-item {
    text-align: center;
  }

  #siteNav .navbar-nav .nav-item.mx-3 {
    display: block;
    width: 100%;
    margin: 0 !important;
    border-top: 1px solid #f9f9f9;
  }

  .c-stat .row.px-2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .c-stat .card {
    padding: 0;
    margin-bottom: 30px;
  }

  .c-stat .col-10 {
    flex: 0 100%;
    max-width: 100%;
    width: 100%;
  }

  .input-type-time {
    background: #fff url("../svg/icon-time.svg") right 13px top 12px no-repeat;
  }

  .input-type-date {
    background: #fff url("../svg/icon-calendar.svg") right 13px top 12px no-repeat;
  }

  .e-page-text.ml-3.pl-3.border-left {
    margin-left: auto !important;
    padding-left: 0 !important;
    border-left: none !important;
  }

  #PayPalForm button.e-button {
    min-width: 125px !important;
    max-width: 100px !important;
    transform: translateX(-24px);
  }

  #PayPalForm .email-paypal {
    transform: translateX(-24px);
    min-width: 324px !important;
    margin-top: 4px !important;
    margin-left: 2px !important;
    margin-right: auto !important;
  }

  #edit-method {
    min-width: 169% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #edit-method .d-flex.align-items-center {
    transform: translateX(-15px);
  }

  #edit-method .to-hide {
    margin: 0 5px !important;
  }

  #billingMethodtab a {
    min-width: 220% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  ion-icon[name="arrow-back"] {
    display: none;
  }

  #admin-orders .input-group-addon {
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
  }

  #admin-orders input {
    min-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
  }

  #newMasterForm button.e-button.e-button--wide.e-button--white.ml-2.mr-1 {
    margin: 15px 0 0 0 !important;
  }

  #newMasterForm input[name="phone"] {
    transform: translateY(10px);
  }

  #newMasterForm .upload-file {
    margin-bottom: 25px;
  }

  #newMasterForm .upload-file span {
    top: 34px;
  }

  #newMasterForm .w-50.ml-3.mr-1 {
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: -10px !important;
  }

  #newMasterForm #servicesCategories {
    margin-top: -8px;
  }

  #newMasterForm .pr-1 {
    padding-right: 0 !important;
  }

  #newMasterForm .mr-1 {
    margin-right: 0 !important;
  }

  #newMasterForm .d-flex {
    flex-flow: column nowrap;
  }

  #newMasterForm .d-flex.dropdown-toggle {
    flex-flow: row wrap;
  }

  #newMasterForm .d-flex input#file.upload.w-50 {
    min-width: 100% !important;
  }

  #newMasterForm .d-flex input#file.upload.w-50 label {
    width: 50%;
  }

  #newMasterForm .d-flex input.w-50 {
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0;
    margin-bottom: 17px;
  }

  #admin-masters .c-form.d-flex {
    display: block !important;
    flex-flow: column nowrap !important;
  }

  #admin-masters .c-form.d-flex .c-search,
  #admin-masters .c-form.d-flex a#admin-add-master-tab {
    display: block !important;
    min-width: 100% !important;
    margin: 10px 0 !important;
  }

  .c-table .table td {
    min-height: 60px;
    padding: 10px 20px;
  }

  .c-table .table td.first,
  .c-table .table td.last {
    min-width: 50px;
  }

  a#admin-add-master-tab {
    margin-left: 0 !important;
    margin-top: 15px;
    min-width: 200px;
  }

  .c-form input[type="search"] {
    min-width: 320px;
  }

  .e-title--admin {
    line-height: 1.25;
  }

  .e-title .d-flex {
    display: block !important;
    flex-flow: column nowrap;
  }

  .c-table .table th.first {
    padding: 0 10px;
  }

  .close-collapse .fa-angle-up {
    margin: 0 0 0 10px;
  }

  #calendarSortBy .fa-angle-down {
    margin-left: 10px;
  }

  .c-calendar .e-title--calendar {
    font-size: 1.5em;
    padding-top: 2px;
  }

  .c-calendar__month .row {
    margin-right: -28px;
  }

  .c-calendar__month .c-day {
    max-width: 14% !important;
    height: 40px;
  }

  .c-calendar__month .c-day:not(.full):hover {
    background-color: #f0fdf9;
  }

  .c-calendar__month .c-day:not(.full):hover:before {
    display: none;
  }

  .c-calendar__month .c-day__content {
    display: none;
  }

  .c-calendar__month .c-day__overview {
    position: fixed;
    top: 140px;
    left: 2.5%;
    right: 2.5%;
    width: auto;
    height: 73vh;
    z-index: 20000 !important;
    scroll-behavior: auto;
  }

  .c-calendar__month .c-day__overview .input-type-time {
    background: #fff url("../svg/icon-time.svg") 90% 10px no-repeat;
  }

  .c-calendar__month .c-day__overview .input-type-date {
    background: #fff url("../svg/icon-calendar.svg") 90% 10px no-repeat;
  }

  .c-calendar__month .c-day * {
    font-size: .97em;
  }

  .c-calendar__month .c-day__appts {
    font-size: .7em;
    top: 4px;
  }

  .c-calendar__month.week .c-day {
    max-width: 12% !important;
    font-size: .6em;
    height: 40px;
    border: .5px solid #eee !important;
  }

  .c-calendar__month.week .c-day.hour {
    border: none !important;
  }

  .c-calendar__month.week .c-day.name {
    border: none !important;
  }

  .c-calendar__month.week .c-day small.ml-2 {
    display: none;
  }

  .c-calendar__month.week .c-day__digit {
    font-size: 1.5em;
    line-height: 1;
    font-weight: 400;
    padding: 5px;
  }

  .c-calendar__month.week .c-day__digit.hour {
    padding-right: 0;
    font-size: 11px;
  }

  .c-calendar__top #calendar-sorting {
    position: static;
    margin-bottom: 25px;
  }

  .calendar.carousel-control-next {
    right: 0 !important;
  }

  .calendar.carousel-control-prev {
    left: 0 !important;
  }

  #newDisclaimerForm .row {
    margin-left: -24px !important;
    margin-right: -24px !important;
  }

  #newDisclaimerForm .row .toll_btn[data-param="code"] {
    border-right-color: transparent;
  }

  .c-form__content.ml-4.pl-4 {
    margin-left: auto !important;
    padding-left: 0 !important;
  }

  .dayContainer {
    margin-bottom: 15px;
  }

  .e-button {
    min-width: 100px;
    max-width: auto;
    padding: 0 15px;
  }

  .nav-tabs .nav-item {
    width: 100%;
  }

  .nav-tabs .nav-item .nav-link {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #f9f9f9;
  }

  .nav-tabs .nav-item .nav-link.active {
    color: #fff;
    background-color: #2C3647;
  }

  .e-page {
    flex-flow: column nowrap;
    justify-content: center;
    height: auto;
    font-size: 14px;
    padding: 20px 10px 0;
    text-align: center !important;
    line-height: 1;
  }

  .e-page a {
    line-height: 1 !important;
    font-size: 18px;
    margin-bottom: 3px;
  }

  .e-page .ml-auto {
    display: block !important;
    margin-top: 15px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  ion-icon[name="settings"] {
    color: #454545 !important;
  }

  #mainmenu {
    position: fixed;
    z-index: 5100;
    width: 40px !important;
    height: 40px !important;
    top: 20px !important;
    right: -5px;
  }

  #navbarDropdown {
    width: 46px !important;
    height: 46px !important;
  }

  #adminMenu {
    height: 100vh;
    overflow: hidden;
  }

  #adminMenu .nav-item {
    margin: 25px 0 -15px;
    text-align: center;
  }

  #adminMenu .nav-item.ml-2 {
    margin-left: 0 !important;
  }

  #adminMenu .nav-item .e-mail {
    display: none;
  }

  #adminMenu .nav-item .e-button {
    margin: 0 auto;
    width: 80%;
  }

  .c-top__user .dropdown-menu {
    width: 100% !important;
    height: 100vh;
    right: 120px;
    top: 71px;
    border-radius: 0;
    border-color: transparent;
    left: -1px;
    overflow: hidden;
  }

  .c-top__user .dropdown-menu a {
    height: 60px;
    line-height: 42px;
    display: block;
  }

  .c-top__user button {
    position: fixed;
    left: 80px;
    right: 100px;
    top: 15px;
    background-color: transparent !important;
    z-index: 5000;
  }

  .settings-link {
    position: fixed;
    right: 55px;
    top: 19px;
    width: 40px;
    height: 40px;
    z-index: 5001;
  }

  .settings-link ion-icon[name="settings"] {
    margin-top: 5px;
    color: #647AA1;
    font-size: 25px;
  }

  .settings-link ion-icon[name="settings"]:hover {
    color: #2C3647;
  }

  .navbar-light .navbar-toggler {
    transform: translateX(-20px);
  }

  .c-top .navbar-brand {
    width: 74px;
  }

  .admin-content {
    left: 0;
  }

  .upload+label {
    width: 100%;
  }

  #newMasterForm .d-flex.justify-content-between.text-center.pt-4 {
    flex-flow: row wrap;
    margin-top: -20px !important;
  }

  #newMasterForm button.e-button.e-button--wide.e-button--white.ml-2.mr-1,
  #newMasterForm button.e-button.mr-2 {
    max-width: 100% !important;
    min-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .mx-5 {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .c-form--overview {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .c-list-overview {
    width: 90%;
  }

  .c-list-overview .col {
    padding: 0 5px;
    margin: 0;
  }

  .nav-item.left .nav-link {
    /* border-radius: 0; */
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .nav-item.center .nav-link {
    border-radius: 0;
  }

  .nav-item.right .nav-link {
    /* border-radius: 0; */
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .c-how__block {
    margin: 0 auto 25px !important;
  }

  .c-how__block .info {
    margin: 0 !important;
  }

  .c-how__title.first {
    margin-bottom: 40px;
  }

  .c-how__block.first {
    padding: 107px 0 !important;
  }

  .c-single .e-button {
    min-width: 47% !important;
    max-width: 47% !important;
    font-size: 12px !important;
  }

  .c-single .c-item .e-button {
    margin-bottom: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
  }

  .c-single .c-item .e-button.e-pr.e-button--white.e-button--nav.single.w-100 {
    margin-left: 0 !important;
  }

  .c-item .nav-tabs .nav-item {
    width: 25% !important;
    margin-top: -35px !important;
  }

  .item-details__li .e-1 {
    width: 30%;
  }

  .c-item__meta.wide.d-flex.justify-content-end.border-top.py-2.w-100 {
    justify-content: space-between !important;
  }

  .c-order .c-form * {
    font-weight: 500 !important;
  }

  .c-order .c-form .row.mb-2 .d-flex.align-items-center {
    display: block !important;
    width: 90% !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 15px !important;
    margin-top: -15px !important;
    margin-bottom: -15px !important;
    text-align: left !important;
  }

  .c-order .c-form .row.mb-2 .d-flex.align-items-center .d-flex.align-items-center.mr-3.ml-auto,
  .c-order .c-form .row.mb-2 .d-flex.align-items-center .d-flex.align-items-center.ml-3.mr-auto {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    text-align: left !important;
  }

  .c-order .c-form .row.mb-2 .d-flex.align-items-center .d-flex.align-items-center.mr-3.ml-auto {
    margin-bottom: 25px !important;
  }

  #payNow {
    display: block !important;
  }

  #payNow .e-button.e-button--brand.single.ml-4.mr-auto {
    width: 100% !important;
    clear: both !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #payNow .d-flex.align-items-center.mr-4.ml-auto {
    background-color: #f9f9f9;
    justify-content: space-between !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    margin-bottom: 25px !important;
  }

  #payNow .d-flex.align-items-center.mr-4.ml-auto .e-title.price {
    margin: 0 !important;
  }

  .item-details__li .e-3 {
    width: 31% !important;
  }

  #itemViews .nav-item a img {
    height: 65px !important;
  }

  #siteNav .navbar-nav .d-inline-flex .e-button {
    display: flex !important;
  }

  .e-title.e-title--admin.d-flex.align-items-center a.d-flex.align-items-center.back-link .up-d {
    transform: translateY(0) !important;
    zoom: .75;
  }

  .e-title.e-title--admin.d-flex.align-items-center a.d-flex.align-items-center.back-link span {
    font-size: 14px !important;
  }

  .e-title.e-title--admin.d-flex.align-items-center span {
    font-size: 14px !important;
  }

  #admin-invoices .c-form {
    min-width: 96% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }

  #admin-invoices .input-type-date.w-100.mb-2 {
    background: #fff url("../svg/icon-calendar.svg") 94.5% 15px no-repeat !important;
  }

  .c-table .table td {
    min-width: 110px !important;
  }

  .c-calendar__month {
    width: 114% !important;
    margin-left: -9% !important;
  }

  .c-calendar__month .c-day {
    border: none !important;
    border-color: transparent !important;
  }

  .e-mark {
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-end;
    padding-left: 3px;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    position: absolute;
    bottom: 1px;
    left: 1px;
    right: 1px;
    top: 1px;
    color: #fff;
    font-size: 1em;
    font-weight: 300;
  }

  .e-mark.red {
    background-color: #ffbfc2;
  }

  .e-mark.green {
    background-color: #b5f6df;
  }

  .e-mark.yellow {
    background-color: #fcd28c;
  }

  .e-mark.grey {
    background-color: #9e9e9e;
  }

  .c-day__digit {
    position: relative;
    z-index: 100 !important;
  }

  .ov-in .e-subtitle {
    color: #454545 !important;
    font-size: 1em !important;
  }

  .c-list-overview.mx-5 {
    margin-left: 15px !important;
    margin-right: 0 !important;
  }

  .c-list-overview.mx-5 .e-subtitle.e-subtitle--thin {
    color: #454545 !important;
    font-size: .9em;
  }

  .ov-close img {
    zoom: .75;
  }

  .c-calendar__week-block {
    position: relative;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .c-calendar__week-block::-webkit-scrollbar {
    display: none;
  }

  .c-calendar__week-block .c-calendar__month.week.nofix-week {
    transform: translateX(-15px);
    width: 120% !important;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    width: 120% !important;
    position: fixed;
    top: 200px;
    left: 40px;
    right: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .c-calendar__week-block .c-calendar__month.week.nofix-week::-webkit-scrollbar {
    display: none;
  }

  .c-calendar__week-block .c-calendar__month.week.fix-week {
    width: 80px !important;
    position: fixed;
    left: -3%;
    padding-left: 0;
    padding-right: 4%;
    z-index: 200;
    background-color: #f5f7fb;
  }

  .c-calendar__week-block .c-calendar__month.week.fix-week .c-day {
    max-width: 100% !important;
    background-color: #f5f7fb;
  }

  .c-calendar__week-block .c-calendar__month.week .week-block {
    width: 540px !important;
  }

  .c-calendar__week-block .c-calendar__month.week .week-block .c-day {
    max-width: 12% !important;
    font-size: .6em;
    height: 40px;
  }

  .c-calendar__week-block .c-calendar__month.week .week-block .c-day__digit.hour {
    padding-right: 0;
    font-size: 11px;
  }

  .c-calendar__week-block .c-calendar__month.week .week-block .c-day.sun,
  .c-calendar__week-block .c-calendar__month.week .week-block .c-day.sat {
    background-color: transparent;
  }

  .c-calendar__week-block .c-calendar__month.week .week-block .c-day.name {
    background-color: transparent;
  }

  .c-calendar__week-block .c-calendar__month.week .week-block .c-day.name.sun,
  .c-calendar__week-block .c-calendar__month.week .week-block .c-day.name.sat {
    background-color: transparent;
  }

  .c-calendar__week-block .c-calendar__month.week .week-block .c-day.name * {
    color: #454545;
  }

  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}