// .header {
//     margin-left: 4%;
//     margin-top: 20px;
// }

// .header>h6{
//     a {
//         text-decoration: none;
//         color: #262627;
//     }

//     a:hover {
//         text-decoration: underline;
//         cursor: pointer;
//     }
// }

// mat-card{
//     min-width: 180px ;
//     // max-width: 20vw;
//     height: 200px;
//     display: inline-block;
// }

// mat-card:hover{
//     cursor: pointer;
// }


// -----------------------------------------------------------------------------------



.nav-link:hover {
    color: red;
  }
  
  
  th,
  td {
    padding: 10px;
    // border: 1px solid #ccc;
    word-wrap: break-word;
    white-space: normal;
  
  }
  
  .h2 {
    font-family: sans-serif;
    font-size: 26px;
    font-weight: 500;
  }
  
  
  .table td {
    word-break: break-word;
  }
  
  .table-break-word {
    word-break: break-word;
  }
  
  
  
  .top-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #e3e3e3;
    width: 100%;
    margin: auto;
    padding: auto;
  }
  
  .header {
    padding: 20px;
    width: 100%;
    min-width: 350px;
  }
  
  .header>h6>a {
    text-decoration: none;
    color: #262627;
  }
  
  .header>h6>a:hover {
    text-decoration: underline;
    cursor: pointer;
  }
  
  mat-card {
    min-width: 350px;
  }
  
  .top-left-float {
    display: flex;
    min-width: 282px;
  }
  
  .top-right-float {
    display: flex;
    min-width: 161px;
  }
  
  .top-left-float>button,
  .top-right-float>button {
    margin: 5px;
    height: 40px;
  }
  
  mat-table {
    padding-top: 10px !important;
    // table-layout: fixed;
    width: 100%;
    display: table;
    overflow-x: scroll;
  
    .table-headers {
      padding: 5px;
      color: #505050;
      font-weight: 900;
      font-size: medium;
      background-color: #f0f0f0;
      font-family: nucleo;
    }
  
    .table-headers:hover {
      background-color: #ececec;
      color: #46AC9E;
    }
  
    .table-content {
      padding: 5px;
      overflow-wrap: inherit;
      font-family: nucleo;
  
    }
  
    .table-column {
      width: 100%;
    }
  }
  
  input {
    border: none;
    border-bottom: 1px solid silver;
  }
  
  :host ::ng-deep .mat-slide-toggle.mat-checked:not(.mat-disabled) {
  
    .mat-slide-toggle-thumb {
      background-color: #46AC9E;
    }
  
    .mat-slide-toggle-bar {
      background-color: skyblue;
    }
  
  }
  
  // .dialog-body {
  //     display: flex;
  //     justify-content: center;
  //     align-items: center;
  
  //     div {
  //         width: 90%;
  //     }
  // }
  
  .dialog-actions {
    display: flex;
    flex-wrap: wrap;
    width: 97%;
    justify-content: space-between;
  
    .btn-group-left {
      // min-width: 150px;
      margin-top: 5px;
    }
  
    .btn-group-right {
      // min-width: 95px;
      margin-top: 5px;
    }
  }
  
  .hide {
    display: none;
  }
  
  :host ::ng-deep {
    .mat-form-field-infix {
      border-bottom: 0px solid white;
    }
  
    .mat-table {
      tr {
  
        th,
        td {
          vertical-align: middle;
        }
      }
    }
  
  }
  
  
  
  
  .img-fluid {
    margin-right: 5px;
    max-height: 40px;
  }
  
  // .navbar {
  //   background-position: center;
  // }
  
  
  @media (max-width: 767px) {
    .card {
      min-width: 600px;
    }
  }
  
  
  @media print {
    .buttonCard {
      display: none;
    }
  
    .backButton {
      display: none;
    }
  
    .printButton {
      display: none;
    }
  
    .excelButton {
      display: none;
    }
  }
  
  .mat-row:nth-child(even) {
    background-color: rgb(255, 255, 255);
  }
  
  .mat-row:nth-child(odd) {
    background-color: rgb(241, 241, 241);
  }
  
  .table-container {
    margin-top: 20px
  }
  
  
  .backButton {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #424242;
    background-color: white;
    height: 37px;
    border-radius: 9px;
    font-family: nucleo;
    // width: 8%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transform: translateY(5px);
  
  }
  
  .backButton:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    /* You can adjust the shadow values to your preference */
  }
  
  .printButton {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: white;
    color: #424242;
    height: 37px;
    border-radius: 9px;
    font-family: nucleo;
    width: 8%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  
  }
  
  .printButton:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    /* You can adjust the shadow values to your preference */
  }
  
  .excelButton {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #424242;
    background-color: white;
    height: 37px;
    border-radius: 9px;
    font-family: nucleo;
    width: 8%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-right: 5px;
  }
  
  .excelButton:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    /* You can adjust the shadow values to your preference */
  }
  
  .buttonCard {
    width: 100%;
    background-color: #ffffff;
    height: 50px;
    margin: 0px;
    padding: 0px 16px 0px 16px;
    margin-top: 20px;
  }
  .buttonCardBottom{
    width: 100%;
    background-color: #ffffff;
    height: 50px;
    margin: 0px;
    padding: 0px 16px 0px 16px;
    margin-bottom: 20px;
  }
  
  .reportHeader {
    width: 100%;
    background-color: #ffffff;
    // height: 50px;
    margin: 5px 0px 0px 0px;
  }
  
  .bidHeading {
    font-family: texg;
    color: #353535;
  }
  
  .tenderInfo {
    font-family: texg;
    color: #353535;
  }
  
  .subHead {
    font-family: texg;
    color: #353535;
  }
  
  .subDetail {
    font-family: nucleo;
    color: #353535;
  }
  
  .captchaFont {
    font-family: captcha;
    font-size: large;
  }
  
  .captchaDiv {
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    background-image: url('/assets/img/captchaback.jpeg');
  }
  
  .captchaSubmit{
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #424242;
    background-color: white;
    height: 37px;
    border-radius: 9px;
    font-family: nucleo;
    // width: 8%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-right: 5px;
  }
  .captchaSubmit:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    background-color: rgb(240, 240, 240);
  
    /* You can adjust the shadow values to your preference */
  }
  
  .rotate-icon {
    animation: rotate 1s infinite;
  }
  
  @keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  .table-responsive {
    overflow-x: scroll;
  }
  
  .printButton {
    // float: right;
     margin-top: 5px;
     margin-bottom: 5px;
     background-color: white;
     color: #424242;
     height: 37px;
     border-radius: 9px;
     font-family: nucleo;
     // width: 17%;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   
     
   
   }

   .printButton:hover{
    // float: right;
     margin-top: 5px;
     margin-bottom: 5px;
     background-color: white;
     color: orangered;
     height: 37px;
     border-radius: 9px;
     font-family: nucleo;
     // width: 17%;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   
     
   
   }