/* Default: hide dropdown */

:: -webkit-scrollbar-track {
  box-shadow: inset 0 0 5px gray;
  border-radius: 10px;
  background: black;
}

::-webkit-scrollbar-thumb {
  background: #EC7905;
  border-radius: 50px;
}

::-webkit-scrollbar {
  width: 5px;
}
.black-light{
    color: black !important;
}


@media (max-width: 768px) {
  #businessCardContainerWrapper {
    flex-direction: column !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .leftMenu_employee{

  }
  .rightMenu_employee{

  }
/*  #businessCardContainer {
    flex-direction: column !important;
  }*/
}
@media screen and (max-width:1450px) and (min-width:1350px) {
  .nav-iconResto {
    width: 30px !important;
    height: 30px !important;
  }
  .lock-feature-image {
    width: 100px !important;
    height: 100px !important;
  }
  .lock-feature-text{
     font-size:16px !important;
  }
  .lock-feature-button{
  font-size:12px !important;
  }
  .nav-textResto {
    font-size: 0.7rem !important;
  }
}
@media screen and (max-width:1350px ) and (min-width:1199.98px) {
  .nav-iconResto {
    width: 20px !important;
    height: 20px !important;
  }
  .lock-feature-image {
    width: 100px !important;
    height: 80px !important;
  }
/*
  Login page
  */
.resto-logo-icon{
      width:30px !important;
  }
  .resto-logo-text{
      height:35px !important;
  }
  .welcome-title {
    font-size: 30px !important;
    margin-left: 20px !important;

  }

  .form-body-login{
      justify-content:center;
      display:flex;
  }
  .form-filed-login{
      width:80% !important;
  }

  .lock-feature-text {
    font-size: 13px !important;
  }

  .lock-feature-button {
    font-size: 10px !important;
  }

  .nav-textResto {
    font-size: 0.6rem !important;
  }
}
@media screen and (max-width: 1199.98px) and (min-width:600px) {
  #form-div-pic, #form-div-emplloyee {
    width: 100% !important;
  }
  #file-downloadAll {
    width: 100% !important;
  }
  .files-module-btn {
    margin-right: 0.1rem !important;
    font-size: 12px !important;
  }
    #filters_div {
      width: 100% !important;
    }
  .hide-transaction-cards {
    display: none !important;
  }
  .gateway-btn-align{
      width:50% !important;
  }
  .control-col, .control-imagediv {
    width: 100% !important;
  }

  .control-view, .control-imagediv {
    display: block !important;
  }
  ul.d-xl-flex {
    display: none !important;
  }
  #backDropModalTitle {
    font-size: 22px !important;
  }
    #transaction-text {
    font-size:0.9rem !important;
  }
  .export-btn{
      font-size:14px !important;
  }
  .profile-div, .main-div {
    display: block !important;
  }
  .lock-feature-image {
    width: 100px !important;
    height: 80px !important;
  }

  .lock-feature-text {
    font-size: 13px !important;
  }

  .lock-feature-button {
    font-size: 10px !important;
  }

  #selectedMobileIcon {
    display: flex;
    align-items: center;
  }

  .resto-logo-icon {
    width: 30px !important;
  }

  .resto-logo-text {
    height: 35px !important;
  }
  .form-body-login {
    justify-content: center;
    display: flex;
  }

  .form-filed-login {
    width: 100% !important;
  }

  .welcome-title {
    font-size: 30px !important;
    margin-left: 20px !important;
  }


  .lock-feature-text {
    font-size: 13px !important;
  }

  .lock-feature-button {
    font-size: 10px !important;
  }
}
@media screen and (max-width: 600px) and (min-width:505px) {
  #form-div-pic, #form-div-emplloyee {
    width: 100% !important;
  }
  .date-time-filter, .export-btn, .date-time-div, .export-div {
    width: 100% !important;
  }
    #file-downloadAll {
    width: 100% !important;
  }
    .files-module-btn {
    margin-right: 0.1rem !important;
    font-size: 14px !important;
  }  #filters_div {
    width: 100% !important;
  }
  .gateway-btn-align {
    width: 50% !important;
  }
  .radio-AI-txt{
      font-size:13px !important;
  }
  .control-view, .control-imagediv {
    display: block !important;
  }
    .hide-transaction-cards {
    display: none !important;
  }
    ul.d-xl-flex {
    display: none !important;
  }
  #backDropModalTitle {
    font-size: 22px !important;
  }
  #transaction-text {
    font-size: 0.9rem !important;
  }

  .export-btn {
    font-size: 14px !important;
  }
  .profile-div, .main-div {
    display: block !important;
  }

  .lock-feature-image {
    width: 100px !important;
    height: 80px !important;
  }

  .lock-feature-text {
    font-size: 13px !important;
  }

  .lock-feature-button {
    font-size: 10px !important;
  }

  #selectedMobileIcon {
    display: flex;
    align-items: center;
  }

  .resto-logo-icon {
    width: 30px !important;
  }

  .resto-logo-text {
    height: 35px !important;
  }

  .form-body-login {
    justify-content: center;
    display: flex;
  }

  .form-filed-login {
    width: 100% !important;
  }

  .welcome-title {
    font-size: 30px !important;
    margin-left: 20px !important;
  }

}
@media (max-width: 505px) {
  #foot-img-log{
      width:70px !important;
  }
  #foot-img-log_icon{
      font-size:80px !important;
  }
  #foot-text-logo {
    font-size: 16px !important;
  }
  #OpenAIImage, #uploadlogo, #AIAutomatebtn {
    width: 100% !important;
  }
  #form-div-pic, #form-div-emplloyee {
    width: 100% !important;
  }
  #approve-btn{
      padding:5px;
  }
  .date-time-filter, .export-btn, .date-time-div, .export-div, .void-check {
    width: 100% !important;
  }
    #file-downloadAll{
      width:100% !important;
  }

  .data-filter_div, .download_div{
      width:100% !important;
  }
  .files-module-btn {
    margin-right: 0.1rem !important;
    font-size: 11px !important;
  }
  #filters_div {
    width: 100% !important;
  }
  .btnaction-responsive {
    grid-template-columns: none !important;
  }
  .gateway-btn-align {
    justify-content: center !important;
    display :flex !important;
  }
  .gateway-btn-align {
    width: 100% !important;
  }
  #mediaImage {
    width: 250px !important;
    height: 245px !important;
  }
  .show-label-popup {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }
  .radio-AI-txt {
    font-size: 9px !important;
  }
  .control-paneltxt {
    font-size: 14px !important;
  }
  .generate-btn-text{
      font-size:12px !important;
  }
  .control-panelbtn {
    font-size: 9px !important;
  }
  .register-btn{
      font-size:15px !important;
  }

  .control-actionbtn {
    font-size: 10px !important;
  }
  .control-closebtn, .control-done {
      font-size:10px !important;
  }
  .contol-img {
    width: 13px !important;
  }
  .hide-transaction-cards {
    display: none !important;
  }
  .control-view, .control-imagediv {
    display: block !important;
  }
  #transaction-text {
    font-size: 0.9rem !important;
  }
  #backDropModalTitle {
    font-size: 20px !important;
  }
  .export-btn {
    font-size: 14px !important;
  }
  .from-title-resto {
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
  }

  .radio-text-resto {
    font-size: 0.7rem !important;
  }

  .profile-div, .main-div {
    display: block !important;
  }

  .resto-logo-icon {
    width: 30px !important;
  }

  .resto-logo-text {
    height: 35px !important;
  }

  .form-body-login {
    justify-content: center;
    display: flex;
  }

  .form-filed-login {
    width: 100% !important;
  }

  .welcome-title {
    font-size: 16px !important;
    margin-left: 20px !important;
  }

  .subtitle {
    font-size: 11 px;
  }


  .add-resto, .disable-resto {
    font-size: 0.66rem !important;
  }

  /* .add-icon-resto {
    margin-right: 3px !important;
  }
*/


  .menu-item.show-label .menu-label {
    display: block;
    text-align: center;
    margin-top: 4px;
  }

  .lock-feature-image {
    width: 70px !important;
    height: 50px !important;
  }

  .lock-feature-text {
    font-size: 9px !important;
  }

  .lock-feature-button {
    font-size: 7px !important;
  }

  .mini-hover-dropdown .menu-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 8px;
    text-align: left;
  }

  .delete-resto, .edit-resto, .control-resto {
    font-size: 12px !important;
  }

  .mini-hover-dropdown .menu-link {
    flex-direction: row;
    justify-content: flex-start;
  }

  .mini-hover-dropdown .menu-icon {
    margin-right: 10px;
  }

  .mini-hover-dropdown .menu-label {
    display: block;
  }

  .menu-icon {
    width: 36px;
    height: 36px;
  }

  .mobile-hover-dropdown-wrapper {
    position: relative;
    display: flex;
    align-items: center;
  }

  .mini-hover-dropdown {
    display: none; /* Hidden by default */
    position: absolute;
    top: calc(100% + 5px); /* Position slightly below the hovered icon */
    left: 50%; /* Center it horizontally */
    transform: translateX(-50%); /* Adjust for centering */
    min-width: 150px; /* Adjust as needed */
    background-color: #333; /* Dark background for dropdown */
    border-radius: 8px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 10px 0;
    z-index: 1000;
    list-style: none; /* Remove bullet points */
  }

  /* Show dropdown on hover over the wrapper */
  .mobile-hover-dropdown-wrapper:hover .mini-hover-dropdown {
    display: flex; /* Show on hover */
    flex-direction: column;
  }

  .mobile-hover-dropdown-wrapper.show-dropdown .mini-hover-dropdown {
    display: flex !important;
    flex-direction: column;
  }
}