.main-form {
      background: rgba(0, 0, 0, 0.8);
      box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
      border-radius: 0px;
      position: relative;
      padding: 30px;
      position: relative;
      color: #fff
  }
  
  .nav-search>li.active>a::before {
      content: '';
      width: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid rgba(0, 0, 0, 0.8);
      position: absolute;
      transform: translateY(-50%);
      opacity: 1;
      bottom: -17px;
  }
  
  .search-form .nav-search {
      margin-bottom: 12px;
  }
  
  .icon-wrap {
      width: 48px;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
  }
  
  .input-wrap {
      background: transparent;
      border-radius: 3px;
      height: 60px;
      position: relative;
      padding: 10px;
      color: #fff
  }
  
  label {
      color: #ffffff;
      font-weight: 400;
      font-family: "Lato";
      font-size: 15px
  }
  
  .input-wrap .input-field input {
      color: #fff;
      background: transparent;
      width: 100%;
      border: 0;
      padding: 8px 0;
      font-family: 'Lato', sans-serif;
  }
  
  #btn-search {
      margin-top: 50px;
      margin-bottom: -50px;
  }
  
  @media screen and (min-width: 992px) {
      hr.vertical {
          border: 0;
          margin: 0;
          border-left: 1px solid #f5f5f5;
          height: 70px;
          float: left;
      }
  }
  
  .input-field .form-control:focus {
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .nav-search>li>a:hover,
  .nav-search>li.active>a,
  .nav-search>li.active>a:focus,
  .nav-search>li.active>a:hover {
      color: white;
      background: var(--dark);
      border: 1px solid var(--dark);
  }
  
  .nav-search>li>a {
      border-radius: 0;
      background-color: var(--light-color);
      color: var(--dark);
      border: 1px solid var(--light-color);
  }
  
  .nav-search ::placeholder {
      font-size: 12px;
  }
  
  .search-form {
      position: absolute;
      bottom: 7%;
      right: auto;
      width: 100%;
      color: #fff;
      font-size: 18px;
      letter-spacing: 1px;
  }
  
  .search-form .dropdown-menu>.active>a,
  .search-form .dropdown-menu>.active>a:focus,
  .search-form .dropdown-menu>.active>a:hover {
      background-color: #ee1c25;
  }
  
  @media (max-width: 992px) {
      .search-form {
          position: relative;
          top: 10px;
      }
      #btnSearchSHT {
          margin-top: 50px
      }
  }
  
  @media (min-width: 992px) {
      .search-form .col-md-5 {
          width: 40.66666667%;
      }
  }
  
  @media (max-width: 767.98px) {
      .nav-search {
          justify-content: flex-start;
          overflow: hidden;
          display: flex;
          padding: 10px;
      }
      .search-form .nav-search {
          margin-bottom: 0;
      }
  }
  
  .big {
      font-size: 22px;
      font-weight: 500;
      margin-right: 2px
  }
  
  .date-value {
      display: flex;
      align-items: center
  }
  
  .date-value .day {
      font-size: 22px;
      font-weight: 500;
      margin-right: 4px
  }
  
  .date-value .year,
  .date-value .month {
      display: block;
      line-height: 15px;
      font-size: 13px
  }
  
  #daterange {
      visibility: hidden;
      position: absolute;
      left: 40px;
      right: 0;
      height: 0;
      width: 0
  }
  
  .modal-body label {
      color: #252525 !important
  }
  
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
      width: 100% !important;
  }
  
  .modal-body .btn-default {
      color: #fff;
      background-color: #343a40;
      border-color: #343a40;
  }
  
  .modal-header {
      border-bottom: none;
  }
  
  .modal-content {
      border-radius: 0px;
  }