@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/open-sans/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/open-sans/opensans-bolditalic-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/open-sans/opensans-extrabold-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../fonts/open-sans/opensans-extrabolditalic-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/open-sans/opensans-italic-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/open-sans/opensans-light-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/open-sans/opensans-lightitalic-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/open-sans/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/open-sans/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/open-sans/opensans-semibolditalic-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* header */

.datepicker td,
.datepicker th {
    font-size: 12px;
}

header {
    width: 100%;
    display: block;
    background: #ff677e;
    position: relative;
    padding: 5px 0px;
}

header .navbar-brand {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    padding: 0px;
}

header .navbar-brand img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: contain;
    object-position: top;
}

header .navbar .navbar-nav {
    margin-top: 0px !important;
}

header .navbar .navbar-nav .nav-item {
    margin: 0px 15px;
}

header .navbar .navbar-nav .nav-item .nav-link {
    font-size: 14px !important;
    color: #fff !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    font-family: 'open_sanssemibold';
    padding: 19px 0px !important;
    position: relative;
    width: auto !important;
    letter-spacing: 0px;
    background: none !important;
    border-radius: 0px !important;
}

header .navbar .navbar-nav .nav-item .nav-link::before {
    position: absolute;
    display: none;
    border: none !important;
    border-bottom: 6px solid #FFC704 !important;
    content: "";
    width: 100%;
    bottom: -7px;
    left: 0;
}

header .navbar .navbar-nav .nav-item .nav-link:hover::before,
header .navbar .navbar-nav .nav-item .nav-link.active::before {
    display: block;
}

header .navbar .navbar-nav .nav-item:last-child .nav-link {
    border: none !important;
    background: none !important;
    border-radius: 0px !important;
    color: #fff !important;
    margin: 0px !important;
}

header .navbar .LanGdrop a {
    color: #222222;
    font-size: 14px;
}

header .navbar .arrow-up {
    display: none !important;
}

.language-menu.dropdown-menu {
    top: 100%;
}

.right-side-menu ul {
    list-style: none !important;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.right-side-menu ul li {
    margin: 0px 10px;
}

.right-side-menu ul li:last-child {
    margin-right: 0px !important;
    margin-left: 20px;
}

.right-side-menu ul li a.icons {
    border-radius: 50%;
    background-color: #dd495f;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-side-menu ul li a.icons img {
    width: 24px;
    height: 24px;
}

.right-side-menu ul li a.book-btn {
    background-color: #FFC704;
    /*  max-width: 195px; */
    /* width: 100%; */
    padding: 8px 10px;
    font-size: 14px;
    color: #222222;
    font-family: 'open_sanssemibold';
    border-color: #FFC704 !important;
    box-shadow: none !important;
    margin: 0px auto;
    /* border-radius: 0px !important;  */
}

.right-side-menu ul li a.book-btn:hover {
    background: none !important;
    border-color: #fff !important;
    color: #fff !important;
}

.right-side-menu ul li a.book-btn img {
    width: 16px;
    height: 16px;
}

.right-side-menu ul li a.book-btn:hover img {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);
}

.user .dropdown-toggle {
    cursor: pointer;
    color: #fff !important;
    font-family: 'open_sanssemibold';
    font-size: 14px;
    display: flex;
    align-items: center;
}

.user .dropdown-toggle:hover {
    color: #FFF;
}

header .dropdown-menu {
    background-color: #FFC704 !important;
    right: 0;
    left: auto;
    border-radius: 12px;
    position: absolute !important;
    width: 230px;
    top: 40px;
}

header .dropdown-menu::before {
    width: 0;
    position: absolute;
    content: "";
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFC704;
    right: 15px;
    top: -10px;
}

header .dropdown-menu .dropdown-item {
    color: #222222;
    background: none !important;
    font-size: 14px;
    padding: 8px 20px;
    font-family: 'open_sanssemibold';
    border-bottom: 1px solid rgb(227, 197, 11);
    white-space: unset !important;
}

header .dropdown-menu a.dropdown-item:hover {
    background: #ff677e !important;
    color: #fff !important;
}

header .dropdown-menu .dropdown-item img {
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

/* :not(:first-of-type) */
header .dropdown-menu .dropdown-item:hover img {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);
}

header .dropdown-menu .dropdown-item:last-child:hover img {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);
}

header .dropdown-menu .dropdown-item:first {
    border-radius: 12px 12px 0px 0px;
}

header .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0px !important;
    border-radius: 0px 0px 12px 12px;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 8px;
    margin-left: 10px;
    height: 8px;
    content: "";
    border: none;
    vertical-align: 2px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
}

.right-side-menu ul li.user {
    width: 151px;
}

header .navbar .navbar-nav .nav-item:nth-last-child(2) .nav-link {
    border: none !important;
}

footer {
    background: #ff677e !important;
    width: 100%;
    display: block;
}

footer .copy_right {
    font-size: 12px;
    padding: 15px 15px;
}


.btn-primary {
    color: #fff !important;
    background-color: #ff677e !important;
    border-color: #ff677e !important;
  }

/*  */

.has-error {
    border: none !important;
    margin-bottom: 27px !important;
}

.login-page {
    width: 100%;
    display: block;
    background: #f0deeb !important ;
    padding: 30px 0px 30px;
    min-height: 95.5vh;
}

.login-block {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 24px 0px rgba(142, 147, 159, 0.2);
    width: 100%;
    height: 550px;
    display: flex;
    /* align-items: center; */
}

.login-block .login-form {
    background-color: rgb(255, 255, 255);
    max-width: 495px;
    padding: 85px 55px 30px;
    width: 100%;
}

.login-block .login-form .form-heading {
    font-size: 20px;
    color: #343434;
    font-family: 'open_sansbold';
    margin-bottom: 50px;
    margin-left: 20px;
}

.login-block .login-form .form-group {
    margin-bottom: 27px;
    position: relative;
}

.login-block .login-form label {
    font-size: 12px;
    margin-bottom: 0px;
    position: absolute;
    color: #858585;
    padding: 0px 5px;
    background: #fff;
    top: -9px;
    left: 10px;
}

.login-block .login-form .form-control {
    max-width: 385px;
    width: 100%;
    border: solid 1px rgb(234, 234, 234);
    border-radius: 6px;
    padding: 18px 15px;
    font-size: 14px;
    color: #ff677e;
    font-family: 'open_sanssemibold';
}

.login-block .login-form .sf-common-btn {
    width: 385px;
    height: 50px;
    background-color: #FFC704;
    border-color: transparent !important;
    border-radius: 6px;
    font-size: 16px;
    color: #222222;
    font-family: 'open_sanssemibold';
}

.login-block .login-form .sf-common-btn:hover {
    background: none !important;
    color: #ff677e !important;
    border-color: #ff677e !important;
}

.login-block .login-form .forgot_heading {
    font-size: 14px;
    color: #ff677e;
    margin-bottom: 0px;
    margin-top: 35px;
    font-family: 'open_sanssemibold';
    letter-spacing: 0;
    display: flex;
    justify-content: space-between;
}

.forgot-page .login-block .login-form .forgot_heading {
    color: #343434;
    text-align: center;
}

.forgot-page .login-block .login-form .forgot_heading a {
    color: #ff677e !important;
}

.forgot-page .login-block .login-form .forgot_heading span+span {
    text-align: right;
}

.login-block .login-bg {
    width: 100%;
    flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    height: 100%;
    background-color: #ff677e;
    padding: 20px;
}

.login-block .logo-icon {
    max-width: 165px;
    height: 78px;
    width: 100%;
    margin: 35px auto;
}

.login-block .logo-icon img {
    width: 100%;
    height: 100%;
}

.login-block .login-img {
    max-width: 455px;
    height: 297px;
    width: 100%;
    margin: 0px auto;
}

.login-block .login-img img {
    width: 100%;
    height: 100%;
}

.gohome {
    font-size: 14px;
    color: #ff677e !important;
    text-align: left;
    font-family: 'open_sanssemibold';
    letter-spacing: 0;
}


/* dashboard page */

.dashboard-page {
    padding: 80px 0px 80px;
    width: 100%;
    background: #f0deec;
    min-height: 88vh;
}

.dashboard-top-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.client-detial-box {
    background-color: #ff677e;
    box-shadow: 0px 4px 24px 0px rgba(102, 56, 101, 0.5);
    max-width: 615px;
    width: 100%;
    min-height: 260px;
    border-radius: 0px 20px 0px 20px;
    display: flex;
}

.client-detial-box .left-side {
    padding: 0px 20px 0px 40px;
}

.client-detial-box .c-logo {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    margin-left: -40px;
    margin-top: -50px;
}

.client-detial-box .c-logo img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    object-position: top;
}

.client-detial-box .title {
    font-size: 20px;
    color: #fff;
    font-family: 'open_sansbold';
    margin-top: 25px;
    margin-bottom: 25px;
}

.client-detial-box .description {
    font-size: 14px;
    color: #fff;
    font-family: 'open_sansregular';
    font-weight: 500;
}

.client-detial-box .right-side-img {
    max-width: 170px;
    width: 100%;
    display: block;
    margin: auto 35px auto 20px;
}

.client-detial-box .right-side-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(10px 10px 4px rgba(7, 3, 8, 0.26));
}

.client-amount-block {
    width: 100%;
    flex: 1;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
}

.client-amount-block .amount-top {
    display: flex;
    justify-content: space-between;
}

.client-amount-block .amount-top .date-block {
    border-radius: 12px;
    max-width: 327px;
    height: 131px;
    width: 100%;
    background-color: #fff;
    padding: 5px 12px;
}

.client-amount-block .amount-top .amount-box {
    border-radius: 12px;
    max-width: 193px;
    height: 131px;
    width: 100%;
    margin-left: 20px;
    background-color: #fff;
    padding: 15px 12px;
}

.client-amount-block .amount-top .date-block .form-row {
    justify-content: center;
    flex-wrap: unset;
    align-items: center;
    margin-bottom: 10px;
}

.client-amount-block .amount-top .date-block .form-row .input-group {
    width: 100%;
    border: solid 1px rgb(234, 234, 234);
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    max-width: 146px;
    height: 31px;
    font-family: 'open_sanssemibold';
}

.client-amount-block .amount-top .date-block .form-row .input-group .form-control {
    border-radius: 6px 0px 0px 6px;
    border: none !important;
    font-size: 12px;
    color: #7a7a7a;
    box-shadow: none !important;
    padding: 0px 8px;
}

.client-amount-block .amount-top .date-block .form-row .to-txt {
    font-size: 12px;
    color: #2b343c;
    margin: 0px 3px;
}

.client-amount-block .amount-top .date-block .form-row .input-group .input-group-text img {
    width: 16px;
    height: 16px;
}

.client-amount-block .amount-top .date-block .form-row .input-group .input-group-text {
    margin-right: 5px;
}

.client-amount-block .amount-top h3.title {
    font-size: 14px;
    color: #ff677e;
    font-family: 'open_sanssemibold';
}

.client-amount-block .amount-top .media {
    align-items: center;
}

.client-amount-block .amount-top .amount-box .media {
    align-items: center;
    margin-top: 20px;
   /*  margin-left: 10px; */
}

.client-amount-block .amount-top .media-img {
    border-radius: 50%;
    background-color: #FFC704;
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.client-amount-block .amount-top .amount-box .media-img {
    background: #fad4da;
}

.client-amount-block .amount-top .media-img img {
    width: 28px;
    height: 28px;
}

.client-amount-block .amount-top .media-body h2 {
    font-size: 24px;
    color: #2b343c;
    font-family: 'open_sansbold';
    margin-bottom: 0px;
    letter-spacing: 0px !important;
}

.client-amount-block .client-desciption-box {
    border-radius: 12px;
    /* max-width: 520px; */
    width: 100%;
    padding: 20px 30px;
    min-height: 110px;
    background: #febed3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: auto;
}

.client-amount-block .client-desciption-box p {
    margin-bottom: 20px;
    font-size: 14px;
    color: #ff677e;
    line-height: 1.714;
    font-family: 'open_sansregular';
    letter-spacing: 0px;
}

.client-amount-block .client-desciption-box p:last-child {
    margin-bottom: 0px !important;
}

.book-delivery-block {
    border-radius: 14px;
    width: 100%;
    min-height: 152px;
    display: flex;
    background-color: #fff;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 15px;
    margin-top: 50px;
}

.book-delivery-block .book-content {
    font-size: 14px;
    color: #2b343c;
    max-width: 895px;
    width: 100%;
    margin: 0px auto 15px;
    line-height: 1.714;
    font-family: 'open_sansregular';
}

.book-delivery-block .book-btn {
    background-color: #FFC704;
    /* max-width: 195px; width: 100%; */
    padding: 9px;
    font-size: 16px;
    color: #222222;
    font-family: 'open_sanssemibold';
    border-color: #FFC704 !important;
    box-shadow: none !important;
    margin: 0px auto;
}

.book-delivery-block .book-btn:hover {
    background: none !important;
    border-color: #222222 !important;
}

.book-delivery-block .book-btn img {
    width: 20px;
    height: 20px;
}


/* my company page */

.my-company-account-block {
    padding: 35px 15px 50px;
    width: 100%;
    background: #f0dee1;
    display: flex;
    min-height: 88vh;
    justify-content: center;
}

/* .my-company-account-block .container {
    margin-left: 10px !important;
} */

.side-nav-block {
    background-color: rgb(255, 255, 255);
    height: 100%;
    box-shadow: 0px 4px 24px 0px rgba(56, 102, 65, 0.35);
    max-width: 277px;
    width: 100%;
    border-radius: 20px;
}

.side-nav-block .nav-heading {
    font-size: 20px;
    color: #222222;
    margin-bottom: 0px;
    padding: 25px 20px;
    border-radius: 20px 20px 0px 0px;
    font-family: 'open_sansbold';
    background: #FFC704;
}

.side-nav-block ul {
    margin: 0px;
    padding: 10px 0px 15px;
    list-style: none;
}

.side-nav-block ul li a {
    display: flex;
    align-items: center;
    padding: 10px;
    height: 40px;
    width: 100%;
    font-size: 14px;
    color: #2b343c;
    font-family: 'open_sanssemibold';
    text-decoration: none !important;
}

.side-nav-block ul li a:hover,
.side-nav-block ul li a.active {
    background-color: #f0dee1;
    color: #ff677e;
}

.side-nav-block ul li a img {
    width: 18px;
    height: 18px;
    margin-right: 9px;
}

.side-nav-block ul li a img+img {
    display: none;
}

.side-nav-block ul li a:hover img,
.side-nav-block ul li a.active img {
    display: none;
}

.side-nav-block ul li a:hover img+img,
.side-nav-block ul li a.active img+img {
    display: inline-block;
}

.my-account-block {
    border-radius: 12px;
    width: 100%;
    min-height: 475px;
    background-color: #fff;
}

.my-account-block .month-select {
    margin-right: 15px;
}


.my-account-block .heading-row {
    padding: 10px 20px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(222, 228, 240);
}

.my-account-block .heading-row .heading-left {
    display: flex; flex-wrap: wrap;
    align-items: center;
}

.my-account-block .heading-row .heading-left .heading-icon {
    border-radius: 50%;
    background-color: #f9d3d9;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.my-account-block .heading-row .heading-left .heading-icon img {
    width: 22px;
    height: 22px;
}

.my-account-block .heading-row .heading-left .heading {
    font-size: 18px;
    color: #ff677e;
    margin-bottom: 0px;
    font-family: 'open_sanssemibold';
    flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
}

.company-form-block {
    width: 100%;
    display: block;
    padding: 25px 20px 20px;
}

.company-form-block .form-group.vat-number {
    margin-bottom: 20px;
}

.company-form-block .form-group {
    margin-bottom: 30px;
    position: relative;
    /* max-width: 568px; */
    width: 100%;
}

.company-form-block label {
    font-size: 12px;
    margin-bottom: 0px;
    position: absolute;
    color: #858585;
    padding: 0px 5px;
    background: #fff;
    top: -9px;
    left: 10px;
    z-index: 1;
}

.company-form-block .form-control {
    /* max-width: 568px; */
    width: 100%;
    border: solid 1px rgb(234, 234, 234);
    border-radius: 6px;
    padding: 15px;
    font-size: 14px;
    color: #ff677e;
    /* font-family: 'open_sanssemibold'; */
}

.company-form-block hr {
    border-top: 1px solid rgb(222, 228, 240);
    margin-bottom: 30px !important;
    margin-top: 0px !important;
}

.form-control:focus {
    background: none !important;
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Upload";
}

.custom-file-label::after {
    height: 100% !important;
    background-color: #FFC704;
    min-width: 100px;
    text-align: center;
    /*  width: 100%; */
    padding: 16px 10px;
    font-size: 14px;
    color: #222222;
    font-family: 'open_sanssemibold';
    border-color: #FFC704 !important;
    box-shadow: none !important;
    margin: 0px auto;
    border-radius: 0p 6px 6px 0px !important;
}

.help-block {
    display: block;
    /*  margin-bottom: 27px !important; */
}

.custom-file {
    height: 100%;
    border: solid 1px rgb(234, 234, 234);
    border-radius: 6px;
    padding: 14px;
    font-size: 14px;
    color: #ff677e;
    font-family: 'open_sanssemibold';
}

.custom-file-input {
    height: 100%;
}

.custom-file-label {
    height: 100%;
    top: 0px !important;
    background: none !important;
    padding: 18px 0px !important;
    /*   max-width: 568px; width: 100%; */
    border: none !important;
    display: block;
}

.save-btn {
    background-color: #FFC704;
    border-color: #FFC704;
    box-shadow: none !important;
    /* max-width: 100px; width: 100%; */
    padding: 9px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #222222;
    font-family: 'open_sanssemibold';
    /*  border-radius: 0px; */
    float: right;
}

.save-btn:hover {
    background: none !important;
    color: #ff677e;
    border-color: #ff677e;
}

.input-group>.custom-file:focus,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 0 !important;
}


/* my point */

.my-account-block .heading-row .add-btn {
    background-color: #FFC704;
    border-color: #FFC704;
    box-shadow: none !important;
    /*  max-width: 125px; width: 100%; */
    padding: 9px;
    font-size: 14px;
    color: #222222;
    font-family: 'open_sanssemibold';
    /* border-radius: 0px;  */
}

.my-account-block .heading-row .add-btn:hover {
    background: none !important;
    color: #ff677e;
    border-color: #ff677e;
}

.address-block .address-box {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid rgb(222, 228, 240);
    justify-content: space-between;
}

.address-block .address-box .address-icon {
    border-radius: 50%;
    background-color: #dee4f0;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.address-block .address-box .head-office-icon {
    background: #fffce5 !important;
}

.address-block .address-box .address-icon img {
    width: 22px;
    height: 22px;
}

.address-block .address-box .office-address h4 {
    font-size: 14px;
    color: #343434;
    font-family: 'open_sansbold';
    margin-bottom: 5px;
}

.address-block .address-box .office-address p {
    font-size: 12px;
    color: #7d7d7d;
}

.address-block .address-box .address-left {
    display: flex;
    align-items: center;
}

.address-block .address-box .btn-icons {
    display: flex;
    align-items: center;
    flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    justify-content: flex-end;
}

.address-block .address-box .btn-icons a {
    margin-left: 6px;
    border-radius: 50%;
    background-color: #FFC704;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.address-block .address-box .btn-icons img {
    width: 24px;
    height: 24px;
}

.modal-dialog {
    max-width: 632px !important;
}

.modal-dialog .modal-content {
    border-radius: 12px;
    background: #fff;
    border: none !important;
}

.modal-dialog .modal-content .modal-header {
    border-bottom: none !important;
    position: relative;
    padding: 20px 20px 20px;
}

.modal-dialog .modal-content .modal-header .modal-title {
    font-size: 24px;
    color: #FFC704;
    width: 100%;
    display: block;
    font-family: 'open_sansbold';
    text-align: center;
}

.modal-dialog .modal-content .modal-header .close {
    padding: 0px !important;
    z-index: 1;
    margin: 0px !important;
    opacity: 1;
    font-size: 30px;
    color: #2b343c;
    position: absolute;
    right: 5px;
    top: 5px;
    font-family: 'open_sanslight';
    padding: 7px !important;
    border-radius: 50%;
    line-height: 13px;
}

.modal-dialog .modal-content .modal-body {
    padding: 20px 35px 30px;
}

.modal-add-form .form-group {
    margin-bottom: 30px;
    position: relative;
    max-width: 568px;
    width: 100%;
}

.modal-add-form label {
    font-size: 12px;
    margin-bottom: 0px;
    position: absolute;
    color: #858585;
    padding: 0px 5px;
    background: #fff;
    top: -9px;
    left: 10px;
}

.modal-add-form .form-control {
    max-width: 568px;
    width: 100%;
    border: solid 1px rgb(234, 234, 234);
    border-radius: 6px;
    padding: 15px;
    font-size: 14px;
    color: #ff677e;
    font-family: 'open_sanssemibold';
}

.modal-add-form .add-btn {
    background-color: #FFC704;
    min-width: 80px;
    padding: 8px;
    font-size: 14px;
    display: block;
    color: #222222;
    font-family: 'open_sanssemibold';
    border-color: #FFC704 !important;
    box-shadow: none !important;
    /*  border-radius: 0px;  */
    margin: 0px auto;
}

.modal-add-form .add-btn:hover {
    background: none !important;
    color: #ff677e;
    border-color: #ff677e;
}


/* help modal */

.help-modal .modal-dialog {
    max-width: 388px !important;
}

.help-modal .help-block {
    width: 100%;
    display: block;
    text-align: center;
}

.help-modal .help-block p.help-text {
    font-size: 14px;
    color: rgb(43, 52, 60);
    line-height: 1.714;
    margin-bottom: 20px;
}

.help-modal .help-block .contact-txt {
    font-size: 14px;
    color: #ff677e;
    line-height: 1.714;
    font-family: 'open_sanssemibold';
    margin-bottom: 4px;
}

.help-modal .help-block .contact-number {
    line-height: 1;
    margin-bottom: 20px;
}

.help-modal .help-block .contact-number a {
    font-size: 26px;
    color: #ff677e;
    line-height: 1;
    font-family: 'open_sansbold';
    text-decoration: underline;
}

.help-modal .help-block .footer-text {
    font-size: 12px;
    color: rgb(43, 52, 60);
    line-height: 2;
    margin-bottom: 7px
}

.help-modal .modal-dialog .modal-content .modal-body {
    padding-top: 0px;
    padding-bottom: 0px;
}


/* My Packages */

.my-account-block .upgrade-btn {
    background-color: #FFC704;
    border-color: #FFC704;
    box-shadow: none !important;
    max-width: 200px;
    width: 100%;
    padding: 9px;
    font-size: 14px;
    color: #222222;
    font-family: 'open_sanssemibold';
    /* border-radius: 0px; */
}

.my-account-block .upgrade-btn:hover {
    background: none !important;
    color: #ff677e;
    border-color: #ff677e;
}

.my-account-block .heading-row .heading-left .heading span {
    color: #2b343c;
}

.package-block {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.package-block .p-left-side {
    background-color: rgb(246, 246, 246);
    max-width: 315px;
    width: 100%;
    border-radius: 0px 0px 0px 12px;
    padding: 20px;
}

.package-block .p-right-side {
    flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    height: 100%;
    padding: 20px 40px;
}

.package-block .p-title {
    font-size: 16px;
    color: #ff677e;
    font-family: 'open_sansbold';
    margin-bottom: 30px;
}

.package-block .p-left-side .p-title {
    margin-bottom: 0px;
}

.package-block .p-left-side .amount {
    font-size: 24px;
    color: #2b343c;
    text-align: center;
    margin-bottom: 5px;
    font-family: 'open_sansbold';
}

.package-block .p-left-side .img-box {
    max-width: 228px;
    width: 100%;
    height: 228px;
    margin: 10px auto 30px;
}

.package-block .p-left-side .img-box img {
    width: 100%;
    height: 100%;
}

.package-block .p-left-side .upgrade-btn {
    margin: 0px auto;
    display: block;
}

.package-block .p-left-side .expire-date {
    font-size: 14px;
    color: #343434;
    margin-bottom: 35px;
    text-align: center;
}

.package-block .p-left-side .expire-date span {
    color: #ff677e;
}

.package-block .p-right-side .package-content-box {
    display: flex;
    justify-content: space-between;
}

.package-block .p-right-side .icon {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    margin-top: 3px;
}

.package-block .p-right-side .icon img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.package-block .p-right-side .content-box {
    margin-bottom: 23px;
    display: block;
    flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
}

.package-block .p-right-side .content-box .content-title {
    font-size: 14px;
    color: #343434;
    font-family: 'open_sansbold';
    margin-bottom: 4px;
}

.package-block .p-right-side .content-box .content-txt {
    font-size: 14px;
    color: #343434;
    margin-bottom: 10px;
}

.package-block .p-right-side .content-box .content-txt:last-child {
    margin-bottom: 0px;
}

.package-block .p-right-side .cancel-btn {
    max-width: 180px;
    width: 100%;
}


/* modal */

.package-modal .package-box {
    text-align: center;
    padding-top: 10px;
}

.package-modal .package-box .p-heading {
    color: #ff677e;
    font-size: 24px;
    margin-bottom: 15px;
    font-family: 'open_sansbold';
}

.package-modal .package-box .p-amount {
    font-size: 24px;
    margin-bottom: 25px;
    color: #2b343c;
    font-family: 'open_sansbold';
}

.package-modal .package-box .p-amount span {
    color: #ff677e;
}

.package-modal .package-box .p-text {
    font-size: 12px;
    color: #343434;
    margin-bottom: 20px;
}

.package-modal .package-box .pay-btn {
    background-color: #FFC704;
    border-color: #FFC704;
    box-shadow: none !important;
    max-width: 226px;
    width: 100%;
    padding: 9px;
    font-size: 14px;
    color: #222222;
    font-family: 'open_sanssemibold';
    /* border-radius: 0px;  */
    margin-bottom: 20px;
}

.package-modal .package-box .pay-btn:hover {
    background: none !important;
    color: #ff677e;
    border-color: #ff677e;
}

.package-modal .package-box .p-text {
    font-size: 12px;
    color: #343434;
}


/* estimator-modal  */

.estimator-modal .modal-dialog {
    margin: 75px auto;
    max-width: 657px !important;
}

.estimator-modal .modal-header {
    flex-direction: column;
    padding-top: 0px !important;
}

.estimator-modal .modal-header .m-icon {
    border-radius: 50%;
    background-color: #ff677e;
    width: 85px;
    height: 85px;
    margin: -35px auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.estimator-modal .modal-header .m-icon img {
    width: 55px;
    height: 55px;
}

.estimator-modal .modal-header .modal-title {
    font-size: 26px;
    color: #2b343c !important;
    font-family: 'open_sansbold';
}

.estimator-modal .form-group {
    position: relative;
    margin-bottom: 30px;
}

.estimator-modal .form-group label {
    position: absolute;
    top: -9px;
    left: 10px;
    background: #fff;
    padding: 0px 3px;
    font-size: 12px;
    color: #858585;
    margin-bottom: 0px;
}

.estimator-modal .form-group .form-control {
    border: solid 1px rgb(234, 234, 234);
    border-radius: 6px;
    width: 100%;
    height: 50px !important;
    font-size: 14px;
    color: #ff677e;
    font-family: 'open_sanssemibold';
}

.estimator-modal .counter-box {
    max-width: 155px;
    width: 100%;
    margin: 30px auto;
}

.estimator-modal .counter-box .cou-text {
    font-size: 12px;
    color: #2b343c;
    /* background-color: #FFC704; */
    margin-bottom: 3px !important;
    text-align: center;
}

.estimator-modal .counter-box span {
    cursor: pointer;
}

.estimator-modal .counter-box .number {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background-color: #ff677e;
    width: 100%;
    height: 37px;
    padding: 5px;
    justify-content: space-between;
}

.estimator-modal .counter-box .minus,
.counter-box .plus {
    width: 20px;
    height: 100%;
    font-size: 18px;
    color: #fff;
    font-family: 'open_sanssemibold';
    text-align: center;
}

.estimator-modal .counter-box input {
    box-shadow: none !important;
    background: none !important;
    border: none !important;
    border-radius: 0px !important;
    font-size: 18px;
    color: #fff;
    font-family: 'open_sansbold';
    text-align: center;
    max-width: 100px;
    width: 100%;
}

.estimator-modal .counter-box input:focus {
    box-shadow: none !important;
    background: none !important;
    border: none !important;
    border-radius: 0px !important;
    outline: none !important;
}

.estimator-modal .amount {
    font-size: 14px;
    color: #ff677e;
    text-align: center;
    margin-bottom: 0px;
    font-family: 'open_sanssemibold';
}

.estimator-modal .form-amount {
    font-size: 24px;
    color: #ff677e;
    text-align: center;
    font-family: 'open_sansbold';
    margin-bottom: 20px;
}

.estimator-modal .estimator-block .book-btn {
    background-color: #FFC704;
    border-color: #FFC704;
    box-shadow: none !important;
    display: block;
    margin: 0px auto;
    min-width: 160px;
    /* width: 100%; */
    padding: 9px;
    font-size: 14px;
    color: #222222;
    font-family: 'open_sanssemibold';
    /* border-radius: 0px; */
    margin-bottom: 24px;
}

.estimator-modal .estimator-block .book-btn:hover {
    text-decoration: none;
    background: none !important;
    color: #222222;
    border-color: #222222;
}

.booking-btn-url { text-decoration: none !important; border: none !important; }

.estimator-modal .estimator-block .footer-text {
    font-size: 12px;
    color: rgb(43, 52, 60);
    line-height: 2;
    margin: 0px auto 7px;
    text-align: center;
    min-width: 367px;
    /*  width: 100%;  */
}

#file-div {
    width: 100px !important;
    height: 100px;
    margin-top: 10px;
}

#file-div img {
    padding: 0px !important;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center;
}

.form-control::placeholder {
    color: #ccc !important;
}

.contary-code-group {
    flex-wrap: unset !important;
    border-radius: 6px;
    border: solid 1px rgb(234, 234, 234) !important;
}

.contary-code-group .form-control { border: none !important; }

.contary-code-group .custom-select {
    background-color: transparent !important;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px;
    color: #ff677e;
    height: auto !important;
    border: solid 1px rgb(234, 234, 234) !important;
    width: auto;
    border-right: 0px !important;
}

.contary-code-group .form-control {
    border-left: 0px !important;
}

.form-control:disabled,
.form-control[readonly] {
    background: none !important;
}

.payment-method {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.payment-method .pay-title {
    text-align: center;
    color: #ff677e;
    font-size: 20px;
    font-family: 'open_sansbold';
    margin-bottom: 15px;
}

.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cc-selector-2 input {
    position: absolute;
    z-index: 999;
}

.paypal {
    background: url(../../images/paypal.svg) no-repeat;
    background-position: center;
    background-size: 90% !important;
}

.viva {
    background: url(../../images/viva-wallet-logo.svg) no-repeat;
    background-position: center;
    background-size: 90% !important;
}

.cc-selector-2 input:active+.drinkcard-cc,
.cc-selector input:active+.drinkcard-cc {
    opacity: .9;
}

.cc-selector-2 input:checked+.drinkcard-cc,
.cc-selector input:checked+.drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.drinkcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 50px;
    border: 1px solid #222222;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}

.drinkcard-cc:hover {
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}


/*.choose-delivery-block  */

.choose-delivery-block {
    max-width: 350px;
    width: 100%;
    margin: 20px auto;
}

.choose-delivery-block .del-title {
    font-size: 16px;
    color: #2b343c;
    font-family: 'open_sansbold';
    text-align: center;
    margin-bottom: 10px;
}

.choose-delivery-block .delivery-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

.choose-delivery-block .choose-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px !important;
    min-width: 110px;
    height: 110px;
    border-radius: 10px;
    margin: 0px 10px;
    flex-direction: column;
    cursor: pointer;
}

.choose-delivery-block .choose-box.active {
    background-color: #ff677e;
}

.choose-delivery-block .choose-box img {
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
}

.choose-delivery-block .choose-box span {
    font-size: 13px;
    color: #2b343c;
    font-family: 'open_sansbold';
}

.choose-delivery-block .choose-box.active span {
    color: #fff;
}


/* invoices */

.over-pay .pay-time {
    font-size: 12px;
    color: #222222;
    padding-right: 18px;
    margin-bottom: 0px;
}

.over-pay .pay-time span {
    color: #ff677e;
    font-family: 'open_sansbold';
}

.month-select label {
    color: #858585;
    font-size: 12px;
    margin-right: 10px;
    font-family: 'open_sanssemibold';
    margin-bottom: 0px;
}

.month-select .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.month-select .form-group .form-control {
    border: 1px solid rgb(233, 233, 233);
    font-size: 12px;
    padding: 8px 10px;
    color: #222222;
    font-family: 'open_sanssemibold';
    width: 125px;
}

.month-select .form-group .form-control.custom-select {
    height: auto !important;
    background: #f7f7f7 url(../../images/down-arrow.svg)no-repeat right 5px center !important;
    background-size: 15px !important;
}

.invoice-page .table thead {
    background: #ff677e;
    color: #fff;
    font-size: 12px;
}

.invoice-page .table thead tr th {
    padding: 12px 3px;
    border: 0px;
}

.invoice-page .table tbody tr {
    font-size: 12px;
    color: #343434;
    border-bottom: 1px solid rgb(234, 234, 234);
}

.invoice-page .table tbody tr td {
    border: 0px;
    padding: 10px 5px;
}

.invoice-page .table .status {
    margin-bottom: 0px;
    color: #20b820;
    font-family: 'open_sanssemibold';
}

.invoice-page .edit-view {
    justify-content: flex-end;
}

.edit-view {
    display: flex;
    align-items: center;
}

.edit-view .view-icon {
    border-radius: 50%;
    background-color: #FFC704;
    width: 30px;
    height: 30px;
}

.edit-view .view-icon img {
    width: 100%;
    height: 100%;
    padding: 7px;
}

.view-icon {
    border-radius: 50%;
    background-color: #FFC704;
    width: 30px;
    display: block;
    height: 30px;
}

.view-icon img {
    width: 100%;
    height: 100%;
    padding: 7px;
}

.edit-view .doc-icon {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    margin-right: 10px;
}

.edit-view .doc-icon img {
    width: 100%;
    height: 100%;
}

.invoice-page .table thead tr th:nth-child(1),
.invoice-page .table tbody tr td:nth-child(1) {
    width: 170px;
}

.invoice-page .table thead tr th:nth-child(2),
.invoice-page .table tbody tr td:nth-child(2) {
    width: 170px;
    text-align: left;
}

.invoice-page .table thead tr th:nth-child(3),
.invoice-page .table tbody tr td:nth-child(3) {
    width: 170px;
}

.invoice-page .table thead tr th:nth-child(4),
.invoice-page .table tbody tr td:nth-child(4) {
    width: 170px;
    text-align: center;
}

.invoice-page .table thead tr th:nth-child(5),
.invoice-page .table tbody tr td:nth-child(5) {
    width: 170px;
    text-align: center;
}

.invoice-page .table thead tr th:nth-child(6),
.invoice-page .table tbody tr td:nth-child(6) {
    width: 170px;
    text-align: center;
}

.invoice-page .table thead tr th:nth-child(7),
.invoice-page .table tbody tr td:nth-child(7) {
    width: 170px;
    text-align: center;
}

.invoice-page .table thead tr th:nth-child(8),
.invoice-page .table tbody tr td:nth-child(8) {
    width: 170px;
    text-align: center;
}

.invoice-page .table thead tr th:nth-child(9),
.invoice-page .table tbody tr td:nth-child(9) {
    width: 170px;
    text-align: center;
}

.invoice-page .table thead tr th:nth-child(10),
.invoice-page .table tbody tr td:nth-child(10) {
    width: 170px;
    text-align: center;
}
.invoice-page .table thead tr th:nth-child(11),
.invoice-page .table tbody tr td:nth-child(11) {
    width: 170px;
    text-align: center;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #ffffff;
}

.table-striped tbody tr:nth-of-type(2n+2) {
    background-color: #f8f8f8;
}

.invoice-page .table {
    width: 100%;
    max-width: unset;}

/* furniture-sector */

.furniture-section {
    background: #f0dee1;
    padding: 40px 0px 0px;
}

.F-middle-box {
    margin: 0px auto 70px;
    border-radius: 12px 12px 0px 0px;
    padding-bottom: 20px;
    background: #fff;
    max-width: 697px;
    width: 100%;
    min-height: 560px;
}

.F-middle-box .F-logo {
    padding: 20px;
    width: 125px;
    border-radius: 6px;
    overflow: hidden;
    height: 125px;
    margin: 0px auto;
}

.F-middle-box .F-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    object-position: top;
}

.F-middle-box .middle-content {
    border-top: 1px solid rgb(222, 228, 240);
    width: 100%;
    padding: 30px 20px;
}

.F-middle-box .middle-content .heading {
    font-size: 16px;
    color: #343434;
    text-align: center;
    font-family: 'open_sanssemibold';
    margin-bottom: 30px;
}

.map-one {
    width: 100%;
    height: 240px;
    margin-bottom: 30px;
    border-radius: 8px;
    background-color: rgb(222, 228, 240);
}

.map-one .google_map {
    border-radius: 8px;
}

.F-middle-box .middle-content .label-o {
    font-size: 14px;
    color: #696969;
    margin-bottom: 30px;
}

.F-middle-box .middle-content .form-group {
    max-width: 100% !important;
}

.F-middle-box .middle-content .form-group .form-control {
    max-width: 100% !important;
}

.F-middle-box .form-group .form-control.custom-select {
    height: auto !important;
    background: #fff url(../../images/down-arrow.svg)no-repeat right 15px center !important;
    background-size: 15px !important;
}

.prograss-bg {
    background: #ff677e;
    z-index: 1;
    padding: 20px 0px;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.F-prograss {
    display: flex;
    align-items: center;
}

.F-prograss .progress {
    width: 100%;
    flex: 1;
    border-radius: 10px;
    background: #e24c62;
    height: 11px;
}

.F-prograss .progress .progress-bar {
    background: #FFC704;
    border-radius: 20px;
}

.prograss-bg .back-btns {
    margin: 0px 5px;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 0px 15px;
    border-radius: 6px;
    font-size: 16px;
    font-family: 'open_sanssemibold';
    background: #e24c62;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 111px;
    height: 46px;
}

.prograss-bg .cont-btns {
    background: #FFC704;
    color: #222222;
}

.total_amount { background:#fff !important; color: #222222 !important; cursor:default !important; }

.prograss-bg .back-btns:hover {
    border-color: #fff;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

fieldset:not(:first-of-type) {
    display: none;
}

.door-to-door .description {
    font-size: 14px;
    color: #696969;
    margin-bottom: 0px;
    text-align: center;
}

.F-middle-box .choose-delivery-block {
    padding-bottom: 20px;
}

.F-middle-box .info_to {
    font-size: 16px;
    color: #ff677e ;
    cursor: pointer;
}

.F-middle-box .label-N {
    font-size: 16px;
    color: #343434;
    font-family: 'open_sanssemibold';
    margin-bottom: 0px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    top: 0px;
    position: relative;
    font-size: 14px;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label .help-user,
[type="radio"]:not(:checked)+label .help-user {
    width: 80px;
    height: 80px;
    object-fit: contain;
    vertical-align: text-bottom;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    width: 21px;
    height: 21px;
    border: 1px solid rgb(177, 183, 194);
    border-radius: 100%;
    background-color: rgb(222, 228, 240);
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: "";
    width: 11px;
    height: 11px;
    background: #ff677e;
    position: absolute;
    top: 30px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:checked+[for="helpertwo"]:before,
[type="radio"]:not(:checked)+[for="helpertwo"]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    width: 21px;
    height: 21px;
    border: 1px solid rgb(177, 183, 194);
    border-radius: 100%;
    background-color: rgb(222, 228, 240);
    display: none;
}

[type="radio"]:checked+[for="helpertwo"]:after,
[type="radio"]:not(:checked)+[for="helpertwo"]:after {
    content: "";
    width: 11px;
    height: 11px;
    background: #ff677e;
    position: absolute;
    top: 30px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: none;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.F-middle-box .no-hours {
    margin-bottom: 35px;
}

.F-middle-box .radio-groups {
    display: flex;
}

.F-middle-box .radio-groups .radio-img {
    margin-right: 30px;
}

.F-middle-box .radio-groups .radio-img:last-child {
    margin-right: 0px;
}

.floor-no {
    display: flex;
    align-items: center;
}

.qty-input {
    display: flex;
    overflow: hidden;
    margin-left: 25px;
    background-color: rgb(222, 228, 240);
    /* border: 1px solid rgb(222, 228, 240);  */
    height: 40px;
    border-radius: 6px;
    position: relative;
    width: 116px;
}

.qty-input span {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 150ms ease-out;
    width: 25px;
    font-size: 18px;
    font-family: 'open_sansbold';
}

.qty-input .less {
    background-color: rgb(190, 197, 212);
    color: #222222;
}

.qty-input .more {
    background: #ff677e;
    color: #fff;
    padding-top: 0px;
}

.qty-input .form-texts {
    background: #dee4f0;
    flex: 1;
    width: 100%;
    border: 0px;
    font-size: 14px;
    color: #222222;
    font-family: 'open_sansbold';
    text-align: center;
}

.item-elevator .btn-toggle::before,
.item-elevator .btn-toggle::after {
    font-size: 16px;
    color: #343434;
}

.item-elevator .btn-toggle::before {
    content: 'No';
    left: -35px;
}

.item-elevator .btn-toggle::after {
    content: 'Yes';
    right: -40px;
}

.item-elevator .btn-toggle {
    margin: 0px 0px 0px 35px;
    background-color: rgb(240, 222, 229);
    box-shadow: none !important;
    width: 73px;
    height: 34px;
}

.item-elevator .btn-toggle>.handle {
    width: 24px;
    height: 24px;
}

.F-middle-box .item-elevator .label-N {
    font-size: 14px;
    margin-bottom: 15px;
}

.custom-checks {
    background: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    width: 100% !important;
}

.company-form-block .checkbox {
    display: inline-block;
    left: 0px;
    top: 0px;
    position: relative;
    padding-left: 25px;
    font-weight: 400;
    cursor: pointer;
    font-family: 'open_sanssemibold';
    font-size: 16px;
    -webkit-user-select: none;
    color: #343434;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 12px;
}

.custom-checks .checkmark {
    height: 20px;
    width: 20px;
    background-color: rgb(222, 228, 240);
    left: 0px;
    top: 2px;
    transform: none;
}

.custom-checks .checkmark::after {
    left: 7px;
    width: 6px;
    height: 16px;
}

.checkmark::after {
    left: 6px;
    top: 0px;
    width: 8px;
    height: 15px;
    border: solid #ff677e;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-checks .checkbox span.amount { color: #ff677e; }

/* .modal .dataPart-dioloag.modal-dialog {
    max-width: 970px !important;
} */

/* .dataPart-dioloag .modal-content {
    background: rgb(237, 237, 242);
} */

.howder-s .modal-header {
    justify-content: center;
}

.howder-s .modal-header .modal-titles {
    font-size: 20px;
    padding: 0px 10px;
    color: #ff677e;
    font-family: 'open_sansbold';
    text-align: center;
}

.data-contain .select-items {
    margin: 0px auto;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgb(234, 234, 234);
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    width: 347px;
    height: 62px;
}

.data-contain .select-items .item-one {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFC704;
    width: 161px;
    color: #222222;
    font-size: 14px;
    font-family: 'open_sanssemibold';
}

.select-items .radio-img [type="radio"]:checked+label:after,
.select-items .radio-img [type="radio"]:not(:checked)+label:after {
    top: 5px;
}

.select-items .radio-img [type="radio"]:checked+label:before,
.select-items .radio-img [type="radio"]:not(:checked)+label:before {
    top: 0px;
}

.select-items .radio-img [type="radio"]:checked+label,
.select-items .radio-img [type="radio"]:not(:checked)+label {
    color: #222222;
    margin-bottom: 0px;
    font-family: 'open_sanssemibold';
}

.mini-item-content {
    padding: 20px;
    border-top: 1px solid rgb(222, 228, 240);
}

.mini-item-content:last-child {
    border-bottom: 1px solid rgb(222, 228, 240);
}

.mini-item-content .right-content .R-title {
    color: #343434;
    font-size: 18px;
    font-family: 'open_sanssemibold';
    margin-bottom: 15px;
}

.mini-item-content .right-content .R-subtitle {
    color: #696969;
    font-size: 14px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.mini-item-content .right-content .description {
    color: #696969;
    font-size: 12px;
    margin-bottom: 0px;
}

.mini-item-content .left-imgs {
    max-width: 210px;
    width: 100%;
    height: 120px;
    position: relative;
    display: flex;
}

.mini-item-content .left-imgs img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.mini-item-content .left-imgs .edit-view {
    position: absolute;
    right: 5px;
    top: 0;
}

.mini-item-content .left-imgs .edit-view .view-icon {
    width: 24px;
    height: 24px;
}

.mini-item-content .left-imgs .edit-view .view-icon img {
    padding: 5px;
    vertical-align: top;
}

.mini-item-content .left-imgs .radio-img {
    position: absolute;
    top: 0px;
    left: -13px;
}

.mini-item-content .left-imgs [type="radio"]:checked+label:after,
.mini-item-content .left-imgs [type="radio"]:not(:checked)+label:after {
    top: 1px;
    left: 0px;
    width: 25px;
    height: 25px;
    background: #ff677e url(../../images/tick2.svg)no-repeat;
    background-size: 15px;
    background-position: center;
}

.mini-item-content .left-imgs [type="radio"]:checked+label:before,
.mini-item-content .left-imgs [type="radio"]:not(:checked)+label:before {
    top: 0px;
    width: 25px;
    height: 25px;
}

.middle-content .M-date {
    font-size: 12px;
    color: #696969;
    margin-bottom: 10px;
}

.middle-content .m-date-y {
    font-size: 16px;
    color: #343434;
    margin-bottom: 10px;
}

.middle-content .or_data {
    position: relative;
    text-align: center;
    color: #343434;
    font-family: 'open_sansbold';
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.middle-content .or_data span {
    z-index: 1;
    padding: 0px 5px;
    position: relative;
    background-color: #fff;
}

.middle-content .or_data::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgb(222, 228, 240);
    position: absolute;
    top: 50%;
    left: 0;
}

.company-form-block .Express-Delivery {
    margin-bottom: 20px;
}

.company-form-block .Express-Delivery .checkbox .exp-del {
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFC704;
    width: 189px;
    height: 46px;
}

.company-form-block .Express-Delivery .checkbox .exp-del img {
    width: 35px;
    height: 35px;
}

.company-form-block .get-del-hour {
    font-size: 14px;
    color: #222222;
    background: #dee4f0;
    border-radius: 5px;
    margin-bottom: 0px;
    padding: 22px 15px;
    text-align: center;
}

.company-form-block .get-del-hour span {
    color: #ff677e;
}

.calendar {
    width: 100%;
    min-height: 200px;
}

.table thead {
    background: #ffe5e8;
    border-radius: 10px;
    color: #343434;
    font-size: 18px;
}

.table thead th {
    border: 0px;
    padding: 2px;
    vertical-align: middle;
    padding: 5px;
}

.table thead .house-img {
    border-radius: 6px;
    background-color: #ff677e;
    padding: 5px;
    width: 74px;
    height: 59px;
}

.table thead .house-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.table tbody td {
    padding: 5px;
    font-size: 12px;
    color: #343434;
    font-family: 'open_sanssemibold';
}

.table tbody .D-table {
    color: #858585;
}

.table .edit-view {
    justify-content: center;
}

.table .edit-view .view-icon {
    width: 28px;
    height: 28px;
}

.table .edit-view .view-icon img {
    padding: 7px;
    vertical-align: baseline;
}

.table thead tr th:nth-child(1),
.table tbody tr td:nth-child(1) {
    width: 60%;
}

.table thead tr th:nth-child(2),
.table tbody tr td:nth-child(2) {
    width: 30%;
    text-align: right;
}

.table thead tr th:nth-child(3),
.table tbody tr td:nth-child(3) {
    width: 10%;
}

.table .total-b {
    border-top: 1px solid rgb(222, 228, 240);
}

.confirm-btn {
    border-radius: 6px;
    background-color: #FFC704;
    margin: 20px auto;
    color: #222222;
    font-size: 16px;
    font-family: 'open_sansbold';
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    width: 252px;
    height: 46px;
}

.confirm-btn:hover {
    border-color: #ff677e;
    background: transparent;
    color: #ff677e;
}

.upload-btn {
    width: 325px;
}

.up-formate {
    font-size: 14px;
    color: #696969;
    text-align: center;
    margin-bottom: 15px;
}

.modal .upload-notess .custom-file-label::after {
    border-radius: 6px !important;
    height: 40px !important;
    padding: 10px;
    margin: 5px;
}

.pyment-box .radio-groups {
    display: flex;
    margin-bottom: 15px;
}

.pyment-box .radio-groups label a { color: #FFC704 !important; }

.pyment-box .radio-groups .radio-img {
    padding-right: 20px;
}

.pyment-box .radio-groups .radio-img:last-child {
    padding-right: 0px;
}

.pyment-box .radio-groups [type="radio"]:checked+label .logo-user,
.pyment-box .radio-groups [type="radio"]:not(:checked)+label .logo-user {
    border-radius: 4px;
    background-color: rgb(244, 244, 244);
    width: 150px;
    height: 64px;
    padding: 15px;
}

.howder-s .modal-header .modal-titles span {
    color: #2b343c;
}

.logos-ones {
    display: flex;
    padding: 0px 20px 30px;
}

.logos-ones .logo-py {
    width: 30px;
    height: 30px;
    margin: 0px 10px;
    cursor: pointer;
    object-fit: contain;
}


/* store-in-kitchan */

.kitchen-box-img {
    width: 100%;
    height: 280px;
    margin-bottom: 20px;
}

.kitchen-box-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.floor-no .label-N .spn-truck {
    color: #ff677e;
    font-family: 'open_sansbold';
}


/* calender */

.calendar .datepicker-inline {
    width: 100% !important;
}

.calendar .datepicker-inline .table-condensed {
    width: 100% !important;
    background: #dee4f0;
    border-radius: 10px !important;
    overflow: hidden;
}

.calendar .datepicker-inline .table-condensed thead {
    background: #ff677e;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    border-radius: 10px 10px 0px 0px !important;
    font-family: 'open_sanssemibold';
}

.calendar .datepicker-inline .table-condensed .datepicker-switch {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.calendar .datepicker thead tr:first-child th:hover,
.calendar .datepicker tfoot tr th:hover {
    background: transparent;
}

.calendar .datepicker-inline .table-condensed thead th {
    padding: 7px;
}

.calendar .datepicker td {
    padding: 7px;
    border-radius: 0px;
    background-color: rgb(234, 239, 248);
    font-size: 18px;
    color: #222222;
    width: 49px;
    height: 47px;
}

.calendar .datepicker-inline th {
    border-radius: 0px !important;
}


/* .calendar .datepicker thead tr:first-child th{border-radius: 10px !important;} */

.calendar .datepicker table tr td.day:hover,
.calendar .datepicker table tr td.day.focused,
.calendar .datepicker table tr td.active {
    background: #ff677e !important;
    color: #fff;
    border-radius: 10px !important;
}

.calendar .datepicker table tr td.disabled,
.calendar .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #fff;
}

.calendar .datepicker-inline .table-condensed thead .prev {
    background: #ff677e !important;
}

.calendar .datepicker-inline table.table-condensed tbody {
    border-collapse: separate;
    border-spacing: 10px;
    /* position:absolute;  */
}

.datepicker-orient-top.datepicker table tr td.active.active,
.datepicker-orient-top.datepicker table tr td.active:hover {
    background: #ff677e !important;
}


/* check-box-like radio */

.radio-groups [type="checkbox"]:checked,
.radio-groups [type="checkbox"]:not(:checked) {
    position: absolute;
    left: 0px;
    opacity: 0;
}

.radio-groups [type="checkbox"]:checked+label,
.radio-groups [type="checkbox"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.radio-groups [type="checkbox"]:checked+label:before,
.radio-groups [type="checkbox"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #ddd;
    border-radius: 20%;
    background: #fff;
}

.radio-groups [type="checkbox"]:checked+label:after,
.radio-groups [type="checkbox"]:not(:checked)+label:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #ff677e;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 10%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.radio-groups [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radio-groups [type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.radio-groups [type="checkbox"]:checked+label:before {
    border: 2px solid #ff677e;
}


/*  */


/* invoice-pdf */

.invoice-box .table thead tr th:nth-child(1),
.invoice-box .table tbody tr td:nth-child(1) {
    width: 5%;
}

.invoice-box .table thead tr th:nth-child(2),
.invoice-box .table tbody tr td:nth-child(2) {
    width: 15%;
    text-align: left;
}

.invoice-box .table thead tr th:nth-child(3),
.invoice-box .table tbody tr td:nth-child(3) {
    width: 15%;
}

.invoice-box .table thead tr th:nth-child(4),
.invoice-box .table tbody tr td:nth-child(4) {
    width: 17%;
}

.invoice-box .table thead tr th:nth-child(5),
.invoice-box .table tbody tr td:nth-child(5) {
    width: 15%;
}

.invoice-box .table thead tr th:nth-child(6),
.invoice-box .table tbody tr td:nth-child(6) {
    width: 15%;
}

.invoice-box .table thead tr th:nth-child(7),
.invoice-box .table tbody tr td:nth-child(7) {
    width: 10%;
}


/*  */

.mini-item-content.select-buess {
    border: 0px;
}


/* .mini-item-content.select-buess .card-box .radio-img{position: absolute; width:100%; height:100%;left:0; right:0; bottom:0; top:0;} */

.mini-item-content.select-buess .card-box [type="radio"]:checked,
.mini-item-content.select-buess .card-box [type="radio"]:not(:checked) {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0px;
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.mini-item-content.select-buess .card-box .edit-view .view-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.mini-item-content.select-buess .card-box .card {
    border: 1px solid rgb(222, 228, 240);
    padding: 15px;
    position: relative;
    border-radius: 5px;
    margin: 0px auto;
}

.mini-item-content.select-buess .card-box .card .card-body {
    padding: 0px;
    text-align: center;
}

.mini-item-content.select-buess .card-box .left-imgs {
    justify-content: center;
    margin: 0px auto 10px;
}

.mini-item-content.select-buess .card-box .card:hover {
    background: #ff677e;
    cursor: pointer;
}

.mini-item-content.select-buess .card-box .card:hover .right-content .R-title {
    color: #fff;
}

.mini-item-content.select-buess .card-box .card:hover .right-content .R-subtitle {
    color: #fff;
}

.mini-item-content.select-buess .card-box .card:hover .right-content .description {
    color: #fff;
}

.mini-item-content.select-buess .card-box [type="radio"]:checked+.card {
    background: #ff677e;
}

.mini-item-content.select-buess .card-box [type="radio"]:checked+.card .right-content .R-title {
    color: #fff;
}

.mini-item-content.select-buess .card-box [type="radio"]:checked+.card .right-content .R-subtitle {
    color: #fff;
}

.mini-item-content.select-buess .card-box [type="radio"]:checked+.card .right-content .description {
    color: #fff;
}

.mini-item-content.select-buess .card-box {
    position: relative;
}

.mini-item-content.select-buess .card-box [type="checkbox"]:checked,
.mini-item-content.select-buess .card-box [type="checkbox"]:not(:checked) {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0px;
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.mini-item-content.select-buess .card-box [type="checkbox"]:checked+.card {
    background: #ff677e;
}

.mini-item-content.select-buess .card-box [type="checkbox"]:checked+.card .right-content .R-title {
    color: #fff;
}

.mini-item-content.select-buess .card-box [type="checkbox"]:checked+.card .right-content .R-subtitle {
    color: #fff;
}

.mini-item-content.select-buess .card-box [type="checkbox"]:checked+.card .right-content .description {
    color: #fff;
}


/*  */

.main-contents {
    font-size: 16px;
    color: #000;
    font-family: 'open_sanssemibold';
    margin-bottom: 30px;
}

.yes-no-content .save-btn {
    margin: 0px 20px;
    width: 90px
}

.yes-no-content.F-prograss {
    justify-content: center;
}

.yes-no-content.F-prograss .yes-btns {
    background: #ff677e;
    color: #fff;
    border-color: #ff677e;
}

.yes-no-content.F-prograss .yes-btns:hover {
    color: #ff677e;
}


/*  */

header .LanGdrop .dropdown-menu {
    width: 60px !important;
    padding: 10px 0px;
    min-width: auto;
    border-radius: 10px;
    top: 50px;
}

header .LanGdrop li.langdropdwn {
    padding: 5px 10px;
}

header .LanGdrop li.langdropdwn:hover {
    background: #ff677e;
    color: #fff;
}

/*  */


.wan-switch { border: 1px solid rgb(222, 228, 240); padding: 15px; border-radius: 6px; margin-bottom: 20px;   }
.ws-top { width: 100%; display: flex; align-items: center;  margin-bottom: 20px; }


.ws-title { color: #343434; font-size: 16px; display: inline-block; font-family: 'open_sanssemibold'; max-width: 75%; width: 100%; }
.switch {position: relative; display: inline-block;  width: 60px; height: 28px; margin-left: auto; }
.switch input { opacity: 0; width: 100%; height: 100%; position: relative; z-index: 1; cursor: pointer; }
.switch .sw-slider {  position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(190, 197, 212); -webkit-transition: .4s; transition: .4s; border-radius: 25px; }
.switch .sw-slider:before {  position: absolute; content: ""; border-radius: 50%; height: 22px; width: 22px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .sw-slider { background-color: #ff677e;}
input:focus + .sw-slider {  box-shadow: 0 0 1px #ff677e; }
input:checked + .sw-slider:before { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }

/* .wan-switch .qty-input {height: 32px;} */
.wan-switch .qty-input .form-texts:focus { outline: none !important; }

.wan-switch .info-btn { width: 16px; background: transparent; margin-left: 5px; font-size: 16px; color: #ff677e; border: none !important; padding: 0; }

/* Rounded sliders */

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background: #ff677e !important; }

/*  */

.ui-autocomplete { /* max-width: 100px !important; */ background: #fff; border-radius: 6px !important; border: solid 1px rgb(234, 234, 234); margin: 0px; padding: 0px !important; list-style: none !important; max-height: 200px; overflow-y: auto; }
.ui-autocomplete li { font-size: 10px; padding: 5px; }
#product-table td .form-group { margin-bottom: 12px !important; }
.mini-buses .book-btn { display: inline-flex; align-items: center; background: #FFC704; color: #222222;  }
.mini-buses .book-btn img { margin-right: 6px; }

.F-middle-box #product-table .form-group .form-control.custom-select {background-size: 10px !important;  background-position: 96% !important;}
#verify-opt, #verify-number { background: #FFC704; color: #222222; border-radius: 0px 6px 6px 0px; }
/* #return-defective-item-div .btn {background: #FFC704; color: #222222; border-radius: 0px 6px 6px 0px;  font-size: 12px; } */
.table tbody td#dropp-summ-category { font-size: 12px; }
.calendar .datepicker table tr td.active p { color: #fff !important;}
.calendar .datepicker table tr td.day:hover p { color: #fff !important;}
.calendar .datepicker table tr td.disabled { color: #222 !important;  }
.day p {color: #222; }
.day small { color: #222; }
.day small:hover { color: #FFC704; }


#defective-items-row td .form-group { margin-bottom: 0px !important; }
#defective-items-row .form-group .form-control.custom-select { background-size: 10px !important;  background-position: 96% !important; }

/*  */

.sum-content { width: 100%; display: flex; margin-bottom: 10px; }
.sum-content .D-table { width: 30%; color: #858585; padding: 5px; font-size: 14px; font-family: 'open_sanssemibold'; margin-bottom: 0px;}
.sum-content .D-table + p { width: 60%; padding: 0px 10px; padding: 5px; font-size: 14px; color: #343434; font-family: 'open_sanssemibold'; margin-bottom: 0px;}
.sum-content .edit-view { width: 10%; margin-left: auto; align-items: start; }
.summary-block table table { margin-bottom: 0px !important; }
.liftservice { display: flex; }


.F-middle-box table .info_to {vertical-align: bottom; }


.invoice-page .search-bar { display: flex; align-items: center; }
.invoice-page .search-bar label {color: #858585; font-size: 12px; margin-right: 10px; font-family: 'open_sanssemibold'; margin-bottom: 0px;  }
.invoice-page .search-bar input { box-shadow: none !important; background: #f7f7f7 ; border: 1px solid rgb(233, 233, 233); font-size: 12px; padding: 8px 10px; color: #222222; font-family: 'open_sanssemibold'; outline: none !important; }
.invoice-page .over-pay { width: 100%; margin-top: 10px; }


/* thankyou page */

.thankyou-page { padding: 40px 0px; width: 100%; background: #FFF2C4; min-height: 90vh; display: flex; align-items: center; }
.thankyou-block { width: 100%; max-width: 600px; padding: 40px; margin: 0px auto; background-color: #FFC704;  box-shadow: 0px 4px 24px 0px rgba(102, 56, 101, 0.5); border-radius: 20px; }
.thankyou_img { width: 200px; height: 200px; margin: 0px auto 20px; }
.thankyou_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.thankyou-block h1 {font-size: 30px; color: #fff; font-family: 'open_sansbold'; font-style: italic; text-align: center; margin-bottom: 15px; }
.thankyou-block h1 a {font-size: 16px; color: #222222; text-decoration: underline !important; text-align: center; letter-spacing: 0px; white-space: unset; margin-bottom: 55px; padding: 0px 15px;}

.go-home{background-color: #FFC704; max-width: max-content; width: 100%; padding: 9px; font-size: 16px; color: #222222; font-family: 'open_sanssemibold'; border-color: #FFC704 !important; box-shadow: none !important; margin: 10px 5px;}
.go-home:hover { background: none !important; border-color: #fff !important; color: #fff !important;}


/*  */

.mobile_table_content { margin-bottom: 15px; position: relative; }
.mobile_table_content .mobile_tr { display: table; width: 100%;}
.mobile_table_content .left-cell { display: table-cell; width: 50%; padding: 5px; border: solid 1px rgb(234, 234, 234) !important; font-size: 12px; vertical-align: middle; }
.mobile_table_content .right-cell { display: table-cell; width: 50%; padding: 5px; border: solid 1px rgb(234, 234, 234) !important; vertical-align: middle; }
.mobile_table_content .mobile_tr .form-group { position: relative; width: 100%; margin-bottom: 0px; }
.mobile_table_content .mobile_tr .form-control { padding: 5px !important; font-size: 10px !important; border-radius: 6px !important; color: #ff677e; width: 100%; border: solid 1px rgb(234, 234, 234); }
.mobile_table_content .delete-icon { width: 20px; height: 20px; padding: 1px; background-color: #FFC704; border-radius: 3px; margin-left: auto; margin-bottom: 5px; }
.mobile_table_content .delete-icon a{ color: #222222; font-size: 12px; display: block; text-align: center; }

/*  */

.mobile_table table tbody tr:nth-child(8n+1) { background: #e24c62; }
.mobile_table table tbody tr:nth-child(8n+1) td { color: #fff; }

/* service calendar */

.calendar-heading { color: #2B343C; text-align: center; font-family: 'open_sansbold'; font-size: 27px; font-weight: normal; margin-bottom: 0px; padding: 8px 0px; }

.calendar-from { background: #F3F3F3; width: 100%; display: flex; align-items: flex-end; justify-content: center; padding: 15px; }
.calendar-from .form-group { margin-bottom: 0px !important; margin-right: 20px;  }
.calendar-from .form-group label { color: #757575; font-size: 14px; margin-bottom: 9px; }
.calendar-from .form-control { border-radius: .25rem;color: #757575; font-size: 14px; padding: 8px 11px; line-height: normal; border: 1px solid #DEE2E6; background: #FFF  !important; height: 36px; max-width: 200px; width: 100%; }
.calendar-from .apply-btn { height: 36px; border-radius: .25rem; background: #FFC704; font-family: 'open_sansbold'; color: #222; text-align: center; font-size: 14px; font-weight: normal; padding: 6px 26px; border: 1px solid transparent; }
.calendar-from .apply-btn:hover { border-color: #222; color: #222; background: transparent; }
.button-block { display: flex; align-items: center; height: 36px; }
.button-block .reset-btn { width: 30px; height: 30px; }
.button-block .reset-btn button { width: 100%; height: 100%; padding: 0; box-shadow: none; border: none; background: none; cursor: pointer; }
.button-block .reset-btn img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }
.button-block .info-btn{ width: 30px; height: 30px; margin-left: 10px; cursor: pointer; }
.button-block .info-btn img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }

.service_calendar { width: 100%; display: block; padding: 32px 20px; }
.calendar-top-row { width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
#prevMonth { color: #343434;  text-align: center; font-size: 18px; font-weight: normal; line-height: 28px; font-family: 'open_sanssemibold'; letter-spacing: 1.8px; text-transform: uppercase; }
#currentMonth { color: #FF677E; text-align: center; font-family: 'open_sansbold';  font-size: 30px; font-weight: normal; line-height: 28px; letter-spacing: 3px; max-width:368px; width: 100%; margin: 0px 30px; }
#nextMonth { color: #343434;  text-align: center; font-size: 18px; font-weight: normal; line-height: 28px; font-family: 'open_sanssemibold'; letter-spacing: 1.8px; text-transform: uppercase; }
#prevMonth i { margin-right: 10px; }
#nextMonth i { margin-left: 10px; }

.service_calendar_section .table thead { background: transparent !important; }
.service_calendar_section table thead tr th,
.service_calendar_section table tbody tr td{ width:calc(100% / 7) !important; text-align: center !important; border: 1px solid #E8E8E8 !important; min-width: unset !important; }
.service_calendar_section .table thead th { color: #343434; text-align: center; font-size: 18px; line-height: 28px; letter-spacing: 1.8px; font-family: 'open_sansbold'; font-weight: normal; }
.currentdate { background: #FFEEB4; width: 100%; border-radius: 4px; }
.sc_date { color: #343434; font-size: 12px; line-height: 28px;  letter-spacing: 1.2px; margin-bottom: 4px 9px; font-family: 'open_sanssemibold'; }
.service-content { padding: 0px 9px 4px; }
.sc-block { margin-top: 5px;  }
.sc-block p, .sc-block .t_value, .sc-block .t_blank { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.sc-block p:last-child, .sc-block .t_value:last-child, .sc-block .t_blank:last-child { margin-bottom: 0px; }
.sc-block span.title { font-family: 'open_sanssemibold'; font-size: 11px;  }
.sc-block span.count { min-width: 26px; height: 19px; padding:0px 1px; text-align: center; font-size: 11px; font-family: 'open_sanssemibold'; border-radius: 2px;  }
.sc-block .t_value .title { color: #008325; }
.sc-block .t_blank .title { color: #ADADAD; }
.sc-block .t_value span.count { color: #008325; background: #E6F9EB; }
.sc-block .t_blank span.count { color: #ADADAD; background: #E8E8E8; }


.sc-block .t_value_danger .title { color: #df3a3a; }
.sc-block .t_value_danger span.count { color: #df3a3a; background: #fdc0c0; }

.today-highlight {
    background: #ffeeb4;
    border-radius: 10px;
}


.cla_loader { width: 100%; display: block; text-align: center; margin-top: 50px; }

.lds-dual-ring { display: block; width: 40px; height: 40px; margin: 0px auto; }
.lds-dual-ring:after { content: " "; display: block; width: 40px; height: 40px; margin: 8px; border-radius: 50%; border: 4px solid #2B343C; border-color: #2B343C transparent #2B343C transparent; animation: lds-dual-ring 1.2s linear infinite;}
@keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}


/* booking summary page desgin */

.top_row { width: 100%; display: flex; align-items: center; justify-content: flex-end; margin-bottom: 20px; }
.top_row label { font-size: 14px; margin-bottom: 0px; color: #424242; }
.top_row label.badge { color: #fff; font-size: 14px !important; padding: 5px 10px; margin-right: 10px;  }

.bbc_card_block { border-radius: 12px;  background-color: #fff; padding: 20px; margin-bottom: 20px; }
.bbc_card_block .sub_title {  color: #424242;  font-size: 20px; font-weight: 600; margin-top: 0px;  margin-bottom: 20px; font-family: 'open_sanssemibold'; }
.sub_data_content { font-size: 14px; color: #222222; margin-bottom: 10px; }
.sub_data_content span { color: #ff677e;  font-family: 'open_sansbold'; font-weight: normal; }
.sub_data_content span .badge { font-family: 'open_sanssemibold'; padding: 6px; font-size: 12px; font-weight: normal; }
.booking_summary_page .table thead tr th { padding: 12px 3px; color: #fff; font-size: 14px; width: auto !important; text-align: center; }
.booking_summary_page .table thead { background: #ff677e; color: #fff; }
.booking_summary_page .table tbody td { width: auto !important; text-align: center !important; border: none; padding: 10px; } 

.complaint_content_block .complaints_box { background: linear-gradient(90deg, #FFE3E3 0%, #FFE3E3 100%); border-radius: 10px; padding: 18px 20px 18px 10px; margin-bottom: 10px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.complaints_box .cleft_block { width: 70%;}
.complaints_box h5 { font-size: 14px; line-height: 20px;color: #333333; margin-bottom: 5px !important; font-weight: bold; margin-top: 0px;}
.complaints_box p { font-size: 12px; color: #333333; margin-bottom: 0px;}
.complaints_box .cright_block { width: 165px; text-align: end;}
.complaints_box .edit-complaint, .complaints_box .remove-complaint { border-radius: 4px; background: #333333; width: 22px; color: #fff; height: 22px; padding: 1px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; cursor: pointer;}
.complaints_box .date { font-size: 12px; color: #333; margin-bottom: 0px;}
.cr_notes { margin-left: auto; max-width: 95%; width: 100%; padding: 12px; border: 1px solid #FFB0AE; border-radius: 10px; margin-top: 20px;}

.internal_note_content_blcok { width: 100%; margin-top: 20px; }
.internal_note_content_blcok .note_box { display: flex; justify-content: space-between; background: linear-gradient(90deg, #F3F3F3 0%, rgba(243, 243, 243, 0) 50%); border-radius: 10px; padding: 18px 20px 18px 10px; margin-bottom: 10px; }
.internal_note_content_blcok .note_box .nleft_block { width: 80%; }
.internal_note_content_blcok .note_box .nleft_block h5 { font-size: 14px; line-height: 20px; color: #333333; margin-bottom: 5px !important;  font-weight: bold; margin-top: 0px; }
.internal_note_content_blcok .note_box .nleft_block p { font-size: 12px; color: #333333; margin-bottom: 0px; }
.internal_note_content_blcok .note_box .nright_block { width: 135px; text-align: end; }
.internal_note_content_blcok .note_box .nright_block .remove-notes { border-radius: 4px; background: #333333; width: 22px; color: #fff;  height: 22px; padding: 1px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; cursor: pointer; }
.internal_note_content_blcok .note_box .nright_block .date { font-size: 12px; color: #333; margin-bottom: 0px; }
.note_form .form-control { box-shadow: none !important; background: #f7f7f7; border: 1px solid rgb(233, 233, 233); font-size: 12px; padding: 8px 10px; color: #222222; font-family: 'open_sanssemibold'; outline: none !important;}
.internalFormSubmit { background-color: #ff677e; min-width: 80px; padding: 8px; font-size: 14px; display: block; color: #fff; font-family: 'open_sanssemibold'; border-color: #ff677e !important; box-shadow: none !important; border-radius: 2px;}


.price_amounts { font-size: 20px; color: #ff677e; margin-bottom: 0px; font-family: 'open_sansbold';  } 
.sign_img { width: 100%; height: 140px; border: 1px solid #dee2e6; border-radius: 4px;}
.sign_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius: 4px;}
.uploaded_image_block { width: 100%; display: flex; align-items: center; flex-wrap: wrap;}
.uploaded_image_block .uploaded_img { width: 78px; height: 78px; border-radius: 4px; border: 1px solid #dee2e6; margin-right: 5px; margin-bottom: 5px;}
.uploaded_image_block .uploaded_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 4px;}
.bbc_card_block .contact_info p { font-size: 12px; color: #424242; margin-bottom: 5px;}
#dropOff-map, #pickup-map { height: 250px; border-radius: 4px; margin-top: 15px; }

.bbc_card_block .contact_info h6 { font-size: 14px; color: #424242;  margin-bottom: 5px; }

/*  */

#page-heading { padding: 15px !important; }

.dataTable thead tr th { color: #fff !important; }
.dataTable.table > :not(:last-child) > :last-child > * { background-color: #ff677e !important;  }

.booking_switch { display: flex; align-items: center; font-size: 12px; color: #858585; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.booking_switch .switch { margin: 0px 10px !important; }
.f_booking_top { position: relative; }

.status_row { display: flex; margin-bottom: 15px !important;  }
.status_type { width: 40%; margin: 0; }  
.status_desc {width: 60%; margin: 0; font-size: 12px !important; }

.btn.book-btn.view-icon { padding: 0px !important; }

.inline-form-row .month-select .form-group .form-control {  width: 13vw;}

.inline-form-row  .select2-container--default.select2-container--focus .select2-selection--multiple {  height: 37px !important;  }
.inline-form-row .select2-container--default .select2-selection--multiple { height: 37px !important;   }





/* ----------------------------------Responsive--------------------------------------- */


@media(min-width:1200px) and (max-width:1399px) {
.container.invoice-list-box { max-width: 980px; }

}

@media(max-width:1440px) {
    .invoice-page .table { width: 1600px;}
}

@media(min-width:1750px) {

.inline-form-row .month-select .form-group .form-control {  width: 13vw;}

.month-select .book-btn.view-icon { height: 2vw; width: 2vw; }


    .container {
        max-width: 65.789vw;
        min-width: 65.789vw;
    }
    .contary-code-group .custom-select {
        font-size: 0.73vw;
        padding: 0.52vw !important;
    }
    /* header */
    header {
        padding: 0.25vw 0px;
    }
    header .navbar-brand {
        width: 3.42vw;
        height: 3.42vw;
        border-radius: 0.25vw;
    }
    header .navbar-brand img {
        border-radius: 0.25vw;
    }
    header .navbar .navbar-nav .nav-item {
        margin: 0px 1.31vw;
    }
    header .navbar .navbar-nav .nav-item .nav-link {
        font-size: 0.94vw !important;
        padding: 1vw 0px !important;
    }
    header .navbar .navbar-nav .nav-item .nav-link::before {
        border-bottom: 0.31vw solid #FFC704 !important;
        bottom: -0.31vw;
    }
    .right-side-menu ul li {
        margin: 0px 0.52vw;
    }
    .right-side-menu ul li:last-child {
        margin-left: 1.05vw;
        width: auto;
    }
    .right-side-menu ul li a.icons {
        width: 2.42vw;
        height: 2.42vw;
    }
    .right-side-menu ul li a.icons img {
        width: 1.47vw;
        height: 1.47vw;
    }
    .right-side-menu ul li a.book-btn {
        /* max-width: 10.26vw; */
        padding: 0.47vw;
        font-size: 0.84vw;
    }
    .right-side-menu ul li a.book-btn img {
        width: 1.05vw;
        height: 1.05vw;
    }
    .user .dropdown-toggle {
        font-size: 0.94vw;
    }
    header .dropdown-menu {
        border-radius: 0.63vw;
        width: 12.10vw;
        top: 2.10vw;
    }
    header .dropdown-menu::before {
        border-left: 0.52vw solid transparent;
        border-right: 0.52vw solid transparent;
        border-bottom: 0.52vw solid #FFC704;
        right: 0.78vw;
        top: -0.42vw;
    }
    header .dropdown-menu .dropdown-item {
        font-size: 0.73vw;
        padding: 0.42vw 1.05vw;
    }
    header .dropdown-menu .dropdown-item img {
        width: 0.94vw;
        height: 0.94vw;
        margin-right: 0.42vw;
    }
    .dropdown-toggle::after {
        width: 0.42vw;
        margin-left: 0.78vw;
        height: 0.42vw;
    }
    header .navbar .LanGdrop a {
        font-size: 0.73vw;
    }
    footer .copy_right {
        font-size: 0.63vw;
        padding: 0.78vw;
    }
    /*  */
    .has-error {
        margin-bottom: 1.42vw !important;
    }
    .login-page {
        padding: 5.26vw 0px 1.57vw;
    }
    .login-block {
        height: 30.57vw;
    }
    .login-block .login-form {
        max-width: 26.05vw;
        padding: 5.26vw 2.89vw 1.57vw;
    }
    .login-block .login-form .form-heading {
        font-size: 1.26vw;
        margin-bottom: 3.78vw;
        margin-left: 1.05vw;
    }
    .login-block .login-form .form-group {
        margin-bottom: 1.42vw;
    }
    .login-block .login-form .form-control {
        max-width: 20.26vw;
        border-radius: 0.31vw;
        padding: 0.94vw 0.78vw;
        font-size: 0.73vw;
    }
    .login-block .login-form .sf-common-btn {
        width: 20.26vw;
        height: 3.05vw;
        border-radius: 0.31vw;
        font-size: 1.05vw;
    }
    .login-block .login-form .forgot_heading {
        font-size: 0.73vw;
        margin-top: 1.84vw;
    }
    .login-block .login-bg {
        padding: 1.05vw;
    }
    .login-block .logo-icon {
        max-width: 10.31vw;
        height: 4.89vw;
        margin: 1.84vw auto;
    }
    .login-block .login-img {
        max-width: 27.36vw;
        height: 17.84vw;
    }
    .forgot-page .login-block .login-form .sf-common-btn {
        margin-top: 1.57vw;
    }
    .gohome {
        font-size: 0.73vw;
    }
    /* dashboard page */
    .dashboard-page {
        padding: 4.21vw 0px 4.21vw;
    }
    .client-detial-box {
        max-width: 37.68vw;
        min-height: 15.36vw;
        border-radius: 0px 1.05vw 0px 1.05vw;
    }
    .client-detial-box .left-side {
        padding: 0px 1.05vw 0px 2.10vw;
    }
    .client-detial-box .c-logo {
        width: 7.10vw;
        height: 7.10vw;
        border-radius: 0.52vw;
        margin-left: -2.10vw;
        margin-top: -2.63vw;
    }
    .client-detial-box .c-logo img {
        border-radius: 0.52vw;
    }
    .client-detial-box .title {
        font-size: 1.26vw;
        margin-top: 1.84vw;
        margin-bottom: 1.57vw;
    }
    .client-detial-box .description {
        font-size: 0.84vw;
    }
    .client-detial-box .right-side-img {
        max-width: 10.94vw;
        margin: auto 1.84vw auto 1.05vw;
    }
    .client-amount-block {
        margin-left: 0.78vw;
    }
    .client-amount-block .amount-top .date-block {
        border-radius: 0.63vw;
        max-width: 17.21vw;
        height: 6.89vw;
        padding: 0.25vw 0.63vw;
    }
    .client-amount-block .amount-top .amount-box {
        border-radius: 0.63vw;
        max-width: 10.15vw;
        height: 6.89vw;
        margin-left: 1.05vw;
        padding: 0.78vw 0.63vw;
    }
    .client-amount-block .amount-top .date-block .form-row {
        margin-bottom: 0.52vw;
    }
    .client-amount-block .amount-top .date-block .form-row .input-group {
        border-radius: 0.31vw;
        max-width: 7.68vw;
        height: 1.63vw;
    }
    .client-amount-block .amount-top .date-block .form-row .input-group .form-control {
        border-radius: 0.31vw 0px 0px 0.31vw;
        font-size: 0.73vw;
        padding: 0px 0.42vw;
    }
    .client-amount-block .amount-top .date-block .form-row .to-txt {
        font-size: 0.63vw;
        margin: 0px 0.15vw;
    }
    .client-amount-block .amount-top .date-block .form-row .input-group .input-group-text img {
        width: 0.84vw;
        height: 0.84vw;
    }
    .client-amount-block .amount-top .date-block .form-row .input-group .input-group-text {
        margin-right: 0.25vw;
    }
    .client-amount-block .amount-top h3.title {
        font-size: 0.73vw;
    }
    .client-amount-block .amount-top .amount-box .media {
        margin-top: 1.05vw;
        /* margin-left: 0.52vw; */
    }
    .client-amount-block .amount-top .media-img {
        width: 2.57vw;
        height: 2.57vw;
        margin-right: 0.63vw;
    }
    .client-amount-block .amount-top .media-img img {
        width: 1.47vw;
        height: 1.47vw;
    }
    .client-amount-block .amount-top .media-body h2 {
        font-size: 1.36vw;
    }
    .client-amount-block .client-desciption-box {
        border-radius: 0.63vw;
        padding: 1.05vw 1.57vw;
        min-height: 7vw;
    }
    .client-amount-block .client-desciption-box p {
        margin-bottom: 1.05vw;
        font-size: 0.73vw;
    }
    .book-delivery-block {
        border-radius: 0.73vw;
        min-height: 8vw;
        padding: 0.78vw;
        margin-top: 3.68vw;
    }
    .book-delivery-block .book-content {
        font-size: 0.73vw;
        max-width: 47.10vw;
        margin: 0px auto 0.78vw;
    }
    .book-delivery-block .book-btn {
        /*  max-width: 10.26vw; */
        padding: 0.45vw;
        font-size: 0.94vw;
    }
    .book-delivery-block .book-btn img {
        width: 1.05vw;
        height: 1.05vw;
    }
    /* my company page */
    .my-company-account-block {
        padding: 2.63vw 1.05vw 4.21vw;
    }
    /*.my-company-account-block .container {
        margin-left: 1.57vw !important;
    } */
    .side-nav-block {
        max-width: 14.57vw;
        border-radius: 1.05vw;
    }
    .side-nav-block .nav-heading {
        font-size: 1.26vw;
        padding: 1.31vw 1.05vw;
        border-radius: 1.05vw 1.05vw 0px 0px;
    }
    .side-nav-block ul {
        padding: 0.52vw 0px 0.78vw;
    }
    .side-nav-block ul li a {
        padding: 0.52vw;
        height: 2.36vw;
        font-size: 0.84vw;
    }
    .side-nav-block ul li a img {
        width: 1.15vw;
        height: 1.15vw;
        margin-right: 0.63vw;
    }
    .my-account-block {
        border-radius: 0.63vw;
        min-height: 26.26vw;
    }
    .my-account-block .heading-row {
        padding: 0.52vw 1.05vw;
    }
    .my-account-block .heading-row .heading-left .heading-icon {
        width: 2.57vw;
        height: 2.57vw;
        margin-right: 0.63vw;
    }
    .my-account-block .heading-row .heading-left .heading-icon img {
        width: 1.6vw;
        height: 1.6vw;
    }
    .my-account-block .heading-row .heading-left .heading {
        font-size: 1.05vw;
    }
    .company-form-block {
        width: 100%;
        display: block;
        padding: 1.31vw 1.05vw 1.05vw;
    }
    .company-form-block .form-group.vat-number {
        margin-bottom: 1.05vw;
    }

    .company-form-block .form-group {
        margin-bottom: 1.57vw;
        /* max-width: 29.89vw; */
    }
    .company-form-block label {
        font-size: 0.63vw;
        padding: 0px 0.25vw;
        top: -0.45vw;
        left: 0.52vw;
    }
    .company-form-block .form-control {
        /*  max-width: 29.89vw; */
        border-radius: 0.31vw;
        padding: 0.94vw 0.78vw;
        font-size: 0.73vw;
    }
    .company-form-block hr {
        margin-bottom: 1.57vw !important;
    }
    .custom-file-label::after {
        min-width: 5.26vw;
        padding: 0.78vw 0.52vw;
        font-size: 0.94vw;
        border-radius: 0px 0.31vw 0.31vw 0px !important;
    }
    /*  .help-block {
        margin-bottom: 1.57vw;
    } */
    .custom-file {
        border-radius: 0.31vw;
        padding: 0.89vw;
        font-size: 0.73vw;
    }
    .custom-file-label {
        padding: 0.94vw 0px !important;
    }
    .save-btn {
        /* max-width: 6vw; */
        padding: 0.47vw;
        margin-bottom: 0.52vw;
        font-size: 0.94vw;
    }
    #file-div {
        width: 5.26vw !important;
        height: 5.26vw;
        margin-top: 0.52vw;
    }
    /* my point */
    .my-account-block .heading-row .add-btn {
        /* max-width: 7.94vw;  */
        padding: 0.45vw;
        font-size: 0.94vw;
    }
    .address-block .address-box {
        padding: 1.05vw;
    }
    .address-block .address-box .address-icon {
        width: 2.57vw;
        height: 2.57vw;
        margin-right: 0.63vw;
    }
    .address-block .address-box .address-icon img {
        width: 1.26vw;
        height: 1.26vw;
    }
    .address-block .address-box .office-address h4 {
        font-size: 0.73vw;
        margin-bottom: 0.25vw;
    }
    .address-block .address-box .office-address p {
        font-size: 0.63vw;
    }
    .address-block .address-box .btn-icons a {
        margin-left: 0.31vw;
        width: 2.42vw;
        height: 2.42vw;
    }
    .address-block .address-box .btn-icons img {
        width: 1.26vw;
        height: 1.26vw;
    }
    .modal-dialog {
        max-width: 33.26vw !important;
        /* height: 14.68vw; */
    }
    .modal-dialog .modal-content {
        border-radius: 0.63vw;
    }
    .modal-dialog .modal-content .modal-header {
        padding: 1.57vw 1.05vw 1.05vw;
    }
    .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 1.36vw;
    }
    .modal-dialog .modal-content .modal-header .close {
        font-size: 1.15vw;
        right: 0.25vw;
        top: 0.25vw;
        padding: 0.47vw !important;
        line-height: 13px;
    }
    .modal-dialog .modal-content .modal-body {
        padding: 1.05vw 1.84vw 1.57vw;
    }
    .modal-add-form .form-group {
        margin-bottom: 1.57vw;
        max-width: 29.89vw;
    }
    .modal-add-form label {
        font-size: 0.63vw;
        padding: 0px 0.25vw;
        top: -0.45vw;
        left: 0.52vw;
    }
    .modal-add-form .form-control {
        max-width: 29.89vw;
        border-radius: 0.31vw;
        padding: 0.94vw 0.78vw;
        font-size: 0.73vw;
    }
    .modal-add-form .add-btn {
        min-width: 5.73vw;
        padding: 0.45vw;
        font-size: 0.94vw;
    }
    /* help modal */
    .help-modal .modal-dialog {
        max-width: 20.42vw !important;
    }
    .help-modal .help-block p.help-text {
        font-size: 0.73vw;
        margin-bottom: 1.05vw;
    }
    .help-modal .help-block .contact-txt {
        font-size: 0.73vw;
        margin-bottom: 0.22vw;
    }
    .help-modal .help-block .contact-number {
        margin-bottom: 1.05vw;
    }
    .help-modal .help-block .contact-number a {
        font-size: 1.36vw;
    }
    .help-modal .help-block .footer-text {
        font-size: 0.63vw;
        margin-bottom: 0.47vw;
    }
    /* My Packages */
    .my-account-block .upgrade-btn {
        max-width: 13.47vw;
        padding: 0.47vw;
        font-size: 0.94vw;
    }
    .package-block {
        height: 22.89vw;
    }
    .package-block .p-left-side {
        max-width: 18.15vw;
        border-radius: 0px 0px 0px 0.63vw;
        padding: 1.05vw;
    }
    .package-block .p-right-side {
        padding: 1.05vw 2.10vw;
    }
    .package-block .p-title {
        font-size: 0.94vw;
        margin-bottom: 1.57vw;
    }
    .package-block .p-left-side .amount {
        font-size: 1.36vw;
        margin-bottom: 0.25vw;
    }
    .package-block .p-left-side .img-box {
        max-width: 12vw;
        height: 12vw;
        margin: 0.52vw auto 1.57vw;
    }
    .package-block .p-left-side .expire-date {
        font-size: 0.73vw;
        margin-bottom: 1.84vw;
    }
    .package-block .p-right-side .icon {
        width: 0.63vw;
        height: 0.63vw;
        margin-right: 0.52vw;
        margin-top: 0.15vw;
    }
    .package-block .p-right-side .content-box {
        margin-bottom: 1.21vw;
    }
    .package-block .p-right-side .content-box .content-title {
        font-size: 0.73vw;
        margin-bottom: 0.22vw;
    }
    .package-block .p-right-side .content-box .content-txt {
        font-size: 0.73vw;
        margin-bottom: 0.52vw;
    }
    .package-block .p-right-side .cancel-btn {
        max-width: 10.94vw;
    }
    /* modal */
    .package-modal .package-box {
        padding-top: 0.52vw;
    }
    .package-modal .package-box .p-heading {
        font-size: 1.36vw;
        margin-bottom: 1.05vw;
    }
    .package-modal .package-box .p-amount {
        font-size: 1.36vw;
        margin-bottom: 1.57vw;
    }
    .package-modal .package-box .p-text {
        font-size: 0.63vw;
        margin-bottom: 1.05vw;
    }
    .package-modal .package-box .pay-btn {
        max-width: 14.21vw;
        padding: 0.47vw;
        font-size: 0.94vw;
        margin-bottom: 1.05vw;
    }
    .package-modal .package-box .p-text {
        font-size: 0.63vw;
    }
    /* estimator-modal  */
    .estimator-modal .modal-dialog {
        margin: 3.94vw auto;
        max-width: 34.57vw !important;
    }
    .estimator-modal .modal-header .m-icon {
        width: 4.47vw;
        height: 4.47vw;
        margin: -1.84vw auto 0.52vw;
    }
    .estimator-modal .modal-header .m-icon img {
        width: 2.89vw;
        height: 2.89vw;
    }
    .estimator-modal .modal-header .modal-title {
        font-size: 1.36vw;
    }
    .estimator-modal .form-group {
        margin-bottom: 1.57vw;
    }
    .estimator-modal .form-group label {
        top: -0.47vw;
        left: 0.52vw;
        padding: 0px 0.15vw;
        font-size: 0.63vw;
    }
    .estimator-modal .form-group .form-control {
        border-radius: 0.31vw;
        height: 3.15vw !important;
        font-size: 0.73vw;
    }
    .estimator-modal .counter-box {
        max-width: 8.15vw;
        margin: 1.57vw auto;
    }
    .estimator-modal .counter-box .cou-text {
        font-size: 0.63vw;
    }
    .estimator-modal .counter-box .number {
        border-radius: 0.31vw;
        height: 1.94vw;
        padding: 0.25vw;
    }
    .estimator-modal .counter-box .minus,
    .counter-box .plus {
        width: 1.05vw;
        font-size: 0.94vw;
    }
    .estimator-modal .counter-box input {
        font-size: 1.15vw;
        max-width: 5.26vw;
    }
    .estimator-modal .amount {
        font-size: 0.73vw;
    }
    .estimator-modal .form-amount {
        font-size: 1.36vw;
        margin-bottom: 1.57vw;
    }
    .estimator-modal .estimator-block .book-btn {
        min-width: 10vw;
        padding: 0.47vw;
        font-size: 0.94vw;
        margin-bottom: 1.26vw;
    }
    .estimator-modal .estimator-block .footer-text {
        font-size: 0.63vw;
        margin-bottom: 0.35vw;
        max-width: 19vw;
    }
    .payment-method {
        margin-bottom: 1.05vw;
    }
    .payment-method .pay-title {
        font-size: 1.05vw;
        margin-bottom: 0.78vw;
    }
    .drinkcard-cc {
        width: 5.26vw;
        height: 2.63vw;
    }
    /*.choose-delivery-block  */
    .choose-delivery-block {
        max-width: 18.42vw;
        margin: 1.05vw auto;
    }
    .choose-delivery-block .del-title {
        font-size: 0.84vw;
        margin-bottom: 0.52vw;
    }
    .choose-delivery-block .choose-box {
        min-width: 5.78vw;
        height: 5.78vw;
        border-radius: 0.52vw;
        margin: 0px 0.52vw;
    }
    .choose-delivery-block .choose-box img {
        width: 3.15vw;
        height: 3.15vw;
        margin-bottom: 0.25vw;
    }
    .choose-delivery-block .choose-box span {
        font-size: 0.73vw;
    }
    /* invoices */
    .over-pay .pay-time {
        font-size: 0.73vw;
        padding-right: 1vw;
    }
    .month-select label {
        font-size: 0.73vw;
        margin-right: 0.52vw;
    }
    .month-select .form-group .form-control {
        font-size: 0.73vw;
        padding: 0.42vw 0.52vw;
        width: 7.10vw;
    }
    .month-select .form-group .form-control.custom-select {
        background: #f7f7f7 url(../../images/down-arrow.svg)no-repeat right 0.25vw center !important;
        background-size: 0.78vw !important;
    }
    .invoice-page .table thead {
        font-size: 0.73vw;
    }
    .invoice-page .table thead tr th {
        padding: 0.63vw 0.25vw;
    }
    .invoice-page .table tbody tr {
        font-size: 0.74vw;
    }
    .invoice-page .table tbody tr td {
        padding: 0.52vw 0.25vw;
    }
    .edit-view .view-icon {
        width: 1.59vw;
        height: 1.59vw;
    }
    .edit-view .view-icon img {
        padding: 0.35vw;
    }
    .edit-view .doc-icon {
        width: 1.31vw;
        height: 1.31vw;
        margin-left: 0.78vw;
        margin-right: 0.52vw;
    }
/*     .invoice-page .table thead tr th:nth-child(1),
    .invoice-page .table tbody tr td:nth-child(1) {
        width: 10%;
    }
    .invoice-page .table thead tr th:nth-child(2),
    .invoice-page .table tbody tr td:nth-child(2) {
        width: 20%;
    }
    .invoice-page .table thead tr th:nth-child(3),
    .invoice-page .table tbody tr td:nth-child(3) {
        width: 17%;
    }
    .invoice-page .table thead tr th:nth-child(4),
    .invoice-page .table tbody tr td:nth-child(4) {
        width: 10%;
    } */
    /* .invoice-page .table thead tr th:nth-child(5), .invoice-page .table tbody tr td:nth-child(5){width:8% ;}
.invoice-page .table thead tr th:nth-child(6), .invoice-page .table tbody tr td:nth-child(6){width:8% ;} */
    /* .invoice-page .table thead tr th:nth-child(5),
    .invoice-page .table tbody tr td:nth-child(5) {
        width: 10%;
    }
    .invoice-page .table thead tr th:nth-child(6),
    .invoice-page .table tbody tr td:nth-child(6) {
        width: 15%;
    } */
    /* furniture-sector */
    .furniture-section {
        padding: 2.10vw 0px 0px;
    }
    .F-middle-box {
        border-radius: 0.64vw 0.64vw 0px 0px;
        max-width: 36.68vw;
        min-height: 40.21vw;
    }
    .F-middle-box .F-logo {
        padding: 1.05vw;
        width: 7vw;
        height: 7vw;
    }
    .F-middle-box .middle-content {
        padding: 1.57vw 1.05vw;
    }
    .F-middle-box .middle-content .heading {
        font-size: 0.94vw;
        margin-bottom: 1.57vw;
    }
    .map-one {
        height: 12.63vw;
        margin-bottom: 1.57vw;
        border-radius: 0.42vw;
    }
    .map-one .google_map {
        border-radius: 0.42vw;
    }
    .F-middle-box .middle-content .label-o {
        font-size: 0.74vw;
        margin-bottom: 1.57vw;
    }
    .F-middle-box .form-group .form-control.custom-select {
        background: #fff url(../../images/down-arrow.svg)no-repeat right 0.78vw center !important;
        background-size: 0.78vw !important;
    }
    .prograss-bg {
        padding: 1.05vw 0px;
    }
    .F-prograss .progress {
        border-radius: 0.52vw;
        height: 0.54vw;
    }
    .F-prograss .progress .progress-bar {
        border-radius: 1.05vw;
    }
    .prograss-bg .back-btns {
        margin: 0px 0.25vw;
        border-radius: 0.31vw;
        font-size: 0.94vw;
        min-width: 5.84vw;
        height: 2.42vw;
    }
    .door-to-door .description {
        font-size: 0.74vw;
    }
    .F-middle-box .choose-delivery-block {
        padding-bottom: 1.05vw;
    }
    .F-middle-box .info_to {
        font-size: 0.84vw;
        width: 0.89vw;
        height: 0.89vw;
        line-height: 0.84vw;
    }
    .F-middle-box .label-N {
        font-size: 0.85vw;
    }
    [type="radio"]:checked+label,
    [type="radio"]:not(:checked)+label {
        padding-left: 1.47vw;
        line-height: 1.05vw;
        font-size: 0.74vw;
    }
    [type="radio"]:checked+label .help-user,
    [type="radio"]:not(:checked)+label .help-user {
        width: 4.21vw;
        height: 4.21vw;
    }
    [type="radio"]:checked+label:before,
    [type="radio"]:not(:checked)+label:before {
        top: 1.31vw;
        width: 1.10vw;
        height: 1.10vw;
    }
    [type="radio"]:checked+label:after,
    [type="radio"]:not(:checked)+label:after {
        width: 0.52vw;
        height: 0.52vw;
        top: 1.57vw;
        left: 0.25vw;
    }
    .F-middle-box .no-hours {
        margin-bottom: 1.84vw;
    }
    .F-middle-box .radio-groups .radio-img {
        margin-right: 1.57vw;
    }
    .qty-input {
        margin-left: 1.31vw;
        height: 2.10vw;
        border-radius: 0.31vw;
        width: 6.10vw;
    }
    .qty-input span {
        width: 1.31vw;
        font-size: 0.94vw;
    }
    .qty-input .form-texts {
        font-size: 0.74vw;
    }
    .item-elevator .btn-toggle::before {
        left: -1.84vw;
    }
    .item-elevator .btn-toggle::after {
        right: -2.10vw;
    }
    .item-elevator .btn-toggle {
        margin: 0px 0px 0px 1.84vw;
        width: 3.84vw;
        height: 1.78vw;
    }
    .item-elevator .btn-toggle>.handle {
        width: 1.26vw;
        height: 1.26vw;
    }
    .F-middle-box .item-elevator .label-N {
        font-size: 0.84vw;
        margin-bottom: 0.78vw;
    }
    .company-form-block .checkbox {
        padding-left: 1.31vw;
        font-size: 0.84vw;
        margin-bottom: 0.64vw;
    }
    .custom-checks .checkmark {
        height: 1.05vw;
        width: 1.05vw;
    }
    .custom-checks .checkmark::after {
        left: 0.35vw;
        width: 0.31vw;
        height: 0.84vw;
    }
    .checkmark::after {
        left: 0.31vw;
        width: 0.42vw;
        height: 0.78vw;
    }
    /* .modal .dataPart-dioloag.modal-dialog {
        max-width: 51.05vw !important;
    } */
    .howder-s .modal-header .modal-titles {
        font-size: 1.36vw;
    }
    .data-contain .select-items {
        padding: 0px 1.05vw;
        border-radius: 0.31vw;
        width: 18.26vw;
        height: 3.26vw;
    }
    .data-contain .select-items .item-one {
        width: 8.47vw;
        font-size: 0.74vw;
    }
    .select-items .radio-img [type="radio"]:checked+label:after,
    .select-items .radio-img [type="radio"]:not(:checked)+label:after {
        top: 0.25vw;
    }
    .select-items .radio-img [type="radio"]:checked+label:before,
    .select-items .radio-img [type="radio"]:not(:checked)+label:before {
        top: 0px;
    }
    .mini-item-content {
        padding: 1.05vw;
    }
    .mini-item-content .right-content .R-title {
        font-size: 0.94vw;
        margin-bottom: 0.78vw;
    }
    .mini-item-content .right-content .R-subtitle {
        font-size: 0.74vw;
        margin-bottom: 0.78vw;
    }
    .mini-item-content .right-content .description {
        font-size: 0.64vw;
    }
    .mini-item-content .left-imgs {
        max-width: 15.05vw;
        height: 6.31vw;
    }
    .mini-item-content .left-imgs .edit-view {
        right: 0.25vw;
    }
    .mini-item-content .left-imgs .edit-view .view-icon {
        width: 1.26vw;
        height: 1.26vw;
    }
    .mini-item-content .left-imgs .edit-view .view-icon img {
        padding: 0.25vw;
    }
    .mini-item-content .left-imgs .radio-img {
        left: -0.69vw;
    }
    .mini-item-content .left-imgs [type="radio"]:checked+label:after,
    .mini-item-content .left-imgs [type="radio"]:not(:checked)+label:after {
        top: 1px;
        left: 0px;
        width: 1.31vw;
        height: 1.31vw;
        background-size: 0.78vw;
    }
    .mini-item-content .left-imgs [type="radio"]:checked+label:before,
    .mini-item-content .left-imgs [type="radio"]:not(:checked)+label:before {
        top: 0px;
        width: 1.31vw;
        height: 1.31vw;
    }
    .middle-content .M-date {
        font-size: 0.74vw;
        margin-bottom: 0.52vw;
    }
    .middle-content .m-date-y {
        font-size: 0.84vw;
        margin-bottom: 0.52vw;
    }
    .middle-content .or_data {
        font-size: 0.94vw;
        margin-top: 1.31vw;
        margin-bottom: 1.31vw;
    }
    .middle-content .or_data span {
        padding: 0px 0.25vw;
    }
    .company-form-block .Express-Delivery {
        margin-bottom: 1.05vw;
    }
    .company-form-block .Express-Delivery .checkbox .exp-del {
        border-radius: 0.31vw;
        width: 9.94vw;
        height: 2.42vw;
    }
    .company-form-block .Express-Delivery .checkbox .exp-del img {
        width: 1.84vw;
        height: 1.84vw;
    }
    .company-form-block .get-del-hour {
        font-size: 0.74vw;
        border-radius: 0.25vw;
        padding: 1.10vw 0.78vw;
    }
    .calendar {
        min-height: 10.52vw;
    }
    .table thead {
        border-radius: 0.52vw;
        font-size: 0.94vw;
    }
    .table thead .house-img {
        border-radius: 0.31vw;
        padding: 0.25vw;
        width: 3.89vw;
        height: 3.10vw;
    }
    .table tbody td {
        padding: 0.25vw;
        font-size: 0.63vw;
    }
    .table .edit-view .view-icon {
        width: 1.47vw;
        height: 1.47vw;
    }
    .table .edit-view .view-icon img {
        padding: 0.35vw;
    }
    .table thead tr th:nth-child(1),
    .table tbody tr td:nth-child(1) {
        width: 60%;
    }
    .table thead tr th:nth-child(2),
    .table tbody tr td:nth-child(2) {
        width: 30%;
    }
    .table thead tr th:nth-child(3),
    .table tbody tr td:nth-child(3) {
        width: 10%;
    }
    .confirm-btn {
        border-radius: 0.31vw;
        margin: 1.05vw auto;
        font-size: 0.94vw;
        width: 13.26vw;
        height: 2.42vw;
    }
    .upload-btn {
        width: 17.10vw;
    }
    .up-formate {
        font-size: 0.74vw;
        margin-bottom: 0.78vw;
    }
    .modal .upload-notess .custom-file-label::after {
        border-radius: 0.31vw !important;
        height: 2.42vw !important;
        padding: 0.52vw;
        margin: 0.25vw;
    }
    .pyment-box .radio-groups {
        margin-bottom: 0.78vw;
    }
    .pyment-box .radio-groups .radio-img {
        padding-right: 1.05vw;
    }
    .pyment-box .radio-groups [type="radio"]:checked+label .logo-user,
    .pyment-box .radio-groups [type="radio"]:not(:checked)+label .logo-user {
        border-radius: 0.21vw;
        /* width: 12.10vw;
        height: 4.21vw; */
        padding: 0.78vw;
    }
    .logos-ones {
        padding: 0px 1.05vw 1.57vw;
    }
    .logos-ones .logo-py {
        width: 1.57vw;
        height: 1.57vw;
        margin: 0px 0.52vw;
    }
    /* store-in-kitchan */
    .kitchen-box-img {
        height: 14.73vw;
        margin-bottom: 1.05vw;
    }
    .invoice-box .table thead tr th:nth-child(1),
    .invoice-box .table tbody tr td:nth-child(1) {
        width: 5%;
    }
    .invoice-box .table thead tr th:nth-child(2),
    .invoice-box .table tbody tr td:nth-child(2) {
        width: 15%;
    }
    .invoice-box .table thead tr th:nth-child(3),
    .invoice-box .table tbody tr td:nth-child(3) {
        width: 15%;
    }
    .invoice-box .table thead tr th:nth-child(4),
    .invoice-box .table tbody tr td:nth-child(4) {
        width: 17%;
    }
    .invoice-box .table thead tr th:nth-child(5),
    .invoice-box .table tbody tr td:nth-child(5) {
        width: 15%;
    }
    .invoice-box .table thead tr th:nth-child(6),
    .invoice-box .table tbody tr td:nth-child(6) {
        width: 15%;
    }
    .invoice-box .table thead tr th:nth-child(7),
    .invoice-box .table tbody tr td:nth-child(7) {
        width: 10%;
    }


    /*  */


.wan-switch { padding: 15px; border-radius: 6px; margin-bottom: 20px; }
.ws-top {  margin-bottom: 20px; }


.ws-title { font-size: 0.94vw; max-width: 75%; }
.switch {  width: 3.15vw; height: 1.47vw; }
.switch .sw-slider { border-radius: 25px; }
.switch .sw-slider:before { height: 1.15vw; width: 1.15vw; left: 0.22vw; bottom: 0.15vw;}
input:checked + .sw-slider:before { -webkit-transform: translateX(1.57vw); -ms-transform: translateX(1.57vw); transform: translateX(1.57vw); }
/* .wan-switch .qty-input {height: 1.68vw;} */

.wan-switch .info-btn { width: 0.84vw; margin-left: 0.25vw; font-size: 0.84vw;}
/*  */

.ui-autocomplete {/*  max-width: 5.26vw !important; */ border-radius: 0.31vw !important; }
.ui-autocomplete li { font-size: 0.52vw; padding: 0.25vw; }
#product-table td .form-group { margin-bottom: 0.73vw !important; }
.mini-buses .book-btn img { margin-right: 0.31vw ; }

.F-middle-box #product-table .form-group .form-control.custom-select {background-size: 0.52vw !important;  background-position: 96% !important;}
#verify-opt, #verify-number { border-radius: 0px 0.31vw  0.31vw  0px; }
/* #return-defective-item-div .btn { border-radius: 0px 0.31vw  0.31vw  0px;  font-size: 0.73vw; } */
.table tbody td#dropp-summ-category { font-size: 0.73vw; }

.invoice-page .search-bar label { font-size: 0.73vw; margin-right: 0.52vw; }
.invoice-page .search-bar input { font-size: 0.73vw; padding: 0.42vw 0.52vw; }
.invoice-page .over-pay {  margin-top: 0vw; width: auto; }

/* thankyou page */

.thankyou-page { padding: 4.21vw 0px 4.21vw; min-height: 90vh;  }
.thankyou-block {  max-width: 34.21vw; padding: 2.63vw; border-radius: 1.05vw; }
.thankyou_img { width: 13.15vw; height: 13.15vw; margin: 0px auto 1.05vw; }
.thankyou-block h1 {font-size: 1.68vw; margin-bottom: 0.78vw; }
.thankyou-block h1 a {font-size: 0.84vw; margin-bottom: 2.89vw; padding: 0px 0.78vw;}
.go-home{ padding: 0.45vw; font-size: 0.84vw; margin: 0.52vw 0.25vw;}


.invoice-page .table thead tr th:nth-child(1),
.invoice-page .table tbody tr td:nth-child(1) {  width: 8.47vw;}
.invoice-page .table thead tr th:nth-child(2),
.invoice-page .table tbody tr td:nth-child(2) { width: 8.47vw;}
.invoice-page .table thead tr th:nth-child(3),
.invoice-page .table tbody tr td:nth-child(3) { width: 8.47vw;}
.invoice-page .table thead tr th:nth-child(4),
.invoice-page .table tbody tr td:nth-child(4) {  width: 8.47vw;}
.invoice-page .table thead tr th:nth-child(5),
.invoice-page .table tbody tr td:nth-child(5) { width: 8.47vw; }
.invoice-page .table thead tr th:nth-child(6),
.invoice-page .table tbody tr td:nth-child(6) { width: 8.47vw;}
.invoice-page .table thead tr th:nth-child(7),
.invoice-page .table tbody tr td:nth-child(7) { width: 8.47vw;}
.invoice-page .table thead tr th:nth-child(8),
.invoice-page .table tbody tr td:nth-child(8) { width: 8.47vw;}
.invoice-page .table thead tr th:nth-child(9),
.invoice-page .table tbody tr td:nth-child(9) { width: 8.47vw;}
.invoice-page .table thead tr th:nth-child(10),
.invoice-page .table tbody tr td:nth-child(10) { width: 8.47vw;}
.invoice-page .table thead tr th:nth-child(11),
.invoice-page .table tbody tr td:nth-child(11) { width: 8.47vw;}


/* booking summary page desgin */

.top_row { margin-bottom: 1.05vw; }
.top_row label { font-size: 0.73vw; }
.top_row label.badge { font-size: 0.73vw !important; padding: 0.25vw 0.52vw; margin-right: 0.52vw; }

.bbc_card_block { border-radius: 0.63vw; padding: 1.05vw; margin-bottom: 1.05vw; }
.bbc_card_block .sub_title { font-size: 1.05vw; margin-bottom: 1.05vw; }
.sub_data_content { font-size: 0.73vw; margin-bottom: 0.52vw; }
.sub_data_content span .badge { padding: 0.31vw; font-size: 0.63vw; }
.booking_summary_page .table thead tr th { padding: 0.63vw 0.15vw; font-size: 0.73vw; }

.booking_summary_page .table tbody td { padding: 0.52vw; } 

.complaint_content_block .complaints_box { border-radius: 0.52vw; padding: 0.94vw 1.05vw 0.94vw 0.52vw; margin-bottom: 0.52vw; }
.complaints_box .cleft_block { width: 70%;}
.complaints_box h5 { font-size: 0.73vw; line-height: 1.05vw; margin-bottom: 0.25vw !important; }
.complaints_box p { font-size: 0.63vw; }
.complaints_box .cright_block { width: 8.68vw; }
.complaints_box .edit-complaint, .complaints_box .remove-complaint { border-radius: 0.22vw; width: 1.15vw; height: 1.15vw; padding: 1px; font-size: 0.63vw; }
.complaints_box .date { font-size: 0.63vw; }
.cr_notes {max-width: 95%; padding: 0.63vw; border-radius: 0.52vw; margin-top: 1.05vw;}

.internal_note_content_blcok { margin-top: 1.05vw; }
.internal_note_content_blcok .note_box { border-radius: 0.52vw; padding: 0.94vw 1.05vw 0.94vw 0.52vw; margin-bottom: 0.52vw; }
.internal_note_content_blcok .note_box .nleft_block { width: 80%; }
.internal_note_content_blcok .note_box .nleft_block h5 { font-size: 0.73vw; line-height: 1.05vw; margin-bottom: 0.25vw !important; }
.internal_note_content_blcok .note_box .nleft_block p { font-size: 0.63vw; }
.internal_note_content_blcok .note_box .nright_block { width: 135px; }
.internal_note_content_blcok .note_box .nright_block .remove-notes { border-radius: 0.22vw; width: 1.15vw; height: 1.15vw; padding: 1px; font-size: 0.63vw; }
.internal_note_content_blcok .note_box .nright_block .date { font-size: 0.63vw;}
.note_form .form-control { font-size: 0.63vw; padding: 8px 0.52vw;}
.internalFormSubmit { min-width: 4.20vw; padding: 0.42vw; font-size: 0.73vw; border-radius: 0.10vw;}

.price_amounts { font-size: 1.05vw; } 
.sign_img { height: 7.36vw; border-radius: 0.22vw;}
.sign_img img { border-radius: 0.22vw;}
.uploaded_image_block .uploaded_img { width: 4.10vw; height: 4.10vw; border-radius: 0.22vw; margin-right: 0.25vw; margin-bottom: 0.25vw;}
.uploaded_image_block .uploaded_img img { border-radius: 0.22vw;}
.bbc_card_block .contact_info p { font-size: 0.63vw; margin-bottom: 0.25vw;}
#dropOff-map, #pickup-map { height: 13.15vw; border-radius: 0.22vw; margin-top: 0.78vw; }
.bbc_card_block .contact_info h6 { font-size: 0.73vw; margin-bottom: 0.25vw; }





















}

@media(max-width:1349px) {
  /*  .my-company-account-block .container {
        margin-left: 10px !important;
    } */
}

@media(max-width:1199px) {



    .login-block .login-form .form-heading {
        font-size: 18px;
        margin-bottom: 40px;
        margin-left: 10px;
    }
    .login-block .login-form .form-control {
        padding: 14px 15px;
    }
    .login-block .login-form .sf-common-btn {
        height: 46px;
        font-size: 14px;
    }
    .login-block .login-form .form-group {
        margin-bottom: 25px;
    }
    .has-error {
        margin-bottom: 25px !important;
    }
    .login-block .login-form .forgot_heading {
        margin-top: 25px;
    }
    .login-block .login-form {
        max-width: 415px;
        padding: 60px 35px;
    }
    .login-block .login-form .sf-common-btn {
        width: 100%;
    }
    .login-block .login-img {
        max-width: 370px;
        height: auto;
    }
    .login-block {
        height: 485px;
    }
    .dashboard-top-row {
        display: block;
    }
    .client-detial-box {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .client-detial-box .right-side-img {
        margin: auto 35px auto auto;
    }
    .client-amount-block {
        flex: 100%;
        flex-direction: row;
        margin-left: 0px;
    }
    .client-amount-block .client-desciption-box {
        margin-top: 0;
        width: 40%;
        margin-left: 20px;
    }
    .book-delivery-block {
        margin-top: 30px;
    }
    .dashboard-page {
        padding: 80px 0px 50px;
    }
    .package-block .p-left-side .img-box {
        max-width: 205px;
        height: 205px;
    }
    .package-block .p-right-side {
        padding: 20px 20px;
    }
    .estimator-modal .form-amount {
        font-size: 20px;
    }
    .estimator-modal .counter-box {
        max-width: 136px;
    }
    .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 22px;
    }
    /* .invoice-page .table thead tr th:nth-child(1),
    .invoice-page .table tbody tr td:nth-child(1) {
        width: 100%;
        min-width: 150px !important;
    }
    .invoice-page .table thead tr th:nth-child(2),
    .invoice-page .table tbody tr td:nth-child(2) {
        width: 100%;
        min-width: 150px !important;
    }
    .invoice-page .table thead tr th:nth-child(3),
    .invoice-page .table tbody tr td:nth-child(3) {
        width: 100%;
        min-width: 150px !important;
    }
    .invoice-page .table thead tr th:nth-child(4),
    .invoice-page .table tbody tr td:nth-child(4) {
        width: 100%;
        min-width: 150px !important;
    } */
    /* .invoice-page .table thead tr th:nth-child(5), .invoice-page .table tbody tr td:nth-child(5){width: 100%; min-width:150px !important;}
.invoice-page .table thead tr th:nth-child(6), .invoice-page .table tbody tr td:nth-child(6){width: 100%; min-width:150px !important;} */
   /*  .invoice-page .table thead tr th:nth-child(5),
    .invoice-page .table tbody tr td:nth-child(5) {
        width: 100%;
        min-width: 150px !important;
    }
    .invoice-page .table thead tr th:nth-child(6),
    .invoice-page .table tbody tr td:nth-child(6) {
        width: 100%;
        min-width: 150px !important;
    } */
    /* .invoice-page.my-account-block .heading-row {
        display: block;
    } */
    .my-account-block.invoice-page .heading-row .heading-left {
        flex-wrap: wrap;
    }
    .over-pay .pay-time,
    .month-select .form-group {
        margin-bottom: 10px;
    }
    .toggle-side i {
        color: #FFC704;
        font-size: 30px;
    }
    .side-menu {
        width: 300px;
        top: 0;
        background-color: #FFC704;
        position: fixed;
        right: -300px;
        transition: all 0.5s;
        padding: 20px;
        z-index: 30;
        height: 100%;
    }
    .side-menu .header {
        text-align: right;
    }
    .side-menu .header i {
        color: #343434;
        font-size: 24px;
        align-self: flex-end;
        cursor: pointer;
        transition: all 0.5s;
        transform: rotate(180deg) skewX(0deg);
    }
    .side-menu.show {
        right: 0;
    }
    .side-menu .mobile-nav {
        margin-top: 10px;
    }
    .side-menu .mobile-nav ul {
        list-style: none !important;
        padding: 0px !important;
        margin: 0px !important;
        width: 100% !important;
    }
    .side-menu .mobile-nav ul li {
        padding: 5px 10px;
    }
    .side-menu .mobile-nav ul li a {
        font-size: 14px;
        color: #343434 !important;
        font-family: 'open_sanssemibold';
        text-decoration: none !important;
    }
    .side-menu .mobile-nav ul li a:hover,
    .side-menu .mobile-nav ul li a.active {
        color: #ff677e;
    }
    .mobile-nav .dropdown-toggle {
        padding-left: 0px !important;
    }
    .mobile-nav .dropdown-toggle::after {
        border-bottom: 2px solid #343434 !important;
        border-left: 2px solid #343434 !important;
    }
    header .dropdown-menu {
        position: static !important;
        border-radius: 0;
        border: none !important;
        width: 100%;
    }
    header .dropdown-menu .langdropdwn {
        padding: 8px 0px !important;
    }
    .right-side-menu {
        margin-left: auto;
        margin-right: 10px;
    }
    .right-side-menu ul li {
        margin: 0px 5px;
    }
    .right-side-menu ul li:last-child {
        margin: 0px 5px !important;
    }
    .right-side-menu ul li a.icons img {
        width: 20px;
        height: 20px;
    }
    .invoice-box .table thead tr th:nth-child(1),
    .invoice-box .table tbody tr td:nth-child(1) {
        width: 100%;
        min-width: 50px !important;
    }
    .invoice-box .table thead tr th:nth-child(2),
    .invoice-box .table tbody tr td:nth-child(2) {
        width: 100%;
        min-width: 200px !important;
    }
    .invoice-box .table thead tr th:nth-child(3),
    .invoice-box .table tbody tr td:nth-child(3) {
        width: 100%;
        min-width: 200px !important;
    }
    .invoice-box .table thead tr th:nth-child(4),
    .invoice-box .table tbody tr td:nth-child(4) {
        width: 100%;
        min-width: 200px !important;
    }
    .invoice-box .table thead tr th:nth-child(5),
    .invoice-box .table tbody tr td:nth-child(5) {
        width: 100%;
        min-width: 200px !important;
    }
    .invoice-box .table thead tr th:nth-child(6),
    .invoice-box .table tbody tr td:nth-child(6) {
        width: 100%;
        min-width: 150px !important;
    }
    .invoice-box .table thead tr th:nth-child(7),
    .invoice-box .table tbody tr td:nth-child(7) {
        width: 100%;
        min-width: 150px !important;
    }

    .book-btn.view-icon { margin-bottom: 10px; }


    .calendar-heading { font-size: 24px; }
    .calendar-from .form-group label { margin-bottom: 4px;}
    #currentMonth { font-size: 24px; max-width: 340px; }
    #prevMonth, #nextMonth { font-size: 14px; line-height: 20px;}
    .service_calendar_section .table thead th { font-size: 14px; line-height: 20px; letter-spacing: unset; }
    .service-content { padding: 0px 5px 4px;}
    .sc-block { margin-top: 0px;}
    .sc_date {line-height: 20px;}
    .service_calendar { padding: 25px 15px;}
    #prevMonth i { margin-right: 5px;}
    #nextMonth i { margin-left: 5px;}


    .my-company-account-block { padding: 25px 15px 15px;}
    .bbc_card_block .sub_title { font-size: 18px; margin-bottom: 15px;}
    .btn-primary.comp-modal { font-size: 14px; }
    .top_row label.badge { font-size: 12px !important; padding: 6px 10px;}
    .sub_data_content { font-size: 12px; margin-bottom: 8px;}
    .booking_summary_page .table thead tr th { padding: 10px 3px;}



}

body.navOpen {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: fixed;
}

@media(max-width:991px) {

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

    .login-block .login-form {
        max-width: 365px;
        padding: 40px 35px;
    }
    .login-block {
        height: 410px;
    }
    .client-amount-block {
        display: block;
    }
    .client-amount-block .client-desciption-box {
        margin-top: 20px;
        width: 100%;
        margin-left: 0;
    }
    .book-delivery-block {
        margin-top: 20px;
    }
    .my-company-account-block {
        padding: 30px 0px 40px;
    }
    /* .my-company-account-block .container {
        margin-left: auto !important;
    } */
    .package-block .p-left-side {
        max-width: 260px;
    }
    .package-block .p-left-side .img-box {
        max-width: 190px;
        height: 190px;
    }
    .package-block .p-left-side .amount {
        font-size: 20px;
    }
    .package-block .p-title {
        margin-bottom: 20px;
    }
    .package-block .p-right-side .icon {
        margin-right: 7px;
    }
    /* .modal .dataPart-dioloag.modal-dialog {
        max-width: 95% !important;
    } */
    .data-contain .description {
        font-size: 15px;
    }
    .mini-item-content .right-content .R-title {
        font-size: 16px;
    }
    .calendar .datepicker-inline .table-condensed thead {
        font-size: 16px;
    }
    .calendar .datepicker td {
        font-size: 16px;
    }

    .calendar-from .apply-btn { height: 30px; padding: 4px 16px;}
    .calendar-from .form-control { height: 30px; padding: 4px 11px; }
    .button-block .reset-btn { width: 24px; height: 24px;}
    .button-block .info-btn { width: 24px; height: 24px; }
    .button-block { height: 30px;}
    .calendar-from .form-group label { margin-bottom: 0px; font-size: 12px; }
    .service_calendar { padding: 20px 15px;}
    #currentMonth { font-size: 20px; max-width: 260px;}
    .sc-block p, .sc-block .t_value, .sc-block .t_blank { display: block;}

    .bbc_card_block  .table {  width: 1200px; max-width: unset;}
    .my-company-account-block { padding: 18px 0px 20px;}
    .price_amounts { font-size: 18px;}
    .top_row { flex-wrap: wrap;}
    .dropoff_log_block.bbc_card_block  .table {  width: 770px; max-width: unset;}



}

@media(max-width:767px) {
    .login-block {
        height: auto;
        flex-wrap: wrap;
    }
    .login-block .login-form {
        order: 2;
    }
    .login-block .login-bg {
        order: 1;
    }
    .login-block .login-bg {
        width: 100%;
        flex: 100%;
        -ms-flex: 100%;
        -webkit-box-flex: 100%;
        padding: 20px;
    }
    .login-block .logo-icon {
        max-width: 130px;
        margin: 10px auto 10px;
        height: auto;
    }
    .login-block .login-img {
        max-width: 290px;
        height: auto;
        margin-bottom: 10px;
        display: none;
    }
    .login-block .login-form .form-heading {
        margin-bottom: 30px;
    }
    .login-block .login-form {
        margin: 0px auto;
    }
    .help-modal .modal-dialog {
        max-width: 90%;
    }
    .estimator-modal .modal-dialog {
        max-width: 90% !important;
    }
    .payment-method .pay-title {
        font-size: 16px;
    }

    .calendar-from .form-group { margin-right: 10px;}
    #currentMonth { max-width: 180px; margin: 0px 15px; font-size: 18px; letter-spacing: 2px; }
    .sc-block span.title { font-size: 10px;}
    .sc-block span.count { font-size: 9px;}
    .calendar-from { padding: 10px;}
    .calendar-top-row { margin-bottom: 15px;}
    .sc-block p, .sc-block .t_value, .sc-block .t_blank { margin-bottom: 2px; }
    .calendar-heading { font-size: 20px; }
    .button-block .info-btn { width: 20px; height: 20px; margin-left: 5px;}
    .calendar-from .apply-btn { font-size: 12px; padding: 4px 12px; }
    .calendar-from .form-group label { font-size: 10px; }
    .button-block .reset-btn { width: 20px; height: 20px;}

    #prevMonth, #nextMonth { font-size: 12px;}
    #currentMonth {  max-width: 170px;}


}

@media(max-width:576px) {
    .client-detial-box .c-logo {
        width: 100px;
        height: 100px;
        margin-left: -30px;
        margin-top: -35px;
    }
    .client-detial-box .left-side {
        padding: 0px 10px 0px 30px;
    }
    .client-detial-box .title {
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 18px;
    }
    .client-detial-box .right-side-img {
        margin: auto 25px auto auto;
        max-width: 160px;
    }
    .dashboard-page {
        padding: 65px 0px 50px;
    }
    .book-delivery-block .book-btn {
        max-width: 170px;
        padding: 7px;
        font-size: 14px;
    }
    .book-delivery-block .book-content {
        font-size: 14px;
        margin: 0px auto 10px;
    }
    .book-delivery-block .book-btn img {
        width: 16px;
        height: 16px;
    }
    .modal-dialog {
        max-width: 90% !important;
    }
    .my-account-block .heading-row {
        display: block;
    }
    .my-account-block .heading-row .heading-left {
        margin-bottom: 10px;
    }
    .package-block {
        display: block;
    }
    .package-block .p-left-side {
        max-width: 100%;
    }
    .package-modal .package-box .p-amount {
        font-size: 20px;
    }
    .package-modal .package-box .p-heading {
        font-size: 20px;
    }
    .help-modal .help-block .contact-number a {
        font-size: 20px;
    }
    .help-modal .modal-dialog {
        max-width: 90% !important;
    }
    .help-modal .help-block p.help-text {
        margin-bottom: 15px;
    }
    .package-block .p-left-side .expire-date {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .confirm-btn {
        font-size: 14px;
    }
    .upload-btn {
        width: 265px;
    }
    .map-one {
        height: 180px;
    }
    .howder-s .modal-header .modal-titles {
        font-size: 17px;
    }
    .mini-item-content .left-imgs {
        margin: 0px auto 15px;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mini-item-content .left-imgs img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }
    .mini-item-content .left-imgs .radio-img {
        left: 0px;
    }
    .middle-content .or_data {
        font-size: 14px;
    }
    .company-form-block .get-del-hour {
        font-size: 12px;
        padding: 13px 15px;
        ;
    }
    .table tbody td {
        font-size: 12px;
    }
    .table thead {
        font-size: 14px;
    }
    .mini-item-content .right-content .R-subtitle,
    .mini-item-content .right-content .R-title {
        margin-bottom: 5px;
    }
    .F-middle-box .no-hours {
        margin-bottom: 19px;
    }
    .F-middle-box .label-N {
        font-size: 14px;
    }
    .kitchen-box-img {
        height: 200px;
    }
    .invoce-grid {
        display: inline-grid;
    }

    .booking_switch { position: relative; top: unset; right: unset; transform: unset;  justify-content: center; margin-bottom: 10px;}



}

@media(max-width:500px) {

    .inline-form-row.ml-auto { margin-left: 0px !important; }

    .invoice-page .search-bar input { width: 100% !important;}

    /* .total_amount { margin-top:10px !important; } */

    .prograss-bg .back-btns { margin: 3px 5px;}

    .login-block .login-form {
        padding: 40px 20px;
    }
    .client-detial-box {
        flex-wrap: wrap;
    }
    .client-detial-box .left-side {
        padding: 0px 10px 0px 15px;
    }
    .client-detial-box .c-logo {
        width: 80px;
        height: 80px;
        margin-left: -15px;
        margin-top: -20px;
    }
    .client-detial-box .title {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 12px;
    }
    .client-detial-box .right-side-img {
        margin: 20px auto;
    }
    .client-amount-block .amount-top {
        display: block;
    }
    .client-amount-block .amount-top .date-block {
        max-width: 100%;
        height: auto;
        padding: 10px 12px;
        margin: 0px 0px 20px;
    }
    .client-amount-block .amount-top .date-block .form-row .input-group {
        max-width: 175px;
    }
    .client-amount-block .amount-top .amount-box {
        max-width: 100%;
        height: auto;
        margin-left: 0px;
    }
    .dashboard-page {
        padding: 40px 0px 30px;
    }
    .company-form-block {
        padding: 25px 15px 20px;
    }
    .my-account-block .heading-row {
        padding: 10px 15px;
        display: block;
    }
    .address-block .address-box {
        align-items: flex-start;
        padding: 15px;
    }
    .my-account-block .heading-row .add-btn {
        max-width: 104px;
        padding: 7px;
        font-size: 12px;
        margin-top: 10px;
    }
    header {
        height: auto !important;
    }
    .right-side-menu ul li a.book-btn span {
        display: none !important;
    }
    .right-side-menu ul li a.book-btn {
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50% !important;
        width: 42px;
        height: 42px;
    }
    .right-side-menu ul li a.book-btn img {
        width: 22px;
        height: 22px;
    }
    .modal-dialog .modal-content .modal-body {
        padding: 20px 15px 30px;
    }
    .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 20px;
    }
    .estimator-modal .form-amount {
        font-size: 18px;
    }
    .address-block .address-box {
        display: block;
    }
    .address-block .address-box .btn-icons {
        margin-top: 10px;
    }
    .choose-delivery-block .choose-box {
        width: 90px;
        height: 90px;
    }
    .choose-delivery-block .choose-box img {
        width: 45px;
        height: 45px;
    }
    .choose-delivery-block .choose-box span {
        font-size: 12px;
    }
    .middle-content .choose-delivery-block .choose-box {
        width: 105px;
        height: 105px;
    }
    .table thead tr th:nth-child(1),
    .table tbody tr td:nth-child(1) {
        width: 100%;
        min-width: 150px;
    }
    .table thead tr th:nth-child(2),
    .table tbody tr td:nth-child(2) {
        width: 100%;
        min-width: 190px;
    }
    .table thead tr th:nth-child(3),
    .table tbody tr td:nth-child(3) {
        width: 100%;
        min-width: 50px;
    }
    .F-middle-box .label-N,
    .company-form-block .checkbox,
    .middle-content .m-date-y {
        font-size: 14px;
    }
    .F-middle-box .into-myhouse .no-hours .row .col-5,
    .F-middle-box .into-myhouse .no-hours .row .col-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .F-middle-box .into-myhouse .radio-groups {
        padding-top: 10px;
    }
    .door-to-door .description {
        font-size: 12px;
    }
    .data-contain .description {
        font-size: 12px;
    }
    .data-contain .data-section-media {
        width: 67px;
        height: 70px;
    }
    .pyment-box .radio-groups {
        flex-wrap: wrap;
    }
    .F-prograss {
        flex-wrap: wrap;
        justify-content: center;
    }
    .F-prograss .progress {
        flex: none;
        margin-bottom: 10px;
        height: 6px;
    }
    .prograss-bg {
        padding: 12px 0px 8px;
    }
    .prograss-bg .back-btns {
        font-size: 14px;
        height: 38px;
    }
    .confirm-btn {
        width: 150px;
    }
    .upload-btn {
        width: 265px;
    }
    .data-contain .select-items {
        max-width: 347px;
        width: 100%;
        padding: 0px;
    }
    .data-contain .select-items .radio-img {
        padding: 5px;
    }
    .data-contain .select-items .item-one {
        font-size: 12px;
        padding: 0px 5px;
        text-align: center;
    }
    .F-middle-box .middle-content {
        padding: 20px 10px;
    }
    .kitchen-box-img {
        height: 150px;
    }
    .calendar .datepicker-inline .table-condensed thead {
        font-size: 14px;
    }
    .calendar .datepicker td {
        font-size: 14px;
    }
    .month-select { margin-right: 0 !important;
        width: 100%;
    }
    .month-select .form-group .form-control.custom-select { width: 100% !important; }
    .month-select .form-group {
        display: block;
    }
    .estimator-modal .estimator-block .footer-text { min-width: auto; }
    .month-select .form-group .form-control {
        width: 100%;
    }
    .login-block .login-form .forgot_heading {
        display: block;
        text-align: center;
    }
    .login-block .login-form .forgot_heading span {
        display: block;
    }

    .ws-title { max-width: 68%;}
    .wan-switch { padding: 10px;}


   /*  #product-table { max-width: 700px; width: 700px; } */


    .thankyou-block h1 { font-size: 24px;}
    .thankyou-block h1 a { font-size: 14px;}
    .thankyou-block { padding: 30px;}

    .F-middle-box {
        margin: 0px auto 100px;}

    #currentMonth { max-width: unset; letter-spacing: 1px; width: auto;}
    .service_calendar_section .table thead th {font-size: 12px; line-height: 18px;}
    .service_calendar {padding: 15px 12px;}
    #prevMonth i {  margin-right: 0px;}
    #nextMonth i { margin-left: 0;}
    .right-side-menu ul li a.icons { width: 35px; height: 35px;}
    .right-side-menu ul li a.book-btn { width: 35px; height: 35px; }
    .calendar-from { flex-wrap: wrap;}
    .calendar-from .form-control { max-width: 100%;}
    .calendar-from .form-group { margin-right: 0px; margin-bottom: 10px !important; width: 100%; }
    .calendar-from .apply-btn { width: 100px; }
    .button-block {  margin-bottom: 10px; margin-left: 10px;}
    .calendar-from .form-group:nth-child(4) { width: auto !important; }

    header .navbar-brand { width: 38px; height: 38px; margin-right: 10px !important;}
    .right-side-menu ul li a.icons img { width: 18px; height: 18px;}
    .right-side-menu ul li { margin: 0px 2px;}
    .right-side-menu ul li:last-child {margin: 0px 2px !important;}
    .right-side-menu { margin-right: 5px;}

    .service_calendar_section { display: none; }

    .mobile-view-calendar-data { width: 100%; max-height: 375px; overflow-y: auto; border: 1px solid #E8E8E8 !important; display: block !important; }
    .mv-data .sc-block{ display: block; padding: 10px; }
    .mv-data .sc-block p { display: flex; }
    .mv-data  .date { background: #eee; padding: 6px; margin-bottom: 0px;}
    .sc-block span.count { font-size: 11px;}
    .service-content { padding: 4px 5px 4px;}

    .complaints_box .cleft_block { width: 100%;  margin-bottom: 10px;}
    .complaints_box .cright_block {width: 100%; text-align: unset;}




}

@media(max-width:500px) {
.calendar .datepicker td {
    padding: 4px 0px;
}
.sum-content .D-table { width: 50%;}


}
@media(max-width:320px) {
    .floor-no {
        display: block;
    }
    .qty-input {
        margin-left: 0px;
        margin-top: 10px;
    }
    [type="radio"]:checked+label .help-user,
    [type="radio"]:not(:checked)+label .help-user {
        width: 70px;
        height: 70px;
    }
}