/* =============Login home page============= */

.form-control,.form-select{
    background: var(--soft);
    border: none;
    border-radius: 0.25rem !important;
    padding: .7rem 1rem;
}

form.needs-validation.login-form input, form.needs-validation.login-form select {
    border-radius: 999px !important;
}

form.needs-validation.login-form input, form.needs-validation.login-form div input, form.needs-validation.login-form select {
    border-radius: 999px !important;
}

:root{
      --pr-red:#d60000;
      --bg:#f1f2f4;
      --soft:#e9ecef;
      --text:#212529;
    }
    
    
    body{ background: var(--bg); }

    /* Big rounded login card */
    .login-shell{
      background:#fff;
      border-radius:24px;
      box-shadow:0 10px 28px rgba(0,0,0,.12);
      padding:32px 28px;
    }
    @media (min-width:992px){
      
    .login-shell{  padding: 32px 42px;}
    }
    a{
      text-decoration: none;
      color: var(--pr-red);
    }
    .brand-top{
      text-align:center;
      margin-top:-8px;
      margin-bottom:12px;
    }
    .brand-top img{ max-height:200px; }

    .welcome h1{
      font-weight:700; font-size:28px; margin:8px 0 4px;
    }
    .welcome p{ color:#6c757d; margin-bottom:18px; }

   
    /* .form-select{ background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); } */
    .form-control:focus,.form-select:focus{
      box-shadow:0 0 0 .25rem rgba(214,0,0,.15);
      background:#eef1f4;
    }

    .btn-login{
      background:var(--pr-red);
      border:none;
      color: #ffffff;
      border-radius:999px;
      padding:.65rem 1rem;
      font-weight:600;
    }
    
    .btn-login:hover{ background:#b70000; }

    .news-btn{
      border-radius:999px; border:0; background:#f5f6f7; color:#495057;
      padding:.5rem 1rem; font-size:.92rem; display:inline-flex; align-items:center; gap:.5rem;
    }

    /* Illustration */
    .illus{ max-width:420px; }

    /* Products section card */
    .products{
      background:#fff; border-radius:20px; box-shadow:0 10px 28px rgba(0,0,0,.10);
      padding:26px 18px;
    }
    .products h5, .news h5{
      font-weight:700; color:var(--text); margin:6px 0 4px; text-align:center;
      position:relative; display:inline-block;
    }
    .heading-wrap{ text-align:center; }
    .heading-wrap:before, .heading-wrap:after{
      content:""; display:inline-block; width:64px; height:3px; background:var(--pr-red);
      vertical-align:middle; margin:0 12px 6px;
      border-radius:2px;
    }

    /* Slider item */
    .logo-slide{
      text-align:center; padding:12px 6px; position:relative;
    }
    .logo-slide img{ height:300px; width:auto; margin-inline:auto; display:block; }
    .logo-caption h2{
      text-align: center;
      font-size: 1.2rem;
      font-weight: 700;
      margin-bottom: 10px;
    }
    .logo-caption{
    padding: 15px 18px;
    position: absolute;
    bottom: 0;
    width: auto;
    text-align: justify !important;
    margin: 0 auto !important;
    height: 300px;
    background: #837d7d;
    color: #ffffff !important;
    left: 10%;
    text-align: center;
    box-sizing: border-box;
    text-align: center;
    font-size:.8rem; font-weight:600;opacity:0; transition:.25s;
    }
    .logo-slide:hover .logo-caption{ opacity:1; color:#000; }

    footer{ color:#8a8f98; font-size:.9rem; }

    /* spacing similar to design */
    .outer-wrap{ max-width:1200px; margin-inline:auto; }

    /* News cards */
    .news{
      margin-top: 2rem;
      background:#fff; border-radius:20px; box-shadow:0 10px 28px rgba(0,0,0,.10);
      border: none;
    }
    .news-item{
      background:var(--soft);
      border-radius:14px;
      padding:18px;
      transition:.25s;
      height:100%;
    }
    .news-item:hover{
      background:#eef1f4;
    }
    .news-item h6{ font-weight:600; margin-bottom:8px; }
    .news-item p{ font-size:.9rem; color:#555; margin-bottom:0; }

    footer{ color:#8a8f98; font-size:.9rem; }

    .outer-wrap{ max-width:1200px; margin-inline:auto; }


   

/* ================= Turn Over Page============ */

    body {
      background: #f5f5f5;
      /* background: #f7f7f7; */
      font-family: 'Segoe UI', sans-serif;
    }

    ul.nav.nav-tabs li a.nav-link.active {
        background: #d70000 !important;
        color: #ffffff !important;
    }
    /* HEADER */
   nav a.active {
      color: #d70000;
    }

    /* SECTION TITLE */
    h5 {
      font-weight: 600;
      color: #d70000;
      margin-bottom: 12px;
    }

    /* CARD STYLE */
    .card-custom {
      /* border: 2px solid #e0e0e0; */
      /* border-radius: 12px; */
      /* padding: 15px; */
      /* background: #fff; */
      margin-bottom: 25px;
    }

    /* NAV TABS */
    .nav-tabs {
      border: none;
      margin-bottom: 10px;
    }
    .nav-tabs .nav-link {
      /* border-radius: 50px; */
    background: #cccccc;
      padding: 5px 15px;
      margin-right: 6px;
      font-size: 13px;
      font-weight: 500;
      border: 1px solid #ccc;
      color: #333;
    }
    .nav-tabs .nav-link.active {
      background: #d70000;
      color: #fff;
      border-color: #d70000;
    }

    /* TABLES */
    table {
      width: 100%;
      border-collapse: collapse;
      font-size: 14px;
      border: 1px solid #d70000;
      border-radius: 10px;
      overflow: hidden;
    }
    table thead th {
      background: #d70000;
      color: #fff;
      font-weight: 600;
      padding: 8px;
      text-align: left;
    }
    table tbody td {
      padding: 8px;
      border-top: 1px solid #eee;
    }
    .tab-content, table#holdingTable, table#complianceTable {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
}

    /* SEARCH INPUT */
    .search-input {
      border: 1px solid #ccc;
      border-radius: 8px;
      padding: 6px 10px;
      font-size: 14px;
      width: 100%;
      outline: none;
      margin-bottom: 10px;
    }
    .search-input:focus {
      border-color: #d70000;
      box-shadow: 0 0 0 2px rgba(215,0,0,0.15);
    }

    /* FOOTER */
    footer {
      background: #fff;
      border-top: 1px solid #e0e0e0;
      padding: 12px;
      font-size: 13px;
      color: #666;
      text-align: center;
    }


/* ================= Report Page============ */
  .report form .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  padding-right: 2rem;
  -webkit-appearance: none;
  color: #555;
  -moz-appearance: none;
  appearance: none;
}

  .report_page {
      background-color: #c00;
      padding: 0.5rem 1rem;
    font-family: 'poppins-regular', sans-serif;
    }

    ul.navbar-nav.report_nav li a {
    font-family: 'poppins-regular', sans-serif;
    color: #ffffff;
    font-weight: 500;
    }
    .report_page li , .report_page li a {
      color: #fff !important;
      font-weight: 600;
      margin: 0 5px;
      text-decoration: none;
      font-family: 'poppins-regular', sans-serif;
    }
    .card-header {
      background-color: #c00;
      color: #fff;
      font-weight: 600;
    font-family: 'poppins-regular', sans-serif;
    }
    .report form .form-control,.report form .form-select {
      border-radius: 5px;
    }
    .page-title {
      margin-bottom: 20px;
    font-family: 'poppins-regular', sans-serif;
    font-weight: 500;
    }
    .report_page   a.navbar-brand img {
    min-width: 100%;
}



/* ================= schudo Report Page============ */
  .report-card {
    background: #fff;
    margin-top: 20px;
    padding: 15px;
    border-radius: 7px;
    border: 1px solid #ededed;
}
   
  .table th {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
  }
    .report-header {
      background-color: #c00;
      color: #fff;
      padding: 12px;
      font-weight: bold;
      border-radius: 6px 6px 0 0;
      text-align: center;
      font-size: 18px;
    }
    .table th {
      font-weight: bold;
      text-align: center;
      color: #444444;
      vertical-align: middle;
    }
    .client-title {
      font-weight: bold;
      margin: 15px 0 10px;
      color: #333;
    }
    .spacer {
      margin-bottom: 25px; /* space between clients */
    }
    .ge-to-row td {
      font-weight: bold;
      text-align: right;
    }
    .report-card .table{
      border: 1px solid #ddd !important;
      border-radius: 6px;
      overflow: hidden;
    }
    .client-title>table{
      border: 1px solid #ddd !important;
      border-radius: 6px;
    }
     .table-bordered {
    border: 1px solid #ddd !important;   /* Outer border */
  }
   .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;   /* Inner borders */
  }
 table.table.table-bordered.table-striped.mt-2, table.table.table-bordered.table-striped {
    border: 2px solid #ddd !important;
    opacity: 1;
    background: #dddddd;
}
tbody tr.fw-bold.text-center {
    color: #222222 !important;
}