#search_input_text_mobile, #search_input_text_desktop {
          font-size: 13px;
          margin: 0;
        }
        .close_btn{
           width: 28px;
           padding: 5px;
        }
        .toggle_icon{
          width: 14%;
        }
        .mt_3{
          margin-top: 3rem !important;
        }
       .close-icon {
        font-size: 1.5rem;
        color: black;
        cursor: pointer;
    }
        .w-103{
          width: 104%;
        }
        .dropdown-menu_mobile{
           list-style: none;
           padding: 0;
        }
        .dropdown-menu_mobile > li {
            padding: 10px;
            border-bottom: 1px solid #80808061;
        }
        .arrow{
            width: 10px;
            font-size: 12px;
            float: right;
            margin-right: 10px;
        }
        .weight-500 {
          font-weight: 500 !important;
        }
    .w-96{
      width: 96%;
    }
    .w-full{ width: 100%; }
    .mb-2{
      margin-bottom: 2rem;
    }
    .form-inline {
        display: flex;
        align-items: center;
        margin: auto;
        width: 100%;
        justify-content: center;
    }
    .p_5{
        padding: 10px 0;
    }
#search_prod_btn_desktop{
    border: 1px solid gray;
    padding: 8px 35px;
    font-size: 12px;
    align-items: center;
      background-color: #FFFFFF;
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: .25rem;
      box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
      box-sizing: border-box;
      color: rgba(0, 0, 0, 0.85);
      cursor: pointer;
      display: inline-flex;
      font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
      font-weight: 600;
      justify-content: center;
      line-height: 1.25;
      margin: 0;
      position: relative;
      text-decoration: none;
      transition: all 250ms;
      user-select: none;
      -webkit-user-select: none;
      touch-action: manipulation;
      vertical-align: baseline;
      width: auto;
}

#search_prod_btn_desktop:hover,
#search_prod_btn_desktop:focus {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  color: rgba(0, 0, 0, 0.65);
}

#search_prod_btn_desktop:hover {
  transform: translateY(-1px);
}

#search_prod_btn_desktop:active {
  background-color: #F0F0F1;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  color: rgba(0, 0, 0, 0.65);
  transform: translateY(0);
}
 .close_btn{
      height: 100%;
      cursor: pointer;
    }
#search_result_dropdown_desktop{
  top: 55px;
  width: 100%;
  z-index: 0 !important;
  padding: 0;
}
#search_input_text_desktop{
    width: 80%;
    margin-left: 5rem;
}
.badge-open{
	color: #008000;
    background-color: #adff2f57;
    font-size:12px;
}
.badge-escalated{
		color: #ef1c1c;
		background-color: #ffe9ec;
		font-size:12px;
	}

.swal-text{
  text-align: center !important;
}

@media (max-width: 767px) {
     .weight-500 {
          font-weight: 500 !important;
        }
        .footer_ul .dropdown-item {
            background-color: transparent !important;
            font-weight: 500 !important;
        }
    .search_prod_btn_mobile{
          border: 1px solid gray;
          padding: 8px 10px;
          font-size: 12px;
          align-items: center;
          background-color: #FFFFFF;
          border: 1px solid rgba(0, 0, 0, 0.1);
          border-radius: .25rem;
          box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
          box-sizing: border-box;
          color: rgba(0, 0, 0, 0.85);
          cursor: pointer;
          display: inline-flex;
          font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
          font-weight: 600;
          justify-content: center;
          line-height: 1.25;
          margin: 0;
          position: relative;
          text-decoration: none;
          transition: all 250ms;
          user-select: none;
          -webkit-user-select: none;
          touch-action: manipulation;
          vertical-align: baseline;
          width: auto;
        }

        .search_prod_btn_mobile:hover,
        .search_prod_btn_mobile:focus {
          border-color: rgba(0, 0, 0, 0.15);
          box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
          color: rgba(0, 0, 0, 0.65);
        }

        .search_prod_btn_mobile:hover {
          transform: translateY(-1px);
        }

        .search_prod_btn_mobile:active {
          background-color: #F0F0F1;
          border-color: rgba(0, 0, 0, 0.15);
          box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
          color: rgba(0, 0, 0, 0.65);
          transform: translateY(0);
        }
       .search_result_dropdown_mobile{
          width: 100%;
          z-index: 0 !important;
          padding: 0 5px;
        }
}