:root {
    --top_bar_bg: #c70001;
	--left_nav_bg : #ececec ;
    --dark_blue: ;
    --button_bg: #94a3b8;
	--button_hvr_bg: #c2c9d4;
	--button_hvr_bg: #9cb2d3;
	--button_clr: #000000;
    --active_button_bg: ;
	--btn-weight: 600;
	--left_main_nav_active_bg: #374151;
	--left_main_nav_active_color: #ffffff;
	--left_main_nav_logout_bg:  #111827;
	--left_main_nav_color: rgb(3, 3, 3);

	--font-family : "arial", sans-serif;
  }
    /*** general style  ***/
* , body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--font-family);
}
a {
   display: block;
}
  .dsply_flex {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
	  gap: 15px;
  }
.dsply_flex.between {
    justify-content: space-between;
}
.dsply_flex.column {
    flex-direction: column;
}
.dsply_flex.wrap {
	flex-wrap: wrap;
}
.dsply_flex .flex-grow-1 {
	flex-grow: 1;
}
.dsply_flex.center {
    justify-content: space-between;
    align-items: center;
}
  ul {
    margin: 0;
    padding: 0;
  }
  li {
      list-style: none;
  }
  .root {
      position: relative;
      display: flex;
      flex-direction: column;
    height: calc(100vh - 32px);
  }
.dt-search label, 
input[type="submit"] ,
button ,
.ut_pdf_download_page .form-thanks a {
    background: var(--button_bg);
    border: none;
	font-weight: var(--btn-weight) ;
    border-radius: 10px;
    padding: 8px 20px;
    color: var(--button_clr);
    font-size: 14px;
    line-height: 143%;
	cursor: pointer;
    white-space: nowrap;
    transition: all .7s ease-in-out;
}
button:has(a) {
    padding: 0;
}
button a {
    text-decoration: none;
    color: rgb(3, 3, 3);
	padding: 8px 20px;
}
.dt-search label:hover , 
input[type="submit"]:hover ,
button:hover {
    background: var(--button_hvr_bg);
}
input[type="submit"]:focus-visible ,
button:focus-visible {
	border: none;
	outline: none;
}
  ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  ::-webkit-scrollbar {
      width: 10px;
    height: 10px;
      background-color: #F5F5F5;
  }
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
      background-color: var(--left_main_nav_active_bg);
  }
label {
    color: rgb(3, 3, 3);
    font-size: 14px;
    line-height: 143%;
    padding-top: 10px;
}
select ,
input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"] {
    outline: none;
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 11px 8px;
    color: rgb(148, 163, 184);
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0.3px;
    text-align: left;
    text-transform: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    border: 1px solid rgb(80, 80, 80);
}
input[type="text"]:focus,
input[type="email"]:focus, 
input[type="search"]:focus, 
input[type="password"]:focus {
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    border: 1px solid rgb(80, 80, 80);
    background: #b3b3d7;
}




/* 

input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}

input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: MediumSeaGreen;
  border-color: MediumSeaGreen;
  color: #fff;
}

input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}


 */





form .asterisk {
    color: var(--top_bar_bg);
    font-size: 21px;
    line-height: 20px;
}
.top-space {
    margin-top: 15px;
} 
.vertical_spacing {
	    padding: clamp(20px, 1.9vw, 30px) 0;
}


  
    /*** header  ***/
header .top-bar {
      background:  var(--top_bar_bg);
      height: clamp(17px,1.69vw,27px);
      border-bottom: 1px solid #5b5b5b;
  }
  header .header-bg {
      position: absolute;
      z-index: -1;
  }
  header .main-logo {
      position: relative;
  }
  header .header-section {
      position: relative;
	  z-index: 1;
  }
header .header-section:after{
/*     position: absolute;
    content: "";
    bottom: 0px;
    left: 0;
    background: #ececec;
    width: clamp(153px,18.75vw,300px);
    height: 38px;
    z-index: -2; */
}
header .header-bg ,
header .header-bg img {
	width: 100%;
}
  header .header-bg img {
    box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.7);
      height: clamp(49px,5.06vw,81px);
      object-fit: cover;
      object-position: bottom;
  }
  body {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }
header .site-header__brand {
   width: max-content;
   margin: 0 auto;
}
  .site-header__brand img {
      min-width: clamp(130px, 21.25vw, 340px);
      margin-top: clamp(-30px,-1.73vw,-18px);
      height: auto;
      z-index: 1;
  }
  /* mobile header button  */
  .left_nav_button {
      background: transparent !important ;
	  padding: 0;
	  position: absolute;
    top: 0 ;
    left: clamp(13px,1.25vw,20px) ;
	  height: clamp(49px, 5.06vw, 81px);
          cursor: unset;
}

.active-main-right-sidebar .left_nav_button {
    left: clamp(20px, 4.38vw, 70px);
}
  .menu-icon {
      cursor: pointer;
      display: inline-block;
      float: right;
	  padding: 7px 1px;
      position: relative;
      user-select: none;
      margin-bottom: 0 !important
  }
  .menu-icon .navicon {
      background: #333;
      display: block;
      height: 3px;
      position: relative;
      transition: all .2s ease-out;
      width: 24px
  }
  .menu-icon .navicon:before, .menu-icon .navicon:after {
      background: #333;
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      transition: all .2s ease-out;
      width: 100%
  }
  .menu-icon .navicon:before {
      top: 6px
  }
  .menu-icon .navicon:after {
      top: -6px
  }
  .menu-btn {
      display: none;
  }
  .menu-btn:checked ~ .menu {
      max-height: 240px
  }
  .menu-btn:checked ~ .menu-icon .navicon {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      width: 16px;
  }
  .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
  .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
      width: 58%;
      right: 1px;
  }
  .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(37deg);
      top: -3px;
  }
  .menu-btn:checked ~ .menu-icon .navicon:after {
      transform: rotate(-37deg);
      top: 3px;
  }  
  .comment__list, .comments__list {
      padding: 0 20px 5px;
      list-style: none
  }
  /*** footer  ***/
  footer {
      position: relative;
      background: url(/wp-content/uploads/2024/09/header-bg.jpg);
/*       border-top-left-radius: 7px; */
/*       border-top-right-radius: 7px; */
      background-position: center;
      background-size: cover;
      margin: auto 0 0;
      padding: 20px;
  }
  footer p {
    color: rgb(120, 120, 120);
    font-size: 14px;
    line-height: 16px;
      text-align: center;
      padding: 8px 0;
      margin: 0;
  }
  .main-content-area {
      margin-top: clamp(-38px,-2.4vw,-26px) ;
	  overflow-y: auto;
      background: #d4d4d4;
	      height: 100%;
	      gap: 0;
  }
  

  
  
  
  
  
  
  
  
  
  /*** main content area  ***/
  .w-20-prsn ,
  .w-80-prsn {
    position: relative;
  }
  .w-20-prsn {
	    background: var(--left_nav_bg);
    width: clamp(153px,18.75vw,300px);
  }
  .w-80-prsn {
    margin-top: clamp(16px, 1.94vw, 31px);
      width: calc(100% - clamp(153px,18.75vw,300px));
  }
  .right-area .module-area {
      padding: 20px clamp(20px,4.38vw,70px) clamp(13px,2.51vw,40px) ;
  }
  .wrapper-full-width .w-20-prsn {
      width: 0%;
      opacity: 0;
      overflow: hidden;
  }
  .wrapper-full-width .w-80-prsn {
      width: 100%;
  }
  .app-transition {
      transition: all 0.6s ease-in-out;
  }
  .left-nav-main {
      padding: clamp(13px,1.25vw,20px); 
	background: var(--left_nav_bg);
      position: relative;
	  overflow-y: auto;
  }
  .left-nav-main button {
    position: relative;
      cursor: pointer;
      z-index: 1;
  }
  .left-nav-main ul {
	    margin-top: clamp(16px, 1.94vw, 31px);
	      display: flex;
    flex-wrap: nowrap;
      flex-direction: column;
      gap: clamp(11px,1.01vw,16px);
  }
	nav.left-nav-main > li {
		margin-top: clamp(11px,1.01vw,16px);
	}
  .left-nav-main li {
    background: var(--button_bg);
	      border-radius: 10px;
  }
  .left-nav-main a {
    text-transform: capitalize;
	font-weight: var(--btn-weight) ;
    text-decoration: none;
/*     color: rgb(3, 3, 3); */
	color: var(--left_main_nav_color);
    text-align: center;
    line-height: 150%;
    font-size: 14px;
    padding: clamp(7px,0.75vw,12px);
  }
.left-nav-main li.active ,
.page-template-add-customer .menu-customers ,
.page-template-pdf-fill-page .menu-inspection-reports ,
.page-template-add-unit .menu-units-information {
      background: var(--left_main_nav_active_bg);
}
.left-nav-main li.menu-logout {
/*       background: #111827; */
	 background: var(--left_main_nav_logout_bg);
}
.left-nav-main li.active a , 
.left-nav-main li.menu-logout a,
.page-template-add-customer .menu-customers a ,
.page-template-pdf-fill-page .menu-inspection-reports a , 
.page-template-add-unit .menu-units-information a {
	color: var(--left_main_nav_active_color)
}
.left-nav-main::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
/*** Login  ***/
.login-form {
	max-width: clamp(290px, 80vw, 382px);
	width: 100%;
    height: 100%;
	margin: auto;
}
.login-form h2 {
    margin: 0;
    padding: 0px 0 50px;
    font-size: 18px;
    font-weight: var(--btn-weight);
    line-height: 130%;
    word-break: break-word;
    text-align: center;
}
.login-form form label {
    padding: 0;
}
.full_screen {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	height: 100%;
}
.login-form form {
	   display: flex;
    flex-wrap: nowrap;
    gap: 17px;
	    width: 100%;
    flex-direction: column;
}
.login-form input[type="text"], 
.login-form input[type="email"], 
.login-form input[type="password"] , 
.login-form input[type="submit"] {
        box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px;
        border: 1px solid rgb(236, 236, 236);
}
.login-form input[type="submit"] {
    border: none;
	    padding: 12px;
}
.page-template-login .left-area ,
.page-template-login .left_nav_button {
    display: none;
}
.page-template-login .right-area {
    width: 100%;
	    margin: 0;
}
.page-template-login .full_screen ,
.page-template-login .root {
    background: #d4d4d4;
}
.page-template-login .header-section {
    z-index: 0;
}

/*** customer data table  ***/
.pg-title-row .title {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    line-height: 200%;
    white-space: pre-line;
    word-break: break-word;
	font-weight: var(--btn-weight);
    color: #000000;
}
.pg-title-row {
    padding-bottom: 20px;
}
table:not(.dt-container table) ,
.dt-container {
    padding: 20px ;
    border-radius: 8px;
	background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    border: 0px solid rgb(229, 231, 235);
}
.dt-layout-cell.dt-layout-full {
	position: relative;
/*     max-height: calc(100vh - 487px); */
/* 	min-height: 616px; */
    height: auto;
/*     overflow-y: auto; */
    overflow-x: auto;
}
table thead th,
table tfoot th, 
table tbody td, 
table tbody td {
  text-align: left !important;
  letter-spacing: 0.5px;
	opacity: 1 !important;
  min-width: 157px;
}
table thead th .dt-column-order:before,
table tfoot th .dt-column-order:before, 
table thead th .dt-column-order:after,
table tfoot th .dt-column-order:after {

}
table td.action-btn , 
table th.action-btn {
}
table .action-btn {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
table td.action-email , 
table td.action-address {
    min-width: 230px;
}
table thead th,
table tfoot th{
  border-bottom: 2px solid #c7d0d8 !important;
  padding: 15px 30px 15px 10px !important;
  color: rgb(107, 114, 128);
  font-weight: 500 !important;
  text-transform: uppercase;
  background: #f9fafb;
  line-height: 135%;
  font-size: 12px;
		font-weight: 700 !important;
	    background: var(--left_main_nav_active_bg) ;
    color: var(--left_main_nav_active_color) ;
}
table thead th {
	position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  z-index: 2;
	display: table-cell !important;
}
table tfoot {
    display: none;
}
table tbody td {
     color: #111827ff;
     font-size: 14px;
     line-height: 143%;
     word-break: break-word;
}
table tbody td.dt-type-email {
    text-decoration: underline;
}
/* div.dt-container input , */
div.dt-container select ,
div.dt-container .dt-paging .dt-paging-button ,
div.dt-container label ,
div.dt-container .dt-info {
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.5px;
    color: rgb(55, 65, 81) !important;
}
div.dt-container .dt-paging .dt-paging-button:hover {
    background: linear-gradient(to bottom, #696d73 0%, #94a3b8 100%);
}
table button ,
#field_1_4 input , 
#field_3_4 input ,
#field_5_4 input ,
#field_6_4 input ,
#field_7_4 input ,
#field_8_4 input ,
#field_15_4 input{
    text-transform: capitalize;
}
.table-area {
    border-radius: 8px;
}
.table-area .dt-search {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}
.table-area .dt-search label {
    color: #000000 !important;!i;!;
}
.table-area  .dt-container .dt-input {
    background-color: rgb(255, 255, 255) !important;
    border-radius: 8px !important;
    padding: 7px 8px 6px !important;
    color: rgb(148, 163, 184) !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px !important;
    border: 1px solid rgb(80, 80, 80) !important;
}
form .form-li-flex {
    display: flex;
    gap: 15px;
    flex-direction: column;
}
form#customer-form button#add-contact {
    margin-right: 12px;
}
.table-area .dt-search input:focus {
 /* color: #fff !important; */
 /* box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px !important; */
 /* border: 1px solid rgb(80, 80, 80) !important; */
 /* background: #b3b3d7 !important; */
}
/*** add customer form  ***/
.form_sty .company-info-form ,
.form_sty .customer-info-form {
}
.form_sty .company-info-form {
    width: 30%;
}
.form_sty .customer-info-form {
	    overflow-x: auto;
	padding-bottom: 7px;
    width: 70%;
}
.form_sty .customer-info-form > .dsply_flex {
    width: 100%;
}
.add-unit-template fieldset ,
.add-unit-template legend {
    border: 0px;
    padding: 0;
    margin: 0;
}
.add-unit-template legend {
    padding: 0 0 10px 0;
}
.add-unit-template button {
    padding: 12px 20px;
}
.trk_form_div {
    max-width: fit-content;
    width: 100%;
    margin: 0 auto;
    padding: 10px 30px 0 ;
	    flex-direction: column;
}
.trk_form_div .checkbox-row.dsply_flex {
/* 	    margin-left: auto; */
/*     justify-content: space-around; */
}
.inspection-row select {
    min-width: 175px;
}
























.inspection-row, 
.checkbox-row {
   align-items: center;
}
.inspection-row label, .checkbox-row label {
	padding: 0;
}
form.dsply_flex {
    gap: 25px;
}
select {
/*     padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc; */
}
input[type="checkbox"] {
    margin-left: 5px;
}
.start-btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #5a5a5a;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.start-btn:hover {
    background-color: #3b3b3b;
}
.popup-container {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(1.3);
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 17, 17, 0.61);
    display: flex;
    align-items: center;
	z-index: -1;
}
.popup-content {
	position: relative;
	border-radius: 10px;
/*     background-color: #fefefe; */
	background: #d4d4d4 ;
    margin: auto;
    padding: clamp(36px, 5.4vw, 100px) ;
    border: 1px solid #888;
	width: auto;
    max-width: 84%;
	    text-align: center;
}
.popup-content p{
    font-size: 17px;
    padding: 10px;
    line-height: 20px;
}
.popup-content a.close{
	    position: absolute;
    top: 10px;
    right: 15px;
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    background: none;
    padding: 0;
    margin: 0;
    text-decoration:none;
}
.popup-content a.close:hover{
  color:#333;
}
.popup-content span:hover,
.popup-content span:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.popup-container.popup_active ,
.popup-container:target{
  visibility: visible;
  opacity: 1;
  transform: scale(1);
	    z-index: 1;
}
.popup-container h3{
  margin:10px;
}
.popup_checkbox-row label {
    text-align: left;
	    padding: 0;
	margin-top: -4px;
}
.popup_checkbox-row {
    padding-bottom: 10px;
	display: flex;
	    gap: 5px;
	    align-items: flex-start;
    justify-content: space-between;
}
.popup_checkbox-row+button {
    margin-top: 20px;
}










/*** gravity form style ***/
.truck_form_general_sty {
    padding: clamp(30px, 3.13vw, 60px) clamp(30px, 5.21vw, 100px);
}
.truck_form_general_sty .gform_fields {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3% !important;
    row-gap: clamp(30px, 3vw, 50px) !important;
}
.truck_form_general_sty .gform_fields > * {
	    display: flex;
    flex-direction: column;
    justify-content: space-between;
	position: relative ;
    width: 22.75%;
}
.truck_form_general_sty .gform_fields > * .gfield_validation_message {
    position: absolute;
    bottom: -20px;
    left: 0;
}
.truck_form_general_sty .gform_fields .ginput_container_checkbox:not(.truck_form_general_sty .gform_fields .hidden_label .ginput_container_checkbox) {
    margin: auto 0 9px;
}
.truck_form_general_sty .gfield--type-section, 
.truck_form_general_sty .gfield--type-list ,
.truck_form_general_sty .gfield--type-textarea {
    width: 100% !important ;
}
.truck_form_general_sty .gfield--type-section {
    border: 0 !important; 
    padding: 0px !important;
    margin-bottom: clamp(-25px, -1.5vw, -10px);
}
.truck_form_general_sty input {
	    min-width: 100%;
    width: 100% !important;
}
.gform_required_legend ,
.truck_form_general_sty .gfield_header_item.gfield_header_item--icons ,
.truck_form_general_sty .gfield--type-list .gfield_list_icons.gform-grid-col {
    display: none;
}
.truck_form_general_sty .gform_footer {
    padding-top: clamp(20px, 3vw, 30px);
}
.truck_form_general_sty input[type="submit"] {
    font-weight: var(--btn-weight) !important;
    color: var(--left_main_nav_color) !important;
    background: var(--button_bg) !important;
    border-radius: 10px !important;
    padding: clamp(7px, 0.75vw, 12px) !important;
    max-width: 260px;
}
.truck_form_general_sty .gfield--type-list .gform-grid-row > * ,
.truck_form_general_sty .gfield--type-list .gfield_list_group > * {
    padding: 0;
}
.truck_form_general_sty .gfield--type-choice .gfield_checkbox {
    flex-direction: row;
}
.truck_form_general_sty .gfield--type-list .gform-grid-row {
    gap: 3% !important;
	    width: 100%;
    margin: 0;
}
.truck_form_general_sty legend {
    margin-bottom: 8px !important;
}
.truck_form_general_sty label ,
.truck_form_general_sty .gfield_header_item {
    text-transform: uppercase;
}
.truck_form_general_sty .truck_form_24_input .gform-grid-row {display: flex !important;flex-direction: row;flex-wrap: wrap;gap: 3% !important;
	row-gap: clamp(50px, 3.7vw, 70px) !important; 
}























.truck_form_general_sty  .truck_form_24_input .gfield_list_container {
    position: relative;
}
.truck_form_general_sty .truck_form_24_input legend {
    padding-bottom: 19px;
}
.truck_form_general_sty  .truck_form_24_input  .gfield_list_header {
    position: absolute;
    top: -28px;
    left: 0;
    width: 100%;
    z-index: 0;
}
.truck_form_general_sty .truck_form_24_input .gfield_list_header .gfield_header_item {
    min-height: 38px;
    margin-bottom: 0;
/*     top: 0; */
/*     left: 0; */
    z-index: 0;
/*     position: absolute; */
}
.truck_form_general_sty .truck_form_24_input .gfield_list_groups {
    z-index: 0;
    position: relative;
}
.truck_form_general_sty .truck_form_24_input .gfield_list_groups .gfield_list_group_item input {
    /* margin-top: 0; */
}




























.truck_form_general_sty .truck_form_24_input .gform-grid-row > * {
     min-width: 22.75%;
}
h2.gform_title {
    text-align: center;
    padding-top: 5%;
}
.uc_viewable_input input {
    pointer-events: none;
}
.ut_pdf_download_page .form-thanks a {
    text-decoration: none !important;
    text-align: center;
	transition: none;
}
.pdf_center_item {
    text-align: center !important;
}
/*** Add customer page box style  ***/
.page-template-add-customer-php .main-form-layout {
    gap: 50px;
}
.page-template-add-customer-php .main-form-layout > * {
    background-color: rgb(255, 255, 255);
    padding: 10px 20px 20px;
    border-radius: 13px;
    box-shadow: 0px 0px 22px -7px #000000;
}
.page-template-add-customer-php form > .top-space {
    margin-top: 40px;
}
















.add-unit-template fieldset label ,
.table-area {
    display: none;
}
.active-table {
    display: block;
}
  /*** responsive ***/
  @media screen and (min-width: 768px) {

  }
  @media screen and (min-width: 992px) {
  
  }
  @media screen and (min-width: 1025px) {
    .w-20-prsn {
	    position: sticky;
		top: 0;
		left: 0;
  	}
	.left-nav-main {
   	height: 100%;
  }
	    .start-inspection-btn {
		        margin: 71px auto 0;
        padding: 11px 17px;
			transition: margin 0s ease-in-out;
	}
  }
  
  @media screen and (max-width: 1024px) and (min-width: 768px) {
  
  }
	@media screen and (max-width: 1024px) and (min-width: 480px) {
	.left-nav-main ul {
		flex-direction: row;
		flex-wrap: wrap;
	}
  	.left-nav-main li.menu-logout {
		position: absolute;
		        bottom: 22px;
        right: 40px;
        width: calc(50% - 44px);
		        right: clamp(20px, 4.38vw, 70px);
        bottom: clamp(13px, 2.51vw, 40px);
        width: 45%;
	}
	.left-nav-main li:not(.left-nav-main li.menu-logout) {
		padding: 0 20px;
		width: calc(50% - clamp(46px,1.01vw,16px));
	}
  }
@media screen and (max-width: 1500px) {
	.truck_form_general_sty .gform_fields > * {
		width: 31.3%;
	}
	.truck_form_general_sty .truck_form_24_input .gform-grid-row > * {
	     min-width: 31.3%;
	}
}
  @media screen and (max-width: 1024px) {
	  .trk_form_div {
    padding: 40px clamp(2px, 0.6vw, 30px) ;
}
	.inspection-row, .checkbox-row {
    	gap: clamp(1px, 0.5vw, 15px);
	}
  .main-content-area {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.w-20-prsn , .w-80-prsn {
		width: 100%;
		margin: 0;
	}
	  header .header-section:after{
/* 	    width: 100% ; */
	}
	.left-nav-main {
    	padding: 20px clamp(20px,4.38vw,70px) clamp(13px,2.51vw,40px);
	}
	.menu-icon {
/*     	padding: clamp(20px, 2.33vw, 28px) 0 0; */
	}
	.left_nav_button {
    	left: clamp(20px,4.38vw,70px);
	}
	  .form_sty .main-form-layout {
		flex-wrap: wrap;
	}
	.form_sty .company-info-form , .form_sty .customer-info-form {
		width: 100%;
	}
	.form_sty .company-info-form input {
		width: calc(100% - 16px);
	}
	.form_sty .company-info-form {
		flex-wrap: wrap;
	}

  }

@media screen and (max-width: 991px) {
	.truck_form_general_sty .gform_fields > * {
		width: 48.3%;
	}
	.truck_form_general_sty .truck_form_24_input .gform-grid-row > * {
    	 min-width: 48.3%;
	}
	.truck_form_general_sty .gform_fields {
    	justify-content: space-between;
	}
}
  @media screen and (max-width: 782px) {
	.root {
    	height: calc(100vh - 46px);
  	}
}
  @media screen and (max-width: 767px) {
	.table-area .dt-container .dt-search .dt-input {
		width: 100%;
	}
	.table-area .dt-container select.dt-input {
		width: calc(100% - 121px);
	}
	.add-unit-template input[type="text"], 
	.add-unit-template input[type="email"], 
	.add-unit-template input[type="search"], 
	.add-unit-template input[type="password"] {
		width: calc(100% - 19px);
	}
	.add-unit-template fieldset > div ,
	.add-unit-template form > div , 
	.add-unit-template select {
		width: 100%;
	}
	.add-unit-template fieldset > div ,
	.add-unit-template form > div {
		margin-top: auto;
		width: 48%;
	}
	.add-unit-template label {
		padding-bottom: 10px;
		display: block;
	}
	.add-unit-template legend {
		padding: 10px 0 0 0;
	}
	.add-unit-template button {
		margin-top: 15px;
	}
	.add-unit-template form > div:last-child {
    	margin-top: auto;
	}
	.truck_form_general_sty .gfield_label {
		display: block;
	}
  
  }
@media screen and (max-width: 639px) {
	.truck_form_general_sty .gform_fields > * {
        width: 100%;
    }	
	.truck_form_general_sty .truck_form_24_input .gform-grid-row > * {
    	 min-width: 100%%;
	}
}
  @media screen and (max-width: 479px) {
  	  	.add-unit-template fieldset > div ,
	.add-unit-template form > div {
		width: 100%;
	}
	  .inspection-row select {
		  min-width: unset;
		  max-width: 128px;
	  }
  }
  @media screen and (max-width: 379px) {
  	 .inspection-row select {
		max-width: 92px;
	}
  }
body {
	opacity: 1;
}