/*   ===============  css for clinc registriaon form  ==============  */



       .contentbgcolor {
           background-image: linear-gradient(to right bottom, #334765, #007298, #009ea1, #00c576, #a2e116);
           height: 100% !important;
       }



       label {
           color: #000000;
       }

       .accordion-button {
           /* background-image: linear-gradient(to bottom, #0ec0e3, #00b7e7, #00aeea, #00a4eb, #2d99ea); */
           background-color: #006663;
           color: white;
           font-size: 20px;
       }

       .accordion-button::after {
           background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
       }

       .accordion-button.collapsed::after {
           background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
       }

       .form-check-input[type="checkbox"]:checked {
           background-color: #0dc89b;
           border-color: #0e7adf;
       }

       .form-check-label {
           color: black;
       }

       .form-check-input[type="checkbox"] {
           border-color: #0dc89b;
           /* Border color for both checked and unchecked checkboxes */
       }

       .contentbgcolors {
        /* background-image: linear-gradient(to right bottom, #334765, #007298, #009ea1, #00c576, #a2e116); */
        height: 100% !important;

    }



       /* CSS for animation */
       @keyframes fadeInRight {
           from {
               opacity: 0;
               transform: translateX(50px);
           }

           to {
               opacity: 1;
               transform: translateX(0);
           }
       }

       .animate__fadeInRight {
           animation: fadeInRight 0.5s ease-in-out;
       }

       /* CSS for colorful underline */
       .underline {
           width: 25%;
           height: 4px;
           background-image: linear-gradient(to right bottom, #334765, #007298, #009ea1, #00c576, #a2e116);
           border-radius: 5px;
           margin-top: 5px;
       }
       /* CSS for colorful underline */
       .underline2 {
           width: 200px;
           height: 4px;
           background-image: linear-gradient(to right bottom, #334765, #007298, #009ea1, #00c576, #a2e116);
           border-radius: 5px;
           margin-top: 5px;
       }

    #doctorDetailsForm {
        /* background-color: #f0f0f0;  */
        /* padding: 20px; */
        margin-bottom: 10px; /* Add padding to the form */
    }
    /* legend{
        background-color:#0dc89b;
        color: white;
        border-radius: 5px;

    } */
    fieldset{
        border: 1px solid #d1721e;
        padding: 5px;
    }


    .table-primary thead th {
        background-color: #0dc89b;
        color: #fff;
    }

    .table-primary tbody tr:nth-child(odd) {
        background-color: #f8f9fa;
    }

    .table-primary {
        border-collapse: collapse;
        width: 100%;
    }

    .table-primary th,
    .table-primary td {
        padding: 8px;
        text-align: left;
        border-bottom: 1px solid #dee2e6;
    }