.content-wrapper {
            background-color: #E2F1FC;
        }
        .card-body{
            background-color: #E2F1FC;
        }
        .btn{
            background-color: #2A67B1;
            color: #fff;
        }
        .card-header{
            background-color: #2A67B1;
            color: #2A67B1;
        }
        .search-input1{
            background-color: #fefcf5;
            border-radius: 5px;
            font-size: 16px;
        }
        .search-input1:focus{
            background-color: #FEE8AF;
            border-color: black;
            /* box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); */
        }
        h1{
            color: #2A67B1;
            font-size: 20px;    
            font-weight: 700;
        }
        .listHeader{
            background-color: #a9c5e8;
            /* background-color: #359a8d; */
            /* background-color: #e9ce89; */
            color: black;
        }
        .listHeaderYellow{
            background-color: rgb(255, 202, 132);
            color: black;
            border: 1px solid black;
        }
        .listBody{
            font-weight: 600;
            font-size: 16px;
            font-family: 'Roboto', sans-serif;
            color: #2A67B1 ;
            border: 1px solid black;
        }
        .listBody tr td , .listHeader tr th{
            border: 1px solid #2A67B1;
        }
        
      
    .flex-container {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        margin-bottom: 12px;
        font-size: 16px;
        background-color: #E2F1FC;
            /* font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
            /* font-family:Verdana, Geneva, Tahoma, sans-serif; */
            font-family:'Roboto', sans-serif;
            -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .flex-item {
        flex: 1 1 200px; /* Grow to fill space, shrink if needed, minimum width 300px */
        min-width: 200px;
    }

    .flex-item label {
        display: block;
        margin-bottom: 5px;
    }
    .form-control:focus {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        background-color: #ffe196;

        /* background-color: #f5fafd; */
    }
    .form-control{
        font-weight: 600;
        font-size: 16px;
    }
    .headBtn{
        background-color: #fff;
        color: #2A67B1;
        border: 1px solid #2A67B1;
    }
    .headBtn:hover{
        background-color: #FEE8AF;
        color: black;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }
    .headBtn:focus{
        background-color: #1f84ff;
        color: #fff;
        box-shadow: 0 0px 10px rgba(0, 123, 255, 0.5);
    }
    .deleteBtn{
        background-color: #f53030;
        color: #ffffff;
    }
    .btnPrint{
        background-color: #0d8e4b;
        color: #fff;
    }
    .secondaryBtn{
        background-color: #056066;
        color: #ffffff;
        border: 1px solid #2A67B1;
    }
    .dropdownBtn{
        background-color: #ffffff;
        color: #652929;
        border: 1px solid #2A67B1;
    }
    .dropdownBtn:hover{
        background-color: #f5f5f5;
        color: #652929;
    }
    .dropdownList{
        background-color: #ffffff;
        color: #652929;
        font-weight: bold;
        /* border: 1px solid #2A67B1; */
    }
    .dropdownList:hover{
        background-color: #652929;
        color: #ffffff;
        /* border: 1px solid #2A67B1; */
    }
  
    .select2-selection.select2-selection--single {
        height: 38px;
    }
    .select2-selection__rendered {
        font-size: 16px !important;
    }
    .title1{
        color: #2A67B1;
        font-size: 25px;    
        font-weight: 700;
    }
    .titleMini{
        color: #2A67B1;
        font-size: 18px;    
        font-weight: 700;
    }
  

    @media (max-width: 768px) {
        .flex-item {
            min-width: 100%;
        }
        .title1{
        color: #2A67B1;
        font-size: 18px;    
        font-weight: 700;
    }
    }