@font-face {
    font-family: 'alef_regular';
    src: url('/fonts/Alef-Regular.ttf');
    font-display: swap;
    }
    @font-face {
    font-family: 'alef_bold';
    src: url('/fonts/Alef-Bold.ttf');
    font-display: swap;
    }
    @font-face {
    font-family: 'Heebo_Light';
    src: url('/fonts/Heebo-Light.ttf');
    font-display: swap;
    }
    @font-face {
    font-family: 'Heebo_Regular';
    src: url('/fonts/Heebo-Regular.ttf');
    font-display: swap;
    }
    @font-face {
    font-family: 'Heebo_Bold';
    src: url('/fonts/Heebo-Bold.ttf');
    font-display: swap;
    }
@font-face {
    font-family: 'a1';
    src: url('/fonts/Assistant-Bold.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'a2';
    src: url('/fonts/Assistant-ExtraBold.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'a3';
    src: url('/fonts/Assistant-ExtraLight.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'a4';
    src: url('/fonts/Assistant-Light.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'a5';
    src: url('/fonts/Assistant-Regular.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'a6';
    src: url('/fonts/Assistant-SemiBold.ttf');
    font-display: swap;
}
body,html {
    margin: 0px;
    padding: 0px;
    width: 100%;
    direction: rtl;
    background: rgba(242,255,247,0.1);
    color: white;
    font-size: 16px;
    line-height: 1.1;
    font-family: a5, Arial, Sans-Serif;
    
    overscroll-behavior-y: contain;
    
}
.the_complex_upload_or_del{
    width: 600px;
    position: absolute;
    right: 0;
    z-index: 50;
    background: #0074da;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.the_complex_upload_or_del_in{
    position: relative;
}
.the_total_buts_complex_in{
        display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    box-sizing: border-box;
    margin-top: 15px;
    margin-bottom: 15px;
}
.the_total_buts_complex_in_but_update{
    padding: 10px;
    background: black;
    margin: 10px;
    border-radius: 7px;
    box-shadow: 1px 0px 10px #ffffff;
    transition: all 300ms;
    cursor: pointer;
}
.the_total_buts_complex_in_but_del{
   padding: 10px;
    background: #bd2727;
    margin: 10px;
    border-radius: 7px;
    box-shadow: 1px 0px 10px #bd2727;
    transition: all 300ms;
    cursor: pointer;
}
.the_total_buts_complex_in_but_update:hover{
    box-shadow: 1px 2px 20px #ffffff;
}
.the_total_buts_complex_in_but_del:hover{
    box-shadow: 1px 2px 20px #bd2727;
}

.the_complex_upload_or_del_in_close{
    position: absolute;
    top:-30px;
    left:0;
    font-size:25px;
    color:black;
}
.inner_cheaker{
    position: absolute;
    margin-top:0px;
}
.inner_cheaker_innnn{
    margin-top:10px;
}
.the_all_prods_show_del_yes_no{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display: flex;
    justify-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.6);
    align-items: center;
    z-index: 10;
    font-size:20px;
}
.the_all_prods_show_del_yes_no_title_buts{
    padding:15px;
    display: flex;
    justify-content: space-between;
    margin:15px;
    font-size:24px;
}
.the_complex_upload_or_del_in_close svg{
    width:50px;
    height:50px;
    fill:white;
    cursor: pointer;
}
.the_complex_upload_or_del_in_title{
    text-align: center;
    margin-top:15px;
    margin-bottom:15px;
    font-weight: bold;
    font-size:20px;
}
.prod_db{
    border: 2px solid #18a2ea;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 1px;
}
.selsel_catss_active{
    color:#0074D9;
}
.the_tit_row1a{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2px;
}
.on_the_prod_top_in{
    padding: 5px;
    margin-right: 15px;
    background: black;
    color: white;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    left: 110px;
    top: 8px;
}
.the_income_list_r_main_stat select{
        width: 80px;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    }
.the_cursor{
    cursor: pointer;
}
.the_overflow{
    overflow:hidden;
}
.float_right{
    float:right;
}
.float_left{
    float:left;
}
.the_rel{
    position: relative;
}
.the_inline{
    display: inline-block !important;
}
.all_widther{
    width:100%;
}
.the_more_selections{
    clear:both;
    padding:5px;
}
.make_space_r{
    margin-right:10px;
}
.add_rec_manual_holder{
        width: 90%;
    margin-right: auto;
    margin-left: auto;
    background: white;
    padding: 10px;
}
.add_rec_manual_rec{
    width:33%;
}
.add_m_submit a{
        background: #0074D9;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    display: inline-block;
    padding: 10px;
    margin-top: 15px;
    cursor: pointer;
    box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);
    margin-bottom: 5px;
}
.img_settings_menu_in_options input,.img_settings_menu_in_options select{
    width:80%;
}
.ui-datepicker{
    background: white;
    padding: 10px;
    color: black;
    box-shadow: 1px 1px 5px grey;
}
.youtube_r{
    width:70%;
}
.youtube_r input{
    width: 100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.the_audio_edit_row_c input{
    width:50px;
}
.ser_prod_r input{
    width: 100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.prod_rel_next_ser_area,.prod_rel_next_ser_area2{
    overflow: auto;
    max-height: 200px;
    width:100%;
}
.the_load1_in_loading{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90vh;
}
.prod_rel_next_selected{
    overflow: auto;
    max-height: 200px;
    width:100%;
}
.youtube_rowwww{
    padding-bottom:15px;
}
.the_rel_pickerr_row,.the_rel_pickerr_row_sel{
    border-bottom:1px solid gray;
    padding:5px;
}
.youtube_l,.the_rel_pickerr_row_l{
    background: black;
    padding:5px;
    color:white;
    cursor: pointer;
}
.the_rel_pickerr_row_r{
    width:90%;
}
.fetches_sites_all_top{
    width: 100%;
    color: #FF4136;
    font-weight: bold;
    padding: 5px;
    background: white;
    box-sizing: border-box;
    font-size:18px;
    border-bottom: 2px solid rgba(242,160,16,1);
}
.fetches_sites_all_top_in22{
    margin-right:20px;
    margin-left:20px;
    font-size:16px;
    margin-top:7px;
    cursor: pointer;
    background: rgba(242,160,16,1);
    padding:4px;
    border-radius: 5px;
    color:white;
}
.fetches_sites_all_top_in222{
    font-size:16px;
    margin-top:7px;
    cursor: pointer;
    background: rgba(242,160,16,1);
    padding:4px;
    border-radius: 5px;
    color:white;
    margin-left:15px;
}
.ftop_in11 {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(152,147,211,0.4);
}
.the_subs_titile_in2{
    cursor: pointer;
}
.the_pick_roww a{
    cursor: pointer;
}
.the_file_titittitle22{
    background: rgba(245,245,245,1);
}
.fetches_sites_all_top_in1_icon {
    vertical-align: middle;
    font-size: 35px;
}
.toper_cur_site_info {
    margin-right: 10px;
    margin-top: 8px;
    color: black;
    font-size: 20px;
}
.ftop_in12 {
    color: black;
    font-size: 20px;
    margin-top: 10px;
}
.ftop_in122{
    color: black;
    font-size: 16px;
}

.the_main_title{
    font-size:80px;
    text-align:center;
    color:white;
    font-family: a1, Arial, Sans-Serif;
}
.the_bar_left{
    font-weight: bold;
    font-size: 30px;
    cursor: pointer;
    line-height: 0.9;
}
.the_main_title1 {
    padding-top: 5px;
    padding-bottom: 5px;
    text-shadow: 4px 4px 2px #91b6e2;
    color: #ff8e00;
}
.the_main_title2 {
    padding-bottom: 10px;
    text-shadow: 4px 3px 1px black;
    color: lightgray;
}
.the_main_title3 {
    font-size: 26px;
    padding-bottom: 40px;
    font-weight: normal;
    color: black;
    padding-top: 10px;
    text-shadow: 2px 2px 2px white;
}
.the_main_title1_but{
    font-size: 40px;
    text-align: center;
    background: #001f3f;
    padding-top: 10px;
    padding-bottom: 15px;
}
.the_main_store_maby_box_www{
    width:22%;
    overflow:hidden;
    font-size:24px;
    text-align:center;
    margin-bottom:35px;
    border-radius: 5px;
    border: 1px solid transparent;
    box-sizing: border-box;
}
.the_main_store_maby_box{
    width:22%;
    margin-left:2.4%;
    margin-right:2.4%;
    overflow:hidden;
    font-size:24px;
    text-align:center;
    margin-bottom:2%;
    border-radius: 5px;
    border: 1px solid transparent;
    box-sizing: border-box;
    margin-bottom:35px;
}
.the_main_store_maby_box__img{
    width: 100%;
    height: 200px;
    overflow: hidden;
    
}
.the_main_store_maby_box__img img{
    width:100%;
    
}
.the_main_store_maby_box_title{
    position: absolute;
    top: 1%;
    background: rgba(255,255,255,0.6);
    width: 100%;
    text-align: RIGHT;
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 12px;
    color: black;
    font-weight: bolder;
    box-shadow: 3px 1px 8px yellow;
    padding-right: 20px;
    box-sizing: border-box;
    z-index: 11;
}
.the_main_title_after {
    overflow: hidden;
    text-align: center;
    font-size: 30px;
    color: black;
    font-weight: bold;
    font-family: a2, Arial, Sans-Serif;
    padding-top: 20px;
    padding-bottom: 20px;
    text-shadow: 1px 1px 1px grey;
}
.the_main_title1_but_in{
    font-family: a2, Arial, Sans-Serif;
    font-size: 50px;
    background: #0074D9;
    width: 33%;
    margin-right: 33%;
    padding: 5px;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px black;
    box-sizing: border-box;
    cursor: pointer;
}
.the_main_store_maby_box__img_inin{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.fetches_sites_all_top_in2{
    margin-left:5px;
    margin-bottom:5px;
}
.maneu_left{
    width:0px;
    height:100%;
    float: left;
    color: black;
    text-align: center;
    direction: rtl;
    font-size: 24px;
}
.maneu_left_editor{
    width: 0px;
    height: 100%;
    float: left;
    color: black;
    text-align: center;
    direction: rtl;
    font-size: 24px;
    height: 100vh;
    position: absolute;
    top: 61px;
    left: 0;
    z-index: 111111;
    background: white;
    z-index:1;
    box-shadow: 1px 1px 10px lightgrey;
}
.maneu_right{
    float: right;
    width: 100%;
    box-shadow: #001f3f -2px -5px 10px;
}
.maneu_left_in{
    width:300px;
}
.the_l_left{
    width: 3px;
    height: 15px;
    background: #0074D9;
    margin-right: 0px;
    margin-left: 5px;
    margin-top: 0px;
    vertical-align: middle;
}
.the_l_right{
    vertical-align: middle;
}
.the_l_row {
    text-align: right;
    padding-right: 25px;
    font-size: 18px;
    border-bottom: 1px solid lightgray;
    padding-top: 5px;
    padding-bottom: 10px;
    transition: all 300ms;
    background: white;
}
.the_l_row_gray{
    background: rgba(0,0,0,0.1) !important;
    font-weight: bold;
}
.left_logo{
    padding-top: 15px;
    padding-bottom: 15px;
    background: white;
    border-bottom: 2px solid lightgray;
}
.logo_left_small{
    font-size:16px;
}
.map{
    height:400px;
    width:100%;
}
.contact_us_map_l{
    height:400px;
    width:100%;
    position: relative;
}
.contact_us_map_r{
    position: absolute;
    right:0px;
    top:0px;
    width:100%;
    height:100%;
    background: rgba(255,255,255,0.2);
}
.contact_us_map_r_in{
    width:80%;
    margin-right:10%;
    margin-left:10%;
    margin-top:50px;
}
.form_row{
    width:90%;
    font-size:24px;
    color:black;
}
.form_row2 input{
    width: 100%;
    border: 1px solid black;
    font-size: 18px;
    padding: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}
.form_row2 textarea{
    width: 100%;
    border: 1px solid black;
    font-size: 18px;
    padding: 5px;
    padding-right: 5px;
    min-height:160px;
    resize: none;
    box-sizing: border-box;
}
.simple_form_in22{
    float:right;
    box-sizing: border-box;
    width:25%;
    color:black;
    font-size:18px;
    font-family: "Heebo_Regular";
}
.simple_form_in{
    float:right;
    box-sizing: border-box;
    width:50%;
}
.form_row1{
    margin-bottom:5px;
    margin-top:5px;
}
.contact_us_map_l_bottom{
        width: 150px;
    margin-right: auto;
    margin-left: auto;
    color: white;
    background: #001f3f;
    text-align: center;
    margin-top: 25px;
    font-size: 44px;
    padding-top: 3px;
    padding-bottom: 5px;
    border-bottom: 5px solid darkgrey;
    cursor: pointer;
}
.the_full_feter_list_row{
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    text-align: right;
    font-size: 20px;
    color: black;
    box-sizing: border-box;
    margin-bottom:10px;
    
}
.inin_pos {
    position: fixed;
    width: 290px;
    margin-right: 5px;
    height: calc(100% - 61px);
    overflow: auto;
}
.inin_pos a{
    text-decoration: none;
    color:black;
}
.the_full_feter_list_row1 {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0074D9;
    margin-right: 0px;
    margin-left: 0px;
    float: right;
    margin-top: 3px;
}
.the_full_feter_list_row2{
    font-size:18px;
    float:right;
    width:calc(100% - 30px);
    float:left;
}
.the_full_feter_list{
    width:80%;
    margin-right:10%;
    margin-left:10%;
}
.pop_up_login_box,.add_site_pop_up,.add_site_pop_up_doc{
    width:100%;
    height:100%;
    position: fixed;
    background: rgba(255,255,255,0.8);
    top: 0;
    left: 0;
    z-index:50;
}
.pop_up_login_box_in {
        width: 320px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 4px solid #0074D9;
    text-align: center;
    color: black;
    font-size: 22px;
    box-sizing: border-box;
    padding: 10px;
    background: white;
    box-shadow: 0px 0px 20px grey;
}
.add_site_pop_up_doc_in {
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 4px solid #0074D9;
    text-align: center;
    color: black;
    font-size: 22px;
    box-sizing: border-box;
    padding: 10px;
    background: white;
    box-shadow: 0px 0px 20px grey;
    height: 100vh;
    overflow: auto;
}

.pop_up_login_box_in3{
    margin-bottom:20px;
    font-size:14px;
}
.pop_up_login_box_in5 input{
    padding:5px;
    width:100%;
    font-size:20px;
    box-sizing: border-box;
}
.pop_up_login_box_in4{
    text-align:right;
    font-weight: bold;
    margin-top:5px;
    margin-bottom:5px;
    font-size:18px;
}
.pop_up_login_box_in6{
    margin-top:15px;
    margin-bottom:15px;
    font-size:16px;
    cursor: pointer;
}
.pop_up_login_box_in7{
    padding:5px;
    margin-top:20px;
    margin-bottom: 20px;
    background:#0074D9;
    font-size:34px;
    font-weight: bold;
    color:white;
    cursor: pointer;
}
.pop_up_login_box1 {
    margin-top: calc((100vh - 450px)/2);
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    color: #0074D9;
    font-size: 24px;
    overflow: hidden;
    font-weight: bold;
}
.pop_up_login_box1_reg {
    margin-top: calc((100vh - 755px)/2);
    width: 320px;
    color: black;
    margin-right: auto;
    margin-left: auto;
    font-size: 24px;
    overflow: hidden;
    font-weight: bold;
    text-align:center;
}
.img_blur{
    filter: blur(8px);
  -webkit-filter: blur(8px);
}
.pop_up_login_box_in5 select {
    padding: 5px;
    width: 100%;
    font-size: 20px;
    box-sizing: border-box;
}
.pop_up_login_box_in1_close{
    position: absolute;
    left:5px;
    top:5px;
    cursor: pointer;
}
.pop_up_login_box_in7 input{
    width:100%;
    font-size: 34px;
    font-weight: bold;
    color: white;
    background: transparent;
    border:none;
}
.pop_up_login_box_in6{
    font-weight:normal;
}
.the_show_site_zone{
    overflow: hidden;
    position: relative;
    height: calc(100vh - 80px);
}
.the_show_site_zone1{
    float:right;
    width:0%;
    height:calc(100vh - 60px);
}
.the_show_site_zone2{
    float:right;
    width:100%;
    height:calc(100vh - 60px);
}
.the_adminis_menu{
    position: fixed;
    left: 300px;
    background: white;
    color: black;
    width: 700px;
    top: 61px;
    height: calc(100vh - 61px);
    overflow: auto;
    border-left: 2px solid gray;
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    box-shadow: 5px 5px 5px grey;
    font-family: "Heebo_Regular";
    box-sizing: border-box;
    transition: all 300ms;
}
.the_adminis_menu_edit_prod{
    position: fixed;
    left: 1000px;
    background: white;
    color: black;
    width: 700px;
    top: 61px;
    height: calc(100vh - 61px);
    overflow: auto;
    border-left: 2px solid gray;
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    box-shadow: 5px 5px 5px grey;
    font-family: "Heebo_Regular";
    box-sizing: border-box;
    transition: all 300ms;
}
.the_adminis_menu_his{
    position: fixed;
    left: 300px;
    background: white;
    color: black;
    width: 700px;
    top: 61px;
    height: calc(100vh - 61px);
    overflow: auto;
    border-left: 2px solid gray;
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    box-shadow: 5px 5px 5px grey;
    font-family: "Heebo_Regular";
    box-sizing: border-box;
}
.the_pick_cat {
    overflow: auto !important;
    height: 240px;
    background: rgba(245,245,245,0.5);
}
.the_subs_titile_in{
    float:right;
    height: 21px;
    padding-right: 10px;
    line-height: 27px;
}
.the_subs_titile_in2{
    float:left;
}
.the_adminis_menu_topop1 {
    font-size: 20px;
    margin-left: 5px;
    font-weight: bold;
}
.the_adminis_menu_topop33{
    margin-right:5px;
}
.t_admin_input1aa11_0,.t_admin_input1aa11_1,.t_admin_input1aa11_2,.t_admin_input1aa11_3{
    width:25%;
    padding:5px;
    box-sizing: border-box;
}
.t_admin_input1aa11_0 input,.t_admin_input1aa11_1 input,.t_admin_input1aa11_2 input,.t_admin_input1aa11_3 select,.the_adminis_menu_topop1_2 input{
    width:100%;
    border:1px solid #0074D9;
    padding:5px;
    box-sizing: border-box;
    background:rgba(245,245,245,1);
}
.t_admin_input1aa,.the_top_row_admin_in1,.t_admin_input1,.the_top_row_admin_in2aa{
    width:49%;
    margin-left:1%;
}
.aassccq,.the_top_row_admin_in2,.t_admin_input4,.the_top_row_admin_in2aa_to{
    width:49%;
    margin-right:1%;
}
.the_txt_full_width textarea,.the_feture_data_zone2_2 textarea,.t_admin_input1aa textarea,.aassccq textarea,.the_top_row_admin_in1 textarea,.the_top_row_admin_in2 textarea,.t_admin_input1_in5 textarea,.t_admin_input1_in8 textarea{
    width:100%;
    border:1px solid #0074D9;
    box-sizing: border-box;
    height:60px;
}
.the_subs_titile{
    margin-top:10px;
    margin-bottom:10px;
}
.mini_pop_up_in_add2 textarea ,.mini_pop_up_in_add2 input,.t_admin_input1_in6 input,.t_admin_input1_in8 select,.t_admin_input1_in2 input,.t_admin_input1_in7 input,.t_admin_input1_in8 input,.t_admin_input1_in7 select{
    width:100%;
    border:1px solid #0074D9;
    padding:5px;
    box-sizing: border-box;
    background:rgba(245,245,245,1);
}
.t_admin_input1_in6 textarea{
    width:100%;
    border:1px solid #0074D9;
    padding:5px;
    box-sizing: border-box;
    background:rgba(245,245,245,1);
    
}
.the_top_row_admin_in{
    margin-top:0px;
    margin-bottom:10px;
}
.make_product_icon svg{
    vertical-align: middle;
    height:24px;
    fill:white;
}
.make_product,.make_product2 {
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    width: 140px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    background: #0074D9;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    margin-bottom:10px;
}
.the_pick_cat1{
    width:49%;
    margin-left:1%;
}
.the_selected_cats_zone{
    width:49%;
    margin-left:1%;
    text-align:right;
}
.the_adminis_menu_topop22,.the_adminis_menu_topop22_a,.the_adminis_menu_topop22_b, .the_adminis_menu_topop33,.the_adminis_menu_topop333,.the_adminis_menu_topop22_c,.the_adminis_menu_topop22_d {
    text-decoration: none;
    cursor: pointer;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 0px;
    padding-top:0px;
}
.toper_active_ida{
    color:#0074D9 !important;
}
.the_mes_row_header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.the_mes_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.the_mes_row_a{
    width:20%;
}
.the_mes_row_b{
    width:12.5%;
}
.the_mes_row_c{
    width:12.5%;
}
.the_mes_row_d{
    width:30%;
}
.the_mes_row_e{
    width:10%;
}
.the_mes_row_f{
    width:10%;
}
.the_mes_row_g{
    width:10%;
}
.the_flex{
    display: flex;
}
.the_flex_right{
    margin-right:10px;
}
.the_margin_up_down{
    margin-top:5px;
    margin-bottom:5px;
}
.the_income_list1{
    width:6%;
}
.the_income_list2{
    width:11%;
}
.the_income_list3{
    width:11%;
}
.the_income_list4{
    width:11%;
}
.the_income_list5{
    width:16%;
}
.the_income_list6{
    width:16%;
}
.the_income_list6_rr{
    width:8%;
}
.the_income_list7{
    width:6%;
}
.the_income_list8{
    width:5.5%;
    text-align: center;
}
.the_income_list9{
    width:6%;
}
.the_income_list10{
    width:6%;
}
.the_income_list9,.the_income_list10,.the_income_list7,.the_income_list1{
text-align: center;    
}
.tt_top{
    border-bottom: 2px solid #0074D9;
    font-weight: bold;
    padding-top:5px;
    padding-bottom:5px;
    font-size:14px;
}
.tt_top_in{
    border-bottom: 2px solid lightgray;
    font-weight: normal;
    padding-top:5px;
    padding-bottom:5px;
}
.order_look2{
    background: #f9efda;
    color:black;
}
.the_income_list_r{
    float:right;
}
.the_income_list_l{
    float:left;
}
.all_screen_mode {
    width: calc(100% - 300px);
    padding-right: 25px;
    box-sizing: border-box;
}
.tt_top{
    overflow: hidden;
}
.the_more_details{
    overflow:hidden;
    display: none;
    width:100%;
    position: relative;
}
.the_products_list{
    width:100%;
    overflow:hidden;
}
.the_products_list1{
    width:5%;
    text-align:center;
    float:right;
}
.the_products_list2{
    width:20%;
    text-align:center;
    float:right;
}
.the_products_list3{
    width:15%;
    text-align:right;
    float:right;
}
.the_products_list4{
    width:20%;
    text-align:center;
    float:right;
}
.the_products_list5{
    width:15%;
    text-align:center;
    float:right;
}
.the_main_time{
    font-size:16px;
}
.the_sec_time{
    font-size:12px;
}
.the_products_list6{
    width:10%;
    text-align:center;
    float:left;
}
.the_products_list2_img img{
    height:80px;
}
.order_look1{
    padding-top:5px;
    padding-bottom:5px;
    overflow:hidden;
    font-size: 14px;
}
.order_look1_red{
    padding-top:5px;
    padding-bottom:5px;
    overflow:hidden;
    font-size: 14px;
    background: rgba(255,76,48,0.6);
}
.order_look2{
    padding-top:5px;
    padding-bottom:5px;
    background: rgba(245,245,245,0.6);
    overflow:hidden;
    font-size: 14px;
}
.the_adminis_menu_topop1_2{
    margin-right:5px;
    margin-left:5px;
}
.the_adminis_menu_topop1_2{
    font-size:18px;
}
.at7 {
    color: rgb(12, 99, 167);
    font-weight: bold;
    cursor: pointer;
    border: 1px solid gray;
    padding: 4px;
    border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px;
}
.at1,.at3,.at5 {
  margin-top:4px;
}
.very_small{
    font-size:12px;
}
.the_abs{
    position: absolute;
}
.the_preview_img {
    height: 150px;
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    width: 150px;
    overflow: hidden;
    margin-top: 10px;
}
.the_preview_img_in img{
    width:100%;
}
.the_preview_img_abs{
    position: absolute;
}
.del_file{
    top:3px;
    left:3px;
    background: white;
}
.file_settings{
    background: transparent;
    right:0px;
    top:0px;
    position: absolute;
    width:100%;
    
}
.file_settings1{
    float:right;
    background: white;
    cursor: pointer;
}
.file_settings2{
    float:left;
    background: white;
    cursor: pointer;
}
.crop_it{
    top:10px;
    right:10px;
}
.big_screen{
    bottom:10px;
    left:10px;
}
.the_small_web_site{
    float:right;
    width:48%;
    margin-right:1%;
    margin-left:1%;
}
.all_siti_sites_yours_title{
    text-align:center;
    font-size:26px;
    margin-top:5px;
    margin-bottom:5px;
}
.all_the_tb_data{
    width:96%;
    margin-right:2%;
    margin-left:2%;
    overflow:auto;
    height: 85vh;
}
.all_the_tb_data_tb {
    width: 100%;
    border-collapse: collapse;
    text-align:center;
}
.font_color_black{
    color:black;
}
.the_icon{
    margin-left:5px;
}
.the_icon_in {
    color: rgba(242,160,16,1);
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
    opacity: 1;
    margin-left: 10px;
}
.the_abs_menu{
    position: absolute;
    top:0;
    background: rgba(0,0,0,0.6);
    color:white;
    font-size:12px;
}
.crop_place_father{
    position: absolute;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    z-index: 222222222;
}
.mini_pop_up{
    position: absolute;
    top:0;
    left:0;
    background: rgba(0,0,0,0.6);
    width:100%;
    min-height:100%;
}
.mini_pop_up_in{
    width:90%;
    margin-right:5%;
    margin-left:5%;
    margin-top:20px;
    background: white;
    color:black;
    position: relative;
}
.mini_pop_up_in_add{
    text-align:center;
    padding:15px;
}
.mini_pop_up_in_add3{
        margin-right: 15px;
    fill: rgb(12, 99, 167);
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    vertical-align: top;
}
.mini_pop_up_in_add3_sub{
        margin-right: 35px;
    fill: rgb(12, 99, 167);
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    vertical-align: top;
}
.the_other_subs_list{
    text-align: center;
    padding-bottom: 10px;
}
.mini_pop_up_in_add3_icons2{
    cursor: pointer;
}
.subs_list_title{
    text-align: right;
    padding: 5px;
    box-sizing: border-box;
}
.subs_list_title_subs{
    padding-right: 20px;
    padding-top: 5px;
}
.the_tit_rowa{
    padding:5px;
    position: relative;
    min-height: 70px;
}
.the_tit_row1a{
    margin-left:10px;
}
.the_tit_row1a img{
    border-radius: 3px;
    border: 1px solid gray;
    height: 60px;
    width: 60px;
    object-fit: cover;
}
.the_tit_row2a1{
    font-size:18px;
    text-align: right;
}
.the_tit_row2a_cat{
    width:40%;
}
.the_top_row_admin_in_all{
    width:100%;
}
.the_tit_row2a{
    width:62%;
}
.the_adminis_menu_topop1 a{
    text-decoration: none;
    font-size:16px;
    margin-right:5px;
    margin-left:5px;
    font-weight:bold;
}
.icon1_v_small{
    font-size:12px;
    font-weight: bold;
}
.icon2_v_small{
    font-size:12px;
    font-weight: bold;
}
.the_tit_row4a{
    margin-left:5px;
    margin-right:5px;
}
.the_tit_rowa a{
    cursor: pointer;
}
.tttoott4:hover{
    color:red;
}
.tttoott4,.tttoott3{
    text-align:center;
}
.the_tit222{
    background: rgba(245,245,245,1);
}
.the_tit222_red{
    background: rgba(231,76,60,0.6);
}
.loading_upload{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.6);
}
.loading_upload_in{
    width:80%;
    margin-right:10%;
    margin-left:10%;
    text-align: center;
    margin-top:50px;
    font-size:28px;
    color:white;
    font-weight: bold;
}
.the_adminis_menu_topop44 {
    font-size: 10px;
    margin-right: 5px;
    border: 1px solid #0074D9;
    padding: 5px;
    padding-right: 7px;
    padding-left: 7px;
    border-radius: 3px;
    cursor: pointer;
}
.the_adminis_menu_topop44:hover{
    background:#0074D9;
    color:white;
}
.pop_up_add_on{
    position: absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    color:white;
    z-index: 1111111111111111111;
}
.pop_up_add_on_top{
    text-align:center;
}
.pop_up_add_on_in {
        width: 95%;
    margin-right: 1%;
    margin-left: 3%;
    color: black;
    background: white;
    overflow: hidden;
    padding: 10px;
    margin-top: 5px;
}
.add_add_one{
    width:30%;
    padding-right:1.5%;
    padding-left:1.5%;
    box-sizing: border-box;
    float:right;
}
.add_on1{
    font-size:20px;
    text-align:center;
    margin-bottom:10px;
}
.pop_up_add_on_in input,.pop_up_add_on_in select{
    width:100%;
    border:1px solid #0074D9;
    padding:5px;
    box-sizing: border-box;
    background:rgba(245,245,245,1);
}
.add_add_one{
    float:right;
    width:33.3%;
    padding:7px;
    box-sizing: border-box;
}
.add_on11 {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 5px;
}
.the_but_add_add_on{
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    width: 140px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    background: #0074D9;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top:10px;
}
.the_types{
    margin-top:5px;
    margin-bottom:5px;
    display: none;
    background: rgba(245,245,245,1);
    padding:10px;
}
.type1 {
    display: block;
}
.the_feture_data_zone1{
    text-decoration: underline;
    font-size:14px;
    font-weight:bold;
    margin-top:5px;
}
.the_feture_data_zone2_3{
    
    color:rgba(245,245,245,1);
    background: #0074D9;
    padding:5px;
    font-weight:bold;
    font-size:14px;
    cursor: pointer;
    border-radius: 3px;
}
.the_feture_data_zone2_3:hover{
    color:#0074D9;
    background: rgba(245,245,245,1);
}

.the_feture_data_zone2{
    margin-top:5px;
    margin-bottom:5px;
}
.the_feture_data_zone2_1 {
    font-size:14px;
    margin-top:5px;
    margin-left:5px;
}
.the_topper_row_feturess{
    margin-top:10px;
    margin-bottom:10px;
    border-top:1px solid gray;
    border-bottom:1px solid gray;
    background: rgba(245,245,245,1);
}
.looker2{
    background: rgba(245,245,245,0.5); 
}
.feture_row_box1{
    float:right;
    width:16%;
    padding-right:1%;
}
.feture_row_box2{
    float:right;
    width:16%;
    margin-right:1%;
    margin-left:1%;
}
.feture_row_box3{
    float:right;
    width:17%;
    text-align:center;
}
.vv_small{
    font-size:12px;
}
.feture_row_box4{
    float:right;
    width:18%;
    text-align:center;
}
.feture_row_box6,.feture_row_box5{
    float:left;
    width:15%;
    text-align:center;
}
.feture_row_box4_icon,.feture_row_box3_icon{
    font-size:40px;
    line-height: 1;
}
.feture_row_box1{
    margin-top:7px;
}
.feture_row_box2{
    margin-top:7px;    
}
.ttt1,.ttt2{
    margin-top:0px;
}
.feture_row_box4,.feture_row_box3{
    cursor:pointer;
}
.feture_row_box4:hover,.feture_row_box3:hover{
    text-decoration: underline;
}
.feture_row_box1 select,.feture_row_box2 input{
    border:1px solid transparent;
    background: transparent;
    border-bottom:2px solid #0074D9;
}
.the_all_add_fetures_in_data{
    display: none;
}
.the_act_one{
    color:rgba(0,116,217,1);
}
.not_act_one{
    color:rgba(0,116,217,0.4);
}
.feture_row_box{
    padding-top:5px;
    padding-bottom:5px;
}
.add_add_one_main_main_title2_icon{
    vertical-align: text-bottom;
}
.add_add_one_main_main_title{
    border-bottom:2px solid rgba(245,245,245,1);
}
.del_or_not_box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    color: white;
    text-align: center;
    font-size: 22px;
    padding: 10px;
    box-sizing: border-box;
}
.del_or_not_box2{
    margin-top:10px;
}
.del_or_not_box2_2{
    border:2px solid rgba(245,245,245,1);
    cursor: pointer;
    padding-right:10px;
    padding-left:10px;
    box-sizing: border-box;
    font-size:16px;
}
.del_or_not_box2_1{
    border:2px solid rgba(245,245,245,1);
    cursor: pointer;
    padding-right:10px;
    padding-left:10px;
    box-sizing: border-box;
    font-size:16px;
}
.the_feture_data_zone2_4 {
    width: 24px;
    height: 24px;
    background: black;
    border: 1px solid gray;
    margin-right: 15px;
}
.sel_pick_row{
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:2px solid white;
}
.sel_pick_row1{
    margin-top:15px;
}
.sel_pick_row2{
    text-align:center;
    cursor: pointer;
}
.sel_pick_row3_icon{
    font-size:30px;
}
.long_way2{
    min-width:500px;    
}
.the_money_txts{
    display: none;
}
.the_feture_data_zone2_2{
    margin-left:5px;
}
.aawaa{
    margin-top:5px;
}
.the_txt_full_width{
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
}
.prod_feturess{
    display: none;
}
.feture_more_info{
    display:none;
    border-top:1px solid rgba(245,245,245,1);
    padding-top:5px;
}
.sele_show_row {
    font-size: 14px;
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 5px;
    border-bottom: 1px solid gray;
}
.the_feture_data_zone_edit_color {
    width: 24px;
    height: 24px;
    background: black;
    border: 1px solid gray;
    margin-right: 15px;
}
.make_space{
    margin-right:5px;
    margin-left:5px;
}
.the_in_left_mebu_pop_up{
    position: absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    top:0;
    left:0;
    z-index: 12;
}
.the_in_left_mebu_pop_up_in{
    background: white;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    font-size: 16px;
}
.the_in_left_mebu_pop_up2{
    position: absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    top:0;
    left:0;
    z-index: 15;
    font-family: 'Heebo_Regular';
}
.the_in_left_mebu_pop_up2_in{
    background: white;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    font-size: 14px;
}
.the_recs_mm1{
    width:120px;
    padding-right:5px;
    box-sizing: border-box;
}
.the_recs_mm1 input{
    width:120px;
    padding:3px;
    box-sizing: border-box;
    margin-top: 7px;
}
.the_recs_mm2_1{
    font-size:12px;
}
.the_recs_mm2,.the_recs_mm3,.the_recs_mm4{
    text-align:center;
    cursor: pointer;
}
.the_recs_mm2:hover,.the_recs_mm3:hover,.the_recs_mm4:hover{
    background: rgba(245,245,245,0.2);
}

.inner_linerr{
    height:40px;
    width:1px;
    background: gray;
    text-align:center;
    float:left;
    margin-right: 7px;
    margin-left: 7px;
}
.the_recs_mm{
    padding-top:5px;
    padding-bottom:5px;
}
.ll2{
    background: rgba(245,245,245,1);
}
.the_page_recsaaaaa{
    display: none;
}
.set_cur_active {
    background: #7FDBFF;
    color: black;
    font-weight: bold;
}
.the_in_left_mebu_pop_up_in2{
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-decoration: underline;
}
.the_in_left_mebu_pop_up_in1{
    font-size:12px;
    color:red !important;
    cursor: pointer;
}
.the_spacer_h{
    text-align:right;
    border-bottom: 1px solid gray;
    margin-bottom:5px;
    padding-bottom:5px;
}

.the_spacer_h2{
    text-align: right;
    border-bottom: 1px solid gray;
    margin-top: 5px;
    margin-bottom: 5px;
    background: lightgrey;
    color: white;
    padding: 5px;
    font-weight: bold;
    letter-spacing: 1.5px;
}
.boxer_ediotrrr_txt{
    float:right;
    width:50%;
    box-sizing: border-box;
    padding:1%;
    text-align:right;
}
.boxer_ediotrrr_txt_full{
    float:right;
    width:100%;
    box-sizing: border-box;
    padding:1%;
    text-align:right;
}
.boxer_ediotrrr_long{
    float:right;
    width:100%;
    box-sizing: border-box;
    padding:1%;
    text-align:right;
}
.boxer_ediotrrr_txt2 textarea{
    width:100%;
    border:1px solid black;
    border-radius: 3px;
    height:100px;
    box-sizing: border-box;
    padding:5px;
}
.edit_boxer{
    overflow: hidden;
}
.boxer_ediotrrr_txt2_in1{
    width:80%;
}
.boxer_ediotrrr_txt2_in2{
    background: black;
    height: 22px;
    width: 22px;
    border:1px solid black;
    cursor: pointer;
}
.boxer_ediotrrr_txt2 select{
    width:100%;
    box-sizing: border-box;
    border:1px solid gray;
    padding:3px;
    font-size:14px;
}
.boxer_ediotrrr_txt2_in1 input{
    width:100%;
    box-sizing: border-box;
    border:1px solid gray;
    font-size:14px;
}
.colorpicker {
z-index:22222222222222222222222222222222222;    
}
.the_imgs_zone_area {
    background: rgba(245,245,245,1);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border: 1px solid black;
    overflow: hidden;
}
.the_imgs_zone_area2 {
    background: rgba(245,245,245,1);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border: 1px solid black;
    overflow: hidden;
}
.edit_boxer1_1{
    margin-top:10px;
    margin-bottom:10px;
}
.edit_boxer1_1_1{
    font-size: 16px;
    font-weight: bold;
    margin-top: 3px;
}
.the_tr_topaa{
    background: rgba(245,245,245,0.6);
    color:black;
    font-weight:bold;
    border-bottom:1px solid black;
    padding-top:5px;
    padding-bottom:5px;
    font-size:18px;
}
.all_the_tb_data_td{
    padding:5px;
}
.f_colorra2{
    background: rgba(245,245,245,0.8);
}
.f_colorra3{
    background: rgba(245,86,77,0.8);
}
.f_colorra{
    background: rgba(245,245,245,0.4);
}
.all_the_tb_data_tr{
    border-bottom:1px solid rgba(245,245,245,1);
}

.all_siti_sites_yours{
    margin-bottom: 15px;
    width:96%;
    margin-right:2%;
    margin-left:2%;
}
.all_siti_sites_yours_title2 {
    background: #0074D9;
    font-size: 18px;
    color: white;
    cursor: pointer;
    line-height: 1;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 5px;
    margin-left: 5px;
    border: 1px solid gray;
}
.fast_move_between{
    padding-top:5px;
    padding-bottom:5px;
    border-top:1px solid gray;
    border-bottom:1px solid gray;
    margin-top:5px;
    margin-bottom:5px;
}
.fast_move_between_in{
    margin-top:7px;
}
.the_fileenenett1{
    margin-left: 5px;
    margin-top: -10px;
    vertical-align: middle;
    font-size: 12px;
}
.the_fileenenett2 svg{
        width: 20px;
    fill: white;
    vertical-align: text-top;
}
.good_flag{
    color:#2ECC40;
    text-align: center;
}
.the_gateway_name{
    font-size:14px;
}
.bed_flag{
    color:#FF4136;
    text-align: center;
}
.the_prod_buts2_2{
    margin-right:20px;
    margin-left:20px;
}
.the_prod_buts2_1,.the_prod_buts2_2,.the_prod_buts2_3{
        background: black;
    color: white;
    padding: 3px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    box-shadow: 5px 5px 5px grey;
    cursor: pointer;
}
.the_prod_buts2_1a,.the_prod_buts2_2a,.the_prod_buts2_3a,.the_prod_buts2_4a{
    background: black;
    color: white;
    padding: 3px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
.the_prod_buts2_1a:hover,.the_prod_buts2_2a:hover,.the_prod_buts2_3a:hover,.the_prod_buts2_4a:hover{
    background: #0074D9;
    color:white
}
.setme_activeee{
    background: #0074D9;
    color:white;
}
.orders_butsss1{
   text-align: center;
    border-bottom: 1px solid black;
    padding: 10px;
    margin-bottom: 10px; 
    margin-top:10px;
    border-top:1px solid gray;
}
.the_active_delivey_but{
    padding: 5px;
    background: #0074D9;
    color: white;
    padding-right: 10px;
    padding-left: 10px;
    box-shadow: 0px 0px 8px #0074d952;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    transition: all 300ms;
}
.the_active_delivey_but_c{
        width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: right;
    height: 40px;
}
.the_active_delivey_but:hover{
    background: #115d9f;
}
.the_active_delivey_but_a,.the_active_delivey_but_b{
    vertical-align: middle;
}
.the_active_delivey_but_b{
    margin-right:10px;
}
.the_active_delivey_but_b svg{
    fill:white;
}
.orders_butsss3{
    text-align: center;
    border-bottom: 1px solid black;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.the_prod_buts{
    border-bottom: 1px solid black;
    padding-bottom: 15px;
    margin-bottom: 15px; 
}
.the_prod_buts2{
    padding-right:40px;
    padding-bottom: 10px;
}
.pprodd2{
    background: rgba(245,245,245,1);
    color: black;
    font-weight: bold;
}
.the_products_list{
    padding: 5px;
    box-sizing: border-box;
}
.the_products_list3{
    text-align:right;
}
.the_ttoott{
        border-bottom: 2px solid gray;
    font-weight: bold;
    background: rgba(0,116,217,1);
    color: white;
    margin-bottom: 15px;
}
.the_income_list6_icon{
    font-size: 30px;
    vertical-align: text-bottom;
}
.the_adminis_menu_topop a{
    cursor: pointer;
}
.the_income_list1_aa{
    width:10%;
}
.the_income_list2_aa,.the_income_list3_aa,.the_income_list4_aa,.the_income_list5_aa{
    width:15%;
}
.the_income_list6_aa,.the_income_list7_aa{
    width:15%;
}
.panelsss_aaa_box{
    width:30%;
    margin-right:1.7%;
    margin-left:1.6%;
    box-sizing: border-box;
    text-align: right;
    margin-bottom:10px;
}
.panelsss_aaa2{
    text-align:center;
    margin-top:15px;
    margin-bottom:15px;
    font-weight: bold;
}
.panelsss_aaa_box1{
    font-weight: bold;
}
.panelsss_aaa_box3{
    text-align:left;
    text-decoration: underline;
    cursor: pointer;
}
.panelsss_aaa_box2{
    height:50px;
    margin-top:5px;
    margin-bottom:5px;
}
.the_page_recsaaaaa{
    border:2px solid #7FDBFF;
}
.boxer_ediotrrr_txt2 input{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid gray;
    padding: 3px;
    font-size: 14px;
}
.boxer_ediotrrr_txt1{
    text-align:right;
}
.aazz1{
    width:60%;
    float:left;
}
.aazz4{
    width:90%;
    float:left;
}
.aazz3{
    width: 28%;
    float: left;
    margin-right: 2%;
}
.aazz2{
    width:10%;
    float:right;
}
.add_site_pop_up_in_in_row2 input,.add_site_pop_up_in_in_row2 select{
    width:100%;
    box-sizing: border-box;
    padding:5px;
}
.add_site_pop_up_in{
        width: 320px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 4px solid #0074D9;
    text-align: center;
    color: black;
    font-size: 18px;
    box-sizing: border-box;
    padding: 10px;
    background: white;
    box-shadow: 0px 0px 20px grey;
    font-family: 'Heebo_Light';
}
.houers_and_days{
    margin-top:5px;
}
.houers_and_days1{
    width:130px;
    font-size:16px;
}
.houers_and_days12{
    width:96px;
    font-size:16px;
    margin-top:4px;
}
.houers_and_days11{
    margin-left:10px;
    cursor: pointer;
}
.houers_and_days2 select,.houers_and_days3 select{
    border:1px solid black;
    font-size:16px;
}
.houers_and_days2{
    margin-right:10px;
}
.houers_and_days3{
    margin-left:10px;
    margin-right:10px;
}
.houers_and_days4{
    padding:5px;
    background: black;
    border-radius: 3px;
    color:white;
    cursor: pointer;
}
.makepad10{
    margin-bottom: 5px;
    margin-top: 12px;;
}
.the_save_rec_in{
    width: 90%;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    background: #0074D9;
    color: white;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 5%;
    margin-left: 5%;
    border-radius: 3px;
    box-shadow: 1px 1px 5px grey;
    font-weight: bold;
}
.the_save_rec_in:hover{
    background: white;
    color:black;
}
.the_save_rec_in2{
    width: 40%;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    background: white;
    color: #0074D9;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #0074D9;
    box-sizing: border-box;
    margin-right: 30%;
    margin-left: 30%;
}
.t_admin_input1_in2 select{
        width: 100%;
    border: 1px solid #0074D9;
    padding: 3.8px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.fast_move_between3_1_icon{
    vertical-align: middle;
    color:white;
    font-size:21px;
}
.fast_move_between3_1_icon svg{
    vertical-align: middle;
    fill:white;
    width:21px;
}
.fast_move_between3_2{
    margin-right:5px;
    color:white;
    font-size:16px;
}
.the_ser_icon{
    background: #0074D9;
    padding-right:5px;
    padding-left:5px;
    cursor: pointer;
}
.the_ser_icon:hover{
    background: black;
}
.cur_product_edit{
    font-size: 16px;
    border: 1px solid black;
    width: 100%;
    box-sizing: border-box;
}
.fast_move_between4_icon,.fast_move_between2_icon{
    cursor: pointer;
    font-size:24px;
    vertical-align: middle;
}
.all_float_ser_menu{
    position: absolute;
    width:300px;
    max-height:200px;
    top:0;
    left:0;
    background: white;
    border:1px solid black;
    overflow: auto;
}
.all_float_ser_menu{
    color:black;
    font-family: 'Heebo_Light';
    font-size:16px;
}
.the_big_loading{
    position: fixed;
    top:0;
    left:0;
    width:0%;
    height:100%;
    z-index:222222222222222222;
    background:rgba(245,245,245,0.6);
}
.the_big_loading_in{
    width:100%;
}
.the_load1 {
    width: 360px;
    margin-left: -360px;
    height: 360px;
    margin-top: calc((100vh - 320px) / 2);
    margin-right: auto;
    
}
.the_load1_in {
        color: black;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    background: white;
    border-radius: 50%;
    box-shadow: 5px 5px 5px grey;
    width: 360px;
    height: 360px;
    margin-right: auto;
    margin-left: auto;
}
.the_load1_3{
    font-size: 16px;
    width: 65%;
    margin-right: auto;
    margin-left: auto;
}
.the_load1_1 img{
    
    width: 150px;
    margin-top: 15px;

}
.the_load1_3_logo{
    font-size:18px;
    margin-top:3px;
    margin-bottom:3px;
}
.add_site_pop_up_in_in_row_final{
    background: gray;
    color:white;
    margin-top:10px;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
}
.the_sign_doc_all_in_row{
    font-size:20px;
    font-family: 'Heebo_Light';
}
.the_sign_doc_all_in1{
    text-align:left;
    font-size:14px;
    
}
.add_site_pop_up_doc_in{
    font-family: 'Heebo_Light';
    font-size:20px;
}
.the_sign_doc_all_in8_1{
    width:200px;
}
.the_sign_doc_all_in8_2{
    width: 300px;
    border-bottom: 2px solid black;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.the_sign_doc_all_in9{
    font-size:22px;
    border-bottom:2px solid gray;
    text-align:right;
    margin-top:15px;
    margin-bottom:15px;
    color:#0074D9;
}
.the_sign_doc_all_in99{
    font-size:26px;
    text-align:center;
    margin-top:15px;
    margin-bottom:15px;
    color:black;
    text-decoration: underline;
}
.the_sign_doc_all_in10{
    font-size:16px;
    color:red;
    text-align:right;
}
.the_fetuers{
    color:black;
    margin-right:5px;
    fonts-zie:18px;
    margin-top:5px;
}
.the_fb_login{
    width: 50%;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding: 15px;
    border: 1px solid gray;
    box-shadow: 1px 1px 5px gray;
}
.the_fb_login2{
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 15px;
    background: black;
    color: white;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
}
.text_editor_big{
    position: absolute;
    width:100%;
    height:100%;
    z-index: 10;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    color:black;
    font-size:18px;
}
.text_editor_big_in{
        width: 80%;
    margin-right: auto;
    margin-left: auto;
    background: white;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 2px solid #0074D9;
    border-right: 2px solid #0074D9;
    border-left: 2px solid #0074D9;
    padding: 15px;
    box-sizing: border-box;
}
.text_editor_big_in1 {
    font-size:22px;
    padding-bottom:25px;
}
.text_editor_big_in3{
    color:red;
    font-size:16px;
}
.text_editor_big_in3_row{
    margin-bottom:10px;
}
.text_editor_big_in3_row select,.text_editor_big_in3_row input{
    width:100%;
    border:1px solid black;
    background: rgba(245,245,245,1);
    color:black;
    box-sizing: border-box;
}
.text_editor_big_in3_row2{
    margin-right:5px;
    margin-left:5px;
}
.the_links_update_but{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
}
.the_links_update_but_in{
    width:320px;
    margin-right:auto;
    margin-left:auto;
}
.all_links_zone{
    height:400px;
    overflow: auto;
    padding-bottom:30px;
}
.text_editor_big_in3_row_add{
    background: rgba(245,245,245,1);
    color:black;
    padding:10px;
    border-bottom:1px solid #0074D9;
    margin-bottom:10px;
}
.text_editor_big_in button,.the_spacer_h button{
    border:none;
    background: transparent;
}
.text_editor_big_in3_row3_icon{
    vertical-align: middle;
}
.the_links_update_but_in button{
    width:100%;
    background: #0074D9;
    color:white;
    border:1px solid transparent;
    font-size:20px;
    text-align: center;
    cursor: pointer;
}
.the_links_zone_row{
    margin-top: 5px;
    text-align: right;
    vertical-align: middle;
    border-bottom:1px solid black;
    padding-bttom:5px;
}
.the_spacer_h_l_icon{
    vertical-align: middle;
}
.add_urls{
    background: rgba(245,245,245,1);
    padding-top:5px;
    padding-bottom:5px;
}
.add_urls input,.add_urls_in input{
    width:100%;
    font-size:16px;
    border:1px solid gray;
    padding:5px;
    box-sizing: border-box;
    padding-right:25px;
}
.add_urls button,.add_urls_in button{
    background: transparent;
    border:1px solid transparent;
    cursor: pointer;
}
.add_urls1{
    width:100%;
    box-sizing: border-box;
}
.add_urls1_b{
    width:20%;
    margin-right:5%;
}
.the_n_level{
    display: none;
}
.add_urls2_c{
    width:20%;
    margin-right:5%;
}
.keywords_tb{
    border-collapse: collapse;
    text-align: center;
    width:100%;
    border:1px solid black;
}
.add_urls1_num{
    margin-left:5px;
    font-weight: bold;
}
.keywords_tr_first,.keywords_tr_sec{
    border-bottom:1px solid black;
}
.keywords_tr_first td,.keywords_tr_sec td{
    border-left:1px solid black;
    
}
.add_urls_right{
    width:90%;
}
.add_urls2{
    margin-right:0%;
    width:100%;
    box-sizing: border-box;
}
.add_urls3{
    width:10%;
    box-sizing: border-box;
    text-align:left;
}
.add_urls_in{
    padding-top:5px;
    padding-bottom:5px;
}
.look_2_redirectss {
    background: rgba(245,245,245,0.8);
}
.look_3_redirectss {
    background: red;
}
.look_3_redirectss2 {
    background:purple;
}
.the_sms_emails_panel2 {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    direction: rtl;
    text-align: center;
    font-size: 20px;
    border-top: 5px double lightgray;
    border-bottom: 5px double lightgray;
    padding-top: 10px;
    padding-bottom: 10px;
    color: mediumvioletred;
}
.the_sms_emails_panel2_1,.the_sms_emails_panel2_3 {
    font-size:16px;
    color:black;
}
.the_sms_emails_panel2_2,.the_sms_emails_panel2_4{
    margin-right:10px;
    margin-left:10px;
}
.the_sms_emails_panel3_1,.the_sms_emails_panel5_1{
    font-size:20px;
    border-bottom:1px solid gray;
    margin-bottom:10px;
}
.the_deal_box{
    overflow:hidden;
    margin-bottom:10px;
}
.the_deal_box1,.the_deal_box2,.the_deal_box3{
    float:right;
    margin-left:5px;
}
.the_deal_box5,.the_deal_box4{
    float:left;
}
.the_deal_box4{
    border:1px solid black;
    background: #0074D9;
    color:white;
    font-size:27px;
    margin-left:10px;
        padding: 2px;
        width:150px;
        text-align:center;
}
.the_sms_emails_panel1_2, .the_sms_emails_panel1_3 {
    width: 100px;
    margin-left: 15px;
    margin-top: 3px;
}
.the_db_master_sms1,.the_db_master_sms2,.the_db_master_sms3,.the_db_master_sms4,.the_db_master_sms5,.the_db_master_sms6{
    width:15%;
    text-align:center;
}
.the_db_master_sms1,.the_db_master_sms2,.the_db_master_sms3{
    text-align:right;
}
.the_db_master_sms7{
    width:10%;
    text-align:center;
}
.the_db_master_sms{
    padding-top:5px;
    padding-bottom: 5px;
}
.the_settingss1{
    margin-left: 10px;
    font-size: 20px;
}
.the_settingss2{
    margin-right:10px;
}
.the_settingss2_icon{
    vertical-align: middle;
}
.the_settingss2 button,.the_settingss3 button{
    border:1px solid transparent;
    background: transparent;
    cursor: pointer;
}
.the_settingss2 button:hover,.the_settingss3 button:hover{
    background: #0074D9;
    border:1px solid white;
    color:white;
}
.the_change_area_holder{
    width: 75%;
    box-sizing: border-box;
    float:right;
}
.the_change_area{
    height: 60vh;
    overflow: auto;
    width: 100%;
    box-sizing: border-box;
}
.the_change_area2{
    width:25%;
    box-sizing: border-box;
}
.prod_boxx_type2 {
    width: 15% !important;
    padding: 0.5% !important;
    margin-right: 1.5% !important;
}

.the_buttom_zone_area3_1,.the_buttom_zone_area3_buttom1{
    width:50%;
}
.the_buttom_zone_area3_2,.the_buttom_zone_area3_buttom2{
    width:50%;
}
.the_products_zone_style2{
    overflow: auto;
    height:75vh;
}
.the_buttom_zone_area3 button{
    font-size: 20px;
    text-align:center;
    width:96%;
    margin-right:2%;
    margin-left:2%;
    padding-top:10px;
    padding-bottom:10px;
    box-sizing: border-box;
    color:white;
    background: black;
    cursor: pointer;
    border-radius: 3px;
}
.the_buttom_zone_area3_top{
    margin-bottom:15px;
}
.the_buttom_zone_area1{
    width:50%;
}
.the_buttom_zone_area2{
    width:50%;
}
.the_buttom_zone_area2_122 button {
    width: 48%;
    margin: 0%;
    box-sizing: border-box;
    background: transparent;
    border: 1px solid transparent;
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 0%;
    margin-left: 2%;
}
.the_buttom_zone_area2_1 button {
    width: 45%;
    margin: 1%;
    box-sizing: border-box;
    margin-bottom: 10px;
    background: transparent;
    border: 1px solid transparent;
}
.the_buttom_zone_area1_1 button{
    width:29%;
    margin:1%;
    padding:1%;
    font-size:20px;
    background: black;
    color:white;
}
.but_all_zero{
    width: 92% !important;
}
.the_buttom_zone_area1_2 button{
    width:16.7%;
    margin:1%;
    padding:1%;
    font-size:20px;
    background: black;
    color:white;
}
.the_buttom_zone_area1_3 button,.the_buttom_zone_area1_4 button{
    width:92%;
    font-size:20px;
    background: black;
    color:white;
    margin-top:15px;
}
.the_cats_filter_zone_here_but{
    position: absolute;
    margin-top:0px;
    top:0;
    right:0;
    z-index: 22222;    
}
.the_cats_filter_zone_here_but_data{
        position: absolute;
    margin-top: 0px;
    top: 0px;
    right: 0px;
    width: 1287px;
    background: rgba(245,245,245,1);
    height: 610px;
    padding-right: 122px;
    z-index: 1111;
}
.the_cats_filter_zone_here_but button{
    font-size:20px;
    background: #0074D9;
    color:white;
    font-weight: bold;
}
.cat_holderaaaa{
    width:31%;
    margin-right:1%;
    margin-left:1%;
    height:200px;
    margin-top:10px;
}
.cat_pick_main_rows2_k2_1 img{
    height: 150px;
    object-fit: cover;
    width:100%;
}
.cat_pick_main_rows2_k2_2{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: black;
    text-align: center;
    font-size: 28px;
    color: white;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}
.cat_pick_main_rows2_k2_1aaaa{
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    background: black;
    color: white;
    font-size: 20px;
    padding: 10px; 
}
.akakak{
    height:180px;
}
.cat_holderaaaa2{
    width:13%;
    margin-right:1%;
    margin-left:1%;
    height:70px;
    margin-top:10px;
    text-align: center;
    font-size:20px;
}
.cat_pick_main_rows2_k2_2_sub{
    font-size:20px;
    padding:5px;
}
.cat_pick_main_rows2_k2_subsss{
    width:96%;
    margin-right:2%;
    margin-left:2%;
}
.cat_pick_main_rows2_k2_subsss button {
    width: 100%;
    border: 1px solid white;
    background: black;
    color: white;
    height: 70px;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 2px 2px 2px slategrey;
    margin: 5px;
}
.the_rull_back{
    margin-right:25px;
}
.the_rull_back button{
    font-size:20px;
    background:#0074D9;
    color:white;
    border:1px solid white;
    padding:3px;
}
.pay_gate_way_box{
    width:50%;
    box-sizing: border-box;
    margin-top:15px;
}
.pay_gate_way_box4{
    text-align:left;
}
.pay_gate_way_box44{
    text-align:center;
}
.pay_gate_way_box1{
    font-weight:bold;
    margin-bottom:5px;
    text-decoration: underline;
}
.pay_gate_way_box2,.pay_gate_way_box3{
    margin-bottom:5px;
}
.pick_products_pop_up{
    position: absolute;
    top:0;
    left:0;
    background: rgba(0,0,0,0.6);
    width:100%;
    height:100%;
}
.pick_products_pop_up_in{
    width:96%;
    margin-right:2%;
    margin-left:2%;
    background: white;
    color:black;
}
.pick_prod_rowwww{
    width:30%;
    margin-right:1.5%;
    margin-left:1.5%;
    float:right;
    min-height:35px;
}
.add_on1_txt2 button{
    border:1px solid transparent;
    background: transparent;
    cursor: pointer;
}
.pick_products_pop_up_in1{
    margin-top:5px;
    margin-bottom:5px;
    width:98%;
    margin-right:1%;
    margin-left:1%;
    font-weight:bold;
}
.pick_products_pop_up_in2 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    text-decoration: underline;
}
.pick_products_pop_up_in3{
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
}
.pick_prod_rowwww2 button,.pick_prod_rowwww2 button:hover{
    background: transparent;
    border:1px solid transparent;
    cursor: pointer;
}
.pick_products_pop_up_in3 button{
    font-size:22px;
    background:#0074D9;
    color:white;
    border:1px solid gray;
    padding-right:10px;
    padding-left:10px;
    cursor: pointer;
}
.pick_products_pop_up_in1_2 button{
    background: transparent;
    border:1px solid transparent;
    cursor: pointer;
}
.pick_prod_rowwww1{
    margin-top:5px;
}
button:focus { outline: none; }
.the_coinsssa{
    width:70%;
    box-sizing: border-box;
}
.the_coinsssa_b{
    width:30%;
    box-sizing: border-box;
}
.the_info_row{
    overflow:hidden;
    margin-top:5px;
    margin-right:5px;
}
.the_info_row1,.the_info_row2{
    float:right;
}
.the_info_row1{
    width:100px;
    font-weight:bold;
}

.the_sms_emails_panel1_2 input,.the_sms_emails_panel1_3 input{
width: 100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.the_sms_emails_panel1_4{
    margin-top:-4px;
}
.the_sms_emails_panel1_4 button{
        font-family: "Heebo_Regular";
        background: transparent;
        border:1px solid transparent;
}
.the_sms_emails_panel1_4_2{
    font-size:12px;
    font-weight:bold;
    margin-top:-5px;
}
.the_deal_box5 button{
    font-size:16px;
    padding:5px;
    background: white;
    border:1px solid black;
    cursor: pointer;
    color:black;
    font-weight:bold;
    font-family: "Heebo_Regular";
}
.the_toper_rowwwwaaa{
    border-bottom:1px solid gray;
}
.the_final_rowwwwaaa{
    border-top:1px solid gray;
}
.the_db_master_sms_l2{
    background: lightgray;
}
.reg_row_redisign1{
    width:48%;
}
.reg_row_redisign2{
    width:48%;
}
.pop_up_login_box1_reg_new {
    margin-top: calc((100vh - 600px)/2);
    width: 100vh;
    color: black;
    margin-right: auto;
    margin-left: auto;
    font-size: 24px;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
}
.sign_box{
    width:320px;
    height:100px;
    border:2px solid black;
    margin-right:auto;
    margin-left:auto;
}
.the_sing_and_but_area{
    text-align:center;
}
.the_sign_submit_but_sign_box_submit{
    margin-top:10px;
}
.sele_show_row_in{
    vertical-align: middle;
}
.feture_more_info_recs_zone{
    max-height: 400px;
    overflow: auto;
}
.the_file_holder{
    display: none;
}
.are_us_sure_pop_up{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(255,255,255,0.8);
    top:0;
    left:0;
    text-align:center;
    padding:5px;
    box-sizing: border-box;
    font-family: "Heebo_Regular";
    font-size:20px;
}
.are_us_sure_pop_up_in2 button,.are_us_sure_pop_up_in3 button{
    border: 1px solid transparent;
    background: #0074D9;
    color:white;
    font-family: "Heebo_Bold";
    padding:5px;
    cursor: pointer;
}
.feture_row_box6,.feture_row_box5,.feture_row_box4_1{
    cursor: pointer;
}
.sele_show_row_in_col4 {
    width: 17%;
    height: 27px;
    cursor: pointer;
    background: black;
    vertical-align: middle;
    margin-right: 3%;
}
.sele_show_row_in_col_main{
    width:20%;
    box-sizing: border-box;
    margin-left:3%;
}
.sele_show_row_in_col3{
    width:80%;
}
.feture_row_box4_inin{
    width:6%;
}
.sele_show_row_in_col_main_r{
    width:94%;
}
.add_add_one_main_main_title2,.pop_up_add_on_top{
    cursor: pointer;
}
.t_admin_input1_in1{
    height:27px;
    line-height: 27px;
}
.t_admin_input1_in1_momoree{
    margin-right:25px;
}

.the_tit_files{
    line-height: 27px;
    padding-right:10px;
}
.t_admin_input1_in1_a2{
    position: absolute;
    left:0;
    top:0;
}
.t_admin_input1_in1_a2 button{
    background: white;
    border:1px solid #0074D9;
    cursor: pointer;
}
.t_admin_input1_in1_a22{
    position: absolute;
    left:55px;
    top:0;
}
.t_admin_input1_in1_a22 button{
    background: white;
    border:1px solid #0074D9;
    cursor: pointer;
}
.t_admin_input1_in1_a22_active button{
    background: #0074D9;
    color:white;
}
.t_admin_input1_in1_a22_active button svg{
    fill:white;
}
.text_area_pop_up{
        position: absolute;
    left: 0;
    top: 0;
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
    text-align: center;
    border-bottom: 1px solid black;
    z-index: 11;
    background: rgba(245,245,245,1);
    box-shadow: 0px 0px 5px grey;
    padding: 10px;
    box-sizing: border-box;
    height: calc(100vh - 80px);
    overflow: auto;
}
.text_area_pop_up1_close{
    width:30px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    vertical-align: middle;
    margin-bottom:10px;
    cursor: pointer;
    color: black;
}
.text_area_pop_up2{
    margin-top:15px;
    margin-bottom:15px;
    cursor: pointer;
    width: 120px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    background: #0074D9;
    padding-top: 10px;
    padding-bottom: 10px;
}
.text_area_pop_up2 a{
    font-size: 18px;
    text-align: center;
    color: white;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.the_top_row_admin_in2_list_row2_red{
    font-size:12px;
}
.the_top_row_admin_in2_list_row1_img{
    margin-right:5px;
    margin-left:5px;
}
.pay_gate_way9{
    margin-top:15px;
    margin-bottom:15px;
    text-align:center;
}
.pay_gate_way9 button{
    width: auto;
    color: white;
    font-size: 18px;
    background: #0074D9;
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
    
}
.pp_bb_but button{
       border:1px solid transparent;
    border-left:1px solid #0074D9;
    border-right:1px solid #0074D9;
    border-top:1px solid #0074D9;
    background: white;
    font-size:18px; 
}
.pay_gate_way2{
    text-decoration: underline;
    text-align: center;
    font-weight: 400;
    margin-top:10px;
    margin-bottom: 10px;
}
.pp_bb_but_holder{
    text-align: center;
    border-bottom:1px solid #0074D9;
}
.pp_bb_but_m{
    margin-right:20px;
    margin-left:20px;
}
.pay_gate_way1{
    display: none;
}
.set_the_active_pay button{
    background: #0074D9;
    color:white;
}
.ss_mm{
    font-size:12px;
}
.way1{
    display: block;
}
.mr_15{
    margin-top:15px;
}
.pay_gate_way_box4_in{
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.pay_gate_way_box4_in1_icon{
    vertical-align: middle;
}
.pay_gate_way_box4_in2{
    margin-right:10px;
}
.the_top_row_admin_in2_list_row button,.pay_gate_way_box4_in button{ 
    background: transparent;
    cursor: pointer;
    border:0px solid transparent;
}
.tttoott4ab{
    margin-left:10px;
}
.tttoott4ab select{
    border:1px solid transparent;
    border-bottom:2px solid rgb(0, 116, 217);
    
}
.the_tititllee{
    font-weight: bold;
    text-align:right;
}
.the_tititllee_in{
    margin-top:3px;
    text-align:right;
}
.the_income_list10{
    cursor: pointer;
}
.inin_pos a{
    cursor: pointer;
}
.barcode_on_off img{
    width:35px;
}
.barcode_on_off img:hover{
    width:35px;
}
.barcode_on_off{
    position: absolute;
    left: 50px;
    top: 0px;
}
.pick_prod_rowwww2{
    width:20%;
}
.pick_prod_rowwww1{
    width:80%;
}
.edit_boxer1_tabs_but{
    padding-right:5px;
    padding-left:5px;
    margin-right:5px;
    margin-left:5px;
    border-top:1px solid gray;
    border-right:1px solid gray;
    border-left:1px solid gray;
    background: transparent;
    color:black;
}
.edit_boxer1_tabs{
    border-bottom: 1px solid gray;
    padding-top: 15px;
    margin-bottom: 5px;
}
.tab_active{
    background: rgba(12, 99, 167,0.8);
    color:white;
}
.img_settings_menu{
        position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    text-align: center;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 12px;
}
.the_filter_taber_menu {
    font-size: 16px;
    font-family: "Heebo_Light";
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
    padding-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #0074D9;
}
.tt1ab_active{
    font-weight: bold;
    color:white;
    background: #0074D9;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.the_filter_taber_menu_tab{
    box-sizing: border-box;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
}
.tt1ab{
    width:10%;
}
.tt2ab{
    width:30%;
}
.tt3ab{
    width:30%;
}
.tt4ab{
    width:30%;
}
.screen_tabs button{
    background: transparent;
    border:1px solid transparent;
}
.toper_cur_site_info1{
    margin-right:5px;
}
.toper_cur_site_info2{
    font-size:16px;
    margin-right:5px;
    margin-left:5px;
}
.screen_tabs button:focus{
    outline: none; 
}
.toper_cur_site_screens{
    margin-left:15px;
}
.screen_tabs_active button{
    color:#ff8e00;
}
.screen_tabs_active svg{
    fill:#ff8e00;
}
.screen_tabs{
    cursor: pointer;
}
.screen_tabs button:hover{
    color:#ff8e00;
}
.des_only{
    display: block;
}
.tablet_only{
    display: none;
}
.mob_only{
    display: none;
}
.the_sorter_handel{
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    text-align: center;
    display: none;
    height: 50px;
    background: white;
    margin-top: calc((100% - 40px) );
}

.the_sorter_handel2{
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    text-align: center;
    display: none;
    height: 50px;
    background: white;
    margin-top: 10px;
}
.the_sorter_handel3{
    position: absolute;
    right: 0;
    top: 7px;
    width: 25px;
    text-align: center;
    display: none;
    height: 50px;
    background: white;
    margin-top: 10px;
}

.the_img_hover_effect:hover > .the_sorter_handel {
    display: block;
    cursor: pointer;
}
.sasasaqqwwee:hover > .the_sorter_handel2 {
    display: block;
    cursor: pointer;
}
.sasasaqqwwee:hover > .the_sorter_handel3 {
    display: block;
    cursor: pointer;
}
.the_selected_tabs_zone{
    width:49%;
    margin-right:1%;
}
.the_img_gllery{
    width: 100%;
    object-fit: cover;
    height: 150px;
}
.the_long_row{
    text-align: right;
    width:100%;
    font-family: "Heebo_Light";
    font-size:14px;
}
.the_long_row1{
    font-weight: bold;
    margin-top:5px;
}
.the_long_row2 input{
    width:100%;
    padding:3px;
    box-sizing: border-box;
    border: 1px solid black;
    font-family: "Heebo_Light";
}
.the_long_row2 textarea{
    width:100%;
    padding:3px;
    box-sizing: border-box;
    border: 1px solid black;
    height:200px;
    font-family: "Heebo_Light";
    
}
.mapsss_rowsss_row{
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    font-size: 14px;
    font-family: "Heebo_Light";
    margin-top: 7px;
    color: black;
}
.mapsss_rowsss_row1{
    float:right;
}
.mapsss_rowsss_row2{
    float:left;
}
.the_long_row2_2{
    position: absolute;
    left:5px;
    top:5px;
    cursor: pointer;
}
.the_update_fixed{
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    padding: 5px;
    box-sizing: border-box;
    background: black;
    margin-top: 15px;
}
.the_prods_r_zone{
    height: 400px;
    overflow: auto;
    width: 50%;
}
.the_prods_r_zone_selected{
    height: 400px;
    overflow: auto;
    width: 50%;
}

.the_prods_r_zone_rec1{
    width:100px;
    position: relative;
    text-align:center;
}
.the_prods_r_zone_rec3{
    margin-left:15px;
    cursor: pointer;
    
}
.the_inin_prods_sel{
    overflow: hidden;
    text-align:right;
    padding-bottom:5px;
    margin-bottom:5px;
}
.the_inin_prods_sel1{
    width:80px;
    text-align:center;
}
.the_sorter_handel4{
    position: absolute;
    right: 0;
    top: 0px;
    width: 25px;
    text-align: center;
    display: none;
    height: 50px;
    background: white;
    margin-top: 10px;
}
.the_prods_r_zone_rec1:hover > .the_sorter_handel4 {
    display: block;
    cursor: pointer;
}
.txt_black{
    color:black;
    width:90%;
    margin-right:auto;
    margin-left:auto;
    overflow:hidden;
    line-height: 1.3;
    font-size:18px;
    font-family: "Heebo_Light";
}
.txt_black_title_main{
    overflow: hidden;
    text-align: center;
    font-size: 26px;
    color: black;
    font-weight: bold;
    font-family: a2, Arial, Sans-Serif;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 1px 1px 1px grey;
    width:90%;
    margin-right:auto;
    margin-left:auto;
}
.txt_black_title{
    overflow: hidden;
    text-align: right;
    font-size: 22px;
    color: black;
    font-weight: bold;
    font-family: a2, Arial, Sans-Serif;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 1px 1px 1px grey;
    width:90%;
    margin-right:auto;
    margin-left:auto;
}
.simple_form_in22_1{
    font-size:24px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.n_back{
    background: rgba(255,255,255,0.6);
    padding-right: 10px;
    padding-left: 10px;
}
.simple_form_in22_1{
    padding-top:30px;
}
.simple_form_in22_3{
    padding-top:10px;
    padding-bottom:10px;
}
.simple_form_in22_1{
    padding-top:30px;
}
.pop_up_login_box_in17{
    text-align:center;
    font-size:16px;
    padding-top: 15px;
}
.the_err_red{
    color:red;
    padding:15px;
    text-align: center;
}
.menu_zone_in{
    height: 150px;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 34px;
    background: white;
    padding: 5px;
    box-shadow: 1px 1px 5px black;
    width: 210px;
    z-index: 1;
}
.menu_zone_in_big{
        height: 350px;
    overflow: auto;
    position: absolute;
    right: 34px;
    background: white;
    padding: 5px;
    box-shadow: 1px 1px 5px black;
    width: 90%;
    z-index: 1;
}
.the_ser_rec{
    text-align: right;
    cursor: pointer;
    border-bottom: 1px solid rgba(0,0,0,1);
    padding-bottom: 5px;
    padding-top: 5px;
}
.the_ser_rec:hover{
    background: #0074D9;
    color:white;
}
.the_ser_rec1{
    margin-left:10px;
}
.the_menu_close_up{
    text-align:left;
}
.url_cliker{
        position: absolute;
    right: 0;
    top: 1px;
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 29px;
    width: 20px;
}
.url_cliker svg{
    fill:white;
    width:16px;
    height:16px;
}
.the_links_zone_row2{
    width:90px;
    vertical-align: text-top;
}
.tt_tab_tab2,.tt_tab_tab3{
    display: none;
}
.the_subs_cats_info_panel{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(12, 99, 167,0.3);
}
.the_subs_cats_info_panel_in {
    padding: 15px;
    margin: 50px;
    background: white;
    box-sizing: border-box;
    border: 1px solid rgba(245,245,245,1);
    box-shadow: 1px 1px 15px grey;
}
.the_holder_but_save{
    text-align:center;
}
.the_txts_save{
        font-weight: bold;
    color: white;
    background: rgba(12, 99, 167,0.9);
    padding: 5px;
    width: 120px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
    cursor: pointer;
    box-shadow: 1px 1px 5px grey;
    margin-bottom: 5px;
}
.the_txts1,.the_txts2{
    width:49.5%;
}
.the_txts1 textarea,.the_txts2 textarea{
    width:100%;
    box-sizing: border-box;
    border: 1px solid #0074D9;
    min-height:50px;
    padding:5px;
}
.the_subs_cats_info_panel_in_top1{
    font-weight:bold;
    font-size:18px;
}
.the_txts_title2{
    font-weight: bold;
    padding-bottom:10px;
    padding-top:10px;
    font-size: 14px;
}
.the_txts_title{
    font-weight: bold;
    padding-bottom:10px;
    font-size: 14px;
}
.the_txts_title_no_bold{
    font-weight: normal;
}
.the_txts_title input{
    width:100%;
    box-sizing: border-box;
     border: 1px solid #0074D9;
     padding:5px;
}
.m_it_blue{
    color: rgba(12, 99, 167,0.9);
}
.del_cat_box{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(254,0,0,0.5);
}
.del_cat_box_in{
    width:80%;
    margin-right:10%;
    margin-left:10%;
    margin-top:15px;
    padding:15px;
    background: white;
    text-align:center;
    font-weight: bold;
}
.del_cat_box_in_small{
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    background: white;
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    padding: 5px;
}
.del_cat_box_in_small1{
    width:15%;
    text-align:center;
    cursor:pointer;
}
.del_cat_box_in_small2{
    width:70%;
    text-align:center;
}
.del_cat_box_in_small3{
    width:15%;
    text-align:center;
    cursor:pointer;
}
.del_cat_box_in2_1,.del_cat_box_in2_2{
    cursor:pointer;
}
.the_styler_mid{
    background: rgb(245, 245, 245);
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin-bottom: 5px;
    margin-top: 5px;
}
.parsi_main_cat_con{
    padding-top:5px;
    padding-bottom:5px;
}
.the_list_all_for_select{
    display: none;
}
.the_listers_duplicater_top{
    border-bottom:1px solid black;
}
.the_listers_duplicater,.the_listers_duplicater_top{
    padding-top:5px;
    padding-bottom:5px;
}
.the_listers_duplicater1{
    width:30%;
    text-align:right;
}
.the_listers_duplicater2{
    width:30%;
    text-align:center;
}
.the_listers_duplicater3{
    width:40%;
    text-align:left;
}
.ter1{
    background: rgba(245,245,245,1);
}
.ter2{
    background: white;
}
.the_cruser{
    cursor: pointer;
}
.all_domains_list_zone_row{
    padding:10px;
}
.the_gray_one{
    background: rgba(245,245,245,1);
}
.the_top_row_admin_in333{
    width:32.5%;
}
.the_mid333{
    margin-right:1%;
    margin-left:1%;
}
.the_top_row_admin_in33{
    width:33%;
}
.the_top_row_admin_in34{
    width:32%;
    margin-right:1%;
    margin-left:1%;
}
.the_spcer_toper{
    margin-top:10px;
    margin-bottom:10px;
}
.set_spacer_d1{
    width:20%;
}
.the_domain_reports{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background: rgba(0,0,0,0.6);
    height: 100%;
    overflow:hidden;
}
.the_domain_reports_table{
    background: white;
    width: 100%;
    overflow: auto;
    overflow: hidden;
    padding-bottom:15px;
}
.the_domain_reports_close{
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid black;
    
    background: lightgray;
}
.the_domain_reports_close a{
    cursor: pointer;
}
.tb_holder{
    height:400px;
    overflow: auto;
    width:100%;
}
.the_adminis_menu_in{
   min-height: 80vh;
}
.sele_show_row_in_col_main22{
    margin-top:-33px;
}
.sele_show_row_in22,.sele_show_row_in_col_main22{
    width: 20%;
    vertical-align: middle;
    box-sizing: border-box;
}
.the_citys_list_sel{
    position: absolute;
    width: 94.5%;
    top: 0;
    left: 0;
    background: white;
    height: 200px;
    overflow: auto;
}
.the_citys_row,.the_deliver_sel_cur{
    padding:5px;
}
.the_citys_row2{
    cursor: pointer;
}
.city_c_color{
    background: rgba(245,245,245,1);
}
.the_mar{
    margin-right:15px;
}
.the_mar2{
    margin-right:5px;
}
.the_top_row_admin2{
    width:60px;
}
.the_top_row_admin2_b{
    width:120px;
}
.the_top_row_admin2_b select{
    width: 100%;
    border: 1px solid #0074D9;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.the_deliver_sel_cur1 input,.the_top_row_admin2 input,.the_top_row_admin2 select{
    width: 100%;
    border: 1px solid #0074D9;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.make_border_bottom{
    border-bottom: 2px solid rgba(245,245,245,1);
    padding-bottom:10px;
}
.make_width_uniqaa{
    width:15%;
}
.the_delivery_zones_places{
    min-height: 200px;
    max-height: 350px;
    overflow: auto;
    margin-bottom: 15px;
}
.the_tabs{
    background: white;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid black;
}
.the_tabs_but_active{
    text-decoration: underline;
    font-weight: bold;
}
.the_tabs a{
    cursor: pointer;
}
.the_tabs a:hover{
    font-weight: bold;
}
.the_tabs_but{
    margin-left:10px;
}
.pp_bb_but button{
    cursor: pointer;
}
.the_top_tab{
    margin-top:15px;
}
.boxer_ediotrrr_txt1_l{
    text-align:center;
}
.add_page_custom{
    position: absolute;
    left:5px;
    top:5px;
    cursor: pointer;
}
.add_page_custom svg,.the_pageger_custom_in_title_l svg{
    height:25px;
}
.the_pageger_custom{
    color:black;
}
.the_pageger_custom_in_title{
    font-weight: bold;
    border-bottom:1px solid black;
    padding-bottom: 5px;
    margin-bottom:5px;
}
.the_page_builder,.the_pageger_custom_in_title{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.the_page_builder_r {
    width: 50.5%;
    border-left: 10px solid rgba(0,0,0,0.2);
    padding-left: 2%;
    height: 300px;
    box-sizing: border-box;
}
.the_page_builder_l{
    width:48%;
}
.the_page_builder_submit{
    overflow: hidden;
    text-align:center;
}
.the_page_builder_submit_but22{
    background: #0074D9;
    padding-right: 10px;
    padding-left: 10px;
    color: white;
    padding: 3px;
    cursor: pointer;
    box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);
    margin-right: 15px;
}
.the_page_builder_submit_but{
        background: #0074D9;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    display: inline-block;
    padding: 10px;
    margin-top: 15px;
    cursor: pointer;
    box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);
    margin-bottom: 5px;
}
.the_page_builder_r_title,.the_page_builder_l_title{
    font-weight: bold;
    text-decoration: underline;
}
.the_rec_to_pick{
    margin-bottom:5px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    width: 98%;
    padding-bottom: 5px;
}
.the_rec_to_pick1{
    padding-right:5px;
}
.the_rec_to_pick2{
    color:#0074D9;
    cursor: pointer;
    padding-left: 5px;
}
.the_rec_to_pick3{
    color:#C60021;
    cursor: pointer;
    padding-left: 5px;
}
.pick_recs_zone,.selcted_recs_zone{
    height: 260px;
    overflow: auto;
    padding-top: 10px;
}
.the_pageger_custom_in_title_l{
    cursor: pointer;
}
.the_page_info_row_long{
    width:100%;
    text-align:right;
}
.the_page_info_row{
    width:49%;
    text-align:right;
}
.the_page_info_row1{
    margin-bottom: 5px;
}
.the_page_info_row2{
    text-align:right;
    margin-bottom: 5px;
}
.the_page_info_row2 input,.the_page_info_row2 textarea{
    width:100%;
    box-sizing: border-box;
    padding: 5px;
}
.the_page_info{
    border-bottom: 1px solid black;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-align:right;
}
.uniq_name_type{
    direction: ltr;
}
.the_m_time_c_time{
    position: absolute;
    left:0;
    top:0;
}
.the_ltr{
    direction: ltr;
}
.m_it_small{
    font-size:12px;
}
.the_add_slider_but{
        width: 50%;
    margin-right: auto;
    margin-left: auto;
    font-size: 20px;
    padding: 5px;
    margin-top: 15px;
    background: #fe9e29;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 0px 5px grey;
    font-weight: bold;
    text-align:center;
}
.the_add_slider_but2{
    margin-right:10px;
}
.the_add_slider_but2 svg{
    fill:white;
}
.the_add_slider_but1{
    vertical-align: top;
}
.slider_rec_box_r{
    width:50%;
}
.slider_rec_box_l{
    width:50%;
    overflow: hidden;
}
.slider_rec_box {
    padding:5px;
    margin-top:10px;
}
.slider_rec_box_r1{
    margin-bottom:5px;
}
.slider_rec_box_r1 input,.slider_rec_box_r1 textarea,.slider_rec_box_r1 select{
    width:95%;
    margin-left:5%;
    padding:3px;
    box-sizing: border-box;
    font-size:16px;
    border:1px solid gray;
}
.slider_rec_box_l_in{
    display: flex;
  align-items: center;
  justify-content: center;
  height:240px;
}
.the_slider_remove{
    position: absolute;
    top:0;
    left:0;
    cursor: pointer;
    z-index:2;
}
.the_slider_remove_in{
    background: black;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align:center;
}
.the_slider_remove_in svg{
    fill:white;
    margin-top:3px;
}
.tttbbbaaa{
    font-weight:bold;
}
.tttbbbaaa2{
    margin-right:15px;
}
.tttbbbaaa3,.tttbbbaaa4{
    width:100%;
    border-collapse: collapse;
}
.tttbbbaaa55{
    border-bottom:1px solid black;
}
.tttbbbaaa5{
    border-left:1px solid black;
    text-align:center;
}
.text_editor_big_in4_row5_1{
    vertical-align: middle;
    font-size: 14px;
    margin-right: 5px;
}
.text_editor_big_in4_row5{
    margin-right:10px;
}
.the_inner_links{
    overflow: hidden;
    width: 95%;
    margin-right: 5%;
}
.the_cats_sel_area{
    z-index: 11;
    background: white;
    overflow: auto;
    height: 150px;
    padding: 5px;
    box-sizing: border-box;
    display: none;
}
.the_list_of_all{
    padding-top:5px;
    padding-bottom:5px;
}
.m_another_c{
    background: lightgray;
}
.the_list_of_all2{
    font-weight: bold;
    cursor: pointer;
}
.download_excel{
    cursor: pointer;
    font-weight:bold;
    background: #0074D9;
    color:white;
    padding:5px;
}
.make_it_bold{
    font-weight: bold;
}
.make_it_bolder{
    font-weight: bold;
    border-bottom: 2px solid gray;
    padding-top: 5px;
    margin-bottom: 5px;
}
.mapsss_rowsss_row_select{
    float:left;
}
.the_add_pop_up{
    position: absolute;
    top:0;
    left:0;
    background: rgba(0,0,0,0.6);
    width:100%;
    height:100%;
}
.the_add_pop_up_in1{
    color:white;
    text-align:center;
    font-weight:bold;
}
.the_add_pop_up_in3{
    cursor: pointer;
    color:black;
    background: greenyellow;
    padding:5px;
    margin:5px;
}
.the_add_pop_up_in4{
    cursor: pointer;
    color:white;
    background: red;
    padding:5px;
    margin:5px;
}
.the_del_product_in{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    color:white;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}
.the_del_product_in_in1{
    font-size: 24px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.the_del_product_in_in3{
    font-size:20px;
    margin-top:15px;
    margin-right:10px;
    cursor: pointer;
}
.the_del_product_in_in4{
    font-size:20px;
    margin-top:15px;
    margin-left:10px;
    cursor: pointer;
}
.the_sales_zone_list{
    max-height: 250px;
    overflow:auto;
}
.the_sale_title_in{
    padding-bottom:10px;
    padding-top:10px;
}
.the_citys_row5{
    cursor: pointer;
}
.the_citys_row4{
    margin-right:5px;
    margin-left:5px;
}
.the_summerized1,.the_summerized2,.the_summerized3,.the_summerized4{
    width:25%;
    box-sizing: border-box;
    text-align: center;
}
.the_summerized_bottom{
    border-top: 2px solid #0074D9;
    border-bottom: 2px solid #0074D9;
    padding-top:5px;
    padding-bottom: 5px;
    margin-bottom:15px;
    margin-top:5px;
}
.the_sales_zone_list_selected{
    overflow: auto;
    max-height: 220px;
}
.m_green{
    color:green;
}
.m_red{
    color:red;
}
.the_show_or_not_sale{
    font-size:12px;
    margin-right: 5px;
    line-height: 20px;
    vertical-align: middle;
} 
.svg_very_small svg{
    height:12px;
    cursor: pointer;
}
.cats_relsin{
    margin-left:5px;
}
.t_admin_input1_in1_222{
    position: absolute;
    left:0;
    top:-5px;
}
.start_close{
    display: none;
    border-bottom:1px solid gray;
}
.row_tabs{
    padding:5px;
}
.row_tabs_pages{
    padding-right:5px;
    padding-left:5px;
    border-bottom: 2px solid;
}
.row_tabs1{
    margin-left:5px;
    text-decoration: underline;
    margin-top:5px;
}
.row_tabs2,.row_tabs3{
    font-size:14px;
    margin-left:5px;
    margin-top:5px;
}
.mk_it_gray_light{
    background: rgba(245,245,245,1);
}
.the_seo_holder{
    border:1px solid rgba(245,245,245,1);
}
.orange_flag{
    color: orange;
    background: black;
    text-align: center;
    width: 100%;
    cursor: pointer;
}
.the_info_holder{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    color: white;
    box-sizing: border-box;
}
.the_info_holder_in{
    background: black;
    padding: 5px;
}
.prod_gal_main_box1_submit{
    text-align: center;
        padding-bottom: 15px;
}
.prod_gal_main_box1_submit_in{
    background: #0074D9;
    color: white;
    font-size: 18px;
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    margin-top: 5px;
}
.prod_gal_main_box1_1{
    width:30%;
}
.prod_gal_main_box1_2{
    width:65%;
}
.prod_gal_main_box1{
    margin-top:5px;
}
.prod_gal_main_box1_2 input{
    width:100%;
    box-sizing: border-box;
}
.the_but_opener{
    text-align:center;
}
.the_but_opener_in{
    color:white;
    text-align:center;
    padding:10px;
    cursor: pointer;
    background: black;
    display: inline-block;
}
.prod_gal_main_box1_4 p{
    margin:0px;
    padding:0px;
}
.the_chat_admin_holder iframe{
    width: 100%;
    height: 80vh;
    border: 2px solid black;
}
.the_tit_row1a_cheaker{
    visibility: hidden;
    opacity: 0;
    transition: all 300ms;
    width:0px; 
}
.the_tit_row1a_cheaker_open{
    visibility:visible;
    opacity: 1;
    width:auto; 
}
.the_cat_con{
    position: fixed;
    top: 1.5%;
    left: 21%;
    
}
.the_cat_con_but1{
    background: black;
    color: white;
    padding: 5px;
    box-shadow: 1px 1px 10px grey;
    border-radius: 5px;
    padding-right: 10px;
    padding-left: 10px;
    cursor: pointer;
    margin-left:10px;
}
.cats_pop_up_all{
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    background: white;
    color: black;
    font-family: 'Heebo_Light';
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  
}
.cats_pop_up_all_in{
    padding:5px;
    
}
.cats_pop_up_all_in_title{
    font-weight: bold;
}
.cat_box_row{
    text-align:right;
    width:50%;
    margin-bottom: 10px;
}
.box_type1{
    font-weight:bold;
}
.cats_pop_up_all_in_titless{
    border-bottom:1px solid gray;
    margin-bottom:10px;
    margin-top:10px;
}
.the_up_cats_general{
    text-align:center;
}
.the_up_cats_general_in{
    background: #0074D9;
    color:white;
    font-size:20px;
    padding:10px;
    cursor: pointer;
    margin-left: 30px;
}
.the_ad_filesr_r{
    width:20%;
}
.the_ad_filesr_l{
    width:80%;
}
.the_ad_filesr_l img{
    width:100%;
    object-fit: cover;
}
.the_capture_but{
    background: rgb(12, 99, 167);
    border-radius: 3px;
    width: 120px;
    height: 20px;
    text-align:center;
    cursor: pointer;
    color:white;
}
.the_subs_area_by_cat{
    margin-right:10px;
}
.the_subs_subs_area_by_cat{
    margin-right:20px;
}
.the_subs_subs_subs_area_by_cat{
    margin-right:30px;
}
.site_des_holder textarea{
        width: 100%;
    border: 1px solid #0074D9;
    box-sizing: border-box;
    height: 60px;
}
.cats_pop_up_all_in_close{
    cursor: pointer;
}
.box_type_act{
    text-decoration: underline;
    color:#0074D9;
}
.the_overflow_auto{
    overflow: auto;
    height: calc(100vh - 150px);
}
.catsss_rowwwss{
    margin-botom:5px;
    cursor: pointer;
}
.the_nav_pageing{
    position: fixed;
    bottom:10px;
    left:0px;
    background: black;
    color: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px grey;
    font-size:16px;
}
.the_nav_pageing_num{
    margin-left:10px;
    cursor: pointer;
    
}
.the_nav_pageing_num_act{
    font-size:20px;
}
.the_cats_show_box{
    margin-left:5px;
    font-size:12px;
    background: gray;
    padding:3px;
    border-radius: 3px;
    color:white;
    margin-bottom:5px;
}
.the_cats_show_box_brand{
    margin-left:5px;
    font-size:12px;
    background: black;
    padding:3px;
    border-radius: 3px;
    color:white;
    margin-bottom:5px;
}
.the_preview_img_with_txt{
    height:auto;
    margin-right:0px;
    margin-left:0px;
}
.the_imgs_zone_area2_t2{
    border: 1px solid transparent;
}
.the_remove_area{
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 11;
    color: white;
    text-align: center;
    box-sizing: border-box;
    padding: 20px;
    font-size: 20px;
}
.the_remove_area_in_r,.the_remove_area_in_l{
    cursor: pointer;
}
.close_rel_prod_close{
    position: absolute;
    left:5px;
    top:2px;
    cursor: pointer;
}
.the_pick_roww1_a{
        width: 90%;
    height: 50px;
    display: flex;
    align-items: center;
    text-align: right;
}
.the_pick_roww1_b{
    height: 50px;
    display: flex;
    align-items: center;
    text-align: center;
}
.the_pick_roww1_all{
    border-bottom: 1px solid rgba(240,240,240,1);
}
.ser_in_prods{
    width:100%;
}
.ser_in_prods input{
    width:100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1); 
}
.the_total_matches{
    position: absolute;
    width: 25px;
    height: 25px;
    background: white;
    text-align: center;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    box-shadow: 1px 1px 10px grey;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0074D9;
}
.ser_for_links_ckeditor{
    width:100%;
}
.ser_for_links_ckeditor input{
    width: 100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.links_place{
    max-height: 200px;
    background: white;
    overflow: auto;
    padding: 5px;
}
.the_links_for_ckeditor{
    border-bottom:1px solid #0074D9;
    padding-top:5px;
}
.the_summer2,.the_summer3{
    margin-right:5px;
    margin-left:5px;
}
.the_green_yellow{
    color:greenyellow;
}
.the_red_yellow{
    color:lightcyan;
}
.the_summer{
    font-weight: bold;
    letter-spacing: 1.2px;
    text-align: center;
    padding:5px;
    color:white;
    background: black;
}
.the_adminis_menu_topop2{
    padding-top:7px;
}
.order_ser_place_desktop,.the_adminis_menu_topop1{
    padding-top:5px;
}
.the_adminis_menu_topop1_b{
    vertical-align: text-top;
}
.order_filter_but{
        font-weight: normal;
    padding: 3px;
    border: 1px solid lightgray;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 10px;
    font-size: 16px;
    padding-right: 7px;
    padding-left: 7px;
    margin-right: 5px;
}
.order_filter_but_act{
    background:#0074D9;
    color:white;
}
.make_order_open_green svg{
    fill:green;
}
.the_txts_title select{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #0074D9;
    padding: 5px;
}
.the_history_icon_prod{
    position: absolute;
    left:30px;
    top:-5px;
}
.history_pop_up{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    background: white;
    color: black;
    width: 100%;
    padding: 2%;
    box-sizing: border-box;
    border-bottom: 4px solid black;
    border-top: 4px solid skyblue;
}
.the_data_tr table{
    border-collapse: collapse;
    width:100%;
}
.the_data_tr tr{
    border-bottom:1px solid black;
}
.the_data_tr td{
    border-left:1px solid black;
}
.tb_in_td1{
    width:20%;
}
.tb_in_td2{
    width:40%;
}
.tb_in_td3{
    width:40%;
}
.the_seo_holder_tabs1{
    float:right;
    border:1px solid gray;
    padding:5px;
    cursor: pointer;
    color:black;
}
.the_seo_holder_tabs2{
    float:right;
    margin-right:10px;
    border:1px solid gray;
    padding:5px;
    cursor: pointer;
    color:black;
}
.the_seo_holder_tabs_active{
    color:white;
    background: #0074D9;
}
.show_hist_row1{
    width:25%;
}
.show_hist_row2{
    width:25%;
}
.show_hist_row3{
    width:40%;
}
.show_hist_row4{
    width: 7%;
    text-align: left;
    padding-left: 3%;
    cursor: pointer;
}
.show_hist_row{
    padding-top:3px;
    padding-bottom:3px;
    border-bottom: 1px solid rgba(245,245,245,1);
    display: flex;
    align-items: center;
}
.show_hist_row_color2 {
    background: rgba(245,245,245,1);
}
.history_pop_up_in{
    overflow: auto;
    height: 40vh;
}
.orders_butsss1_spacer_add{
    margin-right:5px;
    margin-left:5px;
}
.ask_and_answer1 svg{
    width:35px;
    height:35px;
    cursor:grabbing;
}
.ask_and_answer1{
    width:10%;
    text-align:center;
}
.ask_and_answer2{
    width:39%;
    text-align:right;
    margin-left:1%;
}
.ask_and_answer3{
    width:39%;
    text-align:right;
    margin-right:1%;
}
.ask_and_answer4{
    width:10%;
    text-align:center;
}
.ask_and_answer4 svg{
    width:35px;
    height:35px;
    cursor:pointer;
}
.ask_and_answer2 textarea{
    width:100%;
    box-sizing: border-box;
    border:1px solid lightgray;
}
.ask_and_answer3 textarea{
    width:100%;
    box-sizing: border-box;
    border:1px solid lightgray;
}

.iframe_loader{
    position: fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:50;
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(4px);
}
.preloader{
    width:100px;
    height:100px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    animation:rotatePreloader 2s infinite ease-in;
    z-index:51;
}

.preloader_holderrrr{
    width:100%;
    height:200px;
    text-align:center;
    position: relative;
}

.tttoott2 {
    width: 50px;
    margin-right: 5px;
    margin-left: 10px;
    text-align: center;
}
.tttoott5{
    width:125px;
    text-align: center;
}
.list_show_spacerrrr{
    margin-top:5px;
    margin-bottom:10px;
}
.color_piker_grand{
            display: inline-block;
    border: 2px solid transparent;
    width: 32px;
    height: 32px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px;
    box-sizing: border-box;
    margin-top: 5px;
    border-radius: 3px;
    cursor: pointer;
}
.color_piker_grand_pick{
    border: 2px solid black;
}
.current_url_show{
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    direction: ltr;
    max-width: 400px;
    cursor: pointer;
    height:15px;
}
.the_stat{
    width: 80%;
    box-sizing: border-box;
}
.likut_panel{
    text-align:center;
}
.likut_input{
    border: 4px solid gray;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 5px;
    background: white;
    box-sizing: border-box;
}
.likut_input input{
    width: 60%;
    font-size: 20px;
    text-align: center;
    border: none;
    border-bottom: 2px solid black;
    outline: none;
    box-sizing: border-box;
    color:black;
}
.likut_input2{
    font-size:12px;
    color:black;
    font-weight: bold;
}
.likut_yes{
        color: white;
    background: #58b957;
    font-weight: bold;
    padding: 10px;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    box-shadow: -1px 1px 10px 0px transparent;
    margin-right:1px;
    border: 2px solid transparent;
}
.likut_no{
        color: white;
    background: #db524b;
    font-weight: bold;
    padding: 10px;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    box-shadow: -1px 1px 10px 0px transparent;
    margin-left: 1px;
    border: 2px solid transparent;
}
.set_yes_no_active{
    border: 2px solid black;
}
.likut_yes:hover,.likut_no:hover{
    box-shadow: -1px 1px 10px 0px black;
}
.likut_title{
    font-weight:bold;
}
.finale_prices_ten_pres{
    border-top: 4px solid red;
    padding: 5px;
    box-sizing: border-box;
}
.the_red_numberrr{
    font-size:20px;
    font-weight:bold;
}
.the_text_summer_holder{
    text-align:left;
    margin-bottom:5px;
    border-bottom:1px solid gray;
}
.the_text_summer_holder_spliter{
        text-align: left;
    margin-bottom: 5px;
    border-bottom: 6px double gray;
    padding-bottom: 5px;
}
.the_text_summer_holder_last_row{
    text-align:left;
    margin-bottom:5px;
    background: black;
    color:white;
    font-weight: bold;
    padding:5px;
}
.the_text_summer2{
    width:100px;
}
.the_text_summer{
    width:200px;
    text-align:right;
}
.make_j5_but_likut_main_holder{
    text-align:center;
}
.make_j5_but_likut_main_holder_smaller{
    font-size:16px;
}
.make_j5_but_likut_main{
    background: #58b957;
    text-align: center;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    font-size:20px;
}
.make_j5_but_likut_main_red_one{
    background:#db524b;
}
.the_get_money_pop_up{
    position: fixed;
    top:0;
    left:0;
    z-index:30;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
  
}
.the_get_money_pop_up_in{
        width: 50%;
    height: 150px;
    background: white;
    border-radius: 3px;
    font-size: 22px;
    color: black;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
}
.the_get_money_pop_up_title_yes_no_r{
    background:#58b957;
    color:white;
    font-weight: bold;
    cursor: pointer;
    padding:10px;
}
.the_get_money_pop_up_title_yes_no_l{
    background:#db524b;
    color:white;
    font-weight: bold;
    cursor: pointer;
    padding:10px;
    border-radius: 3px;
}
.the_get_money_pop_up_title{
    font-weight: bold;
    margin-top:15px;
    margin-bottom:15px;
    border-radius: 3px;
}
.t_admin_input1_in3 select{
    width: 100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.seconday_color_before{
    border-bottom:1px solid gray;
}
.the_first_row_ever{
    border-bottom:2px solid black;
}
.the_right_row{
    width:90%;
    text-align: right;
    direction: ltr;
}
.the_left_row{
    width:10%;
    text-align: left;
    font-weight: bold;
}
.seconday_color_stat{
    background: rgba(245,245,245,1);
    border-bottom:1px solid gray;
}
.all_recccss_stat{
    padding-top:5px;
    padding-bottom:5px;
}
.the_stat_select{
    margin-right:15px;
}
.the_stat_select select{
    width: 100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.prod_in_stock{
    background: rgba(88,185,87,0.4);
    border-bottom:1px solid black;
    color: black;
    font-weight: normal;
}
.prod_not_in_stock{
    background: rgba(219,82,75,0.4);
    border-bottom:1px solid black;
    color: black;
    font-weight: normal;
}
.the_show_touch_ui{
    position: absolute;
    top: 25%;
    left: 30%;
    transition: all 300ms;
    visibility: hidden;
    opacity: 0;
}
.the_show_touch_ui svg{
    width:24px;
    height:24px;
}
.the_show_touch_ui_open{
    visibility:visible;
    opacity: 1;
    
}
.the_show_touch_ui_open svg{
    width:40px;
    height:40px;
    animation-duration: 0.5s;
    animation-name: changewidth;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.likut_title_b{
    margin-right:5px;
}
.the_from_date_stat,.the_to_date_stat{
    margin-right:10px;
}
.the_but_ser{
    font-size:16px;
    color:white;
    background: #0074D9;
    cursor: pointer;
    padding: 5px;
    border-radius: 3px;
    margin-right: 10px;
}
.the_from_date_stat input,.the_to_date_stat input{
    width: 100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.parsi_stores_row_edit{
        text-align: center;
    margin-right: 20px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.parsi_stores_row_edit svg{
    width:24px;
    height:24px;
}
.parsi_stores_row{
    padding:10px;
}
.parsi_stores_row_sec{
    background: rgba(245,245,245,1);
}
.parsi_stores_row_title{
    height: 40px;
     display: flex;
    align-items: center;
    justify-content: center;
}
.the_num_zoner{
    font-size: 16px;
    background: black;
    box-shadow: 1px 1px 5px lightgrey;
    vertical-align: middle;
    padding-right: 3px;
    padding-left: 3px;
    margin-left: 10px;
    color: white;
    min-width: 20px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 3px;
}
.file_dynamic_doc_zone img{
    width:100%;
    object-fit: cover;
}
.simple_row{
    margin-bottom:10px;
}
.the_input_text2 input,.the_input_text_a_2 input{
    width: 100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.the_input_text_a_2_a{
    width:15%;
}
.the_input_text_a_2_b{
    width:83%;
    margin-right:2%;
}
.the_input_text_a_2_a input,.the_input_text_a_2_b input{
    width: 100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.the_input_text_a{
    width:39%;
    margin-left:1%;
}
.the_input_text_a_full{
    width:100%;
}
.the_input_text_a_2 textarea{
        width: 100%;
    min-height: 100px;
    box-sizing: border-box;
    border: 1px solid #0074D9;
    border-top: 1px solid #0074D9;
    background: rgba(245,245,245,1);
}
.the_input_text_a_1{
    margin-top:5px;
    margin-bottom:5px;
}
.the_input_text_b{
    width:39%;
    margin-left:1%;
}
.the_input_text_c{
    width:20%;
}
.the_input_text1_a{
    margin-right: 60px;
    font-weight: bold;
    line-height: 25px;
}
.the_sortable_handler_icon{
    position: absolute;
    right:0;
    top:0;
    cursor:move;
}
.the_sortable_handler_icon svg{
    fill:#0074D9;
}
.no_mar{
    margin-right:0px;
}
.cur_store_edit{
    text-decoration: underline;
    color: rgba(242,160,16,1) !important;
    cursor: pointer;
}
.the_input_text1_b{
    cursor:pointer;
}
.txt_holder_main_r{
    width:50%;
}
.txt_holder_main_l{
    width:50%;
}
.the_sikur_store_txt{
    width:100%;
    height:150px;
    background: gray;
    color:black;
}
.the_dor_r_1{
    width:74%;
}
.the_dor_r_2{
    width:25%;
}
.the_list_of_all1{
    width:85%;
    text-align: right;
}
.the_list_of_all2{
    width:15%;
}
.set100_pres{
    width:100%;
}
.show_all_docs{
    position: absolute;
    left:0;
    top:0;
    cursor: pointer;
}
.seo_flag1{
    vertical-align: middle;
}
.seo_flag2{
    vertical-align: middle;
}
.secure_icon{
    margin-right:5px;
}
.secure_icon svg{
    width:25px;
    height:25px;
}
.the_adminis_menu_full{
    width:calc(100% - 310px);
}
.the_dunamic_adds_menu{
    position: fixed;
    right: 0;
    top: 60px;
    z-index: 50;
    background: black;
    padding: 10px;
    color: white;
}
.the_form_pop_up{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: white;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid black;
    margin-top: 15px;
}
.the_text_row{
    width:50%;
    margin-left:0%;
    float:right;
    box-sizing: border-box;
    padding:5px;
}
.the_text_row_long{
    width:100%;
    margin-left:0%;
    float:right;
    box-sizing: border-box;
    padding:5px;
}
.the_text_row_input input,.the_text_row_input textarea{
    width: 100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.the_csv_upload{
    background: rgba(245,245,245,1);
    padding: 10px;
    border: 1px solid gray;
    margin: 10px;
    text-align: center;
    
}
.the_upload_to_list{
        font-size: 20px;
    text-align: center;
    cursor: pointer;
    width: 140px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    background: #0074D9;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
}
.text_editor_big_in3_row_inin{
    margin-bottom:2px;
}
.the_inline add_more_docs_in,.close_toper_toper_menu_left2_a,.close_toper_toper_menu_left2_b{
    vertical-align: middle;
}
.close_toper_toper_menu_left2_b svg{
    fill:#ff8e00;
    cursor: pointer;
}
.close_toper_toper_menu_left1 svg{
    fill:rgba(12, 99, 167,0.8);
}
.the_input_text1_c{
    margin-right:10px;
}
.the_input_text1_c select{
    width: 100%;
    border: 1px solid #0074D9;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(245,245,245,1);
}
.pop_up_files{
        position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    background: black;
    text-align: center;
    padding: 15px;
}
.preview_holder_in{
    color:black;
}
.preview_holder_in > .dynamic_recs {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
}
.links_bubel{
    position: fixed;
    top:50px;
    left:50%;
    z-index:210;
    width:560px;
    min-height: 80px;
    background: rgba(245,245,245,1);
    padding:15px;
    box-sizing: border-box;
    color:black;
    border:1px silud gray;
    cursor: move;
}
.links_bubel_in_close{
    text-align:left;
}
.the_links_for_ckeditor{
    color:black;
}
.the_links_for_ckeditor input{
    width:80px;
}
.the_urls_continerr{
    width:70%;
}
.add_or_change_redirect_con{
    margin-bottom:5px;
}
.stats_placesss{
    padding-top: 9px;
    font-size: 14px;
    padding-right: 9px;
}
.csv_buttt{
    padding-top: 7px;
    padding-left: 5px;
}
.all_docs_options{
    margin-top: -8px;
    margin-right: -5px;
    margin-bottom: 5px;
}
.the_docs_uploder{
    color: rgb(128, 128, 128);
    text-decoration: none;
    cursor: pointer;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 5px;
}
.admin_orders_remarks_icon{
    cursor: pointer;
}
.admin_orders_remarks_icon svg{
    fill:gray;
}
.admin_orders_remarks_icon_exit svg{
    fill:#0074D9;
}
.the_order_ramrks_pop_up{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    background: rgba(0,0,0,0.6);
}
.the_order_ramrks_pop_up_in {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    height: 80vh;
    font-size: 20px;
    background: white;
    border-radius: 3px;
    color: black;
    box-sizing: border-box;
    padding: 10px;
}
.the_order_ramrks_pop_up_close{
    font-size:14px;
    cursor: pointer;
    text-align: left;
}
.the_order_ramrks_pop_up_a{
    font-weight: bold;
    margin-bottom:10px;
}
.the_order_ramrks_pop_up_b textarea{
    width:100%;
    border:1px solid black;
    border-radius: 5px;
    height:100px;
    font-size:20px;
    box-sizing: border-box;
    padding:10px;
}
.the_order_ramrks_pop_up_c_con{
    text-align: center;
    margin-top:10px;
    margin-bottom:10px;
}
.the_order_ramrks_pop_up_c{
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    width: 140px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    background: #0074D9;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
}
.the_order_ramrks_pop_up_d{
    font-weight: bold;
}
.the_remark_rowww{
    border-bottom:1px solid gray;
    padding:5px;
    box-sizing: border-box;
}
.the_remark_rowww_a{
    font-size:14px;
}
.red_mark{
    color:red;
}
.stand_alone_casts{
    margin-top:10px;
}
.the_printer_but{
    margin-right:10px;
}
.the_printer_but_txt{
    vertical-align: top;
}
.the_printer_but svg{
    fill:white;
    height:30px;
    width:30px;
    cursor: pointer;
}
.the_print_screen_all{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: white;
    z-index:1000000;
    color: black;
}
.the_print_screen_all_close{
    position: absolute;
    top:0;
}
.the_print_screen_all_close,.the_print_screen_all_close2{
    text-align: center;
    font-weight: bold;
    background: black;
    color: white;
    padding: 10px;
    border-radius: 3px;
    cursor: pointer;
}
.the_print_screen_all_close2{
    position: absolute;
    bottom:0;
}
.pprodd1_printer{
    width:50%;
    float:right;
    height: 120px;
}
.pprodd1_printer .the_products_list2{
    width:130px;
}
.pprodd1_printer .the_products_list3{
    width:150px;
}
.pprodd1_printer2{
    width:100%;
    clear: both;
}
.pprodd1_printer img{
    height: 100px;
}
.the_remarks_printer .the_ttoott {
    display: none;
}
.subs_list_title_sub_sub3{
    visibility: hidden;
    opacity: 0;
    height:0px;
    transition: all 300ms;
}
.subs_list_title_sub_sub3_open{
    visibility: visible;
    opacity: 1;
    height:auto;
}
.subs_list_title_sub_sub4{
    display: none;
    transition: all 300ms;
}
.open_close_icon_icon_cats{
    vertical-align: middle;
    cursor: pointer;
}
.open_close_icon_icon_cats svg{
    width:24px;
    height:24px;
    fill:rgb(12, 99, 167);
}
.open_close_icon_icon_cats_close svg{
    fill:gray;
}
.t_admin_input1aa11_3_double{
    width:50%;
}
.the_row_del_mange{
    padding: 10px;
    box-sizing: border-box;
    cursor: row-resize;
}
.the_row_del_mange:hover{
    box-shadow: 0px 0px 10px lightgray;
}
.the_row_del_mange_row{
    width: calc(100% - 100px);
}
.the_row_del_mange_gray{
    background: rgba(245,245,245,1);
}
.the_row_del_mange_a{
    font-weight: bold;
    font-size:15px;
    line-height: 24px;
}
.the_row_del_mange_b,.the_row_del_mange_b_list{
    line-height: 21px;
    font-size:14px;
}
.the_paypal_tab{
    margin-right:20px;
}
.the_active_delivey_but_a{
    text-align:right;
}
.the_active_delivey_but_c_in{
    font-size:14px;
}
.are_you_sure_pop_up{
    position: fixed;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:0;
    transition: all 200ms;
}
.are_you_sure_pop_up_open{
    opacity: 1;
    visibility: visible;
    z-index:5;
}
.are_you_sure_pop_up_title{
    font-size:30px;
}
.are_you_sure_pop_up_title svg{
    height:30px;
    width:30px;
    fill:white;
}
.are_you_sure_pop_up_holder{
    width:50vh;
    box-sizing: border-box;
    padding:15px;
    text-align: center;
    font-size:20px;
    background: black;
    border-radius: 3px;
}
.are_you_sure_pop_up_title_in{
    line-height: 30px;
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.the_yes_no_delevery_action_r{
    font-size: 22px;
    background: transparent;
    padding: 5px;
    background: #70a553;
    border-radius: 2px;
    padding-right: 10px;
    padding-left: 10px;
    transition: all 300ms;
}
.the_yes_no_delevery_action_r:hover{
    background:#5d7c4c;
}
.the_yes_no_delevery_action_l{
    font-size: 22px;
    background: transparent;
    padding: 5px;
    background: #f34757;
    border-radius: 2px;
    padding-right: 10px;
    padding-left: 10px;
    transition: all 300ms;
}
.the_yes_no_delevery_action_l:hover{
    background:#bd545e;
}
.orders_butsss1 a{
    text-decoration: none;
    color:inherit;
}
.the_spacer_title{
    font-size:16px;
    border-bottom:1px solid black;
    padding:5px;
    text-align:right;
    font-weight: bold;
    line-height: 24px;
    padding-bottom:5px;
    margin-bottom:5px;
}
.f_row_r {
    width: 85px;
    text-align: right;
    font-size: 16px;
    line-height: 20px;
}
.f_row{
    margin-bottom:5px;
}
.all_f_row_form{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.the_csv_url input{
    width: 100%;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
}
.mapsss_rowsss_row_data select{
    width: 95%;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #0074D9;
}

.upload_file_pop_up{
        display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0,0,0,0.6);
    width: 100%;
    
}
.upload_file_pop_up_save,.upload_file_pop_up_cancel{
    background: black;
    color:white;
    padding:10px;
    font-size:18px;
    font-weight: bold;
}
.upload_file_pop_up_cancel{
    background: red;
}
.the_file_upoloader22_target{
    min-height: 90px;
}
.ask_and_answer2_a,.ask_and_answer3_a,.ask_and_answer4_a,.ask_and_answer5_b {
    width:33%;
    margin-bottom:5px;
    box-sizing: border-box;
}
.files_icons_if_no_img,.ask_and_answer4_a{
    width:99%;
}
.the_subs_titile_big{
    position: relative;
    min-height: 200px;
}
.the_subs_titile_big select,.the_subs_titile_big input{
    width:90%;
    margin-right:5%;
    margin-left:5%;
    padding:5px;
    box-sizing: border-box;
    font-size:16px;
}
.upload_file_pop_up_title{
    font-size:20px;
    text-align: center;
    color:white;
    margin-top:3px;
    margin-bottom:3px;
}
.upload_file_pop_up_b{
    position: absolute;
    left:0;
    top:0;
    color:white;
    font-size:20px;
}
.all_prod_inner_zone2_details select,.all_prod_inner_zone2_details input{
    width:90%;
    margin-right:5%;
    margin-left:5%;
    padding:5px;
    box-sizing: border-box;
    font-size:16px;
}
.the_mid_holder{
    width:60%;
}
.the_files_holder{
    width:20%;
}
.dup_window{
        position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    font-size: 30px;
    text-align: center
}
.dup_window_in_sel select{
    width: 100%;
    padding: 5px;
    text-align: center;
}
.dup_window_in_but{
        background: #0074D9;
    color: white;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 22px;
    margin-top: 20px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    box-shadow: -1px 1px 4px rgb(255 255 255 / 60%);
    }
.dup_window_in{
    padding:20px;
}
.boxer_ediotrrr_txt2_input{
    margin-top:10px;
}
.del_delvery_row{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    color:white;
    font-size:20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.del_delvery_row_in{
    min-width: 80%;
    text-align: center;
}
.del_delvery_row_yes,.del_delvery_row_no{
    cursor: pointer;
    border:1px solid transparent;
    box-sizing: border-box;
    transition: all 300ms;
}
.del_delvery_row_yes:hover,.del_delvery_row_no:hover{
    cursor: pointer;
    border:1px solid black;
}
.del_delvery_row_yes{
    background: dodgerblue;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0px 0px 3px white;
    margin: 5px;
}
.del_delvery_row_no{
    background: brown;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0px 0px 3px white;
    margin: 5px;
}
.truck_good svg,.truck_regular svg{
    fill: #2ECC40;
    width: 30px;
    height: 25px;
    vertical-align: baseline;
    margin-right: 5px;
}
.truck_regular svg{
    fill: #ff7800;
}
.escape_flag{
    border: 1px solid #0074D9;
    padding-right: 5px;
    padding-left: 5px;
}
.the_new_latter{
        position: fixed;
    right: 0;
    top: 6vh;
    z-index: 100;
    width: 620px;
    height: 94vh;
    overflow: auto;
    background: white;
    color: black;
}
.the_new_latter textarea{
        width: 100%;
    height: 90vh;
    box-sizing: border-box;
}
.the_new_latter_buts{
    background: black;
    padding: 5px;
    color: white;
    border-radius: 3px;
    cursor: pointer;
}
.main_img_box_img img{
    width : 100%;
    height:310px;
    object-fit: cover;
}
.main_img_box_select select{
    width: 97%;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 5px;
}
.main_img_box{
    width: 48%;
    margin-right:2%;
    float: right;
    text-align: center;
    margin-top: 15px;
    border-radius: 3px;
}
.the_big_loading_data_set_progress{
    color: black;
    font-size:20px;
    text-align: center;
}
.main_img_box_file_size{
    position: absolute;
    right: 15px;
    bottom: 45px;
    background: white;
    padding: 5px;
}
.main_img_box_file_name{
    position: absolute;
    left: 15px;
    bottom: 45px;
    background: white;
    padding: 5px;
}
.main_img_box_close{
    position: absolute;
    right: 15px;
    top: 15px;
    background: white;
    padding: 3px;
    border-radius: 50%;
    width: 15px;
    text-align: center;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    border: 1px solid lightgray;
    font-weight: bold;
    cursor: pointer;
    transition: all 300ms;
}
.main_img_box_close:hover{
    background: black;
    color:white;
    border:1px solid rgba(242,160,16,1);
}
.main_img_box_size_w{
    position: absolute;
    left: 15px;
    top: 15px;
    background: white;
    padding: 5px;
}
.main_img_box_size_h{
        position: absolute;
    left: 0px;
    top: 75px;
    transform: rotate(90deg);
    background: white;
    padding: 5px;
}
.edit_the_cart{
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: rgba(245,245,245,1);
    border: 1px solid lightgray;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
}
.the_prods_in_rec_details{
    margin-right:15px;
    margin-left:15px;
}
.the_prods_in_rec_amount{
    margin-left:15px;
}
.the_prods_in_rec_amount select{
    border: 1px solid rgba(0,116,217,0.8);
    border-radius: 3px;
    font-size: 18px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 5px;
}
.the_prods_areaaa{
    overflow: auto;
    max-height: 300px;
}
.the_prods_in_rec_img{
    min-width: 100px;
}
.edit_the_cart_close{
    cursor: pointer;
    text-align: center;
}
.the_prods_in_rec_img img{
    background: white;
    border-radius: 3px;
    border: 1px solid gray;
    height: 80px;
    box-shadow: 3px 3px 10px lightgrey;
    margin: 3px;
}
.edit_the_cart_ser input{
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 15px;
    border: 1px solid rgba(0,116,217,0.8);
    border-radius: 3px;
    font-size: 18px;
    line-height: 20px;
}
.the_rel_ser_prod_a img{
    height: 80px;
}
.the_reeereee{
    overflow: auto;
    max-height: 300px;
    padding:5px;
    box-sizing: border-box;
}
.the_rel_ser_prod{
    border-bottom: 1px solid lightgray;
}
.edit_the_cart_ser_res{
    position: absolute;
    width: 98.7%;
    background: white;
    top: 49px;
    box-shadow: 2px 2px 10px black;
    border-radius: 3px;
}
.delivery_menu{
        background: white;
    border: 1px solid gray;
    width: 300px;
    text-align: center;
    padding: 10px;
    margin-right: 4px;
    border-radius: 3px;
    overflow: hidden;
}
.the_city_list_piker_api{
    overflow: auto;
    max-height: 100px;
}
.street_row_info{
    display: none;
}
.delivery_menu select{
    box-sizing: border-box;
    width: 100%;
    margin-top:10px;
}
.delivery_menu_close{
    margin-bottom:10px;
}
.the_cart_bottom{
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.the_cart_bottom_but{
    margin:5px;
    padding:5px;
    cursor: pointer;
    background: black;
    color:white;
}
.the_prods_in_rec_actions{
    cursor: pointer;
}
.the_ccc_in_cart_edit{
    position: absolute;
    left: 15px;
    top: 20px;
    border-radius: 50%;
    background: black;
    height: 20px;
    color: white;
    font-size: 14px;
    line-height: 22px;
    width: 20px;
    text-align: center;
    border: 1px solid gray;
    font-weight: bold;
}
.all_vid_rec{
    position: relative;
    margin-bottom: 5px;
}
.the_master_connections_all_pick{
    margin-left: 5px;
    border: 1px solid black;
    background: gray;
    color: white;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
}
.the_master_connections_all_title_all{
    border-bottom: 1px dotted gray;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.the_blur_it_class{
    filter: blur(3px);
}
.the_mater_in_selcteds_row_d{
    border: 1px solid black;
    background: gray;
    color: white;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
}
.the_master_connections_all_title{
    margin-right: 5px;
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
}
.vid_pick_me_but_in{
        background: white;
    color: black;
    padding: 5px;
    border-radius: 1px;
    cursor: pointer;
}
.the_master_connections_list{
    padding:5px;
}
.the_mater_in_selcteds_row_a{
    margin-left: 10px;
    font-weight: bold;
    text-decoration: underline;
}
.the_mater_in_selcteds_row{
    margin-bottom: 5px;
    border-bottom: 1px solid gray;
    padding-bottom: 5px;
}
.vid_pick_me_but{
    width: 74%;
    margin-right: 26%;
    background: rgba(0,0,0,0.6);
    color: white;
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.all_vid_rec_top_f{
    width:10%;
}
.all_vid_rec_top_a{
    width:8%;
    text-align: center;
}
.all_vid_rec_top_b{
    width:20%;
}
.all_vid_rec_top_b textarea,.all_vid_rec_top_e textarea{
    width:90%;
    box-sizing: border-box;
}
.the_mater_in_selcteds_row_c{
    width:100px;
}
.the_mater_in_selcteds_row_c input{
    width:100%;
    box-sizing: border-box;
}

.all_vid_rec_top_c{
    width:9%;
}
.all_vid_rec_top_d{
    width:12.5%;
}
.all_vid_rec_top_e{
    width:11.5%;
}
.all_vid_rec_top_f select,.all_vid_rec_top_d select,.all_vid_rec_top_c select{
    width:90%;
    box-sizing: border-box;
}
.the_master_connections_all{
    clear: both;
}
.vid_master_look{
    background: rgba(245,245,245,1);
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid gray;
}
.master_add_all{
    padding:10px;
    background: rgba(245,245,245,1);
    box-sizing: border-box;
}
.vid_json{
        width: 100%;
    box-sizing: border-box;
    height: 150px;
    background: white;
    padding: 5px;
    border:1px solid #0074D9;
}
.vid_json_temp_id{
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    background: white;
    padding: 5px;
    border:1px solid #0074D9;
}
.the_subs_titile_but{
        background: black;
    color: white;
    padding: 5px;
    cursor: pointer;
    text-align: left;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 5px;
}
.the_subs_titile_but2{
        background: black;
    color: white;
    padding: 5px;
    cursor: pointer;
    text-align: left;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 5px;
}
.the_vid_preview_img,.the_vid_preview_vid{
    width:50%;
}
.the_vid_preview_img img,.the_vid_preview_vid video{
    width:100%;
}
.the_song_row{
    width:100%;
    overflow:hidden;
}
.the_songs_area_zone{
    overflow: auto;
    max-height: 700px;
}
.the_rr_add{
    width:50%;
}
.the_rr_add input{
    width:100%;
    box-sizing: border-box;
}
.shrink_itt{
    height: 0px;
    display: none;
}
.the_iinniinn_txt{
    width:80%;
}
.the_iinniinn_txt input{
    width:100%;
}
.the_selection_inner_row{
    margin-top: 5px;
    border-bottom: 1px solid #cfc5c5;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.the_cart_not_4_show{
   display: none;
}
.show_me_now{
    border:1px solid red;
}
.the_andler_pos {
    width: 30px;
    height: 30px;
    background: black;
    position: fixed;
    top: calc(50% - 10px);
    box-shadow: 5px 5px 12px lightgray;
    border-radius: 3px;
    cursor: pointer;
    margin-right: -35px;
}
.the_shorten_version{
        left: -380px;
}
.songs_filters{
    margin-top:10px;
    margin-bottom: 10px;
}
.songs_filters_box{
    padding: 5px;
    background: rgba(245,245,245,1);
    color: black;
    margin-left: 15px;
    font-size: 16px;
    padding-right: 10px;
    padding-left: 10px;
}
.activeiterr{
    background: lightskyblue;
    font-weight: bold;
}
.the_top_customer_rec_info{
    display: none;
    background: rgba(245,245,245,1);
    padding: 10px;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 15px;
    overflow: auto !important;
    height: 210px;
}
.the_txt_boxs{
    width:50%;
}
.send_txt_row_a{
    width:80%;
}
.send_txt_row_a textarea {
    width: 100%;
    border: 1px solid black;
    resize: none;
    height: 30px;
    box-sizing: border-box;
    padding: 3px;
    line-height: 21px;
    padding-right: 10px;
}
.send_txt_but{
    width:20%;
    text-align: center;
    line-height: 30px;
    font-size:18px;
    background: black;
    color:white;
    cursor: pointer;
}
.the_txt_boxs_txt textarea{
        width: 96%;
    min-height: 75px;
    padding:5px;
    box-sizing: border-box;
}
.the_top_customer_rec{
    font-size:16px;
    line-height: 24px;
    border-bottom: 1px solid lightblue;
    padding-top:10px;
}
.the_customer_rec_b{
    margin-right:10px;
    margin-left:10px;
}
.the_customer_rec_c{
    margin-right:10px;
}
.the_customer_rec_d{
    font-size:12px;
}
.the_top_customer_rec_info_row_time{
    font-size:14px;
    line-height: 14px;
}
.the_top_customer_rec_info_row_txt textarea{
    background: white;
    border-radius: 15px;
    border:1px solid black;
    min-height:50px;
}
.the_top_customer_rec_info_row{
    float:left;
}
.it_me_class{
    float:right;
}
.the_our_remraks_data{
    display: none;
}
.the_customer_rec_e svg{
    width:30px;
    height: 30px;
    margin-right:5px;
}
.the_customer_rec_f select{
    font-size:16px;
}
.save_static_txt_row{
    width:100%;
    padding-top:5px;
    padding-bottom:15px;
    text-align: center;
}
.save_static_txt_row_but{
        text-align: center;
    background: black;
    color: white;
    padding: 5px;
    margin: 5px;
    display: inline-block;
    box-sizing: border-box;
}
.input_style_33{
    width:33%;
    float:right;
    margin-bottom:15px;
}
.input_style_50{
    width:50%;
    float:right;
    margin-bottom:15px;
}
.input_style_25{
    width:25%;
    float:right;
    margin-bottom:15px;
}
.input_style_100{
    width:100%;
    float:right;
    margin-bottom:15px;
}
.set_all_heightsss_big{
    width:100%;
    overflow: hidden;
    margin-bottom:15px;
}
.events_inner_editor{
    background: rgba(245,245,245,0.8);
}
.the_update_order_again{
    clear: both;
    width:100%;
    text-align: center;
}
.the_update_order_again_in{
        font-size: 20px;
    line-height: 40px;
    text-align: center;
    background: #0074D9;
    color: white;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 3px;
}
.the_update_order_again_in2{
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    background: black;
    color: white;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 3px;
    margin-right:50px;
}

.the_ppp_active{
    background: lightblue;
}
.sup_quick_panel_title_for{
    text-align: center;
    margin-top:5px;
    font-weight: bold;
}
.sup_quick_panel_title_x{
    text-align: center;
    margin-top:10px;
    margin-bottom:10px;
}
.sup_quick_panel_title{
    text-align: center;
    text-decoration: underline;
}
.sup_quick_panel{
        position: absolute;
    background: white;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 20px;
    border: 1px solid black;
    z-index: 1;
    padding: 15px;
    box-sizing: border-box;
}
.the_form_bodyyy{
    display: flex;
    justify-content: right;
    align-items: center;
    flex-wrap: wrap;
}

@media print {

  html, body {
    height:100%; 
    margin: 0 !important; 
    padding: 0 !important;
    overflow: hidden;
  }

}


@keyframes changewidth {
  from {
    transform: scaleX(0.8);
  }

  to {
    transform: scaleX(1.1);
  }
}


        @keyframes rotatePreloader{
            0%{transform:translateX(-50%) translateY(-50%) rotateZ(0deg)}
            100%{transform:translateX(-50%) translateY(-50%) rotateZ(-360deg)}
        }
        .preloader div{position:absolute;width:100%;height:100%;opacity:0}
        .preloader div:before{content:"";position:absolute;left:50%;top:0;width:10%;height:10%;background-color:#09a4d9;transform:translateX(-50%);border-radius:50%}
        .preloader div:nth-child(1){transform:rotateZ(0deg);animation:rotateCircle1 2s infinite linear;z-index:9}
        @keyframes rotateCircle1{
            0%{opacity:0}
            0%{opacity:1;transform:rotateZ(36deg)}
            7%{transform:rotateZ(0deg)}
            57%{transform:rotateZ(0deg)}
            100%{transform:rotateZ(-324deg);opacity:1}
        }
        .preloader div:nth-child(2){transform:rotateZ(36deg);animation:rotateCircle2 2s infinite linear;z-index:8}
        @keyframes rotateCircle2{
            5%{opacity:0}
            5.0001%{opacity:1;transform:rotateZ(0deg)}
            12%{transform:rotateZ(-36deg)}
            62%{transform:rotateZ(-36deg)}
            100%{transform:rotateZ(-324deg);opacity:1}
        }
        .preloader div:nth-child(3){transform:rotateZ(72deg);animation:rotateCircle3 2s infinite linear;z-index:7}
        @keyframes rotateCircle3{
            10%{opacity:0}
            10.0002%{opacity:1;transform:rotateZ(-36deg)}
            17%{transform:rotateZ(-72deg)}
            67%{transform:rotateZ(-72deg)}
            100%{transform:rotateZ(-324deg);opacity:1}
        }
        .preloader div:nth-child(4){transform:rotateZ(108deg);animation:rotateCircle4 2s infinite linear;z-index:6}
        @keyframes rotateCircle4{
            15%{opacity:0}
            15.0003%{opacity:1;transform:rotateZ(-72deg)}
            22%{transform:rotateZ(-108deg)}
            72%{transform:rotateZ(-108deg)}
            100%{transform:rotateZ(-324deg);opacity:1}
        }
        .preloader div:nth-child(5){transform:rotateZ(144deg);animation:rotateCircle5 2s infinite linear;z-index:5}
        @keyframes rotateCircle5{
            20%{opacity:0}
            20.0004%{opacity:1;transform:rotateZ(-108deg)}
            27%{transform:rotateZ(-144deg)}
            77%{transform:rotateZ(-144deg)}
            100%{transform:rotateZ(-324deg);opacity:1}
        }
        .preloader div:nth-child(6){transform:rotateZ(180deg);animation:rotateCircle6 2s infinite linear;z-index:4}
        @keyframes rotateCircle6{
            25%{opacity:0}
            25.0005%{opacity:1;transform:rotateZ(-144deg)}
            32%{transform:rotateZ(-180deg)}
            82%{transform:rotateZ(-180deg)}
            100%{transform:rotateZ(-324deg);opacity:1}
        }
        .preloader div:nth-child(7){transform:rotateZ(216deg);animation:rotateCircle7 2s infinite linear;z-index:3}
        @keyframes rotateCircle7{
            30%{opacity:0}
            30.0006%{opacity:1;transform:rotateZ(-180deg)}
            37%{transform:rotateZ(-216deg)}
            87%{transform:rotateZ(-216deg)}
            100%{transform:rotateZ(-324deg);opacity:1}
        }
        .preloader div:nth-child(8){transform:rotateZ(252deg);animation:rotateCircle8 2s infinite linear;z-index:2}
        @keyframes rotateCircle8{
            35%{opacity:0}
            35.0007%{opacity:1;transform:rotateZ(-216deg)}
            42%{transform:rotateZ(-252deg)}
            92%{transform:rotateZ(-252deg)}
            100%{transform:rotateZ(-324deg);opacity:1}
        }
        .preloader div:nth-child(9){transform:rotateZ(288deg);animation:rotateCircle9 2s infinite linear;z-index:1}
        @keyframes rotateCircle9{
            40%{opacity:0}
            40.0008%{opacity:1;transform:rotateZ(-252deg)}
            47%{transform:rotateZ(-288deg)}
            97%{transform:rotateZ(-288deg)}
            100%{transform:rotateZ(-324deg);opacity:1}
        }
        .preloader div:nth-child(10){transform:rotateZ(324deg);animation:rotateCircle10 2s infinite linear;z-index:0}
        @keyframes rotateCircle10{
            45%{opacity:0}
            45.0009%{opacity:1;transform:rotateZ(-288deg)}
            52%{transform:rotateZ(-324deg)}
            102%{transform:rotateZ(-324deg)}
            100%{transform:rotateZ(-324deg);opacity:1}
        }