:root {
  --main_bk_color: #fff;
  
}



/*------st main css -----*/
body{
    background:#aaaaaa14;
}
.edit_item_selected{
    outline:4px dashed #519cc5;
}
#close_edit_item:hover{
    background:red;
}
#minimize_edit_item:hover{
   background:blue;
}

.h_button_slid{
 border:none;
 outline: none !important;
 border-bottom:3px solid #999;
 

}
.h_button_slid:active{
    outline: none !important;
}
.h_button_slid:hover{
    border-bottom:3px solid #120b0b;
}
.h_button_slid_active{
    border-bottom:3px solid #120b0b ;
}
#edit_element #data_style , #edit_element #data_classes {
    display:none;
}

#edit_element .ed_g_input {
    display: flex;
    align-items: center;
    font-size: 14px;margin-bottom:10px;justify-content: space-between;
}

#edit_element .ed_g_input label{
   margin: 0px 5px;
    
}

#edit_element .ed_g_input input , #edit_element .ed_g_input textarea {
    width:203px;
}


body::-webkit-scrollbar {
    width: 8px;
    background: #dcd9d9;
     border-radius: 10px;
}
body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #9a9898;
}
body::-webkit-scrollbar-thumb:active , body::-webkit-scrollbar-thumb:hover {
   
    background: #848282;
}
body::-webkit-scrollbar-track {
    border-radius: 10px;
}

body {
    
    max-width: 100%;
    overflow-x:hidden;
     margin-bottom: 60px !important;
}


.g_input{
    width:100%;
    padding:10px;
    margin-bottom: 10px;
    outline: none;
    border: none;
    border-radius: 10px;
    padding: 10px;
    background:;
    color:;
}

.g_butt{
    position: relative;
    overflow:hidden;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
    width: 100%;
    outline: none !important;
    border: none;
    background:;
    color:;
}





/*upper navbar*/
#uper_header{
    transition: all 0.2s;
    position: fixed;
    right:0;top:0;
    color: #fff;
    z-index: 100000;
    height: 50px;
    background:  #f6f6f6;
    width:calc(100% -  215px);
    /*box-shadow: rgba(0, 0, 0, 0.24) 1px 2px 8px*/

}


/*side navbar*/
#side_nav{
    position: fixed;
    z-index: 10009;
    left: 0;
    bottom: 0;
    height:calc(100% );
    transition: .2s all;overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    width: 215px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    
    
}
#side_nav_inside::-webkit-scrollbar {
    width: 6px;
    background: #dcd9d9;
}

#side_nav_inside::-webkit-scrollbar-thumb {
border-radius: 4px;
background: #9a9898;}
#side_nav_inside::-webkit-scrollbar-track {
border-radius: 10px;}


/*content*/
.upr_ct_fo{
    transition: .2s all;
     
    margin-left: 215px;
    margin-top: 50px;
    width: auto;

}


.main_cont{
    min-height: calc(100vh - 82px);
    padding: 30px;
}

#op_cl_sid{
    display:none;
}
#upper_nav_logo{
        display:none;
    }
#side_nav_logo{
        display:block;
    }
    


@media (max-width:1055px)  {
   .services_sections_names{
       font-size: 11px  !important;
   }
}

/*ipad and mobile*/
@media (max-width:750px)  {
    .width_at_mob_of_quality{
    width:13px !important;
    }
    .quality-selector{
      margin-top:10px !important;
      justify-content: center;
    }
    .display_block_mob{
      display: block !important;
      
    }
     .hide_mobile{
      display:none ;
     }
     
     .show_mobile{
       display:block  !important;
     }
     .help_hide_mob{
     display:none;
     }
    .main_cont{
     padding:20px
    }
    .admin_login{
        width:100%;
    }
    #registerform , #loginform , .chngee_passss{
    margin:0px !important;
    }
    #side_nav_logo{
        display:none;
    }
    #upper_nav_logo{
        display:block;
    }
    #op_cl_sid{
        display:flex;
    }
 .select_service_but .services_sections_names{    
    display:none;

 }

.upr_ct_fo{
    width:100%;
    margin-left:0px;
    margin-right:0px;

}


#uper_header{
    width:100%;
}

/*side navbar*/
#side_nav{
    
    width:100%;
    top:  50px;
    max-height:calc(100% - 50px);
    max-height:0px;
}




}

/*------end main css -----*/