:root {
    --theme-default-white: #fff;
    --theme-default-black: #000000;
    --theme-default-orange: #275F5E;
    --theme-default-orange-hover: #193d3d;
}

/* ______________________________________________________ Bootstrap Changes ______________________________________________________ */

.page-link {
    color: var(--theme-default-orange);
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--theme-default-orange);
    border-color: var(--theme-default-orange);
}

.page-link:hover {
    z-index: 2;
    color: var(--theme-default-white);
    background-color: var(--theme-default-black);
    border-color: var(--theme-default-black);
}

.page-link:focus {
    box-shadow: none;
}

/* _____________________________________________________ Form Submission Loader _____________________________________________________ */

#form-submit-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.form-spinner {
    border: 8px solid #fff;
    /* Light grey */
    border-top: 8px solid #FF6D34;
    /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* ______________________________________________________ Datatable Responsive ______________________________________________________ */

.table-responsive .table th,
.table-responsive .table td {
    white-space: nowrap;
    /* Prevent text wrapping */
    padding-right: 50px;
}

.table-responsive .table th:last-child,
.table-responsive .table td:last-child {
    padding-right: 0px;
}

/* __________________________________________________________________________________________________________________________________ */


.default-color {
    color: var(--theme-default-orange);
}

.default-button {
    background-color: var(--theme-default-orange);
    border-color: var(--theme-default-orange);
    color: var(--theme-default-white);
}

.default-button:hover {
    background-color: var(--theme-default-orange-hover);
    border-color: var(--theme-default-orange-hover);
    color: var(--theme-default-white);
}

.default-button:active {
    background-color: var(--theme-default-orange-hover) !important;
    border-color: var(--theme-default-orange-hover) !important;
    color: var(--theme-default-white) !important;
}

.error-span {
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color);
}

.active>.page-link {
    background-color: var(--theme-default-orange);
}

.general-image {
    margin-top: 10px;
    max-width: 200px;
    max-height: 200px;
}

.video {
    width: 25%;
}

.btn-primary {
    background: #f28705 !important;
    border: none;
}


/* __________________________________________________________________________________________________________________________________ */

/* changes done by aryan */


.logo img {
    max-height: 55px !important;
    width: 100px;
}


.back-to-top {
    background-color: #275f5e;
    border-radius: 50%;
    border: 2px solid #275f5e;
    color: white;
    transition: all .5s ease-in-out;

}


body .back-to-top i {
    background-color: #f28705;
    color: white;
    transition: all .5s ease-in-out;

}

body .back-to-top:hover i {
    background-color: white;
    color: #275f5e;


    color: #275f5e;
    transition: all .5s ease-in-out;

}

body .back-to-top:hover {
    background-color: white;
    color: #275f5e;
}


.justify-content-between {
    justify-content: end !important;
}


.key-point, .chk-item, .interim, .full, .major {
    margin-top: 20px;
}

button#add-key-point, button.btn.btn-success.add-row {
    margin-top: 20px;
}

button.btn.btn-success.add-row, .chk-item, .interim, .full, .major, .gallery-container{
    margin-bottom: 10px;
}

.checklist-item.first, .checklist-item{
    display: flex;
}

.add-new-chk{
    margin-left: 16%;
}
button.btn.btn-success.add-row {
    margin-bottom: 20px;
}

.clear-on-input{
    margin-bottom: 20px;
}