html {
  font-size: 14px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  background-color: white;
  font-family: "Poppins", sans-serif;
  min-width: 315px;
}

.word { 
  position: absolute; 
  font-size: 10px; 
  cursor: pointer; 
  white-space: nowrap
}

.page { 
  position: relative; 
  width: 100%; 
  height: 1000px; 
  border: 1px solid gainsboro;
}

.active_word{
  background-color: lightblue;
}

.cnt_mn_100{
  width:100%;
  /* height: calc(100vh - 50px); */
  display: flex;
  flex-flow: column;  
  margin:0;
  float:left;
}

.HrSearch{
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;
  width: 175px;
  border:1px solid gainsboro;
  height: 25px;
  margin-right: 10px;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.import_btn{
  width: auto;
}

.dropdown_main {
  display: inline-block;
  float:left;
}

.dropdown_main:hover
{
  position: relative;
}

.Menu_title_header{
  font-size: 14px; 
  font-weight:bold;
  color:cornflowerblue;
  text-transform: uppercase;
}

.dropdown_main-content {
  display: none;
  position: absolute;
  background-color: whitesmoke;
  min-width: 165px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
  top:30px;
  left:0px;
}

.dropdown_main-content a {
  color: black !important;
  padding: 6px 6px;
  text-decoration: none;
  display: block;
  font-size: 11px;
}

.dropdown_main-content a:hover {
  background-color: gainsboro;
  cursor: pointer;
}

.dropdown_main:hover .dropdown_main-content {display: block;}

.dropdown_main:focus .dropdown_main-content {display: block;}


.dropdown_main_btn {
  border: none;
  background: whitesmoke;
  color: black;
  font-weight: bold;
  font-size: 12px;
  border-radius: 0px;
  padding: 5px 12px;
  height: 30px;
  margin: 0px;
  border:1px solid whitesmoke;
  border-right-color: gainsboro;
  transition: 0.3 ease;
}

.dropdown_main_btn:hover{
  cursor: pointer;
  border-color: cornflowerblue;
}

.progressBar{
  position: absolute;
  width: 200px;
  height: 30px;
  top: 50%;
  left: calc(50% - 100px);
  margin-top: 15px;
}

.cnt_mn_menu{
  width:100%;
  height: 40px;
  background: whitesmoke;
  padding-left: 10px;
  padding-right: 10px;
}

.cnt_mn_menu_2{
  width:100%;
  padding:0px;
  display: block;
  float: left;
  padding-bottom: 0px;
  padding-top:0px;
  border-top: 1px solid gainsboro;
  background-color: whitesmoke;
  border-bottom: 1px solid gainsboro;
}

.logged_user_container{
  float:left; 
  margin-top:5px; 
  font-size:13px; 
  font-weight:bold;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.logged_user_container_list{
  float:left; 
  margin-top:5px; 
  font-size:13px; 
  font-weight:bold;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.logged_user_container_sale{
  float:left; 
  margin-top:5px; 
  font-size:13px; 
  font-weight:bold;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.logged_user_container_warehouse{
  float:left; 
  margin-top:5px; 
  font-size:13px; 
  font-weight:bold;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.flex1_height{
  height: 70px;
}

.flex1_height_sl{
  height: 70px;
}

.flex3_height{
  height: 70px;
}

.saved_filters_menu_container{
  float: left;
  width: 100%;
  padding: 10px; 
  padding-top: 0px; 
  position:relative; 
  padding-bottom:0px;
  margin-top:6px;
}

.flex2_height{
  /* height: calc(100% - 70px); */
}

.flex2_height_sl{
  /* height: calc(100% - 70px); */
}

.flex2_height_sl_sale{
  /* height: calc(100% - 70px); */
}

.flex1_height_sl_sale{
  height: 70px;
}

.cnt_data{
  flex:2;
  background-color: white;
  /* margin:10px;
  -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47); */
  border-radius: 5px;
  margin-top: 10px;
}

.nav_top_int_ct1{
  float: right;
  font-size: 13px;
  padding: 2px 12px;
  color: white;
  transition: 0.4s ease;
}

.nav_top_int_ct1 a{
  text-decoration: none !important;
  color: white !important;
}

.nav_top_int_ct1:hover{
  cursor: pointer;
  transform: scale(1.05);
}

.nav_top{
  background-color: cornflowerblue;
  width: 100%;
  float: left;
  display: block;
  padding: 10px;
}

nav{
  font-family: "Poppins", sans-serif;
  display: flex;
  /* align-items: center;
  justify-content: space-between; */
  background-color: whitesmoke;
  padding: 1px;
  -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  border-bottom: 1px solid gainsboro;
  /* height: 50px; */
}


#logo{
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-transform: capitalize;
  color: #ffff;
}

.nav_checkbox{
  appearance: none;
  -webkit-appearance: none;
}

nav ul{
  list-style: none;
  display: flex;
  /* gap:1em; */
  /* margin-top: 15px; */
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 5px;
  padding-left: 0px;
}

nav ul a{
  padding: 10px 15px;
  text-decoration: none;
  text-transform: capitalize;
  color:black !important;
  font-size: 12px;
  border-left: 1px solid gainsboro;
  text-align: center;
}

nav ul li a{
  transition: 0.3s ease;
}

nav ul li a:hover{
  /* background-color: #333333;
  border-radius: 0.5em; */
  cursor: pointer;
  background-color: gainsboro;
  /* transform: scale(1.2); */
}

.active{
  border-bottom: 2px solid #ffffff;
}

nav label{
  display: none;
}

.nav_first_a{
  margin-top:0px;
}

.menu_1_button{
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  border:0px;
  font-size: 13px;
  color:black;
  background: whitesmoke;
}

.menu_1_button:hover{
  color:white;
  background-color: dimgray;
  transition: 0.3s;
}

.menu_1_button i{
  float:left;
  margin-top:4px;
  margin-right: 8px;
}

.menu_1_button div{
  float:left;
}

.data_container{
  float:left;
  display: block;

}

.menu_2_button{
  background-color: cornflowerblue;
  color: white;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top:3px;
  padding-bottom:5px;
  font-size: 11px;
  border:0px;
}

.menu_2_button i{
  float:left;
  margin-top:4px;
  margin-right: 5px;
}

.menu_2_button div{
  float:left;
}

.container_m_1{
  float: left; 
  display:block; 
  width:100%; 
  margin: 10px 0px;
}

.grid_st {
  display: inline-grid;
  grid-template-columns: 25% 25% 25% 25%;
  width:100%;
}

.item_st {
  padding: 3px;
  cursor:pointer;
  margin:3px;
  border:1px solid gainsboro;
  border-radius: 5px;
}

.item_st:hover{
  border-color: cornflowerblue;
}

.container_m_2{
  float: left; 
  display:block; 
  width:100%; 
}

.input_label_style_1{
  font-size:10px;
  color:dimgray;
  width: 100%;
  margin-left: 3px;
  margin-right: 3px;
}

.input_text_style_1{
  font-size:11px;
  color:black;
  width: 100%;
  border: 1px solid silver;
  border-radius: 3px;
  padding:3px 8px;
  height: 29.1px;
  min-height: 29.1px;
}

.input_text_style_1:focus{
  outline: none !important;
  border-color: cornflowerblue;
}

.input_danger_style_1{
  font-size:11px;
  color:darkred;
  width: 100%;
  margin-left: 3px;
  margin-right: 3px;
}

.input_container{
    /* float: left; */
    /* width: 20%; */
    padding: 0px 10px;
    padding-bottom: 2px;
    height: auto;
}

.fildset_style_1{
  border: 1px solid cornflowerblue;
  border-radius: 5px;
  padding:5px;
  padding-bottom: 15px;
}

.fildset_legend_style_1{
    font-size: 11px;
    color: dimgray;
    text-transform: uppercase;
    left: 10px;
    margin-left: 10px;
    margin-top: -15px;
    background: white;
    width: auto;
    padding: 0px 10px;
}

.fieldset_vehicle_drawing{
  padding:5px;
}

.input_container_50{
  float: left;
  width: 50%;
  padding: 5px 10px;
}

.input_container_100{
  float: left;
  width: 100%;
  padding: 5px 10px;
}

.btn_style_1{
  border-radius: 3px;
  background-color: cornflowerblue;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 15px;
  border: none;
  float:right;
  margin-right: 15px;
}

.btn_style_1:hover{
  background-color: royalblue;
}


.btn_style_8_s{
  border-radius: 3px;
  background-color: whitesmoke;
  color: black;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 15px;
  border: none;
  float:left;
  margin-right: 15px;
}

.btn_style_8_s:hover{
  background-color: gainsboro;
}

.btn_style_2{
  border-radius: 3px;
  background-color: red;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
  border: none;
  float:right;
}

.btn_style_2:hover{
  background-color: darkred;
}

.DamagesTable{
  width: 100%;
  font-size: 11px;
}

.DamagesTable th{
  background-color: cornflowerblue;
  color: white;
  padding:3px;
}

.DamagesTable td{
  padding:3px;
}

.grid-column_3_5{
  grid-column: 3 / 5;
}

.grid-column_3_5{
  grid-column: 3 / 5;
}

.grid-column_2_4{
  grid-column: 2 / 4;
}

.DamagesTable tr:nth-child(2n+1){
  background-color: whitesmoke;
}

.select_inp_style_menu_1_sale{
  color:black;
  font-weight: bold;
  font-size: 12px;
  float:left;
  display: block;
  width: 200px;
  padding: 5px 10px;
  background: whitesmoke;
  border-radius: 0px;
  border: 1px solid whitesmoke;
  height: 30px;
  margin: 0px;
  transition: 0.3s;
  border-right-color: gainsboro;
}

.select_inp_style_menu_1_sale:hover{
  cursor: pointer;
  border-color: cornflowerblue;
}

.select_inp_style_menu_1_sale:focus{
  outline: none;
  border-color: cornflowerblue;
}

.select_inp_style_menu_1_warehouse{
  color:black;
  font-weight: bold;
  font-size: 12px;
  float:left;
  display: block;
  width: 200px;
  padding: 5px 12px;
  background: whitesmoke;
  border-radius: 0px;
  border: 1px solid whitesmoke;
  height: 30px;
  margin: 0px;
  transition: 0.3s;
  border-right-color: gainsboro;
}

.select_inp_style_menu_1_warehouse:hover{
  cursor: pointer;
  border-color: cornflowerblue;
}

.select_inp_style_menu_1_warehouse:focus{
  outline: none;
  border-color: cornflowerblue;
}

.add_car_btn{
  border: 1px solid cornflowerblue !important;
  background-color: cornflowerblue !important; 
  color:white !important;
}

.add_car_btn:hover{
  cursor: pointer;
  background-color: royalblue !important;
}



.select_inp_style_menu_1{
  color:black;
  font-weight: bold;
  font-size: 12px;
  float:left;
  display: block;
  width: 200px;
  padding: 5px 10px;
  background: whitesmoke;
  border-radius: 0px;
  border: 1px solid whitesmoke;
  height: 30px;
  margin: 0px;
  transition: 0.3s;
  border-right-color: gainsboro;
}

.select_inp_style_menu_1:hover{
  cursor: pointer;
  border-color: cornflowerblue;
}

.select_inp_style_menu_1:focus{
  outline: none;
  border-color: cornflowerblue;
}

.select_inp_style_menu_1_list{
  color:black;
  font-weight: bold;
  font-size: 12px;
  float:left;
  display: block;
  width: 200px;
  padding: 5px 10px;
  background: whitesmoke;
  border-radius: 0px;
  border: 1px solid whitesmoke;
  height: 30px;
  margin: 0px 0px;
  transition: 0.3s;
  border-right-color: gainsboro;
}

.select_inp_style_menu_1_list:hover{
  cursor: pointer;
  border-color: cornflowerblue;
}

.select_inp_style_menu_1_list:focus{
  outline: none;
  border-color: cornflowerblue;
}

.checkbox_img_vh_st{
    right: 10px;
    top: 10px;
    transform: scale(1.4);
    cursor: pointer;
}

.btn_img_vh_st{
  left: 1px;
  bottom: 1px;
  font-size: 10px;
  padding: 3px 6px;
  background-color: cornflowerblue;
  color: white;
  border:0px;
  border-radius:3px;
  width: 100%;
}

.btn_img_vh_st:hover{
  background-color: royalblue;
}


.button_style_menu_1{
  color:black;
  font-weight: bold;
  font-size: 12px;
  float:left;
  display: block;
  width: auto;
  padding: 5px 12px;
  background: whitesmoke;
  border-radius: 0px;
  border: 1px solid whitesmoke;
  height: 30px;
  margin: 0px;
  transition: 0.3s;
  border-right-color: gainsboro;
}

.flt_right{
  float:right
}

.search_inpt_style_1_cnt{
  color:black;
  font-weight: bold;
  font-size: 12px;
  display: block;
  width: auto;
  padding: 5px 10px;
  background: transparent !important;
  border-radius: 0px;
  border: 1px solid whitesmoke;
  height: 30px;
  margin: 0px 5px;
  max-width: 220px;
  min-width: 220px;
  transition: 0.3s;
  border-left-color: gainsboro;
}

.search_inpt_style_1_cnt_su2{
  color:black;
  font-weight: bold;
  font-size: 12px;
  display: block;
  width: auto;
  padding: 5px 10px;
  background: whitesmoke;
  border-radius: 5px;
  border: 1px solid whitesmoke;
  height: 30px;
  margin: 0px 5px;
  max-width: 350px;
  min-width: 350px;
  transition: 0.3s;
}

.search_inpt_style_1_cnt:hover{
  border-color: cornflowerblue;
}

.search_inpt_style_1_cnt_su2:hover{
  border-color: cornflowerblue;
}

.search_inpt_style_1{
  border: none;
  margin-left: 4px;
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;
  width: 175px;
}

.search_inpt_style_1_2SU{
  border: none;
  margin-left: 4px;
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;
  width: calc(100% - 40px);
}

.acceptvh{
  color:cornflowerblue; 
  font-size:18px;
  transition: 0.3 ease;
}

.acceptvh:hover{
  color:royalblue; 
  font-size:18px;
  transform: scale(1.05);
}


.search_inpt_style_1:focus{
  outline: none;
}

.search_inpt_style_1_2SU:focus{
  outline: none;
}

.button_style_menu_1:hover{
  cursor: pointer;
  border-color: cornflowerblue;
}

.button_style_menu_1 i{
  font-size: 12px;
}

.button_style_menu_1 span{
  margin-left: 4px;
}

.button_noborders{
  background-color: transparent; 
  border-color:transparent; 
  color:dimgray;
}

.border_menu_1
{
  width: 100%;
  display: block;
  float: left;
  padding-top: 10px;
  border-bottom: 2px solid whitesmoke;
  border-radius: 5px;
}

.border_menu_1_sl
{
  width: 100%;
  display: block;
  float: left;
  padding-top: 10px;
  border-bottom: 2px solid whitesmoke;
  border-radius: 5px;
}

.border_menu_2
{
  width: 100%;
  display: block;
  float: left;
  padding-top: 10px;
  border-bottom: 2px solid whitesmoke;
  border-radius: 5px;
}

.container_flex_1{
  display:flex; 
  flex-flow:column; 
  animation: mymove 1.5s;
  animation-fill-mode: forwards;
}

.btn_w_ro{
  float: right;
  margin-top: 10px;
  border: 0px;
  padding: 5px 15px;
  border-radius: 3px;
  background: gainsboro;
  cursor: pointer;
}

.btn_w_ro:hover{
  background-color: whitesmoke;
}

.container_flex_2{
  display: block;
  float: left;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  height: calc(100vh - 123px);
}

.Table_design_1{
  display:table;
  float:left; 
  overflow:auto;
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
  table-layout: fixed;
  word-wrap: break-word;
  min-width: 500px;
  margin-bottom: 30px;
}

.display_document_style_1{
  float:left; 
  margin-left:15px; 
  margin-top:10px;
  margin-right: 10px;
  font-size: 12px;
}

.display_document_style_1_button{
  font-weight: bold;
  color: cornflowerblue;
  margin-left: 5px;
  text-decoration: none;
}

.display_document_style_1_button:hover{
  cursor: pointer;
}

.table_cell_disp_1100{
  display: table-cell;
}

.table_cell_disp_800{
  display: table-cell;
}

.table_cell_disp_600{
  display: table-cell;
}

.table_cell_disp_950{
  display: table-cell;
}

.table_cell_disp_1250{
  display: table-cell;
}

.table_cell_disp_1400{
  display: table-cell;
}

.disp_none_950{
  display: block;
}

.Table_design_1 th{
  font-weight: bold;
  color: gray;
  background-color: whitesmoke;
  padding: 8px 5px;
}

.Table_design_1 thead{
  position: sticky;
  top:-1px;
  z-index: 2;
}

.Table_design_1 tr{
  border:none;
  border-bottom: 1px solid gainsboro;
  border-top: 1px solid transparent;
  background-color:whitesmoke;
  transition: 0.3s;
}

.Table_design_1 td{
  border:none;
  padding:3px 5px;
}

.Table_design_1 tr:nth-child(2n+1){
  background-color: white;
}

.Table_design_1 tr:hover td{
  background-color: gainsboro;
  cursor: pointer;
}

.RegistrationContainer{
  background-color: green;
  color: white;
  padding: 2px 5px;
  padding-top: 3px;
  border: 1px solid transparent;
  border-radius: 3px;
  width: fit-content;
  font-size: 10px;
  font-weight:bold; 
  margin-top:3px;
}

.table_design_1_tr_first{
  -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
}

.Inputs_container_5{
  display: grid; 
  grid-template-columns: 20% 20% 20% 20% 20%;
}

.Inputs_container_4{
  display: grid; 
  grid-template-columns: 25% 25% 25% 25%;
}

.Inputs_container_3{
  display: grid; 
  grid-template-columns: 33.33% 33.33% 33.33%;
}


.Inputs_container_2{
  display: grid; 
  grid-template-columns: 50% 50%;
}

.grid_column_1_3{
  grid-column: 1 / 3;
}

.grid_column_1_5{
  grid-column: 1 / 5;
}

.green{
  border:1px solid transparent;
  border-radius: 3px;
  background-color: transparent;
}

.blue{
  border:1px solid transparent;
  border-radius: 3px;
  background-color: transparent;
}

.red{
  border:1px solid transparent;
  border-radius: 3px;
  background-color: transparent;
}

.green:hover{
  border-color: green;
}

.blue:hover{
  border-color: cornflowerblue;
}

.red:hover{
  border-color: darkred;
}

.cnt_mn_menu_2_gr_1{
  width: auto;
  display: block;
  float: left;
}

.cnt_mn_menu_2_gr_2{
  width: auto;
  display: block;
  float: right;
}

.cnt_sl_mn_menu_2{
  width: auto;
  display: block;
  float: right;
  width: 100%;
}

.cnt_mn_menu_2_gr_3{
  width: auto;
  display: block;
}


.pagination_list{
  display: block;
  float: right;
  width: auto;
  padding: 2px 10px;
  border: 1px solid gainsboro;
  border-radius: 5px;
  color: dimgray;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 1px;
  position: absolute; 
  bottom:0; left:0; 
  z-index:90; 
  background:gainsboro;
  opacity: 0.95;
}

.menu_filter_buttons{
  display: block;
  float: left;
  width: auto;
  padding: 2px 10px;
  border: 1px solid gainsboro;
  background-color: whitesmoke;
  border-radius: 5px;
  color: dimgray;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 1px;
  margin-left:5px;
  margin-right: 5px;
  white-space: nowrap;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
}

.get_all_photos_bt{
  margin-left: 15px;
  text-decoration: none !important;
  color: black !important;
  font-weight: normal;
  float: unset;
}

/* .get_all_photos_bt:hover{
  cursor: pointer;
  background-color: whitesmoke;

} */

.menu_filter_buttons:hover{
  border-color: cornflowerblue;
  color: dimgray;
  cursor: pointer;
}

.pagination_list_previousButton{
  font-size: 16px;
  margin-top: 1px;
  margin-left: 4px;
  cursor: pointer;
  color: dimgray;
}

.pagination_list_nextButton{
  font-size: 16px;
  margin-top: 1px;
  margin-left: 1px;
  cursor: pointer;
  color: dimgray;
}

.pagination_list_nextButton:hover{
  color: cornflowerblue;
}

.pagination_list_previousButton:hover{
  color: cornflowerblue;
}

.pagination_button_disable{
  pointer-events: none;
  opacity: 0.65;
}

.StatusBar{
  width:150px; 
  display:block; 
  float:left; 
  height:10px; 
  border-radius: 10px;
  background-color: lightgray;
}

.StatusBar_normativDamage{ 
  background-color:orange; 
  /* width:20%;  */
  float:left; 
  height:100%;
  /* border-bottom-left-radius: 10px;
  border-top-left-radius: 10px; */
}

.StatusBar_repairedDamage{ 
  background-color:green; 
  /* width:20%;  */
  float:left; 
  height:100%;
  /* border-bottom-left-radius: 10px;
  border-top-left-radius: 10px; */
}

.StatusBar_unnormativeDamage{ 
  background-color:orangered; 
  /* width:30%;  */
  float:left; 
  height:100%;
  /* border-bottom-right-radius: 10px;
  border-top-right-radius: 10px; */
}

.StatusBar_unnormativeDamage:hover{
  background-color: cornflowerblue;
}

.StatusBar_normativDamage:hover{
  background-color: cornflowerblue;
}

.StatusBar_repairedDamage:hover{
  background-color: cornflowerblue;
}

.Interior_damage_button{
  width: auto;
  border: 1px solid gainsboro;
  background: whitesmoke;
  font-weight: bold;
  font-size: 12px;
  padding:5px 15px;
  border-radius: 5px;
  text-decoration: none;
  color:dimgray;
}

.Interior_damage_button:hover{
  cursor: pointer;
  border-color: cornflowerblue;
}

.dropbtn {
  font-size: 10px;
  border-radius: 3px;
  padding:3px 5px;
  background-color: cornflowerblue;
  cursor: pointer;
  border: none;
  color: white;
}

.dropbtn:hover{
  background-color: royalblue;
}

.dropdown2 {
  display: inline-block;
}

.cnt_keep_together_sm{
  width: auto;
  float: right;
}

.cnt_keep_together_sm_2{
  width: auto;
  float: left;
}

.dropdown2:hover
{
  position: relative;
}

.btn_filter_active{
  background-color: cornflowerblue;
  color: white;
}

.dropdown2-content {
  display: none;
  position: absolute;
  background-color: whitesmoke;
  min-width: 165px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
  top:20px;
  right:0px;
}

.dropdown2-content a {
  color: black !important;
  padding: 6px 6px;
  text-decoration: none;
  display: block;
  font-size: 11px;
}

.dropdown2-content a:hover {
  background-color: gainsboro;
}

.dropdown2:hover .dropdown2-content {display: block;}

.dropdown2:focus .dropdown2-content {display: block;}

.users_container_outer{
  max-width: 1200px;
  width: 100%;
  display: block;
  margin: 0 auto;
}

.report_container_outer{
  max-width: 1395px;
  width: 100%;
  display: block;
  margin: 0 auto;
}

.users_container_inner{
  width: 100%;
  float:left;
  display: block;
  padding:20px 30px;
  padding-bottom: 15px;
  margin-top: 20px;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
}

.report_container_header{
  width: 100%;
  float:left;
  display: block;
  padding:20px 30px;
  padding-bottom: 15px;
}

.report_header_text{
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  float: left;
  width: auto;
}

.report_container_1{
  width: 100%;
  display:block;
  float:left;
  padding:10px;
  padding-top:0px;
  font-size: 12px;
  animation: mymove 1.5s;
  animation-fill-mode: forwards;
}

.report_container_1_left{
  width: 45%;
  display: block;
  float: left;
  height: 100%;
  padding:10px;
}

.report_status_bar{
  float:right !important;
  color:white; 
  font-size: 10px;
  margin-top:1px;
}

.report_vin_header{
  display:inline;
  float: left;
  font-weight: bold;
  margin-top: 6px;
  font-size: 11px;
  color:dimgray;
}

.report_damages_container{
  width: 100%;
  float: left;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* justify-content: center; */
}

.report_damage_cnt2{
  padding:10px;
  float:left;
  width: 20%;
}

.report_damage_cnt1{
  padding:10px;
  float:left;
  width: 33.33%;
}

.report_damage_cnt1_inner{
  padding:10px;
  border: 1px solid gainsboro;
  width: 100%;
  border-radius: 4px;
  float:left;
  background-color: whitesmoke;
}

.report_damage_img_inner_small{
  width: 35px; 
  height:35px; 
  object-fit:cover; 
  border-radius:0px;
  opacity: 1;
  transition: 0.2s ease;
  border: 1px solid gainsboro;
}

.report_damage_img_inner_big{
  object-fit:cover; 
  width:100%; 
  height:150px; 
  border-radius:3px;
  opacity: 1;
  transition: 0.2s ease;
  border: 1px solid transparent;
}

.report_damage_img_inner_big:hover{
  border-color: cornflowerblue;
  cursor: pointer;
}

.report_damage_img_inner_small:hover{
  border-color: cornflowerblue;
  cursor: pointer;
}

.report_table_data_header{
  font-size: 11px;
  font-weight:bold;
  color:dimgray;
  width: 100%;
  padding:10px;
  display:block;
  float: left;
}

.report_container_1_data{
  display:inline;
  float: left;
  background-color: whitesmoke;
  border-radius: 4px;
  padding: 5px 10px;
  margin-left: 8px;
  font-weight: bold;
  overflow-wrap: break-word;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.report_tables_container{
  display: block;
  float: left;
  width: 100%;
  padding:10px;
  padding-top: 0px;
}

.report_scroll_container_galery_outer{
  float:left;
  width: 100%;
  padding: 10px;
  padding-top:0px;
}

.report_scroll_container_galery{
  float: left;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.report_scroll_container_galery img{
  padding: 10px;
  width: 200px;
  height: 150px;
  object-fit: cover;
  transition: 0.2s ease;
}

#akcesoriumTable{
  width: 100%;
  min-width: 650px;
}

#akcesoriumTable tr > td, th{
  border: 1px solid gainsboro;
  padding: 3px 10px;
  font-size: 12px;
}

#akcesoriumTable button{
  width: 100%;
  border: 0px;
  background: darkred;
  font-size: 12px;
  font-weight: bold;
  color: white;
  border-radius: 5px;
}

.report_scroll_container_galery img:hover{
  cursor: pointer;
  transform: scale(1.1);
}

.report_border_bottom{
  width: 100%;
  float: left;
  border-bottom:1px solid gainsboro;
}

.report_vehicle_technical_container{
  width: 100%;
  display: block;
  float: left;
  margin-top:20px;
  margin-bottom: 20px;
}

.report_grid{
  display: grid;
  width: 100%;
  grid-template-columns: 20% 28% 4% 20% 28%;
}


.report_grid_child_header{
  color:dimgray;
  font-size: 11px;
  border-bottom: 1px solid gainsboro;
  padding:5px;
}

.report_grid_child{
  font-size: 11px;
  border-bottom: 1px solid gainsboro;
  padding:5px;
  text-align: right;
}

.report_status_container{
  display:inline;
  float: left;
  background-color: orangered;
  border-radius: 4px;
  padding: 5px 10px;
  margin-left: 15px;
}

.report_container_1_right{
  width: 55%;
  display: block;
  float: left;
  height: 100%;
  padding:10px;
}

.report_container_top{
  padding:10px;
  background-color: white;
  display: block;
  float: left;
  width: 100%;
  -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  border-radius: 5px;
}
.report_container_bottom{
  margin-top:10px;
  background-color: white;
  display: block;
  float: left;
  width: 100%;
  -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  border-radius: 5px;
}

.report_container_big_right{
  background-color: white;
  display: block;
  float: left;
  width: 100%;
  -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  border-radius: 5px;
}

.report_data_table_container{
  float:left; 
  width:100%;
  margin-top:18px;
  padding: 0px 10px;
}

.raport_data_table_sp1{
  width: 100%;
  table-layout: fixed;
  font-size: 10px;
  text-align: left;
}

.raport_data_table_sp1 th{
  color: white;
  background-color: cornflowerblue;
  padding: 3px 5px;
  border: 1px solid gainsboro;
}

.raport_data_table_sp1 td{
  color: dimgray;
  padding: 3px 5px;
  border: 1px solid gainsboro;
}

.manage_damage_inner_edit_ico{
  transition: 0.2s ease;
  font-size: 16px;
}

.manage_damage_inner_edit_ico:hover{
  cursor: pointer;
  transform: scale(1.1);
}

.galery_image{
  object-fit: contain;
  height: auto;
  width: 700px;
  height: 500px;
}

.galery_next_btn{
  font-size: 35px;
  opacity: 0.65;
  color:black;
  position: absolute;
  top: 45%;
  right: 0;
  margin-right: 10px;
  transition: 0.2s ease;
}

.galery_next_btn:hover{
  cursor: pointer;
  transform: scale(1.1);
}

.galery_previous_btn{
  font-size: 35px;
  opacity: 0.65;
  color:black;
  position: absolute;
  top: 45%;
  left: 0;
  margin-left: 10px;
  transition: 0.2s ease;
}

.galery_previous_btn:hover{
  cursor: pointer;
  transform: scale(1.1);
}

.close_galery{
  position: absolute;
  font-size: 22px;
  top:0;
  right: 0;
  margin-top:10px;
  margin-right: 10px;
  opacity: 0.65;
  color:black;
  transition: 0.2s ease;
}

.img_modify_data_container{
  width:20%; 
  float:left; 
  display:block; 
  position:relative;
}

.close_galery:hover{
  cursor: pointer;
  transform: scale(1.1);
}

.galery_image::selection{
  background-color: transparent;
}

.dispico_size_10{
  font-size: 10px;
}

.report_container_text_area_1{
  width: 100%;
  padding: 3px 5px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  height: 60px;
  overflow-y: auto;
  display: block;
}

.dmg_querry_selector{
  width: 100%; 
  height:150px;
}

.svg_path_style_1{
  fill:orangered;
  stroke:orangered;
  stroke-width:2; 
  display: block !important;
  opacity: 0.6;
  cursor: pointer;
}

.mn_st_chol_px{
  animation: mymove 1.5s;
  animation-fill-mode: forwards;
}

.svg_path_style_2{
  fill:orange;
  stroke:orange;
  stroke-width:2; 
  display: block !important;
  opacity: 0.6;
  cursor: pointer;
}

.svg_path_style_3{
  fill:green;
  stroke:green;
  stroke-width:2; 
  display: block !important;
  opacity: 0.6;
  cursor: pointer;
}

.report_damage_status_container{
  background-color: rgba(0, 128, 0, 0.65);
  position: absolute; 
  top:0; 
  width:100%; 
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  color:white;
  font-size: 11px;
}

.clear_filter_inputs_button{
  background-color:whitesmoke; 
  color:dimgray;
}

.clear_filter_inputs_button:hover{
  background-color: gainsboro;
}

.vehicle_drawing_width{
  float:left; 
  width:50%;
}

.hrPhoneinpt{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: calc(100% - 40px);
  float: right;
}

.hrPhone_alert{
  width: 100%;
  display: block;
  float: left;
  margin-top: 5px;
}

.status_hr_log{
  color: white;
  background: green;
  padding: 3px 15px;
  border-radius: 50px;
} 

.HrSearchLog{

}

.Hr_container_log{
  width:100%; 
  height:350px; 
  overflow:auto
}

.hrPhoneCountryContainer{
  width: 40px;
  float: left;
  display: block;
  height: 29.1px;
  padding-top: 6px;
  font-size: 12px;
  font-weight: bold;
  background: green;
  color: white;
  text-align: center;
}

.file_hr_cnt1{
  display: block;
  width: 100%;
  float:left;
  margin-top: 20px;
  margin-bottom: 20px;
}

.table_hr_file{
  width: 100%;
  font-size: 14px;
  border-collapse: collapse;
  border-spacing: 0px 10px;
}

.table_hr_file tr{
  border: 0px;
  transition: 0.3s ease;
}

.table_hr_file td{
  padding: 10px;
}

.table_hr_file tr:hover{
  background-color: cornflowerblue;
  color: white;
  transform: scale(1.02);
  cursor: pointer;
}

.report_menu_buttons_bar{
  float: right;
}

.table_vehicleWarehouse_width{
  min-width: 1400px;
}

.table_vehicleWarehouse_width{
  min-width: 1600px;
}

.table_version_width{
  width: auto;
}

.action_menu_phone_display{
  display: none !important;
  font-size: 35px;
  color:cornflowerblue;
  margin-right: 5px;
  margin-top:-7px;
}

.action_menu_phone_display:hover{
  cursor: pointer;
}

.galery_image{
  width: 900px;
  height: 600px;
}

.departments_choose_cnt1{
  display: flex;
  width: 100vw;
  height: calc(100vh - 60px);
  justify-content: center;
  align-items: center;
}

.departments_choose_cntinner{
  width: 350px;
  height: auto;
  background-color: white;
  -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  margin-top:-30px;
  padding:25px;
  animation: mymove2 2s;
  animation-fill-mode: forwards;
  border-radius: 5px;
}

.a_container_details{
  display: block;
  font-size: 12px;
  padding: 3px;
  text-decoration: none;
  color:black;
  transition: 0.3s ease;
}

.a_container_details:hover{
  transform: scale(1.03);
  cursor: pointer;
  color: cornflowerblue;
}

.otomoto_cnt1{
  display: block; 
  float:left; 
  width:100%; 
  font-size:12px; 
  font-weight:bold; 
  color:dimgray; 
  padding:5px;
}

.otomoto_cnt2{
  font-size:17px;
  border: 1px solid gainsboro;
  background-color: cornflowerblue;
  border-radius: 5px;
  color:white;
  text-align: center;
  margin-bottom:20px; 
}

.otomoto_cnt_data{
  width:100%; 
  font-size:11px; 
  color:black !important; 
  border:1px solid gainsboro;
  border-radius:5px; 
  padding:15px 10px; 
  display:block; 
  float:left;
  margin-bottom: 5px;
}

.otomoto_cnt_a{
  text-decoration: none;
  width: 100%;
  float: left;
  font-size: 12px;
  color:black;
}

.otomoto_cnt_div2{
  text-decoration: none;
  width: 100%;
  float: left;
  font-size: 11px;
} 

.otomoto_cnt_data:hover{
  cursor: pointer;
  border-color: cornflowerblue;
}

.calendar_container_outer{
  float:left; 
  display:inline-block; 
  width:14.28%;  
  padding:2px;

}

.calendar_data_info{
  width: 100%;
  display: block;
  float: left;
  font-size: 10px;
  margin-top:2px;
  margin-bottom: 2px;
  border-radius: 3px;
  padding: 2px 3px;
  color:white;
  background-color: cornflowerblue;
}

.calendar_container_header{
  margin-bottom: 5px;
  float: left;
  font-size: 11px;
  font-weight: bold;
  width: 100%;
}

.calendar_data_container{
  overflow-y:auto;
  float:left;
  height: 150px;
  width: 100%;
}

.calendar_button_np{
  font-size: 25px;
  color:dimgray;
  float:right;
}

.calendar_button_np:hover{
  color: cornflowerblue;
  cursor: pointer;
}

.calendar_bottom_menu{
  float:left; 
  width:100%; 
  display:block; 
  height:90vh; 
  overflow-y:auto; 
  height:calc(100% - 90px);
  padding-top: 5px;
}


.calendar_top_menu{
  float:left;
  width:100%; 
  display:block; 
  padding:10px; 
  margin-top:10px; 
  border-bottom: 2px solid dimgray;
  padding-bottom: 5px;
}

.calendar_header{
  float:left; 
  font-size:18px; 
  font-weight: bold;
  color: dimgray;
}

.calendar_day_headers{
  color: dimgray;
  font-weight: bold;
  text-transform: uppercase;
  float: left; 
  display:inline-block; 
  width:14.28%;
  padding-left: 5px;
}

.calendar_container_inner{
  padding:5px;
  border: 1px solid gainsboro;
  border-radius: 5px;
  height: 180px;
  transition: 0.2s ease-in;
  cursor: pointer;
}

.calendar_container_inner:hover{
  transform: scale(0.97);
}

.rentsRegistryContainer{
  display:block; 
  float:left; 
  height:calc(100vh - 170px); 
  overflow:auto; 
  width:100%;
}

.RetsSpanContainer{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  float: left;
  width: auto;
  border-radius: 3px;
  background-color: cornflowerblue;
  color:white;
  margin-left:5px;
  margin-right: 5px;
}

.report_grid_space_cnt_rent{
  grid-column: span 5; 
  border: 0px; 
  min-height:20px;
}

.serviceProtocol_cellst1{
  white-space: pre-line;
}

.serviceProtocolA4Page{
  min-width: 800px;
  margin: 0 auto;
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0 0 0.5mm rgba(0, 0, 0, .2);
  height: 100%;
  max-width: 1000px;
  overflow-x: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

.serviceProtocolSubmitButton{
  float: right;
  border: none;
  background-color: cornflowerblue;
  font-size: 18px;
  padding: 5px 25px;
  border-radius: 3px;
  transition: 0.3s ease;
  color: white;
  margin-top: 50px;
  margin-bottom: 30px;
}

.serviceProtocolSubmitButton:hover{
  background-color: royalblue;
  transform: scale(0.95);
}

.serviceProtocolTextArea{
  width: 100%;
  border-radius: 3px;
  border: 1px solid gainsboro;
  resize: none;
  height: 100%;
  height: 130px;
  margin: 0px;
  font-size: 15px;
}

.singature_button_st1{
    width: 100%;
    border: none;
    background: cornflowerblue;
    font-size: 15px;
    color: white;
    border-radius: 3px;
    float: left;
    padding: 5px;
    transition: 0.3s ease;
}

.singature_button_st1:hover{
  transform: scale(0.95);
}

.signatureField{
  border:2px solid darkred; 
  touch-action: none; 
  display:block;
  float:left; 
  position:relative; 
  pointer-events:auto;
  border-radius: 3px;
}

.serviceProtocolA4Page > table{
  width: 100%;
  table-layout: fixed;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.serviceProtocolA4Page > table tr td{
  border: 1px solid black;
  padding: 5px;
  word-wrap: break-word;
}

.serviceProtocolA4Page > table th{
  padding: 0px;
  border: none;
  height: 0px;
}

.serviceProtocolA4Page > table tr{
  height: 25px;
}

.serviceProtocolA4Page > table thead tr{
  height: 0px !important;
}

.serviceProtocolA4Page > table tr td img{
  float: right;
  width: 250px;
}

.serviceProtocolA4Page > table tr td input[type="radio"] {
    transform: scale(2);
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.serviceProtocolA4Page > table tr td input[type="text"] {
    border-radius: 3px;
    border: 1px solid gainsboro;
    max-width: 100%;
    font-size: 15px;
}

.ServiceProtocolTRHeader{
  background-color: lightgray;
}

.ServiceProtocolTDHeader
{
  background-color: lightgray;
  text-align: center;
}

@media screen and (max-width: 1600px)
{
  .table_version_width{
    width: 11%;
  }
}

@media screen and (max-width: 1500px)
{
  .table_version_width{
    width: 9%;
  }
}

@media screen and (max-width: 1400px)
{
  .table_cell_disp_1400{
    display: none;
  }
}

@media screen and (max-width: 1330px)
{
  .report_damage_cnt1{
    width: 50%;
  }
}

@media screen and (max-width: 1250px)
{
  .table_cell_disp_1250{
    display: none;
  }
}

@media screen and (max-width: 1200px){
  .report_damage_cnt2{
    width: 25%;
  }
}


@media screen and (max-width: 1180px){
  .report_container_1_left{
    width: 100%;
  }
  .report_container_1_right{
    width: 100%;
  }
  .report_damage_cnt1{
    width: 33.33%;
  }
  .logged_user_container_list{
    max-width: unset;
    width: 100%;
    margin-bottom: 5px;
  }
  .flex1_height{
    height: 100px;
  }
}

@media screen and (max-width: 1100px)
{
  .table_cell_disp_1100{
    display: none;
  }
}

@media screen and (max-width: 1080px)
{
  .table_cell_disp_1100{
    display: none;
  }

  .galery_image{
    width: 700px;
    height: 450px;
  }

  .logged_user_container_warehouse{
    max-width: unset;
    width: 100%;
    margin-bottom: 5px;
  }

  .flex3_height{
    height: 100px;
  }

}

@media screen and (max-width: 970px){
  .report_damage_cnt2{
    width: 33.33%;
  }
  .fl_list_gridColumns{
    grid-template-columns: 100%;
  }

  .btn_tablet_scale_up{
    font-size: 15px;
    padding: 10px 25px;
  }

}

@media screen and (max-width: 950px)
{
  .table_cell_disp_950{
    display: none;
  }
  .disp_none_950{
    display: none;
  }

  .table_vehicleWarehouse_width{
    min-width: 1200px;
  }

  nav label{
    display: block;
    padding: 5px 10px;
  }

  nav{
    justify-content:space-between;
  }

  .cnt_data{
    margin-top: 0px;
  }

  nav ul{
    position: absolute;
    flex-direction: column;
    align-items: center;
    left: -100%;
    background-color: whitesmoke;
    gap: 1em;
    top: 50px;
    width: 100%;
    height: calc(100vh - 83px);
    transition: 0.5s;
    margin-top:30px;
    z-index: 105;
  }

  .nav_first_a{
    margin-top:20px;
  }

  nav ul a:hover{
    border-bottom: 1px solid cornflowerblue !important;
    transition: 0.2s;
    background-color: transparent !important;
  }

  nav ul li{
    margin-top:10px;
  }

  nav ul a{
    font-size: 16px;
    cursor: pointer;
    border:0px !important;
  }

  .nav_checkbox:checked ~ ul{
    left:0;
  }


  /* .flex1_height{
    height: 90px;
  } */

  /* .cnt_mn_menu_2_gr_3{
    width: 100%;
    padding-top:10px;
  } */

  
  /* .flex2_height{
    height: calc(100% - 90px);
  } */
  
}

@media screen and (max-width: 920px)
{
  .hide_sr_cnt{
    display: none;
  }

  .logged_user_container{
    display: none;
  }

  .fl_mrg_add{

  }

  .logged_user_container_list{
    display: none;
  }

  .logged_user_container_sale{
    display: none;
  }


  .cnt_sl_mn_menu_2{
    width: 100%;
  }

  .import_btn{
    margin-top:5px;
  }
  .flex1_height_sl{
    height: 110px;
  }

  .flex1_height{
    height: 110px;
  }

  .logged_user_container_warehouse{
    display: none;
  }
  /* .mrg_wrh_5{
    margin-top:5px;
  } */
  .flex3_height{
    height: 110px;
  }

  .flex1_height_sl_sale{
    height: 110px;
  }

  .select_inp_style_menu_1_list{
    transition: unset;
    width: 150px;
  }



}


@media screen and (max-width: 870px)
{
  .report_menu_buttons_bar{
    width: 100%;
  }

  .report_menu_buttons_bar > button{
    margin-top:5px;
    float:left !important;
  }

}

@media screen and (max-width: 800px)
{
  .table_cell_disp_800{
    display: none;
  }

  .rentsRegistryContainer{
    height:calc(100vh - 240px); 
  }
  
  .RetsSpanContainer{
    margin-bottom:5px;
    width: 100%;
    margin-left:0px;
    margin-right: 0px;
  }

  .users_container_inner{
    padding:10px;
  }

  .cnt_mn_menu_2_gr_3{
    display: none;
  }

  .border_menu_1{
    display: none;
  }

  /* .flex2_height_sl{
    height: calc(100% - 43px);
  }  */

  .cnt_data{
    margin: 0px;
  }

  .container_flex_2 {
    padding: 0px;
  }


  .img_modify_data_container{
    width:33.33%; 
  }


  .pagination_list{
    margin-right: 10px;
  }

  .disp_800_btn_none{
    display: none;
  }

  .Inputs_container_5{
    grid-template-columns: 33.33% 33.33% 33.33%;
  }

  .Inputs_container_4{
    grid-template-columns: 33.33% 33.33% 33.33%;
  }

  .grid-column_3_5{
    grid-column: 2 / 4;
  }

  .grid_column_1_5{
    grid-column: 1 / 4;
  }

  .galery_image{
    width: 550px;
    height: 350px;
  }

  .disp_none_800{
    display: none;
  }

  .grid_st {
    grid-template-columns: 33.33% 33.33% 33.33%;
  }
}

@media screen and (max-width: 750px){
  .report_damage_cnt1{
    width: 50%;
  }
}

@media screen and (max-width: 730px){
  .report_damage_cnt2{
    width: 50%;
  }

  .disp_730_none{
    display: none;
  }
}

@media screen and (max-width: 700px)
{
  .select_inp_style_menu_1_warehouse{
    width: 50%;
    text-align: center;
    transition: unset;
  }

  .wid_x33{
    width: 33.33% !important;
  }

  .button_style_menu_1 {
    width: 50%;
    border-bottom-color: gainsboro;
    transition: unset;
  }

  .search_inpt_style_1_cnt {
    width: 50%;
    max-width: unset;
    min-width: unset;
    margin:0px;
    border-bottom-color: gainsboro;
    border-left-color: transparent;
    transition: unset;
  }

  .dropdown_main{
    width: 50%;
  }
  
  .dropdown_main_btn{
    transition: unset;
    width: 100%;
  }

  .RegistrationContainer{
    font-size: 9px;
  }

  .report_container_header{
    padding: 15px 10px;
    
  }
 
  .report_container_1{
    padding: 0px;
  }

  .report_container_1_left{
    padding-left: 0px;
    padding-right: 0px;
  }

  .report_container_1_right{
    padding-left: 0px;
    padding-right: 0px;
  }

  .flex4_height{
    height: calc(100vh - 150px)
  }

  .flex2_height_sl_sale{
    height: calc(100vh - 150px)
  }

  .flex2_height_sl{
    height: calc(100vh - 150px)
  }

  .select_inp_style_menu_1_sale {
    width: 50%;
    transition: unset;
    text-align: center;
  }

  .select_inp_style_menu_1{
    width: 50%;
    transition: unset;
    text-align: center;
  }

  .flex2_height{
    height: calc(100vh - 150px)
  }

  .select_inp_style_menu_1_list{
    transition: unset;
    text-align: center;
    width: 50%;
  }
}

@media screen and (max-width: 680px){
  .filter_menu_buttons_widt_50{
    width: 50%;
    text-align: center;
    margin:0px;
  }

 
  .saved_filters_menu_container
  {
    padding-left:15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 640px){

  .disp_620_none{
    display: none;
  }
  .border_menu_2{
    display: none;
  }

  .galery_image{
    height: auto;
    max-height: 75vh;
    width: 100%;
  }

}

@media screen and (max-width: 620px){

  /* .cnt_mn_menu_2_gr_1{
    width: 100%;
  } */

  .users_container_inner{
    padding:5px;
  }

  .cnt_mn_menu_2_gr_3{
    display: none;
  }

  /* .cnt_mn_menu_2_gr_1 > button{
    width: 100%;
  } */

  .cnt_mn_menu_2_gr_2{
    width: 100%;
    float: left;
    padding-top: 10px;
    /* padding-bottom: 10px; */
  }
  /* .flex2_height {
    height: calc(100% - 71px);
  } */
  /* .flex1_height{
    height: 100px;
  } */
  .report_menu_buttons_bar > button{
    width: 50%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .vehicle_drawing_width{ 
    width:100%;
    margin-top: 5px;
  }
  

  .saved_filters_menu_container {
    padding-bottom: 5px;
    padding-left:5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 600px)
{
  .search_inpt_style_1_cnt_su2{
    min-width: unset;
    max-width: unset;
    width: calc(100% - 10px);
  }

  .table_cell_disp_600{
    display: none;
  }

  .table_vehicleWarehouse_width{
    min-width: 950px;
  }

  
  
  .Table_design_1 tr:hover td{
    background-color: unset;
  }

  .HrSearch{
    width: calc(100% - 20px);
    margin-top: 15px;
  }

  .HrSearchLog{
    width: 170px;
  }

}

@media screen and (max-width: 580px)
{
  .flex1_height_sl{
    /* //height: 90px; */
    -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
    box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  }

  .flt_span_right{
    float: right !important;
  }

  .hide_tooltip{
    display: none !important;
  }

  .acceptvh{
    font-size: 22px;
  }

  .grid_st {
    grid-template-columns: 50% 50%;
  }

  .flex1_height{
    /* //height: 90px; */
    -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
    box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  }

  .flex1_height_sl_sale{
    -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
    box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  }

  .flex3_height{
    -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
    box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  }

  .Inputs_container_5{
    grid-template-columns: 50% 50%;
  }
  
  .Inputs_container_4{
    grid-template-columns: 50% 50%;
  }

  .Inputs_container_3{
    grid-template-columns: 50% 50%;
  }

  .animation_showphone_actions{
    height: fit-content !important;
    display: block !important;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 100%;
  }

  .dropdown2{
    width: 100%;
  }

  .grid-column_3_5{
    grid-column: 1 / 3;
  }

  .grid-column_2_4{
    grid-column: 2;
  }

  .Table_design_1{
    min-width: 270px;
  }

  .input_container{
    padding: 0px 5px;
  }

  .Table_design_1 thead{
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .Table_design_1 tr{
    display: block;
    border: 1px solid gainsboro;
    border-radius: 4px;
    margin:10px;
    /* max-width: calc(100vw - 40px); */
  }

  .Table_design_1 tr td {
    display: block;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid gainsboro;
    /* white-space: nowrap; */
  }

  .Table_design_1 tr td div{
    float: right;
  }
  
  .Table_design_1 tr td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      color: dimgray;
      font-size: 11px;
      padding-right: 6px;
  }

  .action_menu_phone_display{
    display: inline !important;
    float: right;
  }

  .dropbtn{
    display: none;
  }

  .dropdown2-content{
    display: none;
    position: unset;
    min-width: unset;
    background-color: transparent;
    box-shadow: unset;
    height: 0px;
    width: 100%;
    margin-top: 0px;
  }

  .dropdown2-content a{
    float: left;
    margin: 0px 0px;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 12px;
    display: block;
    width: 100%;
    background-color: white;
    margin-top: 5px;
    color: black !important;
    text-align: center; 
    bordeR: 1px solid gainsboro;
  }

  .action_cell_height{
    height: fit-content;
  }

  .dropdown2-content a:hover{
    cursor: pointer;
    border-color: cornflowerblue;
  }

  .table_1_desing_hide_phone{
    display: none !important;
  }

  .status_table_td{
    display: none;
  }

  .grid_column_1_5{
    grid-column: 1 / 3;
  }

}
  
@media screen and (max-width: 510px) {

  .disp_510_btn_none{
    display: none;
  }

  .report_grid{
    grid-template-columns: 30% 70%
  }
  .report_grid_space_cnt_rent{
    grid-column: span 2;
  }
  .report_data_disp_none{
    display: none;
  }
  .report_grid_child{
    text-align: right;
  }
  .report_status_bar{
    width: 100% !important;
    margin-top:10px;
    text-align: center;
  }
  .report_damage_cnt1{
    width: 100%;
  }
  .report_damage_cnt1_inner{
    width: 100%;
  }
  .img_modify_data_container{
    width:50%; 
  }
}

@media screen and (max-width: 480px){
  /* .search_inpt_style_1_cnt{
    max-width: unset;
    min-width: unset;
    width: 100%;
    margin: 0px;
  } */
  
  /* .flex2_height_sl{
    height: calc(100% - 71px);
  } */
  .border_menu_1_sl{
    display: none;
  }
  .search_inpt_style_1{
    width: calc(100% - 20px);
    margin: 0px;
  }

  .select_inp_style_menu_1_sale{
    width: 100%;
  }

  .select_inp_style_menu_1{
    width: 100%;
  }


  .mrg_t0{
    margin-top: 0px;
  }

  /* .select_inp_style_menu_1{
    margin-top: 10px;
    margin-left:10px;
    margin-right: 0px;
    float:left;
    min-width: unset;
    max-width: unset;
    width: calc(100% - 90px);
    max-width: 220px;
  } */
  /* .flex1_height {
    height: 145px;
    -webkit-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
    box-shadow: 1px 0px 21px -10px rgba(0, 0, 0, 0.47);
  } */
  /* .flex2_height{
    height: calc(100% - 111px);
  } */
  .report_damage_cnt2{
    width: 100%;
  }

  .saved_filters_menu_container {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 420px)
{

  .Inputs_container_4{
    grid-template-columns: 100%;
  }

  .disp_420_none{
    display: none !important;
  }

  .Inputs_container_3{
    grid-template-columns: 100%;
  }
  
  .Inputs_container_2{
    grid-template-columns: 100%;
  }
  
  .grid-column_2_4{
    grid-column: 1;
  }

  .grid-column_3_5{
    grid-column: 1;
  }

  .grid_column_1_3{
    grid-column: 1;
  }

  .grid_column_1_5{
    grid-column: 1;
  }

  .flex1_height{
    height: 140px;
  }

  .dropdown_main-content{
    left: unset;
    right: 0;
  }
  .grid_st {
    grid-template-columns: 100%;
  }
}

@media screen and (max-width: 420px){
  .report_container_1_data{
    width: 180px;
  }

  #PgLog1{
    width: calc(100% - 10px);
    float: left;
    margin-top: 10px;
  }

}


@media screen and (max-width: 350px){
  .fieldset_vehicle_drawing{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@keyframes mymove {
  0% {opacity: 0;}
  100% {opacity: 1;}
}