@media all and (min-width: 700px){
    .top_btnSet .btn {font-size: 1.4vw;}
}
@media all and (min-width: 1280px){
    .top_btnSet .btn {font-size: 1.2vw;}
}
@media all and (max-width: 1730px) {
    .cols_5 .column { width: 25%; }
    .sortable.sortable-no-num .item { width: 25%; }
}
@media all and (max-width: 1280px) {
    html.custom-font {font-size: 1.247vw; }
    .fridge_tempBox, .delivery_box { min-height: 25em; }
    .delivery_box .upload_box .wrapper { height: 100%; }
    input, select, textarea { padding: 0 0.87em; font-size: 1.067em}
    textarea { height: 8.5em; padding: 0.87em;}
    input.saved-val { line-height: 3.429em; min-height: 4.857em; }
    header { font-size: 1em; min-height: 3.34em; }
    .container_wrap { padding: 0 2.34em; }
    #calendar_box { line-height: 2.1em; min-height: 2.1em; min-width: 17.35em; padding: 0 0.68em 0 3em; top: 0.6em; background-size: 2.5em auto; }
    #breadcrumb { padding: 0 0.47em; }
    #breadcrumb img { margin-top: 0.67em; height: 2em; }
    #breadcrumb span { line-height: 2.68em; margin: 0.27em 0 0 2.15em; min-height: 2.68em; padding: 0 0 0 3.38em; background-size: 2.4em auto !important; }
    #breadcrumb span em { max-width: 23.333em; }
    #power_off { height: 1.67em; width: 1.67em; margin-top: 0.94em; background-size: 100% auto; }
    #user_off { height: 1.67em; width: 1.67em; margin-top: 0.94em; background-size: 100% auto; }
    #user_greeting { line-height: 3.34em; min-width: 12.7em; padding: 0 0.7em; }
    #user_greeting span { line-height: 1em; }
    #header_img { height: 3.34em; }
    #header_logo { margin: 0.28em 0 0 5.8em; height: 2.75em; }
    #login_box { width: 31.5em; padding: 1.9em 2.15em 2.68em; }
    #login_box > img { margin: 0 auto 1em; width: 8.35em; }
    input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"] { padding: 0.82em 0.87em; height: 3.125em; font-size: 1em; line-height: 1.25em; }
    #login_box input[type="text"], #login_box input[type="password"] { padding-right: 3.72em; background-size: 2.42em auto; }
    #restore_pass { line-height: 1.14em; font-size: 0.94em; }
    #login_box.new_login .subtitle { font-size: 15px; }
    .btn { font-size: 1.38em; line-height: 1.09em; padding: 0.5em 1.34em; }
    .btn.middle { font-size: 1.2em; line-height: 1.39em; padding: 0.667em 1.111em 0.722em 1.111em; }
    .icon_set_btn span { padding: 0 0 0 2.23em; background-size: 1.35em auto !important; }
    .finish_btn span { background-size: 1.25em auto !important; }
    #login_box .btn { margin-top: 1.05em; }
    .popup { padding: 1.34em; }
    .popup .popup_container { width: 65.38em; padding: 1.34em 2.67em 2.67em; }
    .popup h3 { padding: 1em 0 0.67em; margin: 0 0 1em; font-size: 1em; border-bottom: 0.5em solid #208eb7; }
    .popup h3.icon { padding-left: 2.5em; }
    .popup h3.icon img { max-height: 2.1em; top: 0.4em; }
    .popup_gray_box, .blue_border_box { padding: 2em 1.34em 2.2em; }
    #resetForm, .form_wrap { max-width: 27.04em; }
    .popup p { font-size: 1.2em; line-height: 1.25em; margin: 0 0 1em; }
    .error_message, label.error { font-size: 1.07em; line-height: 1.13em; }
    label.error { padding: 0.62em 0; }
    .error_message > span { padding:  0.63em 0; }
    .user_selectionContent { padding: 2em 0 7em; }
    .user_selectionTitle { font-size: 4.5em; line-height: 0.75em; margin: 0 0 0.3em; padding: 0.32em 0.27em 0.1em; }
    .user_selectionTitle span { font-size: 0.3em; }
    .users_selectionWrap { padding: 0 8.35em; }
    .user_selectionList .column { padding: 0.8em 1%; }
    .button_setContent { height: 7.28em; }
    .user_selectionList .button_setContent { font-size: 1.4em; line-height: 4.2em; }
    .button_setContent span { line-height: 1.2em; }
    .button_setContent img { margin: 0.67em 0 0; max-height: 3.6em; }
    .user_selectionList .button_setContent span { line-height: 1.28em; }
    .valid_icon, .delay_icon { height: 3.3em; margin: 0.8em 0 0; width: 3.3em; background-size: 3.3em auto; }
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { width: 4em; background-size: 2em auto; }
    .user_selectionButton { bottom: 1.6em; padding: 0 9.5em; }
    .button_set .button_setElement { padding: 0.8em 2%; }
    .option_box { font-size: 1.3em; font-weight: 700; letter-spacing: 0.02em; line-height: 1.2em; padding: 0.5em; }
    .option_box.button_setContent { height: 6.5em; }
    .main_contentWrap { padding: 1.2em 3.08em 1.3em; }
    .home_section_title { font-size: 1.4em; line-height: 1.07em; margin: 0 0 0.5em; }
    .home_section_title > div { border-bottom-width: 0.25em; }
    .home_section_title > div span { height: auto; padding: 0.28em 0; }
    .home_section_title img { height: 2.7em; }
    .home_btn { font-size: 1em; letter-spacing: 0.02em; line-height: 1.25em; margin: 1em 0 0; }
    .home_btn .home_btnIco { height: 5.2em; padding: 0.2em 1em 0.2em 5.5em; background-position: 1em center !important; background-size: 3.7em auto !important; }
    .home_btn.home_btn_hasAllert .home_btnIco { padding-right: 6.4em; }
    .home_btn .home_btnAllert { font-size: 2.5em; min-width: 2em; line-height: 2em; }
    .home_btn .home_btnAllert span { line-height: 0.77em; }
    .home_btn .home_btnAllert em { font-size: 0.32em; line-height: 1.15em; }
    .home_btn .home_btnAllert strong { font-size: 0.32em; line-height: 1.13em; }
    .home_btn .home_btn_dropdown { padding: 0 0.84em 0.84em 0.84em; }
    .home_btn .dropdown_element { margin-top: 0.84em; }
    .home_btn .dropdown_element > div { height: 3.9em; padding: 0.56em 1em 0.56em 1em; }
    .home_btn .dropdown_element > div > span { font-size: 0.9em; }
    .home_btn .dropdown_element .dropdown_icon { width: 3.9em; min-width: 3.9em; padding: 0.28em; }
    .home_btn .dropdown_element .home_btnAllert { font-size: 1.68em; width: 2.34em; min-width: 2.34em; line-height: 2.34em; height: 2.34em; }
    .home_btn .dropdown_element .home_btnAllert span { line-height: 0.68em; }
    .home_btn .dropdown_element .home_btnAllert em { font-size: 0.4em; line-height: 1.25em; }
    .home_btn .dropdown_element .dropdown_icon img { width: 1.67em; }
    .nav_arrows { padding: 0 4em; }
    .nav_arrows .arrows { width: 4em; background-size: 2em auto !important; }
    .page_row { margin: 0 0 1.2em 0; }
    .steps_title { border-bottom-width: 0.5em; font-size: 0.9em; letter-spacing: 0.02em; line-height: 2.15em; margin: 0 0 1.2em; min-height: 2.15em; padding: 0.35em 0 0.3em 4.28em; }
    .steps_title em { line-height: 1.2em; }
    .steps_title span { height: 2.9em; line-height: 2.9em; width: 3.3em; }
    .steps_title span img { max-width: 63%; max-height: 63%; }
    .gray_box_content { padding: 2.35em; }
    .time_fields .time_btns span { font-size: 2.2em; line-height: 2em; }
    .time_fields .time_text {
        font-size: 3em;
        line-height: 2em;
    }
    .time_fields .time_text input,
    .time_fields .time_text span { font-size: 1em; line-height: initial; height: auto; }
    .mCSB_scrollTools {
        width: 1.4em;
        right: 0.54em;
    }
    .mCSB_scrollTools .mCSB_draggerContainer {
        border-radius: 0.7em;
        -moz-border-radius: 0.7em;
        -webkit-border-radius: 0.7em;
    }
    .mCSB_scrollTools .mCSB_draggerRail {
        width: 1.4em;
        border-radius: 0.7em;
        -moz-border-radius: 0.7em;
        -webkit-border-radius: 0.7em;
    }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 1.4em;
    }
    .list_box ul li {
        font-size: 1em;
        line-height: 2.7em;
        margin: 1px 0 0;
        min-height: 3.6em;
        padding: 0.4em 4.48em 0.4em 1.13em;
    }
    .list_box ul li span {
        line-height: 1.13em;
    }
    .list_box ul li.active em {
        height: 1.85em;
        margin-top: -0.93em;
        right: 1.9em;
        width: 2.1em;
        background-size: 100% auto;
    }
    .product_category .column {
        margin: 0 0 1.38em;
    }
    .product_category .product_categoryElement {
        font-size: 1em;
        min-height: 6.58em;
        padding: 0.84em 0.46em 0.46em;
    }
    .product_category .product_categoryElement img {
        margin: 0 auto 0.93em;
        height: 3.15em;
    }
    .product_category .product_categoryElement .category_mark {
        margin-left: -0.86em;
        top: 2.46em;
        width: 1.72em;
        height: auto;
    }
    .product_sub_category ul li {
        font-size: 0.9em;
        height: 3.78em;
        line-height: 3.25em;
        margin: 0.86em 0 0;
        padding: 0.3em 5.58em 0.3em 1em;
    }
    .product_sub_category ul li span {
        line-height: 1.13em;
    }
    .product_sub_category ul li img {
        max-height: 3.8em;
        right: 1.85em;
    }
    .product_sub_category ul li .category_mark {
        right: 2.36em;
        top: 1.25em;
        width: 2.08em;
        background-size: 100% auto;
    }
    .easy-autocomplete-container {
        top: 3.38em;
    }
    .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
        font-size: 1em;
    }
    .easy-autocomplete-container ul li div {
        line-height: 2.62em;
        padding: 0.57em 2.5em 0.57em 0.78em;
    }
    .easy-autocomplete-container ul li div span {
        line-height: 1.4em;
    }
    .autocomplete_box .select2-container {
        height: 3.38em;
    }
    .autocomplete_box .select2-container--default .select2-selection--single {
        height: 3.1em;
        width: 3.1em;
    }
    .autocomplete_box .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 3.1em;
        width: 3.1em;
        background-size: 1.17em auto !important;
    }
    .select2-results__option {
        font-size: 1em;
        line-height: 1.5em;
        padding: 0.56em 2.5em 0.56em 0.8em;
    }
    .select2-results__option span {
        line-height: 1.4em;
    }
    .counter_btns {
        font-size: 2.2em;
        height: 2em;
        line-height: 2em;
    }
    .one_field_counter .counter_value {
        font-size: 3em;
        height: 2em;
        line-height: 2em;
        padding: 0 0.18em;
    }
    .date_field_counter .date_field_line {
        margin-top: 1em;
    }
    .date_field_counter .date_field_line > div {
        height: 1em;
    }
    .date_field_counter .date_field_line .counter_btns {
        width: 2em;
    }
    .date_field_counter .counter_value span {
        font-size: 1em;
        margin: 0 0 0.2em;
    }
    .date_field_counter .counter_value strong { font-size: 3em; }
    .date_field_counter input { font-size: 2.5em; padding: 0 !important; height: 1em; }
    .submit_btn {
        font-size: 1.3em;
        height: 3.36em;
        padding: 0 3em;
        bottom: 0.45em;
    }
    .submit_btn.valid span {
        padding: 0 1.93em 0 0;
        background-size: 1.58em auto;
        background-position: right 0.68em;
    }
    .noconfirm_complaints {
        padding-top: 1em;
    }
    .noconfirm_complaints_title {
        font-size: 1.2em;
        margin: 0 0 0.9em;
    }
    .noconfirm_complaints_title strong {
        font-size: 2.5em;
        margin: 0 0 0.1em;
    }
    .noconfirm_complaints_list .mCSB_container {
        margin-right: 2.18em;
    }
    .noconfirm_complaints_list .cols_3 .column {
        margin: 1.5em 0 0;
    }
    .complaints_wrap {
        padding: 1.34em;
    }
    .complaints_elementLine {
        font-size: 1.2em;
        margin: 0.6em 0 0;
    }
    .complaints_user {
        padding: 0.3em 0;
        margin: 0;
    }
    .complaints_elementLine .complaints_elementWrap {
        padding: 0.42em 0.42em 0.63em;
    }
    .complaints_elementLine span {
        font-size: 0.63em;
        line-height: 1.86em;
        min-height: 1.86em;
        padding: 0 0 0 3.5em;
        margin: 0 0 0.55em;
    }
    .complaints_user span {
        font-size: 0.93em;
        padding: 0.23em 0 0 1.5em;
        background-size: 0.96em auto;
        margin: 0;
        line-height: 1.27em;
        min-height: 1.27em;
    }
    .complaints_elementLine span img {
        height: 1.86em;
    }
    .complaints_wrap .btn {
        margin-top: 0.84em;
    }
    .page_buttons {
        margin-top: 2em;
    }
    .icon_btn {
        padding: 0.56em 0.85em 0.6em;
        line-height: 1.47em;
    }
    .new_btn span {
        padding: 0 0 0 2em;
        background-size: 1.48em auto;
    }
    .nonconfirm_declaration .steps_title {
        margin: 0 0 1em;
    }
    .nonconfirm_declaration .complaints_wrap {
        padding: 1em;
        font-size: 0.8em;
    }
    .page_buttons{
        margin-top: 1em;
    }
    .complaints_elementLineWrap {
        margin: 0.3em 0 0;
    }
    .nonconfirm_declaration .complaints_elementLine {
        font-size: 1.08em;
    }
    .nonconfirm_declaration .complaints_user {
    }
    .nonconfirm_declaration .complaints_elementLine > div {
        height: 2.47em;
        padding: 0.32em 1.08em;
    }
    .nonconfirm_declaration .complaints_elementLine > div:first-child {
        padding-left: 0.32em;
        padding-right: 0.32em;
        width: 3.21em;
    }
    .nonconfirm_declaration .complaints_wrap .btn {
        font-size: 1.34em;
        margin-top: 0.65em;
        padding: 0.65em 0.75em;
    }
    .view_btn span {
        background-size: 1.8em auto;
        padding: 0 0 0 2.26em;
    }
    .nonconfirm_declaration .noconfirm_complaints_list .mCSB_scrollTools {
        right: -2.67em;
    }
    .nonconfirm_type_box .product_sub_category ul li {
        margin-top: 0.23em;
        padding-right: 5em;
    }
    .nonconfirm_type_box .product_sub_category ul li:first-child {
        margin: 0;
    }
    .nonconfirm_type_box .product_sub_category ul li img {
        right: 1em;
    }
    .nonconfirm_type_box .product_sub_category ul li .category_mark {
        right: 2em;
    }
    .remove_category_other {
        height: 1.2em;
        right: 0.28em;
        width: 1.2em;
        top: 0.28em;
        background-size: 100% auto;
    }
    .field_label {
        margin: 0 0 0.7em;
    }
    .select2-container .select2-selection--single { height: 3.35em; }
    .quantity_box .select2-container .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 3.33em;
        padding-left: 0.7em;
        padding-right: 4em;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 3.35em;
        width: 3.35em;
        background-size: 1.14em auto;
    }
    .nonconformities_list .element {
        margin: 1.35em 0 0;
        padding: 1.35em;
    }
    .nonconformities_list .element:first-child {
        margin: 0;
    }
    .nonconformities_list .element_wrap {
        min-height: 10.15em;
        padding: 0 5em 0 0;
    }
    .nonconformities_list .action_btn {
        width: 5em;
    }
    .nonconformities_list .edit_action::after {
        background-size: 2.8em auto;
    }
    .nonconformities_list .delete_action::after {
        background-size: 1.75em auto;
    }
    .nonconformities_list .element_contentLine {
        font-size: 1.2em;
        padding: 0.28em 0;
    }
    .nonconformities_list .element_contentLine span, .nonconformities_list .element_contentLine > div {
        height: 2em;
        padding: 0.28em 0.85em;
    }
    .nonconformities_list .element_contentLine > div {
        padding: 0.28em 1.7em;
    }
    .nonconformities_list .element_contentLine span:first-child {
        padding: 0.28em 1.7em;
        width: 6.3em;
    }
    .nonconformities_list .element .unvalid_check, .nonconformities_list .element .valid_check{
        right: 1.75em;
        margin-top: -1.38em;
        width: 3.2em;
    }
    .bottom_space {
        padding-bottom: 6.5em;
    }
    .nonconformities_comment_box textarea {
        padding: 0.95em 1.58em;
    }
    .upload_box .wrapper {
        height: 8.5rem;
        margin: 0 0 1.2em 0;
        background-size: 2.1em auto;
    }
    .label_uploadImg .upload_box .wrapper{
        height: 17.85em;
    }
    .upload_box .image-holder.file > div {
        height: 8.5em;
    }
    .upload_box .image-holder.file > div img {
        margin: 0 0 0.68em;
        width: 3em;
    }
    .upload_box .wrapper em {
        height: 2.1em;
        right: 0.5em;
        top: 0.27em;
        width: 2.1em;
        background-size: 100% auto;
    }
    .content_slider .main_contentWrap {
        padding-bottom: 7em;
        padding-left: 5.87em;
        padding-right: 5.87em;
    }
    .main_contentWrap.left_space { padding-left: 1.87em; }
    .main_contentWrap.right_space { padding-right: 1.87em; }
    .fridge_tempSlide .main_contentWrap {
        padding-top: 10em;
    }
    .fridge_tempBox {
        padding: 1.15em 0.88em 1.67em;
    }
    .fridge_tempBox .fridge_number {
        font-size: 3em;
        height: 1.7em;
        line-height: 1.7em;
        margin-left: -0.85em;
        top: -0.85em;
        width: 1.7em;
    }
    .fridge_tempBox .fridge_name {
        font-size: 1em;
        line-height: 2.55em;
        margin: 0 0 1.54em;
        min-height: 2.55em;
        padding: 1.8em 0.37em 1.2em;
    }
    .fridge_tempBox .fridge_name span {
        line-height: 1.2em;
    }
    .fridge_tempBox .counter_value {
        font-size: 2.7em;
    }
    .fridge_tempBox .counter_btns {
        height: 1.6em;
        line-height: 1.6em;
    }
    .fridge_tempBox.saved .temp_counter {
        padding: 3.35em 0;
    }
    .fridge_tempBox.saved .counter_value {
        height: 3.66em;
        line-height: 1.12em;
    }
    #temp_notSaved_popup h3.icon, #temp_access_denied h3.icon {
        padding-left: 2.5em;
    }
    #temp_notSaved_popup h3.icon img, #temp_access_denied h3.icon img {
        top: 0.3em;
    }
    .button_setContent.one_lineBtn span {
        padding-top: 1.22em;
    }
    #temp_errorBox {
        margin: 0 0 1em;
        padding: 1.15em 1em 1.5em;
    }
    .popup_progress {
        font-size: 1em;
        padding: 0 2.7em;
    }
    .popup_progress ul li {
        height: 1.2em;
        width: 6.57em;
    }
    #temp_error_popup .popup_container {
        padding-bottom: 1.6em;
    }
    .temp_error_fridge {
        font-size: 0.96em;
        line-height: 1.82em;
        margin: 0 auto 2.15em;
        min-height: 4.73em;
        padding: 1.55em 1.08em 1.08em;
    }
    .temp_error_fridge span {
        line-height: 1.27em;
    }
    .fridge_tempBox.saved .counter_value em {
        height: 0.82em;
        margin: 0.2em 0 0;
        width: 0.93em;
        background-size: 100% auto !important;
    }
    .temp_error_fridge em{
        font-size: 3.15em;
        height: 1.7em;
        line-height: 1.7em;
        width: 1.7em;
    }
    .temp_error_fridge.no-num span {
        height: 3.5em;
    }
    .popup_progress_back{
        height: 2.9em;
        width: 1.4em;
        background-size: 100% auto;
    }
    .popup .closePopup_btn{
        height: 1.35em;
        width: 1.35em;
        background-size: 100% auto;
        top: 0.82em;
    }
    .oil_temp_new{
        height: 28.2em;
        margin-top: 4.2em;
    }
    .oils_check .oil_temp_new{
        margin-top: 1.14em;
        height: 16.7em;
    }
    .oil_temp_new .counter_value{
        font-size: 1.87em;
    }
    .oils_check .oil_temp_new .counter_value{
        padding: 0.18em;
    }
    #oils_list .fridge_tempBox .counter_value{
        height: 2.86em;
        line-height: 2.86em;
    }
    .oil_temp_new .counter_value span{
        line-height: 1.25em;
    }
    .fridge_tempBox.new .oil_temp_new img{
        width: 1.78em;
    }
    #oils_list .main_contentWrap{
        padding-top: 7.5em;
        padding-left: 3.08em;
        padding-right: 3.08em;
    }
    #fridge_temperature .procedure_btn, .slider_list .procedure_btn{
        padding: 0.5em;
        left: 5px;
    }
    .exist_product_duree{
        line-height: 3.3em;
        min-height: 4.55em;
    }
    .oil_changeOptions .one_field_counter.hirozontal > div { font-size: 2em; }
    .area-element-content { padding: 0.75em; }
    .area-element-icon { height: 3.3em; line-height: 3.3em; margin-bottom: 1em; }
    .area-element-icon img { max-height: 3.3em; }
    .area-element-title { font-size: 1.29em; }
    .area-element-count { font-size: 1.5em; height: 1.72em; padding: 0.38em 0.35em; }
    .baskets-list .area-element-count { height: 2.1em; }
    .rate_btn { min-height: 2.28em; background-size: 1.25em auto; }
    .filter_link { font-size: 1.29em; line-height: 1.12em; padding: 0.57em 0.57em 0.57em 1.67em; background-size: 1.11em auto; }
    .f_filterBar .btn { min-width: 8.7em; }
    .cleaning-tasks h3 { padding-left: 6.8em; margin: 1.43em 0 0.72em 0; }
    .cleaning-tasks .element { padding-left: 6.8em; margin: 0 0 1em 0; }
    .cleaning-tasks .task-area { width: 6.08em; }
    .cleaning-tasks .task-area .task-area-icon { height: 2.86em; line-height: 2.86em; }
    .cleaning-tasks .task-area img { max-height: 2.5em; }
    .cleaning-tasks .task-area > div span { line-height: 1.8em; min-height: 1.8em; margin: 0.36em 0 0 0; }
    .cleaning-tasks .task-area > div span em { line-height: 1em; font-size: 0.93em; }
    .cleaning-tasks .task-info > div { padding: 1.08em 0.37em; height: 5.72em; }
    .cleaning-tasks .task-info .task-info-col1 { padding-left: 4.72em; }
    .checklist-read .task-info .task-info-col1 { padding-left: 1.45em; }
    .rate-icon { width: 2.22em; height: 3.85em; left: 1.08em; top: 1.08em; background-size: 2.22em auto; }
    .rate-icon.active { background-position: left -8em; }
    .tasks-finished .rate-icon.active { background-position: left -4em; }
    .cleaning-tasks .task-info .task-descTitle { font-size: 1.43em; margin-bottom: 0.4em; }
    .cleaning-tasks .task-info .task-info-col2 { padding-right: 11.8em; }
    .task-info .task-options { width: 5em; right: 5.72em; }
    .task-info .task-procedure, .task-info .task-comment { background-size: 2.08em auto; }
    .task-info .task-attach { background-size: 1.22em auto; }
    .task-info .task-check { width: 5.72em; }
    .task-info .task-attach { right: 5.72em; }
    .task-info .task-check .ez-checkbox { width: 2.86em; height: 2.86em; margin-top: -1.43em; background-size: 2.86em auto; }
    .task-info .task-check .ez-checkbox.ez-checked { background-position: left -2.86em; }
    .checklist-read .task-info .task-info-col2 { padding-right: 1.45em; }
    .fridge-area-element .area-content { min-height: 7em; }
    .pdf_box { height: 33.867em; }
    .pdf_box .mCSB_container { margin-right: 2.667em }
    .audit-category .element > div { height: 5.333em; }
    .audit-category .element .category_mark { width: 1.933em;  margin-left: -0.967em; margin-top: -0.867em; }
    .audit-category .audit-emoticon-img { width: 2.467em; }
    .audit-type-text { padding: 1.200em; }
    .task-info .audit-comment img { width: 2.467em; }
    .cols_5 .column { width: 25%; }
    /*--------------------------- admin style start --------------------------- */
    .top_btnSet .btn{
        margin: 0 0 0.58em 0.87em;
        min-width: 9.6em;
    }
    .parameters_categoriesList.owl-carousel .home_section_title{
        font-size: 1.11em;
        line-height: 1.11em;
        margin-bottom: 0.56em;
    }
    .parameters_categoriesList.owl-carousel .home_section_title > div{
        border-bottom-width: 0.28em;
    }
    .parameters_categoriesList.owl-carousel .home_section_title > div span{
        height: 3.32em;
        padding: 0 0 0.56em;
    }
    .parameters_categoriesList.owl-carousel .home_section_title img{
        margin-bottom: 0.57em;
        height: 2.78em;
    }
    .parametersCategories .bx-wrapper{
        padding: 1.5em 0.35em 2.03em;
    }
    .parametersCategories .bx-viewport{
        margin: 0 0 0.68em;
    }
    .verticalScroll_item{
        min-height: 100%;
    }
    .parameters_categoriesList.owl-carousel .home_btn > div{
        padding: 0.84em;
        height: 8em;
    }
    .parameters_categoriesList.owl-carousel .home_btn span{
        margin: 0.56em 0 0;
    }
    .parameters_categoriesList.owl-carousel .home_btn span em{
        height: 2.45em;
    }
    .parameters_categoriesList.owl-carousel .home_btn img{
        height: 3.12em;
    }
    .parametersCategories .bx-controls-direction a{
        height: 1.42em;
        margin-left: -1.14em;
        width: 2.28em;
    }
    .parametersCategories .bx-controls-direction .bx-prev, .parametersCategories .bx-controls-direction .bx-next{
        background-size: 100% auto !important;
    }
    .parameters_categoriesList.owl-carousel .owl-nav .owl-prev, .parameters_categoriesList.owl-carousel .owl-nav .owl-next{
        height: 2.28em;
        top: 1.35em;
        width: 1.35em !important;
        background-size: 100% auto !important;
    }
    .parameters_categoriesList.owl-carousel .owl-nav .owl-next{
        right: -1.5em;
    }
    .parameters_categoriesList.owl-carousel .owl-nav .owl-prev{
        left: -1.5em;
    }
    .parameters_categoriesList.owl-carousel .parameters_subcategory > div img, .parameters_categoriesList.owl-carousel .home_btn.subcategory_active img{
        height: 1.7em !important;
        width: auto;
    }
    .parameters_categoriesList.owl-carousel .home_btn.subcategory_active span{
        font-size: 0.8em;
        margin-top: 0.35em;
    }
    .parameters_subcategory{
        margin-top: 0.85em;
    }
    .parameters_subcategory > div{
        height: 3.9em;
        padding: 0.28em 0.85em;
    }
    .parameters_subcategory > div:first-child{
        padding: 0.28em;
        width: 3.9em;
    }
    .parameters_subcategory > div:first-child::after{
        border-width: 0.6em 0 0.6em 0.5em;
        margin-top: -0.5em;
        right: -0.44em;
    }
    .parameters_subcategory img {
        max-width: 60%;
    }
    .notifyjs-corner{
        bottom: 2.42em !important;
        left: 6.08em !important;
    }
    .notifyjs-foo-base{
        font-size: 1em;
        line-height: 3.62em;
        padding: 0.35em 3.68em 5px 1.35em;
    }
    .notifyjs-foo-base .title{
        line-height: 1.22em;
        min-width: 18.05em;
    }
    .notifyjs-foo-base .close_notification{
        height: 1.3em;
        margin-top: -0.65em;
        right: 1.4em;
        width: 1.3em;
        background-size: 100% auto;
    }
    .steps_title.secondLevel {
        padding-left: 9.05em;
    }
    .steps_title.secondLevel span:nth-child(2){
        left: 4.7em;
    }
    .steps_title.reduce_spaceDown{
        margin-bottom: 0.9em;
    }
    .dataTable .row > div{
        font-size: 1em;
        height: 3.7em;
        padding: 0.75em 0.83em;
    }
    .dataTable .tableBtn { background-size: auto 1.68em !important; }
    .dataTable .tableBtn span { font-size: 1.333em; }
    .dataTableHead .row > div{
        font-size: 1em;
        height: 2.7em;
        padding: 0.68em 1em;
    }
    .page_subTitle{
        font-size: 1.35em;
        margin: 0 0 1.5em;
    }
    .summary_box{
        margin: 0 0 1.4em;
    }
    .summary_box h5{
        font-size: 0.85em;
        padding: 1.2em 1.6em 0.8em;
    }
    .summary_box .summary_text{
        font-size: 1.21em;
        padding: 1.15em 1.15em 0.85em;
    }
    .warning_message{
        font-size: 1.1em;
        padding: 1.25em 0 1.25em 1.95em;
        background-size: 1.25em auto !important;
        background-position: left 1.1em;
    }
    .page_buttons .btn, .btn.fixWidth{
        min-width: 15.88em;
    }
    .page_buttons.align_center .btn{
        margin: 0 1.42em;
    }
    .return_btn span{
        padding: 0 0 0 1.58em;
        background-size: auto 1.28em !important;
    }
    .delete_btn span{
        padding: 0 1.58em 0 0;
        background-size: auto 1.28em !important;
    }
    .section_subTitle{
        font-size: 1em;
        line-height: 1.35em;
        margin: 0 0 0.58em;
        padding: 0.82em 1.35em;
    }
    .form_section{
        margin: 0 0 1.48em;
    }
    .admin_formStyle fieldset{
        font-size: 1em;
    }
    .admin_formStyle fieldset > label{
        height: 3.66em;
        line-height: 2em;
        padding: 0.46em 1.1em;
    }
    .admin_formStyle fieldset > label span{
        line-height: 1.1em;
    }
    .admin_formStyle .select2-container .select2-selection--single{
        height: 3.63em;
    }
    .admin_formStyle .field_wrap{
        height: 3.63em;
    }
    .admin_formStyle .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 3.45em;
        padding: 0 4.15em 0 0.8em;
    }
    .admin_formStyle .select2-container--default .select2-selection--single .select2-selection__arrow{
        height: 3.63em;
        width: 3.63em;
        background-size: 1.47em auto !important;
    }
    .admin_formStyle .field_wrap input[type="text"], .admin_formStyle .field_wrap textarea, .admin_formStyle .field_wrap input[type="password"]{
        font-size: 1em;
    }
    .admin_formStyle .field_wrap input[type="text"], .admin_formStyle .field_wrap input[type="password"]{
        height: 3.63em;
    }
    .admin_formStyle .field_space {
        padding: 0.5em 0.85em 0.5em 0;
    }
    .checkboxSet .checkboxSet_element{
        line-height: 2.99em;
        min-height: 2.99em;
    }
    .checkboxSet .checkboxSet_element span{
        line-height: 1.1em;
    }
    .checkboxSet.small .checkboxSet_element span{
        font-size: 0.87em;
    }
    .btn.active span{
        background-size: 1.57em auto !important;
        padding: 0 1.9em 0 0;
    }
    .admin_formStyle .field_wrap > label{
        line-height: 3.63em;
        min-width: 4.07em;
    }
    .width180 {
        width: 9.8em !important;
    }
    .daterangepicker{
        max-width: 65.45em !important;
    }
    .daterangepicker .daterangepicker_input{
        padding: 1.3em 1em 1.8em !important;
    }
    .daterangepicker .input-mini{
        font-size: 1.35em;
        height: 3.18em;
        line-height: 3.18em;
        max-width: 8.9em;
        padding: 0.5em;
    }
    .daterangepicker .calendar-table{
        padding: 2.7em 1.7em 2.35em !important;
    }
    .daterangepicker th{
        font-size: 1.5em;
        height: 2em;
        padding-top: 1.2em;
        padding-bottom: 0.6em;
    }
    .daterangepicker .calendar-table thead tr:first-child th{
        font-size: 1.88em;
        height: 1em;
        padding: 0;
    }
    .daterangepicker .calendar th, .daterangepicker .calendar td{
        min-width: 1.43em;
    }
    .daterangepicker td{
        font-size: 1.5em;
        height: 2.82em;
        width: 2.6em;
    }
    .daterangepicker .applyBtn{
        height: 1.1em;
        background-size: 100% auto;
        right: 1.6em;
        top: 1.25em;
        width: 1.1em;
    }
    #clear_periodBtn{
        width: 1.05em;
    }
    .admin_topBar, .admin_filterBar{
        margin: 0 0 1.68em 0;
    }
    .admin_topNav{
        padding: 0.7em;
    }
    .admin_topNav ul{
        font-size: 1.21em;
        line-height: 2em;
    }
    .admin_topNav ul li a{
        min-width: 12.92em;
        padding: 0 1.05em;
    }
    .admin_topNav ul a span{
        padding: 0 0 0 2.21em;
    }
    #admin_parametersdBtn span{
        background-position: left -4.65em;
        background-size: 1.67em auto !important;
    }
    #admin_dashboardBtn span{
        background-position: left -4.7em;
        background-size: 1.34em auto !important;
    }
    .admin_navBtn span{
        background-size: 1.5em auto !important;
        padding: 0.5em 0.5em 0.5em 2.21em  !important;
    }
    .admin_topNav_graph{
        font-size: 1.21em;
    }
    .admin_topNav_graph > div{
        height: 3.3em;
        padding: 0.3em 0.96em;
    }
    .admin_topNav_graph .chartBox{
        margin-left: 1.11em;
    }
    .chartBox > div{
        height: 2.76em;
        margin: 0 1.27em 0 0;
        width: 2.76em;
    }
    .chartBox span{
        font-size: 1.44em;
    }
    .chartBox span strong{
        font-size: 1.85em;
    }
    .admin_filterBar .filter_btn{
        font-size: 1.21em;
        line-height: 1.11em;
        padding: 0.56em 1.11em;
        width: 8.16em;
    }
    .admin_filterBar.add_options > div:first-child{
        padding-right: 8.3em;
    }
    .export_btn{
        height: 3.35em;
        width: 3.35em;
        margin: 0 0 0 0.68em;
    }
    #excel_btn, #print_btn{
        background-size: 2.01em auto;
    }
    .btn.small{
        font-size: 1.15em;
        line-height: 1.15em;
        padding: 0.57em 1.15em;
    }
    .procedure_btn span{
        padding: 0 0 0 2.21em;
        background-size: 1.11em auto !important;
    }
    .filter_btn span{
        padding: 0 0 0 2.21em;
        background-size: 1.11em auto !important;
    }
    .admin_filterSet > div{
        min-height: 2.68em;
        padding: 0.34em 0;
        height: 2.467em;
    }
    .admin_filterSet span{
        padding: 0.4em 0.82em;
    }
    .admin_filterSet span strong{
        font-size: 1.14em;
    }
    .admin_filterSet.showMore {
        padding-right: 2.400em;
    }
    .admin_filterSet.showMore em {
        width: 2.333em;
        background-size: 0.933em auto;
    }
    .dashboard_section{
        margin: 0 0 1.34em;
    }
    .dashboard_section h4{
        font-size: 1.01em;
        margin: 0 0 0.34em;
        padding: 0 16.4em 0 0;
    }
    .dashboard_section h4 div{
        width: 16.4em;
    }
    .dashboard_sectionBox{
        font-size: 0.9em;
        min-height: 10.02em;
        padding: 0.54em 16.4em 0.54em 6.5em;
    }
    .dashboard_sectionBox_icon{
        width: 6.5em;
        background-size: 70% auto !important;
    }
    .dashboard_sectionBox_datas{
        -webkit-border-radius: 1.21em;
        -moz-border-radius: 1.21em;
        border-radius: 1.21em;
        border-spacing: 0.27em;
    }
    .dashboard_sectionBox_datas > div, .dashboard_sectionBox_datas > .dashboard-section-box{
        height: 9.35em;
        padding: 1.01em 0.68em;
    }
    .dashboard-section-2boxes > .dashboard-section-1box:first-child {
        margin-bottom: 1px;
    }
    .dashboard-section-1box .dashboard_datasTitle {
        margin: 0 0 5px 0;
        font-size: 0.9em;
    }
    .dashboard_datasTitle{
        line-height: 1.34em;
        margin: 0 0 1.34em;
        min-height: 3.01em;
    }
    .dashboard_datasValue{
        font-size: 1.48em;
    }
    .dashboard_datasValue strong{
        font-size: 1.36em;
    }
    .dashboard_datasValue em{
        height: 0.91em;
        width: 0.91em;
        top: -0.32em;
        right: -1em;
        background-size: 100% auto !important;
    }
    .dashboard_sectionBox_datas > div:first-child .dashboard_datasTitle, .dashboard_sectionBox_datas > .dashboard-section-box:first-child .dashboard_datasTitle{
        line-height: 1.08em;
        margin: 0 0 0.7em;
    }
    .dashboard_sectionBox_datas .chartBox > div{
        margin: 0 1.54em 0 0;
        width: 3.37em;
        height: 3.37em;
    }
    .dashboard_sectionBox_datas .chartBox span{
        font-size: 1.75em;
    }
    .dashboard_sectionBox_datasList{
        margin: 0.27em 0;
        -webkit-border-radius: 0.35em;
        -moz-border-radius: 0.35em;
        border-radius: 0.35em;
    }
    .dashboard_sectionBox_datasList li{
        font-size: 1.21em;
        line-height: 1.22em;
        padding: 0.28em 1.11em 5px 5em;
        margin: 0.12em 0 0;
    }
    .dashboard_sectionBox_datasList li strong{
        left: 1.11em;
        top: 0.28em;
    }
    .dashboard_sectionBox_datasList .link{
        height: 1.78em;
        background-size: 0.8em auto !important;
    }
    .dashboard_history_options{
        padding: 0.7em 2.02em;
        width: 16.4em;
    }
    .history_btn{
        font-size: 0.89em;
        line-height: 1.4em;
        min-height: 4.52em;
        padding: 0.35em 0.5em;
    }
    .history_btn span{
        line-height: 2.79em;
        padding: 0 0 0 2.79em;
        background-size: 18% auto !important;
    }
    .history_btn span em{
        line-height: 1.39em;
    }
    .ez-checkbox{
        height: 1.98em;
        width: 2.12em;
        background-size: 2.12em auto;
    }
    .filters_wrap{
        padding: 0 2.3em;
    }
    .filters_wrap .steps_title{
        font-size: 1.35em;
        padding-left: 1.75em;
    }
    .filters_wrap .steps_title img{
        top: 1.1em;
        width: 1em;
    }
    .filters_box{
        margin: 0 0 2.03em;
        padding: 1.21em 1.38em 1.38em;
    }
    .filters_box h3{
        font-size: 1.38em;
        padding: 0 0.25em;
        margin-bottom: 1em;
    }
    .radioSet_element, .admin_checkboxSet_element {
        font-size: 1.38em;
        height: 2.42em;
        line-height: 2.42em;
        margin: 0 0.25em 0.5em;
        padding: 0 1em;
    }
    .radioSet_element.active span, .admin_checkboxSet_element span{
        padding-right: 1.76em;
        background-size: 1em auto;
    }
    .filters_box.folded .admin_radioSet { padding-bottom: 1.38em; }
    .filters_box.folded h3 { padding-right: 2.500em; }
    .filters_box.folded h3:before { width: 1.700em; height: 1.050em; background-size: 100% auto; }
    .bigDataTable th{
        font-size: 1.01em;
        height: 2.68em;
        padding: 0.7em;
        border-left: 0.3em solid transparent;
    }
    .bigDataTable tr td{
        font-size: 1em;
        height: 2.78em;
        padding: 0.57em;
        border-top-width: 0.3em;
        border-left-width: 0.3em;
    }
    .sortable{
        padding: 2.42em 0 0;
    }
    .sortable .itemSort > div{
        font-size: 1em;
        margin: 0 0 0.55em;
    }
    .elementDelete{
        height: 2.15em;
        right: -0.55em;
        top: -1.02em;
        width: 2.15em;
        background-size: 100% auto;
    }
    .sortable .itemSort .elementTitle{
        height: 4em;
        line-height: 3.35em;
        padding: 0.35em 1.01em;
    }
    .sortable .itemSort .elementTitle em{
        line-height: 1.25em;
    }
    .sortable .itemSort > div > div{
        padding: 0 0.7em 0.7em;
    }
    .itemSortCheck{
        height: 2.42em;
        width: 2.42em;
        background-size: 2.55em auto;
    }
    .sortable .itemSortPosition > div{
        font-size: 1.35em;
        line-height: 1.5em;
        margin: 0 0 2em;
    }
    .sortable .item.disabled > div{
        height: 7.31em;
    }
    .pdf_btn{
        background-size: 3.8em auto;
    }
    .cke_bottom{
        padding: 1.09em 1.5em !important;
    }
    .cke_contents {
        padding: 0.7em !important;
        height: 25em !important;
    }
    .cke_button__underline{
        margin-right: 0.7em !important;
    }
    .cke_button__numberedlist{
        margin-right: 0.2em !important;
    }
    a.cke_button{
        height: 2.18em !important;
        width: 2.59em !important;
    }
    .cke_button .cke_button__bold_icon, .cke_button .cke_button__italic_icon, .cke_button .cke_button__underline_icon, .cke_toolgroup .cke_button .cke_button__numberedlist_icon, .cke_toolgroup .cke_button .cke_button__bulletedlist_icon{
        height: 2.18em !important;
        width: 2.59em !important;
        background-size: 2.59em auto !important;
    }
    .cke_combo__format{
        margin: 0 0 0 1.28em !important;
    }
    .cke_combo_button .cke_combo_inlinelabel{
        background-size: 2.59em auto !important;
    }
    .cke_combo_text{
        min-width: 2.59em !important;
        line-height: 2em !important;
        height: 2em !important;
    }
    .cke_combo_open{
        line-height: 2em !important;
        height: 2em !important;
    }
    .labels_list .element{
        padding: 0.7em;
    }
    .labels_list .element .info{
        font-size: 1em;
        margin: 0 0 0.57em;
        padding: 0.13em 0.57em;
    }
    .labels_list .element .capture{
        height: 8.05em;
        margin-top: 0.5em;
    }
    .labels_list .element .capture_list.single .capture { height: 16.6em; }
    .labels_list .element .info > div { margin: 0.68em 0; min-height: 1.12em; padding: 0.14em 0 0 2.25em; }
    .labels_list .element .info > div img { width: 1.68em; }
    .product_doc_file .add_file_btn { background-size: 1.9em auto; }
    .product_doc_file .uploaded_file_btn { background-size: 3.7em auto; min-width: 5.43em; }
    .edit_file_btn { background-size: 1.9em auto; }
    .download_btn { background-size: 1.933em auto; }
    .add-formLine-btn { padding: 0 1.667em; }
    .sample_btn{
        padding: 0 0.42em;
        min-width: 3em;
        height: 2.6em;
        line-height: 2.6em;
        font-size: 1.4em;
    }
    .download_xls_btn img{
        width: 1.9em;
    }
    .upload_xls_btn img{
        width: 1.9em;
    }
    .upload_xls_wrap {
        margin: 0 1.25em 0.9em 0;
    }
    .file_process_text{
        font-size: 1em;
    }
    .top_barSearch{
        font-size: 1em;
        padding: 0.28em 0 0.28em 1.45em;
    }
    .top_barSearch input[type="text"]{
        padding-right: 4em;
    }
    .top_barSearch button{
        font-size: 1em;
        top: 0.23em;
        height: 3.23em;
        width: 3.23em;
        background-size: 2em auto;
    }
    .image-slider, .image-loader{
        min-height: 34em;
    }
    .area-list .column { margin-bottom: 2.15em; }
    .area-list .element { padding-bottom: 3.22em; }
    .area-list .element .area-content { padding: 0.72em 1.08em 1.08em 1.08em; }
    .area-list .element .area-content span { margin: 0 0 0.36em 0; }
    .area-list .element .area-content span em { line-height: 1.12em; }
    .area-list .element .area-content .area-action { height: 1.98em; }
    .area-list .element > a, .area-list .element.empty > span { height: 3.22em; line-height: 3.22em; padding: 0 0.72em; }
    .area-list .element > a > span, .area-list .element.empty > span > span { line-height: 1.43em; background-size: auto 1.43em; padding-left: 2.15em; }
    .area-list .element.empty > span > span, .area-list .element.new-list-element > a > span { font-size: 1.28em; line-height: 1.1em; padding-left: 0 !important;}
    .area-list .element .delete_areaBtn { width: 2.29em; height: 2.29em; top: -0.72em; right: -0.72em; background-size: 100% auto; }
    .default-text-box > div { height: 5em; padding: 0.7em; }
    .custom-fieldset > label { line-height: 3.35em; margin: 0 0.5em; min-width: 2.5em; }
    .custom-fieldset > label > span { line-height: 1.45em; }
    .custom-fieldset input[type="text"] { width: 15em; }
    .custom-fieldset { margin: 0; }
    .input-remove > em { width: 2.222em; height: 3.667em; background-size: 1.111em auto;}
    .table-form th, .table-form td { padding: 0.444em 1.111em; height: 3.667em;}
    .table-form input[type="text"] { padding-left: 1.111em; padding-right: 1.111em; height: 3.5em; font-size: 1em;}
    .input-remove input { padding-right: 2.222em !important; }
    .audit-legend-icon { width: 2.056em; }
    .image-holder-multy .wrapper { margin-left: 5px; margin-right: 5px; }
    /*--------------------------- admin style end --------------------------- */
    .one_field_counter.new-hirozontal-counter .counter_value { font-size: 1.2rem; }
    .one_field_counter.new-hirozontal-counter .counter_btns { min-width: 2.8rem; }
}
@media all and (max-width: 1024px) {
    .elementDelete, .area-list .element .elementDelete { width: 2.29em; height: 2.29em; top: -0.72em; right: -0.72em; background-size: 100% auto; }
}
@media (max-width: 800px) {
    html.custom-font {font-size: 18px; }
    .page-title-actions > div, .page-title-actions:before {
        min-width: 5rem;
    }
    .add-button {
        margin-left: 0;
    }
    .page-title-action em {
        margin: 0;
    }
    .page-title-action:not(.visible-mobile-button-text) span {
        display: none;
    }
    .tabs-nav { padding-left: 4vw; padding-right: 4vw; }
    .tabs.small-tabs .tabs-nav { padding-left: 1vw; padding-right: 1vw; }
    .tabs-content { padding-left: 4vw; padding-right: 4vw; }
    
}
@media all and (max-width: 700px) {
    .fridge_tempBox, .delivery_box { min-height: unset; }
    .delivery_box .upload_box .wrapper { height: 8.5em; }
    .login_screen #header_logo{
        margin-left: 0;
    }
    .users_selectionWrap{
        padding: 0 2em;
    }
    .user_selectionList .button_setContent{
        font-size: 1em;
    }
    .option_box.button_setContent {
        height: 7.25em;
    }
    .user_selectionButton{
        bottom: 2em;
        padding: 0 2em;
    }
    .main_contentWrap{
        padding: 2em;
    }
    #header_img{
        display: none;
    }
    .container_wrap{
        padding: 0 15px;
    }
    header{
        padding-bottom: 2.7em;
        background: #e1e1e1;
    }
    header .container_wrap{
        background: #0d4b63;
    }
    #calendar_box{
        top: auto;
        bottom: 0.35em;
        color: #333;
        padding-right: 0;
        background: url("../img/calendar_icon_mobile.png") no-repeat left top;
        background-size: 2.5em auto;
    }
    .home_cols{
        margin: 0;
    }
    .home_cols .column{
        float: none;
        padding: 0;
        width: 100%;
        margin: 2em 0 0 0;
        max-width: 100%;
    }
    .home_cols .column:first-child{
        margin: 0;
    }
    .home_section_title > div span{
        height: auto;
    }
    .home_section_title{
        margin: 0 0 20px 0;
    }
    .nav_arrows{
        padding: 0 35px;
    }
    .nav_arrows .arrows{
        width: 35px;
        background-size: 50% auto !important;
    }
    .gray_box_content{
        padding: 2.2em 2.2em;
    }
    .control_deliveryBoxes1 .column{
        margin: 0 0 2em 0;
    }
    .control_deliveryBoxes1 .hours_column{
        width: 40%;
    }
    .control_deliveryBoxes1 .provider_column{
        width: 60%;
    }
    .control_deliveryBoxes1 .product_category_column{
        width: 100%;
    }
    .control_deliveryBoxes1 .product_column, .control_deliveryBoxes1 .provider_column, .control_deliveryBoxes1 .noconfirm_type_column, .control_deliveryBoxes1 .noconfirm_quantity_column{
        width: 100%;
    }
    .control_deliveryBoxes1 .temp_column, .control_deliveryBoxes1 .dlc_column, #complaintsStep2 .control_deliveryBoxes1 .dlc_column, .control_deliveryBoxes1 .hours_column{
        width: 50%;
    }
    .popup{
        width: 100%;
    }
    .popup .popup_container{
        width: auto !important;
    }
    .button_setContent img{
        max-height: 3em;
    }
    .user_selectionList .user_tasks_list img {
        max-height: 1.8em;
        max-width: 1.8em;
    }
    .valid_icon, .delay_icon{
        width: 2.8em;
        height: 2.8em;
        background-size: 2.8em auto;
    }
    .button_set{
        margin: 0 -1%;
    }
    .button_set .button_setElement{
        padding: 0 1%;
    }
    .noconfirm_complaints_list .cols_3, .nonconfirm_declaration .noconfirm_complaints_list .cols_3{
        margin: 0;
    }
    .noconfirm_complaints_list .cols_3 .column, .nonconfirm_declaration .noconfirm_complaints_list .cols_3 .column{
        padding: 0;
        width: 100%;
        margin: 1.5em 0 0 !important;
        float: none;
        max-width: 100%;
    }
    .noconfirm_complaints_list .cols_3 .row:first-child .column:first-child{
        margin: 0 !important;
    }
    .nonconfirm_declaration .noconfirm_complaints_list .mCSB_scrollTools{
        right: 0;
    }
    .noconfirm_complaints_list{
        padding-right: 2em;
    }
    .page_buttons .float_right,  .page_buttons .float_left{
        float: none;
        margin-bottom: 1em;
        width: 90%;
    }
    .cols_2{
        margin: 0;
    }
    .cols_2 .column{
        padding: 0;
        float: none;
        width: 100%;
        margin: 0 0 2em 0;
    }
    .checkboxSet.cols_2 .column{
        float: left;
        margin: 0;
    }
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{
        width: 35px;
        background-size: 50% auto;
        background-position: center;
    }
    .fridge_tempSlide .main_contentWrap{
        padding-top: 5em;
    }
    .content_slider .main_contentWrap{
        padding-right: 4.5em;
        padding-left: 4.5em;
    }
    .main_contentWrap.left_space { padding-left: 15px; }
    .main_contentWrap.right_space { padding-right: 15px; }
    .fridge_tempList .column{
        width: 32%;
        margin-bottom: 5em;
    }
    .option_box{
        font-size: 1em;
    }
    .dataTable .row > div {
        font-size: 0.9em;
    }
    .dataTable_last .c-white { color: inherit; }
    .dataTableHead .row > div{
        font-size: 0.68em;
    }
    .btn{
        font-size: 1.4rem;
    }
    .admin_formStyle fieldset{
        font-size: 1em;
    }
    #oils_list .fridge_tempList .column { width: 48%; }
    .oil_changeList { padding: 0 2%; }
    .oil_changeList .column { width: 100%; margin: 0 0 4em 0; }
    .temp_errorBtns .btn{ float: none; display: block; width: 100%; margin-top: 1em; }
    .temp_errorBtns .btn:first-child{ margin-top: 0; }
    .area_grid .column { width: 33.33%; }
    .f_filterBar .admin_filterSet { width: 100%; float: none; clear: both; }
    .cleaning-tasks .task-info { display: block; }
    .cleaning-tasks .task-info > div { display: block; width: 100% !important; height: auto; }
    .cleaning-tasks .task-info .task-info-col2 { padding-left: 4.72em; padding-right: 0.37em; padding-top: 0; }
    .cleaning-tasks .task-info .task-descText { display: block; margin-bottom: 1em;}
    .task-info .task-options, .task-info .task-check { position: relative; right: 0; float: left; display: inline-block; width: auto;}
    .task-info .task-check{margin-right: 1em;}
    .task-info .task-options { width: 3em; height: 2.86em; }
    .cleaning-tasks .task-info .document-column { padding: 1.08em }
    .task-info .audit-comment { width: 3em; height: 3em; }
    .task-info .task-procedure, .task-info .task-comment { background-size: 1.8em auto;}
    .task-info .task-check .ez-checkbox { margin: 0; top: 0; }
    .checklist-read .task-info .task-info-col2 { padding-left: 1.45em; }
    .checklist-read .task-info .task-descText { margin: 0; }
    .task-info .task-status { justify-content: left; position: relative; width: 100%; }
    .task-info .task-status label:first-child { margin-left: 0; }
    .cols_5 .column { width: 50%; }
    .area-element-count { font-size: 1.2em; }
    .filer-options, .filer-options > div { display: block; }
    .fixedTable .dataTable-buttons-cell { width: 100% !important; }
    .area-element-title { font-size: 1em; }
    /*--------------------------- admin style start --------------------------- */
    .width11{
        width: 15%;
    }
    .width22, .width14{
        width: 13.75%;
    }
    .width39{
        width: 35%;
    }
    .removeBorder .border_left, .removeBorder .border_right{
        border: 0;
    }
    .admin_topNav{
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 1.68em;
    }
    .admin_topNav ul li{
        width: 50%;
    }
    .admin_topNav_graph{
        float: none;
    }
    .admin_filterBar.add_options > div:first-child{
        padding: 0;
    }
    .admin_filterSet{
        flex: unset;
        width: 100%;
        padding: 0;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    .dashboard_sectionBox{
        padding-right: 0.54em;
        padding-left: 0.54em;
    }
    .dashboard_sectionBox_icon{
        display: none;
    }
    .dashboard_sectionBox_datas{
        float: none;
        width: 100% !important;
    }
    .dashboard_sectionBox_datasList{
        float: none;
        width: 100%;
        margin: 0;
        padding: 0.27em;
        -webkit-border-radius: 1.21em;
        -moz-border-radius: 1.21em;
        border-radius: 1.21em;
    }
    .dashboard_history_options{
        position: relative;
        width: 100%;
        padding-right: 0.27em;
        padding-left: 0.27em;
        text-align: center;
    }
    .history_btn{
        width: 14em;
        text-align: left;
        margin: 0 0.5em;
    }
    .dashboard_section h4{
        padding-right: 0;
    }
    .dashboard_section h4 div{
        display: none;
    }
    .filters_wrap{
        padding: 0;
    }
    .simple_summary{
        margin: 0;
    }
    .simple_summary .column{
        width: 100%;
        padding: 0;
    }
    .summary_box{
        height: auto !important;
    }
    .page_buttons .btn, .btn.fixWidth{
        min-width: 13em;
    }
    .page_buttons.align_center .btn {
        margin: 0 0.5em;
    }
    .labels_list .cols_3 .column{
        width: 50%;
    }
    #calendar_popup { font-size: 0.7em; }
    .top_barSearch { width: 100% !important; }
    .page-top-actions form { flex: none; margin: 1em 0 0 0; }
    .table-form, .table-form tr, .table-form tr td, .table-form tbody { display: block; width: 100%; }
    .table-form thead { display: none; }
    .table-form tr { margin: 0 0 0.5em 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
    .table-form tr td { display: flex; align-items: center; line-height: 3.5em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border: none; border-left: 0 !important;  height:auto;  position: relative;  min-height: 3.5em;  padding: 0 !important;  white-space: normal; clear: both;  text-align: left !important; margin: 0.3em 0 0 0; }
    .table-form tr td:first-child { margin-top: 0; }
    .table-form tr td:before { line-height: 1; position: relative; min-width: 13em; max-width: 13em; padding-right: 0.8em; text-align:left; font-weight: bold; color: #000; }
    .table-form tr td:before { content: attr(data-title); display: flex; align-items: center; padding-left: 0.8em; }
    /*--------------------------- admin dashboard v2 start --------------------------- */
    .dashboard_sectionBox_datas.v2 .activity_box { flex-direction: column; }
    .dashboard_sectionBox_datas.v2 .activity_box .title_box,
    .dashboard_sectionBox_datas.v2 .activity_box .rank_box,
    .dashboard_sectionBox_datas.v2 .activity_box .rank_box > *,
    .dashboard_sectionBox_datas.v2 .activity_box { width: 100% !important; }
    .dashboard_sectionBox_datas.v2 .activity_box .rank_box { margin-top: 8px; }
    .dashboard_sectionBox_datas.v2 .title_box { text-align: center; }
    .dashboard_sectionBox_datas.v2 .title_box.nc_box { width: 100% !important; margin-top: 8px; padding: 4px 0; }
    .dashboard_history_options { justify-content: space-around; }
    .dashboard_sectionBox_datas.v2 .activity_box .rank_box { flex-direction: column; }
    .dashboard_sectionBox_datas.v2 .activity_box .rank_box > *:not(:first-child) { margin-top: 4px; }
    .dashboard_sectionBox_datas.v2 .activity_box .rank_box.keep_only_first > *:not(:first-child) { display: none; }
    /*--------------------------- admin style end --------------------------- */


    #login_box{
        width: 90%;
    }
    .user_selectionContent {
        padding: 2em 0 7em;
    }
    .user_selectionTitle{
        font-size: 4em;
    }
    .user_selectionList .column{
        width: 49%;
    }
    .main_contentWrap{
        padding: 2em;
    }
    #breadcrumb span{
        display: none;
    }
    .gray_box_content {
        padding: 1.4em 1.5em 1em;
    }
    .control_deliveryBoxes1 .temp_column, .control_deliveryBoxes1 .dlc_column, #complaintsStep2 .control_deliveryBoxes1 .dlc_column, .control_deliveryBoxes1 .hours_column{
        width: 100%;
    }
    .product_category .product_categoryElement, .product_sub_category ul li{
        font-size: 1em;
    }
    .popup .popup_container {
        padding: 1.34em;
    }
    .popup_gray_box, .blue_border_box {
        padding: 2em 1.34em;
    }
    .option_box {
        font-size: 0.87em;
    }
    .noconfirm_complaints_list .mCSB_container{
        margin: 0;
    }
    .icon_btn{
        line-height: 1.09em;
    }
    .icon_btn span{
        background: none;
        padding: 0;
    }
    .page_buttons .float_right, .page_buttons .float_left{
        width: 100%;
    }
    .date_field_counter .counter_value strong, .time_fields .time_text{
        font-size: 3em;
    }
    .quantity_box input{
        width: 45%;
    }
    .page_content .quantity_box .select2-container{
        width: 48% !important;
    }
    .nonconformities_list .element_wrap{
        padding: 0 0 5.5em 0;
        min-height: 100%;
    }
    .nonconformities_list .action_btn{
        height: 5em;
        width: 50%;
    }
    .nonconformities_list .element .unvalid_check, .nonconformities_list .element .valid_check{
        top: auto;
        right: auto;
        left: 50%;
        margin-top: 0;
        margin-left: -1.6em;
        bottom: 1.38em;
    }
    .nonconformities_list .edit_action{
        top: auto;
        bottom: 0;
        left: 0;
        border: 0;
        border-right: 1px solid #fff;
    }
    .nonconformities_list .delete_action{
        left: auto;
        right: 0;
        border: 0;
        border-left: 1px solid #fff;
    }
    .nonconformities_list .element_contentLine span:first-child {
        padding: 0.28em 0.85em;
        width: 3.8em;
    }
    .fridge_tempList{
        margin: 0;
    }
    .fridge_tempList .column{
        padding: 0;
        float: none;
        width: 100%;
    }
    .btn.active span{
        background-size: 1.45em auto !important;
    }
    .admin_formStyle .field_wrap, .admin_formStyle fieldset > label{
        float: none;
        display: block;
    }
    .admin_formStyle .field_wrap {
        height: auto;
    }
    .admin_formStyle .field_space {
        padding-left: 0.85em;
    }
    .admin_formStyle fieldset{
        margin-bottom: 0.5em;
    }
    .admin_formStyle fieldset > label{
        height: auto;
        min-height: 3.2em;
    }
    .width180{
        width: 32% !important;
    }
    .admin_formStyle .field_wrap > label{
        width: 15% !important;
    }
    .admin_formStyle .field_wrap .product_doc_file{
        width: auto !important;
    }
    .admin_formStyle fieldset > label span{
        vertical-align: middle;
    }
    .admin_formStyle .field_wrap .border_left{
        border: 0;
    }
    .admin_formStyle .field_wrap{
        border-top: 1px solid #f3f3f3;
    }
    input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"]{
        padding: 0.82em 0.38em;
    }
    #oils_list .fridge_tempList{
        margin: 0;
    }
    #oils_list .fridge_tempList .column{
        width: 100%;
        padding: 0;
    }
    .delivery_slide .flex-content {
        display: block;
    }
    .delivery_slide .flex-content > div {
        display: block;
        padding: 0 !important;
        width: 100% !important;
        float: none !important;
        max-width: unset;
    }
    .delivery_box { margin-bottom: 4em; }
    .delivery_slide .validation_buttons { width: auto; display: flex; flex-direction: row; }
    .delivery_slide .validation_buttons label { margin: 0 2%; width: 9em; }
    .labels_basketList { margin: 0; }
    .labels_basketList .column { width: 100%; float: none; padding: 0; }
    /*--------------------------- admin style start --------------------------- */
    .admin_formStyle .small_field input[type="text"] { width: 100% !important; }
    .fixedTable, .fixedTable .row, .fixedTable .row > .dataTable_cell, .fixedTable .row > .dataTable_fullCell{
        display: block;
        width: 100% !important;
    }
    .fixedTable.dataTableHead {
        display: none;
    }
    .fixedTable.dataTableHead.dataTable-allow-delete {
        display: flex;
    }
    .fixedTable.dataTableHead.dataTable-allow-delete .row > div {
        display: none;
    }
    .fixedTable.dataTableHead.dataTable-allow-delete .row > .dataTable-delete { display: flex; width: 100%; height: auto; justify-content: flex-end; align-items: center; font-size: 1em;}
    .fixedTable.dataTableHead.dataTable-allow-delete .row > .dataTable-delete button { margin-left: 0.5em; }
    .fixedTable .row{
        margin: 0 0 1em 0;
    }
    .fixedTable .row > .dataTable_cell {
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        border: none;
        border-left: 0 !important;
        height:auto;
        position: relative;
        min-height: 3em;
        padding: 0.8em;
        white-space: normal;
        text-align:left;
        clear: both;
        text-align: left !important;
        display: flex;
        align-items: center;
        border-top: 1px solid #fff;
    }
    .fixedTable .row > .dataTable_cell:first-of-type {
        border-top: 0;
    }
    .fixedTable .row > .dataTable_fullCell{
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        border: none;
        border-left: 0 !important;
        height:auto;
        position: relative;
        min-height: 3em;
        padding: 1em 0.8em 0.5em 0.8em;
        white-space: normal;
        text-align:left;
        clear: both;
    }
    .fixedTable .row > .dataTable_cell:before {
        min-width: 13em;
        max-width: 13em;
        padding-right: 0.8em;
        text-align:left;
        font-weight: bold;
        color: #000;
    }
    .fixedTable .row > .dataTable_cell:before {
        content: attr(data-title);
        display: inline-block;
    }
    .fixedTable .row > .dataTable_cell.clear-action-space {
        padding: 0 0 0 0.8em;
    }
    .fixedTable .dataTable_action{
        display: flex !important;
        width: 100%;
        align-items: center;
        border: 0;
    }
    .fixedTable .dataTable-full-action{
        width: 100%;
        border-top: 1px solid #fff;
    }
    .fixedTable .tableBtn{
        position: relative;
        width: 100%;
        min-height: 40px;
    }
    .fixedTable .table_inlineForm{
        float: left;
    }
    .fixedTable .ez-checkbox, .fixedTable .custom_delete_checkbox.single-delete-checkbox .ez-checkbox{ position: relative;}
    .fixedTable .custom_delete_checkbox .ez-checkbox { top: 0; }
    
    .parameters_categoriesList.owl-carousel .owl-nav .owl-next{
        right: -1.5em;
    }
    .parameters_categoriesList.owl-carousel .owl-nav .owl-prev{
        left: -1.5em;
    }
    .admin_topNav ul li a{
        padding: 0 0.5em;
    }
    #admin_dashboardBtn span {
        background-position: left -4.7em;
    }
    .admin_topNav ul{
        font-size: 0.95em;
    }
    .admin_topNav_graph{
        width: 100%;
    }
    .admin_filterBar .filter_btn{
        float: none;
        margin-bottom: 0.34em;
    }
    .admin_filterBar .sample_btn {
        margin-top: 0.34em;
        margin-bottom: 0.34em;
    }
    .admin-filterBar-wrapper {
        flex-direction: column;
        align-items: unset;
    }
    .admin-filterBar-wrapper .admin_filterBar {
        margin-top: 0.5em;
    }
    .admin-filterBar-wrapper .admin_filterSet > div {
        min-width: 100%;
    }
    .admin_filterSet{
        float: none;
        padding-left: 0;
    }
    .dashboard_sectionBox_datas{
        border-spacing: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 0.7em;
        display: flex;
        flex-wrap: wrap;
    }
    .dashboard_sectionBox_datasList{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0;
    }
    .dashboard_sectionBox_datas > div, .dashboard_sectionBox_datas > .dashboard-section-box{
        width: 50%;
        display: block;
        margin: 0;
        float: left;
    }
    .dashboard_sectionBox_datas.four_cols { width: 100%; }
    .dashboard_sectionBox_datas > div:first-child, .dashboard_sectionBox_datas > .dashboard-section-box:first-child { width: 100% !important; margin-bottom: 0.12em; }
    .dashboard_sectionBox_datas > div:last-child, .dashboard_sectionBox_datas > .dashboard-section-box:last-child { border-left: 0.12em solid #ccc; }
    .dashboard_sectionBox_datas.one_cols > div, .dashboard_sectionBox_datas.one_cols > .dashboard-section-box { width: 100%; border: 0; }
    .dashboard_sectionBox_datas.two_cols > div, .dashboard_sectionBox_datas.two_cols > .dashboard-section-box { width: 100%; border: 0; }
    .dashboard_sectionBox_datas.three_cols > div, .dashboard_sectionBox_datas.three_cols > .dashboard-section-box { width: 50%; border-right: 0.12em solid #ccc; border-left: 0; }
    .dashboard_sectionBox_datas.three_cols > div:first-child, .dashboard_sectionBox_datas.three_cols > div:last-child, .dashboard_sectionBox_datas.three_cols > .dashboard-section-box:first-child, .dashboard_sectionBox_datas.three_cols > .dashboard-section-box:last-child { border: 0; }
    .dashboard_sectionBox_datas.four_cols > div, .dashboard_sectionBox_datas.four_cols > .dashboard-section-box { width: 33.33%; border-right: 0.12em solid #ccc; }
    .dashboard_sectionBox_datas.four_cols > div:first-child, .dashboard_sectionBox_datas.four_cols > div:last-child, .dashboard_sectionBox_datas.four_cols > .dashboard-section-box:first-child, .dashboard_sectionBox_datas.four_cols > .dashboard-section-box:last-child { border: 0; }
    .dashboard_sectionBox_datas.five_cols > div, .dashboard_sectionBox_datas.five_cols > .dashboard-section-box { width: 25%; border-right: 0.12em solid #ccc; }
    .dashboard_sectionBox_datas.five_cols > div:first-child, .dashboard_sectionBox_datas.five_cols > div:last-child, .dashboard_sectionBox_datas.five_cols > .dashboard-section-box:first-child, .dashboard_sectionBox_datas.five_cols > .dashboard-section-box:last-child { border: 0; }
    .dashboard_history_options{ padding-left: 0; padding-right: 0; }
    .history_btn { margin: 0.2em; width: 13.8em; font-size: 0.93em; }
    .dashboard_history_options .history_btn:last-of-type { margin-bottom: 0.2em }
    .page_buttons .btn, .btn.fixWidth{
        min-width: 9em;
    }
    .page_buttons.align_center .btn {
        margin: 0 0.2em;
    }
    .admin_formStyle .checkboxSet_box, .admin_formStyle .checkboxSet_gender, .admin_formStyle .checkboxSet_days, .admin_formStyle .big_checkboxSet_box{
        width: 100% !important;
        height: auto;
        padding-left: 0.85em;
        font-size: 0.9em;
    }
    .radioSet_element, .admin_checkboxSet_element{
        font-size: 1.2em;
    }
    .labels_list .cols_3{
        margin: 0;
    }
    .labels_list .cols_3 .column{
        width: 100%;
        padding: 0;
        float: none;
    }
    .labels_list .element .info{
        height: auto !important;
    }
    .cke_button .cke_button__bold_icon, .cke_button .cke_button__italic_icon, .cke_button .cke_button__underline_icon, .cke_toolgroup .cke_button .cke_button__numberedlist_icon, .cke_toolgroup .cke_button .cke_button__bulletedlist_icon{
        background-size: 1.8em auto !important;
        height: 2em !important;
        width: 2em !important;
    }
    a.cke_button{
        height: 2em !important;
        width: 2em !important;
    }
    .cke_combo_button .cke_combo_inlinelabel{
        background-size: 1.8em auto !important;
    }
    .cke_combo__format{
        margin-left: 1em !important;
    }
    .cke_bottom{
        padding: 0.5em !important;
    }
    .top_btnSet_left{
        display: block;
        float: none;
        width: 100%;
        text-align: right;
        margin-bottom: 0.58em;
    }
    .file_process{
        position: relative;
        padding: 0;
        top: 0 !important;
        width: 100%;
        right: 0;
        max-width: 100%;
    }
    .top_barSearch{
        padding-left: 0;
        margin-bottom: 0.58em;
    }
    .image-slider, .image-loader{
        min-height: 23em;
    }
    .area-list .column { width: 50% !important;  margin-bottom: 1em; }
    .daterangepicker{ max-width: 100% !important; width: 100%;}
    .group-select-wrap{margin: 0 !important; width: 100% !important; text-align: left;}
    .admin_radioSet .row { margin: 0 -1%; }
    .admin_radioSet .column {width: 50%; float: left; margin-bottom: 0; padding: 0 1%; }
    .admin_radioSet .radioSet_element {margin-top: 0.68em !important;}
    .mobile_action { display: block; }
    #command_labels_topNav { margin-top: -1.2em; }
    /*--------------------------- 700 admin style end --------------------------- */
    .control_delivery_options ul li { padding-left: 0.5em; padding-right: 0.5em; }
    .print-labels-list .row .column { width: 100%; }
    .sortable.sortable-no-num .item { width: 50%; margin: 1em 0; }
    .complaints_wrap .delete_complaints { font-size: 0.7em; right: 0em; top: -1.5em; background-size: 1.2em auto !important; }
    .admin_formStyle #cleaningPlansWrap > .field_wrap.field_space { width: 100% !important; }
    .mobile-remove { display: none !important; }
    .dataTable-buttons-set > a, .dataTable-buttons-set > span { max-width: unset; }
    .dataTable-buttons-set > a:first-child, .dataTable-buttons-set > span:first-child { border-left: 0; }
    .sample-dish-row { padding-top: 2em; padding-bottom: 2em; border-top: 1px solid #ccc; }
    .sample-dish-list .sample-dish-row:first-child { padding-top: 0; border: 0; }
    .sample-dish-row > div { width: 100% !important; margin-top: 1em; }
    .sample-dish-row > div:first-child { margin-top: 0; }
    .printed-products-header { flex-wrap: wrap; }
    .printed-products .element { flex-wrap: wrap; }
    .printed-products .element > div { width: 100%; }
    .printed-products .element > div:before { content: attr(data-title); min-width: 9em; margin-right: 1em; font-weight: 700; }
    .printed-products .element .col1 { padding-left: 0.8em; }
    .printed-products .element > div:last-child { width: 100%; padding: 1em 0.8em; justify-content: flex-start; }
    .printed-products .element .print-rate-icon { position: relative; left: unset; top: unset; margin-right: 1em; }
    .print-option { width: 2.667em; height: 2.667em; background-size: 1.5em auto;}
    .printed-products-header > div { width: 50%; padding: 0; }
    .printed-products-header a { padding: 0.8em 0.5em; }
    .admin_filterBar > div:not(.export_options), .admin_filterBar > div:not(.export_options) > * { margin-left: 0; margin-right: 0; }
    .late_tasks_categories .late_tasks_element .late_tasks_element_title { justify-content: flex-start; }
    .late_card { max-width: 48%; flex: 1 1 48%; padding: 1.2em; }
    .late_tasks_banner .late_tasks_banner_wrap { margin: 0; } 
    .content_slider .late_tasks_banner { padding-left: 15px; padding-right: 15px; }
    .late_tasks_banner .late_tasks_banner_wrap > div:last-child, .late_tasks_banner .late_tasks_banner_wrap > div:first-child { flex: 0 0 100%; }
    .late_tasks_banner .late_tasks_banner_wrap > div:first-child br { display: none; }
    .late_tasks_banner .late_tasks_banner_wrap > div { margin-left: 0; margin-right: 0; }
    .late_tasks_banner .late_tasks_banner_wrap > .btn { min-height: 2.584em; margin-right: 1em; }
    .camera-content-wrap .page_row { width: 90%; } 
    .main-content-back-arrow { font-size: 1.8em; top: 0.3em; left: 1vw; }
    .masonry { grid-template-columns: repeat(auto-fill, calc((100% - 2.5em)/2)); }
    .alert-message { margin: 0 0 2em 0; min-width:90% }
    .cols_3 { margin: 0 1px; }
    .page-title-action em { margin: 0; }
    .page-title-action:not(.visible-mobile-button-text) span { display: none; }
    .page-title-action.visible-mobile-button-text em { margin-right: 0.8rem; }
    .page-title-actions > div, .page-title-actions:before { min-width: 5rem; }
    .cols_3 { margin: 0 1px; }
    .custom-popup { padding-top: 6.12rem; }
    .custom-popup .custom-popup-content { padding-left: 20px; padding-right: 20px;}
    .audit-element-content { flex-direction: column; }
    .audit-element-content .audit-element-content-col { width: 100% !important; }
    .custom-popup .custom-popup-header { padding-left: 20px; padding-right: 20px; }
    .audit-element .audit-element-actions { margin-top: 1rem; padding-top: 1.2rem; flex-wrap: wrap; }
    .audit-element-actions:before { top: 0; left: 1rem; width: calc(100% - 2rem); height: 1px; min-height: unset; }
    .audit-element .rate-list { width: 100%; margin-bottom: 1.2rem; padding: 0; }
    .rate-list label.selected-label { text-align: right; }
    .dataTable-email { width: 100%; }
}

@media all and (max-width: 600px) {
    .checkboxSet .row { margin: 0 -1%; }
    .checkboxSet .column {width: 100%; float: left; margin-bottom: 0; padding: 0 1%; }
    .checkboxSet .checkboxSet_element {margin-top: 0.68em !important;}
    .area-list .column { width: 50%; }
    .late_card { max-width: 100%; flex: 1 1 100%; margin-left: 0; margin-right: 0; }
    .late_cards_container { margin-left: 0; margin-right: 0; }
    .notifyjs-container > div .title { min-width: 200px !important; }
}
@media all and (max-width: 576px) {
    html {
        font-size: 3.2vw;
    }
}
@media all and (max-width: 500px) {
    html.custom-font {font-size: 3.2vw; }
}
@media all and (max-width: 500px) {
    body{font-size: 11px !important;}
    html.custom-font {font-size: 3.2vw; }
    .area_grid .column { width: 50%; }
    .f_filterBar .btn.small{width: 50%; margin-right: 0;}
    .f_filterBar .btn.rate_btn { margin-right: 5%; clear: both; width: 45% }
    .dashboard_sectionBox_datas > div, .dashboard_sectionBox_datas.one_cols > div, .dashboard_sectionBox_datas.two_cols > div, 
    .dashboard_sectionBox_datas.three_cols > div .dashboard_sectionBox_datas.four_cols > div, .dashboard_sectionBox_datas.five_cols > div,
    .dashboard_sectionBox_datas > .dashboard-section-box, .dashboard_sectionBox_datas.one_cols > .dashboard-section-box, .dashboard_sectionBox_datas.two_cols > .dashboard-section-box, 
    .dashboard_sectionBox_datas.three_cols > .dashboard-section-box .dashboard_sectionBox_datas.four_cols > .dashboard-section-box, .dashboard_sectionBox_datas.five_cols > .dashboard-section-box
    { width: 100%; border-bottom: 0.12em solid #ccc;}
    .dashboard_sectionBox_datas > div, .dashboard_sectionBox_datas > .dashboard-section-box { height: auto; }
    .dashboard_sectionBox_datas.five_cols > div, .dashboard_sectionBox_datas.five_cols > .dashboard-section-box { width: 50%; }
    .dashboard_sectionBox_datas.five_cols > div:nth-child(3), .dashboard_sectionBox_datas.five_cols > .dashboard-section-box:nth-child(3) { border-right: 0; }
    .dashboard_datasTitle { min-height: unset; }
    .extended_search { padding-right: 0; }
    .extended_search input[type="text"], .extended_search .admin_selectWrap { margin: 0 0 0.5em 0; width: 100% !important; float: none; }
    .table-form tr td {padding: 0.5em !important;}
    .table-form tr td:before { display: block; width: 100%; position: relative; left: 0; top: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
    .table-form tr td:before { content: attr(data-title); }
    .late_card.fixed { min-width: 100%; }
    .masonry { grid-template-columns: repeat(auto-fill, 100%); }
    .notifications { min-width: calc(100vw - 4em); max-width: calc(100vw - 4em); right: 2em !important; }
}
@media all and (max-width: 450px){
    .oil_changeOptions .row { flex-direction: column; margin: 0; }
    .oil_changeOptions .row > div, .oil_changeOptions .btn { margin: 0 0 0.5em 0; }
    .oil_changeOptions .btn { min-height: 3.1em; }
    .oil_changeOptions .add_oil .btn { margin: 0; }
    .oil_changeOptions .mobile-show { display: flex !important; }
    .oil_changeOptions .mobile-hide { display: none !important; }
    .oil_changeOptions .upload_box .wrapper { min-height: 10em; }
    .oil_changeOptions .row > div { flex: 0 0 100%; }
    .area-list.cols_4 .column { width: 100% !important; }
    .sortable.sortable-no-num .item { width: 100%; }
}
@media all and (max-width: 400px){
    .area-list .column { width: 100% !important; }
    .cols_5 .column { width: 100%; }
    .button_set { display: block; }
    .button_set .button_setElement { width: 100%; margin-top: 0.1em; margin-bottom: 0.1em; }
    .late_tasks_banner .btn { flex: 0 0 100%; }
    .late_tasks_banner .late_tasks_banner_wrap > .btn { margin-right: 0; }
}

/* Default style mobile version start */
@media all and (max-width: 1280px){
    .f-12 { font-size: 0.800em; }
    .f-15{ font-size: 1em; }
    .f-18{ font-size: 1.2em; }
    .f-20 { font-size: 1.45em; }
    .f-25 { font-size: 1.667em;  }
    .m-b-5 { margin-bottom: 0.333em; }
    .m-b-10 { margin-bottom: 0.667em; }
    .m-b-15 { margin-bottom: 1em; }
    .m-b-20 {margin-bottom: 1.333em;}
    .m-b-25 { margin-bottom: 1.667em; }
    .m-l-15 { margin-left: 1em; }
    .m-r-15 { margin-right: 1em; }
    .m-r-20 { margin-right: 1.333em; }
    .m-t-15 { margin-top: 1em; }
    .p-8-0 { padding: 0.533em 0; }
    .p-10 {padding: 0.6em;}
    .p-20-0 { padding: 1em 0; }
    .p-b-8 { padding-bottom: 0.533em; }
    .p-r-60 { padding-right: 4em; }
    .width-250 { width: 16.667em; }
    .width-350 { width: 23.333em; }
    .h-250 { height: 16.667em !important; }
    textarea.h-250 { height: 15.625em !important; }
}
@media all and (max-width: 700px){
    .control-cols .cols.w-20-p{width: 100%;}
    .control-cols .cols.w-25-p{width: 100%;}
    .control-cols .cols.w-30-p{width: 100%;}
    .control-cols .cols.w-33-p{width: 100%;}
    .control-cols .cols.w-35-p{width: 100%;}
    .control-cols .cols.w-40-p{width: 100% !important;}
    .control-cols .cols.w-45-p{width: 100%;}
    .control-cols .cols.w-50-p{width: 100%;}
    .product_category.categories-cols .cols.w-33-p{width: 33.33%;}
    .control-cols .cols{margin-bottom: 1.38em;}
    .m-cols_3 > .column { width: 100%; }
}
@media (max-width: 800px) {
    .footer {
        width: 100%; border: none; border-radius: 0;
        -webkit-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.16);
        -moz-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.16);
        box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.16);
    }
    .footer > * {
        flex-grow: 1;
    }
}
/* Default style mobile version end */