@import "status_icons.css";
  @import "buttons.css";
  @import "navbar.css";
  @import "datatables.css";
  @import "login.css";
  
  /* Set root colors */
  :root {
    --success-green: #198754;
    --failed-red: #dc3545;
    --primary-blue: #0d6efd;
    --warning-orange: #ffc107;
    --light-gray: #a0aeba;
    --neutral-gray: #6c757d;
    --dark-gray: #51565C;
    --dark-gray-background: rgba(81,86, 92, .5);
    //--techlister-orange: #E18705;
    //--techlister-orange-hover: #d08314;
    --tb-orange: #E18705;
    --tb-orange-hover: #d08314;
    
    
  }

  /* set margin and padding */
  * {
    margin: 0;
    padding: 0;
  }
  
.custom-tooltip.fade.show {
      transition: opacity .5s;
  }
  
  body {
    font-size: 14px;
    padding-top: 4.5rem;
  }
  
  a {
    text-decoration: none;
  }
  
  #customerDetailRevenueDatatable tfoot th {
    width: auto;
    text-align: right;
  }
  
  .dataTable tfoot {
    background-color: #f9f9f9; /* Hintergrundfarbe für Sichtbarkeit */
  }


  
  .dev_name_crm_api {
     background-color: #c00;
     color: #fff;
     padding-left: 10px;
     padding-right: 10px;
   }
   
  .dev_name_crm_api a {
     color: #fff !important;
     pointer-events: none;
   }
   
   .hidden {
     display: none;
   }
   
   .statusBadge {
     width: 100px;
     padding: 7px 0;
     font-size: 12px;
   }
  
  
  /* Form Control */
  .form-control,
  select[disabled] {
    color: black !important;
  }
  
  /* Alle Focus outlines none */
  .form-control[type="text"]:focus,
  .form-control[type="email"]:focus,
  textarea.form-control:focus,
  .form-select:focus,
  .form-floating.input-group .form-control:focus
   {
    outline: none;
    box-shadow: none; 
    border-color: #DEE2E6;
  }




 #searchField:focus {
      outline: none;
      box-shadow: none; 
      border-color: #DEE2E6;
  }
  
  #searchFieldFullText,
  #searchField {
    border-right: none;
  }
  
  .btn_clearSearchField,
  .btn_moreFilter {
    border-right: none;
    border-left: none;
  }
  
  .searchBtn {
    border-left: none;
  }
  
   .btn_showMoreDetails {
    border-left: none;
  }
  
  .input-group-text {
    background-color: transparent;
  }
  
.btn_clearSearchField::after {
    content: "";
    border-left: 1px solid #DEE2E6;;
    height: 65%;
    margin-left: 10px;
  }

#showTimestamp {
  cursor: pointer;
}


  /* 
   Set Media Queries
  */ 
 
  @media (min-width: 1400px) {
    .table-responsive {
      overflow-x: hidden !important;
    }

  }
  
  
  /* Hide navbar toggler for desktop version  */
  @media (min-width: 767px) {
    .navbar-toggler {
      display: none;
    }
  
    .navbar-collapse {
      display: block !important;
    }
  
    .navbar-nav.me-auto.mb-2 {
      /* Align navbar left */
      justify-content: flex-start;
    }
  }
  
  
  /* General style for queries max 767px */
  @media (max-width: 767px) {
      .navbar-nav.me-auto.mb-2 {
        flex-direction: column;
        align-items: start;
        width: 100%;
        margin-left: 10px;
    }
  
      .nav-item {
        margin-right: 0;
        margin-bottom: 10px;
    }
    
      #searchField {
        margin-bottom: 10px !important;
    }    
  }
  

  
  @media (max-width: 1200px) {
    .row {
      --bs-gutter-x: 0.5rem !important;
    }
  }
  
 @media (max-width: 770px) {
     .ms-s-none {
       display: block !important;
       margin: 0!important;
     }
     .dropdown-end-s {
       right: auto !important;
     }
 }