/*  styles for select2 */

input[type="date"]:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: dodgerblue !important;
    box-shadow: 0 0 5px dodgerblue !important;
    outline: none;
}

.flatpickr-input:focus,
.select2-selection:focus {
    border-color: dodgerblue !important;
    box-shadow: 0 0 5px dodgerblue !important;
    outline: none;
}

/* Additional styles for select2 elements */
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.select2-container--default .select2-selection--multiple .select2-search__field:focus {
    border-color: dodgerblue !important;
    box-shadow: 0 0 5px dodgerblue !important;
    outline: none;
}
.select2-container--default .select2-results__option--highlighted {
    background-color: dodgerblue !important;
    color: white !important;
}

/*Add, View & Download Button*/

.addbuttons {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    border-color: #7ec558;
    background-color: #7ec558;
    transition: 0.2s ease-in-out;
    color: white;
    cursor: pointer;
}

.addbuttons:hover {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    border-color: #85e94fc2;
    background-color: #85e94fc2;
    color: white;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.Green_btn_disabled {
    text-align: center;
    border-radius: 5px;
    border-color: #c6e1b8 !important;
    background-color: #c6e1b8 !important;
    border: 1px solid #c6e1b8 !important;
    color: #fff !important;
}
.cadetbluebuttons {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    border-color: cadetblue;
    background-color: cadetblue;
    transition: 0.2s ease-in-out;
    color: white;
    cursor: pointer;
}

.cadetbluebuttons:hover {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    border-color: #3bd4d9;
    background-color: #3bd4d9;
    color: white;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.cadetblue_btn_disabled {
    text-align: center;
    border-radius: 5px;
    border-color: #b4cecf !important;
    cursor: pointer;
    background-color: #b4cecf !important;
    border: 1px solid #b4cecf !important;
    color: #fff !important;
}
.bluegreenbuttons {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    border-color: #2fa795;
    background-color: #2fa795;
    transition: 0.2s ease-in-out;
    color: white;
    cursor: pointer;
}
.bluegreenbuttons:hover {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    border-color: #3ee5cc;
    background-color: #3ee5cc;
    color: white;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.bluegreen_btn_disabled {
    text-align: center;
    border-radius: 5px;
    border-color: #b4cecf !important;
    cursor: pointer;
    background-color: #b4cecf !important;
    border: 1px solid #b4cecf !important;
    color: #fff !important;
    pointer-events: none;
}
.Small_Green_buttons {
    font-size: 16px;
    border-radius: 5px;
    padding: 0px 5px 1px 5px;
    background-color: white;
    border: 1px solid #4292e7;
    color: #4292e7;
    transition: 0.2s ease-in-out;
    cursor: pointer;
}
a.Small_Green_buttons:hover {
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #4292e7;
    background-color: #4292e7;
    color: white;
    cursor: pointer;
}
.Small_Green_btnDisabled {
    border-radius: 5px;
    text-align: center;
    background-color: #b9dcff !important;
    border: 1px solid #b9dcff !important;
    padding: 0px 5px 1px 5px;
    color: white;
    cursor: pointer;
    pointer-events: none;
    font-size: 16px;
}

/*Edit Button*/

.btncolor {
    text-align: center;
    border-radius: 5px;
    border-color: #76b852;
    cursor: pointer;
    background-color: #4292e7; /* Button background color */
    border: 1px solid #4292e7; /* Button border color */
    color: #fff; /* Button text color */
    transition: all 0.3s ease; /* Smooth transition effect */
}
.btncolor:hover {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    background-color: white; /* Hover background color */
    border-color: #4292e7; /* Hover border color */
    cursor: pointer;
    color: #4292e7;
}
.Blue_Btn_Disabled {
    text-align: center;
    border-radius: 5px;
    border-color: #b9dcff !important;
    cursor: pointer;
    background-color: #b9dcff !important;
    border: 1px solid #b9dcff !important;
    color: #fff !important;
    cursor: pointer;
    pointer-events: none;
}

/*Delete Button*/

.deletebtncolor {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    border-color: #ff4848;
    background-color: #ff4848;
    color: white;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.deletebtncolor:hover {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    border-color: #ff4848;
    background-color: white;
    color: #ff4848;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.deletebtn_Disabled {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    border-color: #f9b7b7;
    background-color: #f9b7b7;
    color: white;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    pointer-events: none;
}

.small_deletebtncolor {
    border: 1px solid;
    text-align: center;
    padding: 0px 5px 1px 5px;
    font-size: 16px;
    border-radius: 5px;
    border-color: #ff4848;
    background-color: #ff4848;
    color: white;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.small_deletebtncolor:hover {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    border-color: #ff4848;
    background-color: white;
    color: #ff4848;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.accordion .accordion-body {
     color: black !important; 
}

.Small_Edit_buttons {
    font-size: 18px;
    border-radius: 5px;
    padding: 3px 8px 3px 8px;
    background-color: white;
    border: 1px solid #4292e7;
    color: #4292e7;
    transition: 0.2s ease-in-out;
    cursor: pointer;
}

a.Small_Edit_buttons:hover {
    font-size: 18px;
    border-radius: 5px;
    padding: 3px 8px 3px 8px;
    border: 1px solid #4292e7;
    background-color: #4292e7;
    color: white;
    cursor: pointer;
}
.Small_Edit_btnDisabled {
    text-align: center;
    background-color: #b9dcff !important;
    border: 1px solid #b9dcff !important;
    color: white;
    cursor: pointer;
    pointer-events: none;
    font-size: 18px;
    border-radius: 5px;
    padding: 3px 8px 3px 8px;
}
.small_deletebtn_color {
    border: 1px solid;
    text-align: center;
    border-color: #ff4848;
    background-color: #ff4848;
    color: white;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    font-size: 18px;
    border-radius: 5px;
    padding: 3px 8px 3px 8px;
}

.small_deletebtn_color:hover {
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    border-color: #ff4848;
    background-color: white;
    color: #ff4848;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}