.CETopBar{
	background:#1A67A3;
  padding: 9px 4px;
}

.aw-panel-header:has(+ #BAS_FRAME_left > .CELeftMenu) {
  background-color: #000 !important;
  background-image:none;
}

#BAS_FRAME_left:has(> .CELeftMenu) + .aw-panel-header-placeholder {
  background-color: #000 !important;
  background-image:none;
}


th span {
  color: #000;
}


#BAS_FRAME_left:has(.CELeftMenu) {
  background-color: #333739;
 
}

#BAS_FRAME_main{
	
	
	
}


.CELeftMenu li {
  border-color:#333739 !important;
}


.CELeftMenu{
  background-color: #333739;
  color: #fff;
  border: none;
}

/* Go To kengo material min.css file 1964 and change background color  */


    .vsli-filter-container {
    padding: 10px;
    display: flex;
    justify-content: flex-end;
  }

  .vsli-search-box {
    position: relative;
    width: 300px;
  }

  .vsli-input {
    width: 100%;
    padding: 8px 0px 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  .vsli-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #555;
  }

  .fa-search.vsli-icon {
    right: 30px; /* Move search icon further left */
  }

  .clear-icon {
    right: 8px; /* Clear icon closer to edge */
  }
  
  .LiWhite{
	  color:white;
  }
  
  
  
  
   /* CSS for the search button on vehile service*/

.row:has(.searchBTN) {
  display: flex;

  align-items: center; /* optional: to vertically center content */

}
 
 
 /* Add background color to submenu only inside CELeftMenu */
.CELeftMenu .k-menu-group {
  background-color: #333739 ; /* Change this to any color you prefer */
  color: white;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
  padding: 5px 0;
}

/* Optional: hover effect for submenu items */
.CELeftMenu .k-menu-group .k-item:hover {
  background-color: #3b3e44;
  color: #fff;
}

/* Optional: refine spacing and look */
.CELeftMenu .k-menu-group .k-link {
  padding: 10px 16px;
  display: flex;
  align-items: center;
  font-size: 14px;
}

/* Adjust icons in submenus */
.CELeftMenu .k-menu-group .k-sprite {
  margin-right: 8px;
  font-size: 14px;
}

#BAS_FRAME_main_SetPasswordCE_Main div iframe[id*="AW_FORM_"] {
    height: 868px;
}

#BAS_FRAME_main_ForgetPWD_CE_Main div iframe[id*="AW_FORM_"] {
    height: 868px;
}


.custBTN{
  background-color: #1A67A3;
  color: #fff;
}

.custBTN:focus{

  color: #fff;
}

/*

div.ServiceTab[aw-tab-id="VehicleServiceTab"]{
  display: flex;
  justify-content: center;
  border: 1px solid #d1d1d1;
}
*/

.pac-container{
	
	z-index:111111 !important;
}


/*Below CSS for Customer search JS*/

.filter-sets-form_custom {
            background-color: #ffffff;
            padding: 20px;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
            margin-bottom: 20px;
        }
        .filter-sets-form_custom .form-row_custom {
            display: flex;
            align-items: flex-start; /* Align items to the top */
            gap: 14px;
            flex-wrap: wrap; /* Allow wrapping on smaller screens */
        }
        .filter-sets-form_custom .form-group_custom {
            display: flex;
            flex-direction: column;
        }
        .filter-sets-form_custom label {
            font-size: 14px;
            color: #333;
            font-weight: bold;
            margin-bottom: 5px;
        }
        .filter-sets-form_custom .filter-sets-input {
            padding: 8px;
            font-size: 14px;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            box-sizing: border-box;
            background-color: #f5f5f5;
            outline: none;
            line-height: 17px;
        }
        .filter-sets-form_custom .filter-sets-input[type="select-one"] {
            width: 150px;
            appearance: menulist; /* Ensure dropdown arrow is visible */
        }
        .filter-sets-form_custom .filter-sets-input[type="text"] {
            width: 200px;
        }
        .filter-sets-form_custom .form-actions_custom {
            display: flex;
            gap: 10px;
            padding-top: 20px; /* Align with input boxes by matching label + margin height */
        }
        .filter-sets-form_custom button {
            padding: 10px 20px;
            font-size: 14px;
            color: #0078d4;
            background-color: #ffffff;
            border: none; /* No border */
            border-radius: 4px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px; /* Space between icon and text */
        }
        .filter-sets-form_custom button:hover {
            background-color: #ebf5fb;
        }
        .filter-sets-form_custom button i {
            font-size: 16px;
        }
		
		.PageAction { display: inline-block; text-align: center; margin-left: 15px; margin-bottom: 5px; color: #009EE3; text-decoration: none !important; cursor: pointer; } 
		.PageAction-icon { display: block; width: 38px; height: 38px; background: #1A67A3; border-radius: 50%; margin: 0 auto 3px auto; text-align: center; line-height: 38px; } 
		.PageAction-icon img { vertical-align: middle; }
		
		.customer-search-toggle, .vsli-search-toggle, .dis-search-toggle, .scg-search-toggle, .sc-search-toggle, .claims-search-toggle, .renewal-search-toggle {
			
			text-align:right;
			
		}


/*Customer search JS ends above*/