@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
@font-face {
    font-family: 'Avenir Black';
    src: url("fonts/Avenir-Black.ttf") format("truetype");
}

@font-face {
    font-family: 'Avenir Book';
    src: url("fonts/Avenir-Book.ttf") format("truetype");
}

@font-face {
    font-family: 'Avenir Heavy';
    src: url("fonts/Avenir-Heavy.ttf") format("truetype");
}

@font-face {
    font-family: 'Avenir Medium';
    src: url("fonts/Avenir-Medium.ttf") format("truetype");
}

body {
    font-family: 'Avenir Book';
}

.login_page input[type="text"],
.account_edit_form input[type="text"],
.login_page input[type="email"],
.account_edit_form input[type="email"],
.login_page input[type="password"],
.account_edit_form input[type="password"],
.login_page select,
.account_edit_form select,
.register_page input[type="text"],
.account_edit_form input[type="text"],
.register_page input[type="email"],
.account_edit_form input[type="email"],
.register_page input[type="password"],
.account_edit_form input[type="password"] {
    padding-left: 0px !important;
    padding-right: 50px !important;
    /* border-bottom: 1px solid lightgrey !important; */
    font-size: 14px;
    border-radius: 0px !important;
    margin-bottom: 20px;
}

.login_page input.form-control.active {
    padding-left: 10px !important;
}

.btn {
    box-shadow: none !important;
}
.btn_list{
    font-size: 13px;
    font-family: 'Avenir Heavy';
    color: #383534;
    cursor: pointer;
}
.btn_g_acpt,.btn_r_rject_{
    font-family: "Avenir Black" !important;
}
.account_edit_form.login_page input.form-control.active,
.team_edit_section.login_page input.form-control.active {
    padding-left: 0px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.account_edit_form.login_page .form-outline .form-control.active~.form-label,
.team_edit_section .form-outline .form-control.active~.form-label {
    top: -2px;
    font-size: 15px;
}

.account_edit_form.login_page .form-outline .form-control:disabled,
.login_page .form-outline .form-control:disabled {
    background-color: inherit;
}

.account_edit_form.login_page .form-outline input {
    margin-bottom: 25px;
}

.account_edit_form.login_page .form-outline input:focus {
    background-color: inherit;
}

.dashborad_savor {
    max-width: 1366px;
    margin: auto;
}

.login_page {
    position: relative;
    overflow: hidden;
    max-width: 1720px;
    margin: auto;
}

.login_page select {
    border: 0px !important;
    border-bottom: 1px solid lightgrey !important;
    appearance: auto;
}
.team_edit_section .form-group  select,.team_edit_section .form-group  input{
  padding-left: 10px !important;
  border: 1px solid #C6C6C6 !important;
  border-radius: 5px !important;
}
.team_edit_section .form-group label,.team_edit_section label{
    font-size: 13px;
    font-family: 'Avenir Heavy';
    color: #383534;
}
.login_page select:focus {
    box-shadow: none;
    outline: 0px;
}

.login_page .carousel_overlay_data {
    opacity: 0;
    width: 0px;
    margin-left: 100px;
}

.login_page .carousel-item.active .carousel_overlay_data {
    transition: 0.5s ease-in-out;
    opacity: 1;
    width: auto;
    margin-left: 0px;
}

.login_page .carousel_overlay_data {
    position: absolute;
    top: 62%;
    background: rgba(0, 0, 0, 0.5);
    left: 35px;
    padding: 15px 20px 12px;
}

.login_page .carousel_overlay_data h3 {
    text-align: left;
    font-size: 28px;
    line-height: 31px;
    font-weight: 900;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 0;
    position: relative;
}

.login_page .carousel_overlay_data p {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    margin: 0;
}

.btn_login_sign {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn_login_sign .btn_s,
.btn_s {
    padding: 10px 70px !important;
    border: 0px !important;
    border-radius: 50px;
    display: inline-block;
    font-size: 15px;
    background-color: #e22428 !important;
    text-transform: capitalize;
    font-family: 'Avenir Heavy';
    color: #fff;
}

.btn_s2 ,.btn_submit,.btn_preview,.btn_approval,.btn_b,.btn_blue,.btn_green{
    padding: 7.75px 25px !important;
    border: 0px !important;
    border-radius: 50px;
    display: inline-block;
    font-size: 13px;
    background-color: #e22428 !important;
    text-transform: capitalize;
    font-family: 'Avenir Heavy';
    color: #fff;
    cursor: pointer;
}
.btn_blue{
   background-color:#0E82FF !important ;
   cursor: pointer;
}
.btn_green{
    background-color: #00A83B !important;
    cursor: pointer;
}
.btn_s2:hover,.btn_blue:hover,.btn_green:hover{
    color: #fff !important;
    text-decoration: none;
}
.btn_submit,.btn_preview,.btn_b{
    background-color: #000000 !important;
}
.btn-declne{
   border: 0px;
   display: inline-block;
    font-size: 15px;
   color: #e22428;
   background-color: inherit;
   font-family: 'Avenir Heavy';
}
.btn_approval{
    background-color: #00A83B !important;
}
.btn_issue, .btn_missing, .btn_recived, .swal2-styled {
    padding: 7.75px 25px !important;
    border: 0px !important;
    border-radius: 50px !important;
    display: inline-block;
    font-size: 13px;
    color: #fff;
}
.btn_issue{
    background-color:#4d4f5c ;
}
.btn_missing,.swal2-confirm {
    background-color:#e22428 !important ;
}

.btn_recived{
    background-color:#245ee2 ;
}
.btn_s2:hover ,.btn_submit:hover,.btn_preview:hover,.btn_approval:hover,.btn_b:hover,.btn_blue:hover{
    color: #fff;
}
.bg-success{
  background-color: #169b6b!important;
}
.box_register_check {
    padding-left: 0px;
    max-width: 89%;
    margin: auto;
    text-align: center;
}
.btn_approved,.btn_declined{
    border: 0px;
    display: inline-block;
     font-size: 15px;
    background-color: inherit;
    font-family: 'Avenir Heavy';
}
.btn_w_approval{
    font-size: 13px;
    border: 0px;
    background-color: inherit;
    font-family: 'Avenir Heavy';
    color: orange;
    margin-top: 7px;
}
.btn_approved{
    color:#169b6b;
}
.btn_declined{
    color: #e22428;
}
.btn_view{
    font-size: 13px;
    font-family: 'Avenir Heavy';
color: #383534;
}
.box_register_check label.custom-control-label {
    font-size: 12px;
    text-align: left;
}
.box_register_check span.help-block {
    padding-top: 20px;
    text-align: left;
    display: block;
    color: #e22428;
    font-family: 'Avenir Heavy';
    margin-left: -30px;
}
.custom-select {
    font-size: 14px;
}

.box_register_check label  a {
    color: #e22428 !important;
    font-family: 'Avenir Heavy';
}

.login_page .h4_tittle {
    text-align: center;
    font-size: 24px;
    letter-spacing: 0px;
    color: #383534;
    text-transform: uppercase;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 15px;
}

.login_page .custom-checkbox .custom-control-label::before,
.login_page .custom-control-label::after {
    border-radius: 0px;
    width: 20px;
    height: 20px;
    top: 3px;
    left: -30px;
}

.frgt_p {
    display: block;
    width: 150px;
    text-align: right;
    /* font-style: italic; */
    margin-left: auto;
}

.p_text {
    text-align: center;
    letter-spacing: 0px;
    color: #6C6C6C;
    font-size: 15px;
    max-width: 390px;
    margin: 0 auto;
    margin-bottom: 50px !important;
}

.red_link {
    color: #e22428;
}

.login_page .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: #e22428;
}
.custom-control.custom-checkbox.box_register_check.pt-3 span.help-block {
    font-size: 13px;
    font-family: 'Avenir Book';
}
/* .login_page input[type="password"]{
    padding-right: 50px;
    background-image: url(../img/cros_eyes.png);
    background-position: right;
    background-repeat: no-repeat;
} */
a.cross_eyes {
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 10px;
    z-index: 1;
}

a.cross_eyes img {
    width: 20px;
}

.login_page .form-outline .form-control~.form-notch div {
    border: 0px !important;
    border-bottom: 1px solid lightgrey !important;
    border-radius: 0px !important;
}

.login_page .form-outline .form-control~.form-label {
    left: 0px;
    font-size: 14px;
}

.login_page .form-outline .form-control:focus~.form-notch div {
    box-shadow: none;
    border-color: #e22428 !important;
}

.main_logo {
    position: absolute;
    top: 30px;
    left: 35px;
    z-index: 9;
}

.login_page form.user {
    padding: 0px 50px;
}

.forgot_page .col-lg-6 {
    height: 100vh;
}

.chat-name-circle .img-profile.rounded-circle {
    height: 3rem;
    width: 3rem;
}

.modal {
    pointer-events: none;
}

.modal-dialog {
    pointer-events: auto;
}

.modal-content {
    /* max-height: calc(100vh - 200px); */
    max-height: 90vh;
    overflow-y: auto;
}

.table .dark {
    background-color: #f1f1f1;
}

.table th {
    font-weight: bold;
}

.no-shadow {
    box-shadow: none !important;
}

/* dashbord css */
.bar_left_s.sidebar .nav-item .nav-link span {
    color: #000000;
}

.bar_left_s .sidebar-brand-text.mx-3 {
    margin: 35px auto;
}

.bar_left_s .sidebar-brand-text.mx-3 img {
    width: 85%;
}

.bar_left_s.sidebar .sidebar-brand {
    height: auto;
}

.bar_left_s.sidebar .nav-item .nav-link {
    padding: 7px 10px 7px 20px;
}
.bar_left_s.sidebar .nav-item.active .nav-link span{
    font-family: 'Avenir Heavy';
}
.bar_left_s.sidebar .nav-item .nav-link span {
    font-size: 15px;
    font-family: 'Avenir Book';
}

.bar_left_s.sidebar-dark .nav-item .nav-link[data-toggle=collapse]::after {
    color: #000000;
}

.bar_left_s.sidebar .nav-item .nav-link img {
    margin-right: 7px;
}

#wrapper #content-wrapper.right_side_s {
    background-color: #f5f5f5;
}

.tobbar_s {
    border-bottom: 1px solid #000000;
    margin: auto 30px;
}

/* 18-07-2022 */
.board_nav {
    box-shadow: none;
}

.account_table thead,.production_sheet_tr {
    background-color: #383534;
}

.account_table .table thead th,.account_table table.table tr.production_sheet_tr  th {
    font-size: 13px;
    vertical-align: middle;
    color: #fff;
    border: 0px;
}
.account_table .table thead th:first-child ,.row.invoices_section_r thead th:first-child {
    border: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.row.invoices_section_r thead th:first-child{
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}
.account_table .table thead th.first_th:first-child {
    min-width: 50px;
    width: 50px;
    max-width: 50px;
}
.account_table .table thead th:last-child ,.row.invoices_section_r thead th:last-child{
    border: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.team_table_section .table th,
.team_table_section .table td {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0px !important;
}

.account_table thead th,
.account_table tbody tr td {
    padding: 13px 20px;
}

.account_table tbody tr td,
.account_table tbody th,
.team_table_section tbody tr td,
.team_table_section tbody th {
    vertical-align: middle;
    font-family: 'Avenir Heavy';
    font-size: 13px;
    color: #383534;
}
.account_table tbody tr td{
    font-size: 13px;
    font-family: 'Avenir Heavy';
}
.team_table_section thead {
    background: #383534;
    color: #fff;
}

.team_table_section .table thead th {
    border: 0px;
}

.team_table_section tr.header_items td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    /* min-width: 253px; */
    font-size: 18px;
    font-family: 'Avenir Heavy';
}
.team_table_section tr.header_items td:first-child{
    width: 70px;
    min-width: 70px;
    max-width: 70px;
}
.team_table_section tr.header_items td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    min-width: 113px;
}

.team_table_section tr.header_items td:first-child .btn_add {
    padding-left: 7px;
    font-size: 12px;
    font-family: 'Avenir Medium';
    color: #ffdf88 !important;
}

.team_table_section tr.header_items td:first-child .btn_add i {
    position: relative;
    /* top: -2px;
    font-size: 8px; */
    /* padding: 3px; */
    /* border-radius: 50px;
    border:1.5px solid #ffdf88; */
}

.team_table_section tr.header_items td:last-child a {
    color: #ffdf88 !important;
}

.team_table_section tr.table_heading_row th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.team_table_section tr.table_heading_row th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.card_services th,
.card_services td {
    border: 0px;
}

.team_table_section tr.header_items {
    position: relative;
    border-bottom: 7px solid#f5f5f5;
}

.account_edit_form .avatar-preview div#uploaded {
    margin-bottom: 10px;
}

.account_edit_form .avatar-preview p {
    padding-top: 10px;
    font-family: 'Avenir Medium';
    color: #000000;
}

.box_checkbox_s input[type="checkbox"],input[type="checkbox"] {
    position: relative;
    width: 0px;
    height: 0px;
    -moz-appearance: initial;
    margin-right: 30px;
    -webkit-appearance: initial;
}
.box_register_check input[type="checkbox"]{
    position: absolute;
    -webkit-appearance: initial;
}
td.space_td_s {
    padding: 25px;
}

.btn_edit {
    color: #1384ff;
}

.btn_add {
    color: #0e82ff;
}

.btn_add2 {
    padding: 7px 35px;
    border-radius: 50px;
    cursor: pointer;
    background-color: #e22428;
    color: #fff;
    font-size: 14px;
}

.btn_add2:hover {
    text-decoration: none;
    color: #fff;
}

.btn_delete {
    color: red;
}

.btn_view {
    font-size: 13px;
    color: #383534;
    font-family: 'Avenir Black';
}

.btn_download {
    font-size: 13px;
    color:#1384ff;
    font-family: 'Avenir Black';
}

.btn_edit,
.btn_add,
.btn_delete,
.btn_placeorder,
.btn_details {
    font-size: 15px;
    cursor: pointer;
    font-family: 'Avenir Black';
}
.cursor_pointer{
    cursor: pointer;
}
.btn_placeorder {
    color: #000000;
}

.box_checkbox_s input[type="checkbox"]:before,input[type="checkbox"]:before {
    position: absolute;
    content: '';
    width: 25px;
    height: 25px;
    top: -18px;
    left: 0px;
    background-color: inherit;
    border: 1px solid;
    cursor: pointer;
}
/* .portion_th span:nth-of-type(3),  */
.portion_th span:nth-of-type(4) {
    margin-right: 0px !important;
}
.team_table_section .table-responsive {
    overflow: visible;
}

.box_checkbox_s input[type="checkbox"]:checked:before,input[type="checkbox"]:checked:before {
    background-image: url(../img/check.svg);
    background-position: 7px;
    background-repeat: no-repeat;
}

tr.table_heading_row th {
    color: #000000 !important;
    font-weight: 500;
}

tr.header_items {
    background-color: #383534;
}

tr.table_heading_row {
    background: #cfcece;
}

.team_table_section tbody tr.header_items td {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}

.alleergens_list .btn_edit,
.delivery_table .btn_edit {
    margin-right: 15px;
}

.card_services input[type="text"] {
    border: 0px !important;
    border-bottom: 1px solid lightgrey !important;
    border-radius: 0% !important;
    background-color: inherit;
}

.card_services input[type="text"]:focus {
    box-shadow: none;
    outline: none;
}

/* css chat here */
.chat_savor_section .chat-message-block {
    display: flex;
    align-items: center;
}

.chat_savor_section h4.name {
    font-size: 13px;
    margin-bottom: 0px;
    font-family: 'Avenir Medium';
    color: #fff;
    margin-left: 15px;
    text-transform: capitalize;
}

.chat_savor_section .message_search {
    margin-top: 20px;
    margin-bottom: 30px;
}

.chat_savor_section .message_search input {
    padding: 10px 15px;
    border-radius: 5px;
    filter: drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.05));
    background-color: #f5f5f5;
    height: auto;
    font-size: 14px;
    color: #adaaaa;
}

.chat_savor_section .col-md-3 {
    padding: 0px 20px;
    padding-bottom: 15px;
    border-radius: 5px;
    max-width: 33%;
    flex: 0 0 33%;
    background-color: #363636;
    height: 73vh;
    overflow: auto;
    margin-bottom: 20px;
}

.chat_savor_section .col-md-9 {
    max-width: 67%;
    flex: 0 0 67%;
    height: 73vh;
    background-color: #fff;
}

.chat_savor_section .col-md-3 .nav-item {
    width: 100%;
}

.chat_savor_section .nav-tabs .nav-link:hover h4.name {
    color: #fff;
}

a.nav-link.getmsgs {
    padding-left: 5px;
    border-bottom: 1px solid #434343;
}

a.nav-link.getmsgs:hover {
    background: none;
    border-color: transparent;
    border-radius: 0px;
    border-bottom: 1px solid #434343 !important;
}

.chat_savor_section .chat-box-footer {
    position: relative;
}

.chat_savor_section .react-emoji {
    width: 83%;
}

.chat_savor_section .react-emoji .react-input-emoji--container {
    border-radius: 5px !important;
    border: 1px solid #cccfd4 !important;
}

.chat_savor_section button.btn.btn_send {
    padding: 5px 15px;
    position: absolute;
    border-radius: 100px;
    top: 5px;
    right: 5px;
    background-color: #e22428;
    color: #fff;
}

.chat_savor_section input#imageForm {
    padding: 0px;
    border: 0px;
    width: 0px;
    height: 0px;
}

.chat_savor_section input#imageForm:focus {
    border: 0px;
    outline: none;
    box-shadow: none;
}

.chat_savor_section a.attchment_icons img {
    display: none;
}

.chat_savor_section input#imageForm:after {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    background-image: url(../img/Paperclip.png);
    background-repeat: no-repeat;
    background-size: 73%;
    background-position: 3px;
    left: 0px;
    filter: grayscale(1);
}

.chat_savor_section a.attchment_icons {
    position: absolute;
    top: 7px;
    right: 125px;
}

.chat_savor_section .tab-content {
    padding: 30px 15px;
    height: calc(100% - 85px);
    overflow: auto;
}

.chat_savor_section .inner-chat ul {
    padding: 0px;
    list-style: none;
    max-width: 80%;
}

.chat_savor_section .uset_chat_box {
    background-color: #fff;
}

.chat_savor_section .inner-chat ul li a {
    padding: 7px 15px;
    border-radius: 8px;
    border-top-left-radius: 0px;
    background-color: #fafafa;
    display: inline-block;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    /* max-width: 70%; */
}

.chat_savor_section .inner-chat .self_message ul li a {
    border-top-left-radius: 8px;
    border-top-right-radius: 0px;
    background-color:#e4e4e4 ;
}

.chat_savor_section .inner-chat ul li a:hover {
    text-decoration: none;
}

.chat_savor_section span.chat_time {
    display: block;
    font-size: 11px;
}

.chat_savor_section .chat-name-circle .img-profile.rounded-circle {
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
}

.chat_savor_section .iner_chat_positions.with_user_img {
    position: relative;
    padding-left: 50px;
}

.chat_savor_section .iner_chat_positions.with_user_img .chat-name-circle {
    position: absolute;
    left: 0px;
}

.chat_savor_section .iner_chat_positions.with_user_img img.img-profile.rounded-circle {
    border-radius: 50%;
    width: 43px;
    height: 43px;
}

.chat_savor_section .inner-chat .self_message {
    display: flex;
    justify-content: right;
}

.chat_savor_section .inner-chat .self_message ul {
    text-align: right;
    max-width: 80%;
}

.chat_savor_section .inner-chat .self_message ul li a {
    text-align: left;
}

.chat_savor_section li.nav-item.active {
    background: #d3d3d333;
}

.chat_savor_section .attached-files {
    padding: 15px;
    position: absolute;
    bottom: 52px;
    display: flex;
    flex-wrap: wrap;
    width: 75%;
    background: #8080804d;
    z-index: 1;
    gap: 10px;
    left: 12px;
}
.message-screen-blocks.chat_savor_section .inner-chat a.attachment {
    padding: 0px;
    display: block;
    background: transparent;
    text-align: right;
    margin: 5px 0px;
}
.chat_savor_section .chat-box-footer span.red {
    position: absolute;
    top: -24px;
    left: 10px;
    color: red;
}

a.nav-link.getmsgs:focus:not(:focus-visible) {
    border: 0px !important;
    box-shadow: none !important;
    outline: none !important;
}

li.messages_s span.badge.badge-danger.badge-counter {
    padding: 5px 0px;
    border-radius: 50%;
    position: absolute;
    width: 25px;
    height: 25px;
    left: 50%;
    color: #fff;
    top: 15px;
}

.avatar-preview.img_div_upload div#uploaded img.avatar.img-circle.img-thumbnail {
    object-fit: cover;
}
/* css chat here */
.avatar-preview .avatar {
    width: 150px;
    height: 150px;
}

.acount_logo_section .avatar-preview .avatar {
    width: 350px;
    height: 200px;
    border: 0px;
}

.acount_logo_section .avatar-preview {
    text-align: center;
}

.acount_logo_section .avatar-preview input[type="file"] {
    width: 234px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* css header */
.bar_top_savor {
    /* padding-top: 23px; */
    padding-right: 0px;
    padding-left: 0px;
    border-bottom: 1px solid;
    margin: 0px 30px;
    height: auto;
}

.bar_tittle h3 {
    font-size: 24px;
    font-family: 'Avenir Black';
    color: #383534;
}
.bar_tittle h3 span{
    font-size: 18px;
    font-family: 'Avenir Heavy';
}
.dashborad_savor #content {
    background-color: #f7f7f77d;
}

.dashborad_savor .bar_top_savor .user_name {
    font-size: 16px;
    font-family: 'Avenir Medium';
    color: #4d4f5c;
}

.dashborad_savor .bar_top_savor img.img-profile.rounded-circle {
    width: 45px;
    height: 45px;
    margin: 0px 10px;
    object-fit: cover;
}

.dashborad_savor .bar_top_savor a#alertsDropdown {
    padding: 15px;
    background-color: #4d4f5c;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: 15px;
}

.dashborad_savor .bar_top_savor a#alertsDropdown i {
    position: relative;
    left: -5px;
    top: -7px;
    color: #fff;
}

.dashborad_savor .bar_top_savor a#alertsDropdown .badge-counter {
    top: 0px;
    right: 0px;
}

.dashborad_savor h1.h3.mb-4.text-gray-800 {
    font-size: 22px !important;
    font-family: 'Avenir Medium';
    color: #b4b4b4 !important;
}

tr.row_acount_r th,
tr.row_acount_r td {
    border: 0px;
}

.dashborad_savor .box_checkbox_s .card-header.py-3,
.delivery_table .card-header.py-3,
.card-header.py-3 {

    border-bottom: 0px;
    border-radius: 0px;
    background-color: #f5f5f5;
}

.dashborad_savor .box_checkbox_s .card-header.py-3 div,
.delivery_table .card-header.py-3 div,
.card-header.py-3 div {
    font-size: 15px;
    color: #383534 !important;
    font-family: 'Avenir Medium';
}

.delivery_table .card {
    box-shadow: none !important;
}

.row.box_checkbox_s .shadow {
    box-shadow: none !important;
    /* border: 0px !important; */
}
/* .row.box_checkbox_s .card-body {
    padding-left: 0px;
} */
.account_edit_form {
    padding: 25px 0px;
    background-color: #fff;
}

.red_title h3 {
    font-size: 24px;
    color: #e22428;
    font-family: 'Avenir Medium';
}

.red_title {
    margin-top: 15px;
    margin-bottom: 25px;
}

.card_services th,
.card_services td {
    min-width: 130px;
}

.kitchen_manage_menu table th,
.kitchen_manage_menu table td {
    min-width: 170px;
}

.kitchen_manage_menu .card-body {
    overflow: auto;
}

.account_select_label.form-group {
    position: relative;
}

.account_select_label.form-group:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    right: 0px;
    top: 15px;
}

.notes_s {
    display: block;
    text-align: right;
    font-size: 11px;
    font-style: italic;
    margin-top: -10px;
}

.acount_logo_section p {
    padding: 20px 0px;
    padding-top: 5px;
    font-size: 15px;
    font-family: 'Avenir Book';
    color: #6C6C6C;
}

/* .btn_upload input[type="file"]{
    display: none;
}
.btn_upload label{
    padding: 10px 70px !important;
    border-radius: 50px;
    display: inline-block;
    font-size: 15px;
    background-color: #e22428 !important;
    text-transform: capitalize;
    font-family: 'Avenir Heavy';
    color: #fff;
    margin-top: 30px;
} */
.modal_style {
    max-width: 550px !important;
}
.modal_style .check_input_2,.team_edit_section .check_input_2 {
    font-family: 'Avenir Book';
}
.modal_style .modal-header {
    justify-content: center;
    padding: 30px;
    border: 0px !important;
    align-items: center;
}

.modal_style .modal-header h3 {
    font-size: 18px;
    color: #383534;
    font-family: 'Avenir Heavy';
    margin-bottom: 0px;
}

.modal_style .modal-body {
    padding: 15px 30px;
}

.modal_style .closeModal,.modal .close,.closeAgeGroupPop,.closeDetailsModal,.closeStatusModal {
    position: absolute;
    border: 0px !important;
    font-size: 17px;
    font-weight: bold;
    right: -20px;
    background-color: red;
    border-radius: 50%;
    color: #fff;
    top: -19px;
    z-index: 1;
    height: 37px;
    width: 37px;
    opacity: 1;
}

.modal_style .cstm_form_modal label {
    font-size: 13px;
    margin-bottom: 5px;
}
/* .modal_style select{
    appearance: auto;
} */
.edit_s  {
    padding: 25px;
    border-radius: 5px;
    background-color: #FFFFFF;
    /* margin: 0px 0px 0px 15px;
    width: 98%; */
}

.edit_s .card {
    border: 0px;
}

tr.row_acount_r th {
    padding-left: 23px;
}

.account_table tbody tr:nth-child(even),
table tr.data_row_s:nth-child(even) {
    background: #f0f3f5;
}
.finacial_kitchen_section .account_table tbody tr:nth-child(even){
  background-color: inherit;
}
.order_history.finacial_kitchen_section .account_table tbody tr:nth-child(even){
    background: #f0f3f5;
}
tr.kf_row{
    border: 1px solid #cececd;
}
/* tr.kf_row td:nth-of-type(2),tr.kf_row td:nth-of-type(4){
   background-color: #ebebeb;
} */
span.badge.badge-success {
    padding: 5px 10px;
    display: inline-block;
    border-radius: 12px;
    background-color: #d9e8de;
    font-size: 13px;
    color: #00a83b;
}
span.badge.badge-danger {
    padding: 5px 10px;
    display: inline-block;
    border-radius: 12px;
    font-size: 13px;
}
span.badge.badge-warning {
    padding: 5px 14px;
    display: inline-block;
    border-radius: 12px;
    background: #eee3cb;
    font-size: 13px;
    color: #ffa500;
}

.schedule_table td.last_td {
    background-color: #f5f5f5;
}

.calender_scheduled .h3 {
    font-size: 20px;
    color: #383534;
    font-family: 'Avenir Heavy';
}

.calender_scheduled {
    margin-bottom: 30px;
    margin-top: 10px;
}

.calender_scheduled img {
    margin-right: 7px;
    margin-top: -5px;
}

a.btn_weaks {
    padding: 10px 0px;
    display: inline-block;
    font-size: 14px;
    color: #adaaaa;
    margin-right: 20px;
    margin-bottom: -1px;
}

a.btn_weaks.active {
    font-family: 'Avenir Black';
    color: #383534;
    border-bottom: 2px solid #e22428;
}

a.btn_weaks:hover {
    text-decoration: none;
}

.weaks_menu_5 {
    border-bottom: 1px solid #adaaaa;
    margin-bottom: 23px;
}
.weaks_menu_5+h3,.manage_table_menu+h3,.h3_snaks{
    text-align: center;
    font-family: "Avenir Heavy";
    color: #E22428;
    font-size: 20px;
}
.kitchen_manage_menu select,
.bar_search input[type="text"],
.bar_search select,
.bar_search input[type="date"] {
    border: 0px;
    font-size: 20px;
    color: #383534;
    font-family: 'Avenir Medium';
    border-radius: 5px;
    filter: drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.05));
    background-color: #ffffff;
}
.bar_search .row {
    align-items: center;
}
.bar_search  .form-group{
    margin-bottom: 0px;
}
.scheduled_section .title_s {
    text-align: center;
    font-size: 20px;
    color: #e22428;
    font-family: 'Avenir Heavy';
}

.calender_scheduled .float-right {
    font-size: 15px;
    color: #383534;
}

.col_6_span {
    border: 0px !important;
    padding: 25px !important;
}

tr.weekday_head td {
    font-size: 13px;
    border-top: 0px !important;
    border-bottom: 0px !important;
    background-color: #f5f5f5;
    color: #383534;
    font-family: 'Avenir Heavy';
}

tr.weekday_row td {
    border: 0px !important;
}

tr.weekday_head {
    border-bottom: 2px solid #fff;
}

/* ------- */

.inventory_table thead.thead_inventory {
    filter: drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.05));
    background-color: #efb5b6;
}

.inventory_table thead.thead_inventory th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.inventory_table thead.thead_inventory th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.inventory_table thead.thead_inventory th {
    font-size: 13px;
    border: 0px;
    color: #7b4042;
    font-family: 'Avenir Heavy';
}

table.table.inventory_table th,
table.table.inventory_table td {
    border: 0px !important;
}

tr.inventory_data {
    border: 1px solid #f1e0e2;
    background-color: #f1ebec;
}

tr.inventory_data td {
    font-size: 13px;
    font-family: 'Avenir Heavy';
    color: #383534;
}

table.table.inventory_table tbody {
    border-top: 5.5px solid #f5f5f5;
}

.alleergens_list td,
.alleergens_list th {
    border: 0px;
}

.school_inventory tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.school_inventory tr td,
.school_inventory tr th {
    width: 23%;
}

/* .kitchen_inventory .account_table .table thead th {
    padding-top: 23px;
    padding-bottom: 23px;
} */

.finacial_kitchen_section td,
.finacial_kitchen_section th {
    padding: 13px !important;
    border: 0px;
}

/* .mising_order.finacial_kitchen_section th {
    padding-top: 23px !important;
    padding-bottom: 23px !important;
} */

.finacial_kitchen_section tbody tr td,
.production_sheet_card .account_table .table td {
    font-size: 13px;
    font-family: 'Avenir Heavy';
}

.sub_total_sectiob {
    /* width: 378px; */
    padding: 15px;
    text-align: right;
    background-color: #e2e2e2;
    /* margin-left: auto; */
}
.finacial_kitchen_section .sub_total_sectiob{
    background-color: #f1f1f1;
}
.finacial_kitchen_section .sub_total_sectiob p:last-child{
    font-size: 20px;
    font-family: 'Avenir Black';
    color: #000000;
}
.sub_total_sectiob p {
    font-size: 13px;
    color: #8e8d8c;
    font-family: 'Avenir Heavy';
}

.sub_total_sectiob p b {
    color: #383534;
}

.sub_total_sectiob p span {
    font-size: 13px;
    color: #383534;
}

.production_sheet_card .card-header {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    margin-bottom: 5px;
    border-radius: 8px;
}

.production_sheet_card .card-header .name_s {
    font-family: 'Avenir Black';
    font-size: 18px;
    color: #e22428;
}

tr.acc_name {
    background-color: #cfcece;
    border-top: 5px solid #f5f5f5;
    border-bottom: 5px solid #f5f5f5;
}

tr.acc_name td {
    font-size: 15px !important;
    color: #383534 !important;
    font-family: 'Avenir Black' !important;
}

.production_sheet_card .account_table .table td,
.production_sheet_card .account_table .table thead th {
    border: 0px;
}

/* .production_sheet_card .account_table .table thead th {
    padding-top: 22.5px;
    padding-bottom: 22.5px;
} */
span.calender-icon {
    font-size: 20px !important;
    color: #000;
    font-weight: 600;
}
ul.holiday-listing {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    overflow: auto;
    padding: 13px 0px;
}
ul.holiday-listing li {
    width: 24%;
    background: #4d4f5c;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    padding: 6px 11px;
    position: relative;
    margin-bottom: 10px;
}
ul.holiday-listing .close-btn {
    background: red;
    position: absolute;
    font-size: 11px;
    top: -9px;
    right: -5px;
    padding: 3px;
    border-radius: 100%;
    height: 22px;
    width: 22px;
    cursor: pointer;
}
span.calender-icon i {
    font-size: 23px;
    background-color: inherit;
    cursor: pointer;
    margin-left: 14px;
}

.production_sheet_card .account_table .table thead,.grey_tr {, tr.kf_row td:nth-of-type(4)
    border-bottom: 5px solid #f5f5f5;
    background-color: #cececd;
}
.grey_tr{
    border-bottom: none;
    border-color: transparent;
}
.table-responsive.account_table .grey_tr th{
    color: #000000;
}
.grey_tble tbody tr{
    border: 1px solid #cececd;
}
.account_table .grey_tble tbody tr:nth-child(even){
   background-color: inherit;
}
.production_sheet_card .account_table .table thead th,.grey_tr th{
    color:#393635;
}
.production_sheet_card .account_table .table tbody tr.tr_data {
    border: 1px solid #f1ebec;
    /* background-color: #f0f3f5; */
}

.production_sheet_card .account_table .table tbody tr.tr_data td:first-child {
    font-size: 18px;
    color: #383534;
    font-family: 'Avenir Heavy';
    background-color: #f1ebec;
}
.production_sheet_card .table tbody+tbody{
  border-top: 0px;
}
.delivery_time {
    /* display: flex; */
    justify-content: space-between;
}

.delivery_time .bolds {
    font-size: 15px;
    color: #383534;
    font-family: 'Avenir Heavy';
}
tr.delivery_tr {
    position: relative;
}
.delivery_time .name_s_3 {
    font-size: 20px;
    color: #e22428;
    font-family: 'Avenir Heavy';
    /* float: right; */
    position: absolute;
    left: calc(50% - 50px);
}
.mb-3.bar_search {
    margin-bottom: 30px !important;
}
.account_table.schedule_table thead th{
    padding-top: 13px;
    padding-bottom: 13px;
}
.align-bottom{
    vertical-align: bottom;
}
input#upload{
    width: 100%;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active{
    color: #121314;
}
img.team_members_img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 5px;
}
td.delivery_time .boldr {
    font-size: 15px;
    font-family: 'Avenir Heavy';
}
td.delivery_time .tname{
    float: right;
    font-size: 20px;
    font-family: 'Avenir Heavy';
    color: #E22428;
}
.grey_table_rs thead tr{
    position: relative;
    /* top: -2px; */
    background-color: #383534;
    /* border-bottom: 5px solid #f5f5f5; */
}
.grey_table_rs thead tr th{
    border: 0px;
    font-size: 13px;
    color: #fff;
}
.grey_table_rs tbody tr{
   border: 1px solid #d1deed;
}
.grey_table_rs tbody tr td{
    border: 0px;
    font-size: 13px;
    color: #383534;
    font-family: 'Avenir Heavy';
}
.grey_table_rs tbody tr td:nth-of-type(2),.grey_table_rs tbody tr td:nth-of-type(4){
    background-color:#e1e9ef ;
}

.br-50{
    border-radius: 50%;
}
.vndor_prfl{
    margin-right: 10px;
}
.team_table_section .custom-control-input:checked~.custom-control-label::before,.account_edit_form .custom-control-input:checked~.custom-control-label::before,.btn_team_toggle .custom-control-input:checked~.custom-control-label::before{
    color: #fff;
    border-color: #45c700;
    background-color: #45c700;
}
.custom-switch .custom-control-input:checked~.custom-control-label::after,.account_edit_form .custom-switch .custom-control-input:checked~.custom-control-label::after{
    background-color: #fff;
    transform: translateX(17px);
}
.account_edit_form .custom-switch .custom-control-input:checked~.custom-control-label::after{
    transform: translateX(14px);
}
.custom-switch .custom-control-label::after,.account_edit_form .custom-switch .custom-control-label::after{
    top: calc(0.25rem + 3px);
}
.custom-control.custom-switch .custom-control-label::after,.account_edit_form .custom-control.custom-switch .custom-control-label::after {
    border-radius: 50%;
    width: 17px !important;
    height: 17px !important;
}
.custom-switch .custom-control-label::before,.account_edit_form .custom-switch .custom-control-label::before{
    border-radius: 50px;
    width: 40px !important;
    height: 23px !important;
}
.form-outline .form-control:focus~.form-label{
    color:#383E45 ;
}
.card-footer.details_inventory_section {
    padding-top: 0px;
    background-color: #f2f2f2;
    border-top: 0px;
}
.details_inventory_section b{
    font-family: 'Avenir Heavy' !important;
    color: #3c3938;
}
.delevery_slot_date {
    padding-left: 58px;
    padding-top: 15px;
    position: relative;
    flex-wrap: wrap;
}
.delevery_slot_date  img{
    padding: 0px;
    position: absolute;
    border-radius: 50%;
    border: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
}
/* .delevery_slot_date p:first-child{
    margin-bottom: 5px;
} */
.delevery_slot_date p{
    margin-bottom: 0px;
    width: 100%;
}
.details_inventory_section .Special_Instruction h3{
  /* font-size: 15px; */
  font-family: 'Avenir Heavy' !important;
  color: #3c3938;
}
.details_inventory_section  p{
    font-size: 13px;
    color: #3c3938;
}
.details_inventory_section p:first-child{
    font-size: 14px;
}
.details_inventory_section .row .col-md-6:last-child p{
    padding: 15px 20px;
    background-color: #ECEBEB;
}
input.form-control.is-invalid.active:focus+label,.user input.form-control.is-invalid:focus+label {
    left: 10px;
}
.form-control.is-invalid, .was-validated .form-control:invalid{
    background-position: right calc(0.375em + 2.1875rem) center;
}
.account_file{
    width: 50% !important;
}
.table-responsive.account_table.manage_table_menu {
    margin-bottom: 15px;
}
.top_serch_bar .col-md-4 {
    width: 30%;
    max-width: 30%;
}
.top_serch_bar .col-md-2.year_s {
    max-width: 11%;
}
.top_serch_bar .col-md-1.btn_col {
    max-width: 11.33333%;
}
/* .school_menu table thead th:first-child {
    max-width: 100px;
    min-width: 100px;
    width: 100px;
} */
.rate_review_section .card-header ,.tech_support_section .card-header{
    background-color: inherit;
    border-bottom: none;
}
.rate_review_section .card-header h3,.tech_support_section .card-header h3{
    font-size: 20px;
    font-family: 'Avenir Medium';
    color: #383534;
}
.tech_support_section .has-error span.help-block{
  position: static;

}
.rate_review_section  .card{
    padding: 20px;
    box-shadow: none;
    border: 0px;
}
.rate_review_section .my-rating .jq-star{
  height: 38px !important;
  width: 40px !important;
  margin-right: 10px;
  color: #464646;
}
.rate_review_section .my-rating .jq-star polygon{
    fill: #464646;
}
.account_table .last_action_td, .account_table .last_td_action{
    text-align: right;
    padding-right: 30px !important;
}
.reports_section .account_table thead th,.reports_section .account_table tbody tr td,table td,table th{
    border: 0px;
    border-bottom: 0px;
    border-width: 0px;
    border-top: 0px;
}
.reports_section .sub_total_sectiob {
    max-width: 100%;
    width: 100%;
}
.badge_paid{
    padding: 5px 20px;
    font-size: 13px;
    border-radius: 50px;
    background-color: #d9e8de;
    font-family: 'Avenir Heavy';
    color: #00A83B;
}
.badge_un_paid{
    padding: 5px 20px;
    font-size: 13px;
    border-radius: 50px;
    background-color: #ebcccc;
    font-family: 'Avenir Heavy';
    color: #E22428;
}
.badge_un_paid:hover{
    text-decoration: none;
    cursor: pointer;
}
.invoices_section_r .card{
    box-shadow: none;
    border: 0px;
}
.col-md-6.issue_due_date p {
    font-size: 13px;
    color: #383539;
    margin-bottom: 10px;
}
.invoces_from_to b{
    padding-bottom: 20px;
    display: block;
}
.row.invoces_from_to {
    margin-bottom: 20px;
}
.row.invoces_from_to p{
    margin-bottom: 0px;
    font-size: 14px;
}
.invoces_from_to,.invoces_from_to p,.invoces_from_to b{
    color: #383539;
}
.nutritional_table thead{
    background-color: transparent;
    border-bottom: 5px solid #fff;
}
.nutritional_table thead tr{
    background-color: #f5f5f5;
}
.nutritional_table .table thead tr th{
    color:#383539 ;
}
.nutritional_table .table td,.nutritional_table .table th{
    border-top: 0px;
}
.nutritional_table h4 {
    font-size: 24px;
    font-family: 'Avenir Heavy';
    color:#383539 ;
    margin-bottom: 20px;
    margin-top: 30px;
}

.nutritional_table.account_table tbody tr:nth-child(even){
    background: #f6f9fb;
}
.tech_support_section .card{
    padding: 20px;
    box-shadow: none;
    border: 0px;
}
.tech_support_section label.form-label {
    font-size: 15px;
    color: #383534;
    font-family: 'Avenir Medium';
}
.tech_support_section input,.tech_support_section textarea{
    padding: 10px 15px;
    border:1px solid #89929D;
}
.tech_support_section input{
    height: auto;
}
.reports_section .text-center .mr-3:last-child {
    margin-right: 0px !important;
}
.table td, .table th{
    border-top: 0px;
}
.modal-dialog.modal_style span.help-block {
    color: red;
}
.login_page .user .has-error span.help-block,.has-error span.help-block {
    position: absolute;
    bottom: -17px;
    font-size: 13px;
    color: red;
}
.has-error+span.help-block{
    font-size: 13px;
    color: red;
}
.avatar-preview+.help-block{
    display: block;
    text-align: center;
    color: red;
}
form.user .help-block{
    color: red;
}
.img_div_upload{
    position: relative;
    width: 150px;
    height: 150px;
}
.file_input_div #upload{
    display: none;
}
.file_input_div {
    position: absolute;
    bottom: -42px;
    left: calc(50% - 33px);
}
/* .file_input_div label{
    padding: 8px 15px;
    border-radius: 50px;
    background-color: red;
    border:3px solid #fff;
    font-size: 20px;
    font-family: 'Avenir Heavy';
    width: 50px;
    height: 50px;
    color: #fff;
} */
.form-outline .form-control.is-invalid~.form-label, .was-validated .form-outline .form-control:invalid~.form-label{
    color: inherit;
}
.cut_off{
    padding-top: 15px;
    font-size: 15px;
    font-family: 'Avenir Heavy';
    color: #383534;
}
.btns_div_s{
    text-align: right;
}
.row.scheduled_section.school_scheduled .table-responsive.grey_table_rs .table {
    margin-bottom: 10px;
}
.form-outline .form-control.is-invalid~.form-label{
    left: 10px;
}
.login_drop  .dropdown-item:focus,.login_drop  .dropdown-item:hover{
   background-color: inherit;
}
.login_drop  .dropdown-item:hover i{
    transition: 0.3s;
    color: #e22428 !important;
}
.login_drop .dropdown-menu {
    border-radius: 0px;
}
.login_drop .dropdown-menu::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff;
    top: -15px;
    right: 15px;
}
tbody.all_vndor_kitchn_tr tr td:first-child {
    background-color: #dbe5ef;
    font-size: 18px;
    font-family: 'Avenir Heavy';
}
tbody.all_vndor_kitchn_tr TR {
    background-color: #f0f3f5;
    border: 1px solid #dbe5ef;
}
tbody.all_vndor_kitchn_tr {
    border-top: 7px solid whitesmoke;
}
.row.scheduled_delivery .production_sheet_card .account_table .table tbody tr.tr_data td:first-child {
    background-color: #D1DEED;
    min-width: 300px;
    width: 300px;
}
.row.scheduled_delivery .production_sheet_card .account_table .table tbody tr.tr_data{
    border:1px solid #D1DEED;
}
.vendor_name{
    font-size: 20px;
    font-family: 'Avenir Heavy';
    color: #383534;
}
.order_id{
    font-size: 13px;
    color: #727272;
}
.mb-3.bar_search label.container_admin_check.check_input_2 {
    font-size: 12px;
    color: #383E45;
    margin-right: 5px;
}
.topbar .notification_dropdown  .dropdown-list .dropdown-header{
    background-color: #e22428;
    border-color:#e22428 ;
}
.topbar .notification_dropdown  .dropdown-list .icon-circle,.notification_section .icon-circle{
    background-color: #e22428 !important;
}
.b_three_dots_div{
    box-shadow: none !important;
    background-color: inherit !important;
}
.b_three_dots_div .b_three_dots{
    border: 0px !important;
    background-color: inherit !important;
}
tr.vndor_name_date {
    background-color: #cfcece;
    border-top: 5px solid whitesmoke;
}
tr.vndor_name_date td:first-child span {
    font-size: 15px;
    font-family: 'Avenir Black';
}
.row.rate_review_section span.help-block {
    position: static;
    color: red;
    font-size: 13px;
}
.login_page.account_edit_form .form-control.is-invalid{
    padding-right: inherit;
}
.svg-active-283 {
    fill: red;
}
p.school_name {
    font-size: 18px;
    font-family: 'Avenir Black';
    color: #383534;
    margin: 0px;
}
p.kitchen_name{
    font-size: 15px;
    font-family: 'Avenir Black';
    color: #383534;
    margin: 0px;
}
p.adress_s,p.number_s {
    font-size: 15px;
    font-family: 'Avenir Medium';
    color: #383534;
    margin: 0px;
}
p.kitchen_adress,p.kitchen_number{
    font-size: 13px;
    font-family: 'Avenir Medium';
    color: #383534;
    margin: 0px;
}
span.t_date {
    font-size: 13px;
    font-family: 'Avenir Book';
    color: #383534;
    margin-left: 10px;
    text-transform: capitalize;
}
.m-0.font-weight-bold.text-primary.date_time {
    font-size: 13px;
}
.production_sheet_card.route_sheet.mb-3 {
    padding: 20px;
    border-radius: 8px;
    background-color: #fff;
}
.production_sheet_card.route_sheet .card-header{
  padding: 5px 0px !important;
}
.fruits_div {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    background-color: #F5F4F4;
    margin-top: 30px;
}
.all_items_name p{
    font-size: 15px;
    color: #383534;
    margin: 0px;
}
.payment_section{
    padding-bottom: 30px;
    border-radius: 5px !important;
    background-color: #fff;
}
.payment_section .upper_section{
    padding: 45px 50px;
    background-color: #4D4F5C;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: center;
}
.payment_section .upper_section h3{
    font-size: 24px;
    font-family: 'Avenir Black';
    color: #fff;
}
.payment_section .upper_section span,.upper_section p{
  font-size: 13px;
  color: #fff;
  margin: 0px;
}
.payment_section .payment_form_section .form_text{
    text-align: center;
}
.payment_section .payment_form_section .form_text{
    padding: 25px 0px;
}
.payment_section .payment_form_section .form_text h4{
  font-size: 18px;
  font-family: 'Avenir Heavy';
  color: #383534;
}
.payment_section .payment_form_section .form_text p{
    font-size: 13px;
    color: #383534;
}
.payment_section .payment_form{
    padding: 0px 85px;
}
.payment_section .payment_form label{
    display: block;
    font-size: 13px;
    font-family: 'Avenir Heavy';
    color: #383534;
}
.payment_section .payment_form input,.payment_section .payment_form textarea{
    padding: 10px 15px;
    border: 1px solid #C6C6C6;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 23px;
}
.payment_section .payment_form textarea{
    height: 100px;
}
.notification_page .flex.justify-between.flex-1.sm\:hidden{
    padding: 30px;
}
.notification_page p.text-sm.text-gray-700.leading-5 {
    padding-left: 25px;
}
.notification_page svg.w-5.h-5 {
    width: 50px;
    height: 50px;
}
.route_sheet_top .col-md-4{
    text-align: right;}
.calender_icon{
    position: relative;
}
.calender_icon img{
    width: 25px;
  position: absolute;
  right: 30px;
  top: 10px;
  cursor: pointer;
}
.chat-user-details {
    position: relative;
}
.d-t-div span.badge.badge-danger.badge-counter {
    padding: 5px;
    position: absolute;
    right: -30px;
    top: -4px;
    width: 23px;
}
.mb-3.bar_search .col-md-5 label:first-child {
    display: block;
    color: #383E45;
}
.spececail_dropdown_select {
    padding-top: 23px;
    display: flex;
    justify-content: space-between;
}
.special_instruction_ection{
    padding:5px 15px;
    background-color: #fff;
}
.special_instruction_ection .special_instrcution_p{
    margin-bottom: 30px;
}
.special_instruction_ection p{
    font-size: 13px;
    font-family: 'Avenir Black';
    color: #383534;
}
.special_instruction_ection p span{
    display: block;
    font-size: 13px;
    font-family: 'Avenir Heavy';
    color: #383534;
}
.left_tovers_table input{
    width: auto;
}
.left_tovers_table .form-control{
    width: auto;
}
table.table.grey_tble.left_tovers_table thead{
    border-bottom: 0px;
}
.rating_star {
    justify-content: flex-start !important;
    align-items: flex-start !important;
}
.rating_star i.far.fa-star{
    font-size: 3em !important;
}
.row.invoices_section_r  .team_table_section thead {
    background-color: #f5f5f5;
}
.row.invoices_section_r thead th{
    color :#383539;
}
.nutritional_table .table thead tr th{
    padding: 12px;
}

.nutritional_table .table tbody td:first-child,.nutritional_table .table tbody th:first-child{
  background-color: #dbe5ef;
}
.nutritional_table .table tbody tr{
    background-color: #f6f9fb;
    border: 1px solid #dbe5ef;
}
.nutritional_table  tbody tr:nth-child(2n){
    border-bottom: 5px solid #fff;
}
.col-md-4.Special_Instruction.spececail_dropdown_select label{
    font-size: 14px;
    font-family: 'Avenir black';
    color: #000;
}
.grey_table_rs thead tr th:first-child ,.team_table_section thead th:first-child{
    border: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.grey_table_rs thead tr th:last-child,.team_table_section thead th:last-child {
    border: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
div#reports a.collapse-item {
    padding-left: 30px;
}
.doller_rates_input {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .pt-100 {
        padding-top: 3rem !important;
    }
}

@media (min-width: 768px){
    .sidebar {
        width: 293px !important;
        height: 100vh;
        overflow: auto;
        position: sticky;
        top: 0px;
    }
    .sm:hidden{
        display: none;
    }
}

/* scroller css */
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* css scroller css */


.service_name_tr td,.inventory_text {
    text-align: center;
    font-size: 15px !important;
    font-family: 'Avenir Heavy' !important;
    color:#e2292d !important;
    text-transform: uppercase;
}
.inventory_text{
    display: block;
    margin-bottom: 15px;
}
.modal_style .modal-header h4,.modal_style h4 {
    font-size: 18px;
    font-weight: 800;
    color: #383534;
}
.portion_th {
    min-width: 222px !important;
}
.comming_soon_section h3 {
    text-align: center;
    font-size: 50px;
    text-transform: uppercase;
    font-family: 'Avenir Heavy';
    color: #e22428;
}
.comming_soon_section {
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* @media (min-width: 1600px) and (max-width: 2560px)  {

} */
.consolidate_data_content img {
    width: 100%;
    height: 100vh;
}
.custom-control.custom-switch {
    padding-left: 0px;
}
tr.weekday_head td:first-child span {
    display: inline-block;
    min-width: 73px;
}
.modal_style label  {
    font-size: 13px;
    font-family: 'Avenir Heavy';
    color: #383534;
}
.account_select_label select {
    appearance: none;
}



.right_chat_blnk{
    padding: 15px 30px;
    width: 100%;
}
.active_prson{
    position: relative;
    padding-left: 50px;
}
.active_prson h3{
  font-size: 14px;
  color: #B4B4B4;
  margin: 0px;
}
.active_prson p{
  font-size: 18px;
  color:#383534;
  margin: 0px;
}
.active_prson img{
    position: absolute;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    left: 0px;
}
.blnk_img_chat{
 text-align: center;
}
.blnk_img_chat img{
    padding-top:50px ;
}
.trm-heading {
 color: #000000;
 font-weight: 600;
}
.term-txt {
    color: #000000;
}
.card-body i.fas.fa-star {
    color: #e22428 !important;
}
.custom-control.custom-checkbox.box_register_check.pt-2 span.help-block {
    font-size: 13px;
    font-family: 'Avenir Book';
}
.pagination_3 li.page-item {
    margin: 15px 5px;
}
.pagination_3 li.page-item.active span.page-link {
    background-color: #e22428;
}
.pagination_3 nav {
    padding: 30px;
}
.newthnks h2,p {
    color: #000;
}
.Special_Instruction.spececail_dropdown_select.delevery_slot_date .form-group {
    width: 48%;
}
.mising_modal td,.mising_modal tr,.mising_modal thead{
    display: flex;
}
.mising_modal td{
    position: relative;
    align-items: center;
    gap: 5px;
    font-size: 18px;
}
.mising_modal span.help-block {
    position: absolute;
    font-size: 12px;
    bottom: -12px;
    line-height: 13px;
}
.privacy-policy p {
    font-size: 14px;
    line-height: 24px;
}
.privacy-policy h3,
.privacy-policy h4,
.privacy-policy h5,
.privacy-policy h6 {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #000;
}
.label_inputs {
    position: relative;
}
.payment_form_section .payment_form span.help-block {
    position: absolute;
    /* width: 38%; */
    left: 0px;
    z-index: 1;
    bottom: 5px;
}
td.last_td_action .modal-content {
    overflow: inherit;
}
td.last_td_action button.close {
    top: 0px;
    right: 0px;
    padding: 5px;
}
.inner_terms_data h2 {
    font-weight: 600;
    font-size: 25px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #000;
}
.innr_main_info_data li {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #000000;
    margin-bottom: 12px;
    padding-left: 40px;
    position: relative;
}
.innr_main_info_data li:before {
    content: "\f00c";
    background: #168D88;
    font: var(--fa-font-solid);
    width: 26px;
    height: 26px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    left: 0;
    font-size: 12px;
    top: -2px;
}
.innr_main_info_data ul {
    list-style-type: none;
    padding: 0;
    margin: 25px 0px;
}
.innr_main_info_data a {
    color: #168D88;
}
section.terms_banner {
    background: #F8FFFE;
    padding: 60px 0px;
}
section.terma_content {
    padding: 40px 0px 60px;
}
.innr_main_info_data h3 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
    line-height: 30px;
}
span.items_name {
    font-size: 18px;
    display: inline-block;
    width: 235px;
}
td.frst_col_5 {
    /* width: 315px !important; */
    max-width: 315px !important;
    /* min-width: 315px; */}
span.box_check_lebel {
    min-width: 70px;
    display: inline-block;
}

/* for safari */
.chat_savor_section a.attchment_icons {
    background-image: url(../img/Paperclip.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 70px;
    width: 50px;
    height: 50px;
    /* overflow: hidden; */
    filter: brightness(0);
    background-size: 50%;
    background-position: 0px;
    }
    .chat_savor_section input#imageForm:after{
        display: none !important;
    }
    .chat_savor_section input#imageForm{
        width: 50px;
        height: 50px;
        opacity: 0;
    }

/* for safari */
/* for safari */



.form-outline .form-control[readonly] {
    background-color: white;
}
.label_inputs input[type="radio"] {
    width: auto;
}

.card_services th, .card_services td {
    min-width: 140px;
}
.pament_info_container {
    adding: 30px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70vh;
    box-shadow: 0 0 2px;
    border-radius: 5px;
}
.pament_info_container h3{
    font-weight: 700;
   color: #000000;
}
.form-top-section {
    display: flex;
}
.form-top-section span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
a.clear-btn {
    position: absolute;
    color: #e22428 !important;
    margin-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px;
    display: none;
}
.view-password {
    position: relative;
}
.account_table td.text-center span:nth-child(2n) ,td.text-center.s_delvery_text span:nth-child(2n),.grey_table_rs  td.text-center span:nth-child(2n){
    min-width: 35px;
    display: inline-block;
}
.to_vendor_tip{
    position: relative;
}
.to_vendor_tip .hover_toltip{
    position: absolute;
    right: -40px;
    top: 35px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.scheduled_select select{
    font-size: 15px;
}

.other_user_messages ul li .iner_chat_positions.with_user_img a.attachment img {
    display: block;
}
.btn_cross{
    position: absolute;
    top: -8px;
    padding: 0;
    height: 20px;
    width: 20px;
    font-size: 14px;
    border-radius: 50%;
    right: -8px;
}
.files_r{
    position: relative;
}
.qtySum,.missingOrderSum,.servicesPrice{
    display: inline-block;
}
/* .qtySum{
    min-width: 61.73px
}
.missingOrderSum{
    min-width: 61.81px;
}
.servicesPrice{
    min-width:75.45px;
} */
.flatpickr-calendar.open, .flatpickr-calendar.inline {
    opacity: 1;
    max-height: 38px;
    visibility: visible;
    background: #f7f7f7;
    width: 218px !important;
}

.adress_th{
    width: 350px;
    min-width: 350px;
    max-width: 350px;
}


.small-btn .btn_submit, .btn_preview, .btn_approval, .btn_b, .btn_blue, .btn_green {
    padding: 7.75px 15px !important;
    border: 0px !important;
    border-radius: 14px !important;
    display: inline-block;
    font-size: 12px !important;
}

.small-btn .btn_s2{
    padding: 7.75px 28px !important;
    border: 0px !important;
    border-radius: 14px !important;
    display: inline-block;
    font-size: 12px !important;
}


/* @media (max-width:767px){

} */
/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@media
	  only screen
    and (max-width: 760px), (min-device-width: 768px)
    and (max-device-width: 1024px)  {
        .team_r.team_r1.team_table_section tr.service_name_tr td::before {
            display: none;
        }
        .team_r.team_r1.team_table_section tr.service_name_tr td{
            padding-left: 7%;
        }
        .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
        .container-fluid div#printableArea .card.p-4 {
            padding-right: 10px !important;
            padding-left: 10px !important;
        }
        .qtySum,.servicesPrice,.missingOrderSum{
            min-width: auto;
        }
        .privacy-policy {
            padding: 15px;
        }

		/* Force table to not be like tables anymore */
	.team_r	table,.team_r thead, .team_r tbody,.team_r th,.team_r  td,.team_r  tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
	.team_r	thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

  .team_r  tr {
      margin: 0 0 1rem 0;
    }

  /* .team_r  tr:nth-child(odd) {
      background: #ccc;
    } */

	.team_r	td {
			/* Behave  like a "row" */
            min-height: 50px !important;
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
            text-align: left !important;
		}
        tr.kf_row {
            border: 1px solid #cececd !important;
        }
        .team_r3	th {
			/* Behave  like a "row" */
            min-height: 50px !important;
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
            text-align: left !important;
		}
        .team_r1	td{
            padding-left: 0px;
            display: flex;
            justify-content: end;
        }
        .mobile-day-label {
            background: transparent !important;
        }
	.team_r	td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 10px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			/* white-space: nowrap; */
		}
        .team_r3	th:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 10px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			/* white-space: nowrap; */
		}
        .team_r1	td:before{
            font-size: 11px;
            width: 40%;
            /* .row.invoices_section_r.edit-invoice thead .age-group-invoice{
                min-width: 80px !important;
            } */
        }
        div#printableArea{
            margin-top: 20px;
        }
		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/

        /* .team_r1 .mobile-day-label::before {content: "Day"!important; } */
		.team_r1 .mobile-age-label::before { content: "Age Group"; }
        .team_r1 td.Vegetarian::before { content: "Vegetarian"; }
        .team_r1 td.Non-Vegetarian::before { content: "Non-Vegetarian"; }
        .team_r1 td.Gluten.Free::before { content: "Gluten Free"; }
        .team_r1 td.Vegan::before { content: "Vegan"; }
        .team_r1 td.mobile-total-label::before{content: "Total"; }

        .el-center {
            display: flex;
            justify-content: space-between;
            padding: 0px 7px;
            width: 126px;
        }
        .tabel-totel-bar .el-center span {
            min-width: 34px !important;
        }
        .mobile-day-label {
            position: relative !important;
            top: -38px;
        }
	  /* .team_r1	td:nth-of-type(2):before { content: "Vegetarian"; }
	  .team_r1	td:nth-of-type(3):before { content: "Non-Vegetarian"; }
		.team_r1 td:nth-of-type(4):before { content: "Gluten Free"; }
		.team_r1 td:nth-of-type(5):before { content: "Vegan "; }
		.team_r1 td:nth-of-type(6):before { content: "Total"; } */
        .team_r1 tbody tr{
            position: relative;
            margin-top: 35px;
        }
        .mobile-day-label span {
            font-weight: bold;
            font-family: 'Avenir Heavy' !important;
            font-size: 16px;
            width: 100%;
        }
        .team_r1 tbody tr:after{
            content: 'Qty - Missing - Price';
            position: absolute;
            right: 10px;
            color: #000;
            font-weight: bold;
            top: 15px;
            font-size: 13px;
        }
        tr.kf_row.tabel-totel-bar td {
            font-size: 14px;
            color: #000;
        }
        tr.kf_row.tabel-totel-bar td {
            font-size: 13px !important;
        }
        /* tr.kf_row.tabel-totel-bar::after {
            display: none !important;
        } */
        .kf_row.tabel-totel-bar td:first-child {
            justify-content: start;
            padding-left: 9px;
        }
        .team_r1 tbody tr.service_name_tr::after{
          display: none;
        }

         .team_r3 th:nth-of-type(1):before { content: "Description"; }
	   .team_r3	th:nth-of-type(2):before { content: "Age Group"; }
	   .team_r3	th:nth-of-type(3):before { content: "Lunch"; }
		 .team_r3 th:nth-of-type(4):before { content: "AM Snacks"; }
		 .team_r3 th:nth-of-type(5):before { content: "Breakfast "; }
		 .team_r3 th:nth-of-type(6):before { content: "Dinner"; }

         .team_r2 th:nth-of-type(1):before { content: "Items"; }
         .team_r2	th:nth-of-type(2):before { content: "Qty"; }
         .team_r2	th:nth-of-type(3):before { content: "Price/Item"; }
           .team_r2 th:nth-of-type(4):before { content: "Price"; }
	}


    .form-control:disabled, .form-control[readonly] {
    background-color: #fff !important;
    opacity: 1;
}
  .re-btn{  position: absolute;
    bottom: 0;
    height: 38px;
    }
span.select2-selection.select2-selection--single {
    height: 40px;
}
span#select2-account-container {
    margin: auto;
    height: 40px !important;
    padding: 5px 13px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 3px !important;
}
.re-btn {
    background: transparent;
    border: none;
}
.re-btn i {
    color: #e22428;
}
.add-btn {
    background: #383534;
    border: none;
    padding: 7px 16px;
    border-radius: 50px;
}
.add-btn:hover {
    background: #383534;
}
.btn-info.focus, .btn-info:focus{
      background: #383534;
}
.re-btn:hover {
    background: transparent;
}
button.close.cross-btn {
    padding: 10px;
    position: relative;
    color: red;
    background: transparent;
    font-size: 20px;
    text-align: right;
    right: -60px;
}
.paid-btn {
    background: transparent;
    color: red !important;
    margin-top: 35px;
    font-size: 14px;
    text-transform: capitalize;
    border: none;
    font-family: 'Avenir Heavy';
}
span.badge.badge-danger.badge-counter {
    padding: 5px 0px;
    border-radius: 50%;
    position: absolute;
    width: 25px;
    height: 25px;
    color: #fff !important;
    left: 88%;
    top: 13px;
}

.pay_btn{
    color: #e22428 !important;
}

.row.invoices_section_r.edit-invoice thead th:first-child {
    width: 120px !important;
    min-width: 120px;
    max-width: 120px !important;
}

.edit-invoice span.invoice-table-inner {
    display: flex;
    gap: 10px;
}
.edit-invoice span.missingOrderSum{
  width: 70% !important;
}
.edit-invoice .qtySum{
    width:100%;
}
.edit-invoice .servicesPrice {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
}
.edit-invoice .invoice-table-inner input {
    font-size: 14px !important;
    padding: 7px;
    text-align: center;
}
@media screen and (max-width: 600px) {
    .text-center.flex-tabel {
        display: flex;
        justify-content: space-between;
    }
    /* .team_r1 .invoice-responsive td:nth-of-type(1):before {
        content: "Vegetarian" !important;
    }
     .team_r1 .invoice-responsive td:nth-of-type(2):before {
        content: "Non-Vegetarian" !important;
    }
    .team_r1 .invoice-responsive  td:nth-of-type(3):before {
        content: "Gluten Free" !important;
    }
     .team_r1 .invoice-responsive td:nth-of-type(4):before {
        content: "Vegan" !important;
    }
    .team_r1 .invoice-responsive td:nth-of-type(5):before {
        content: "Total" !important;
    } */
  }



  .row.invoices_section_r.edit-invoice thead th.age-section {
    width: 4px !important;
    min-width: 1px !important;
    max-width: 4px !important;
    max-width: 7px !important;
}
span.calender-icon {
    
    display: block;
    font-size: 20px;
}
.el-center {
    display: flex;
    justify-content: space-between;
    padding: 0px 15px;
}.sub_total-ft p {
    padding: 0px;
    margin: 0px;
    font-size: 14px !important;
    font-weight: 600;
}
.sub_total-ft p {
    padding: 0px;
    margin: 0px;
    font-size: 13px !important;
    font-weight: 600;
    font-family: 'Avenir Heavy';
    line-height: 27px;
    text-align: right;
}

.sub_total-ft {
    text-align: right;
    background: #e7e7e7;
    padding: 10px 30px;
    margin-bottom: 17px;
    /* display: flex;
    justify-content: space-between; */
}


.sub_total_sectiob.dark-ft {
    background: #8e8c8cc4;
}
.sub_total_sectiob.dark-ft p, .sub_total_sectiob.dark-ft span {
    color: #000;
}
.tabel-totel-bar .el-center span:last-child {
    min-width: 35px !important;
}
tr.kf_row.tabel-totel-bar {
    background: #e7e7e7;
}
tr.kf_row.tabel-totel-bar td {
    font-size: 15px;
    color: #000;
}
.sub_total_sectiob.dark-ft p, .sub_total_sectiob.dark-ft span {
    font-size: 18px;
}
.checkbox-style {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: start;
    padding-top: 38px;
}
.checkbox-style .form-control:focus {
    border-color: none !important; 
    box-shadow: none !important;
}
/* .total-qu {
    display: flex;
    align-items: center;
    width: 35%;
    justify-content: space-between;
} */
.change-request-section{
    justify-content: center !important;
    align-items: center !important;
    gap:10px !important;
}