.bg-company-green {
    background-color: var(--gwd-pink);
}

.help-block {
    font-size: 0.8rem;
    font-style: italic;
    margin: 0.2rem;
}

.control-group {
    margin-bottom: 20px;
}

.textInput {
    min-width: 20rem;
}

.emailinput {
    min-width: 20rem;
}

body {
    color: var(--gwd-grey);
    font-family: "Geometria",Verdana,Arial,sans-serif;
}

.active {    
    font-weight: bolder;
    background-color: var(--gwd-pink-dark);
}

.main-navbar .nav-item.active {
    border-radius: .25rem;
}

.btn-primary {
    color: var(--gwd-white);
    background-color: var(--gwd-orange);
    border-color: var(--gwd-orange);
}

.btn-primary:hover   {
    color: var(--gwd-white);
    background-color: var(--gwd-orange);
    border-color: var(--gwd-orange-dark);
}

.btn-primary:focus,  .btn-primary:not(:disabled):not(.disabled):active {
    color: var(--gwd-white);
    background-color: var(--gwd-orange-dark);
    border-color: var(--gwd-orange-dark);
}

.btn-success {
    color: var(--gwd-white);
    background-color: var(--gwd-teal);
    border-color: var(--gwd-teal);
}

.btn-success:hover   {
    color: var(--gwd-white);
    background-color: var(--gwd-teal);
    border-color: var(--gwd-teal-dark);
}

.btn-success:focus,  .btn-success:not(:disabled):not(.disabled):active {
    color: var(--gwd-white);
    background-color: var(--gwd-teal-dark);
    border-color: var(--gwd-teal-dark);
}

.btn-warning {
    color: var(--gwd-grey);
    background-color: var(--gwd-yellow);
    border-color: var(--gwd-yellow);
}

.btn-warning:hover   {
    color: var(--gwd-grey);
    background-color: var(--gwd-yellow);
    border-color: var(--gwd-yellow-dark);
}

.btn-warning:focus,  .btn-warning:not(:disabled):not(.disabled):active {
    color: var(--gwd-grey);
    background-color: var(--gwd-yellow-dark);
    border-color: var(--gwd-yellow-dark);
}

.amount-buttons-form>.control-group {
  margin-right: 20px;
}

.table td {
    vertical-align: middle;
}

#LogoDiv{
    width: 150px;
}
#LogoDiv img{
    float: left;
    height: 46px;
    margin-right: 5px;
}

#LogoDiv div:nth-child(2){
    font-size: 18px;
    line-height: 16px;
    font-family: "Geometria-Bold",Verdana,Arial,sans-serif;
}

#LogoDiv div:nth-child(3){
    font-size: 12px;
}

.child-navbar {
    padding: 0px;
}

.child-navbar.navbar-pink-dark {
    background-color: var(--gwd-pink-dark) !important;
}

.child-navbar .nav-item.active {
    background-color: var(--gwd-white);
    text-decoration: underline;
}

.child-navbar .nav-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.sr-action-buttons {
    width: 32px;
    height: 32px;
}

.secondary-button {
    width: 200px;
}

.schedule-report-details input[type="text"], 
.schedule-report-details input[type="email"], 
.schedule-report-details select{
    width: 400px;
}

.btn-outline-primary {
    color: var(--gwd-orange);
    border-color: var(--gwd-orange);
}

.btn-outline-primary:hover   {
    color: var(--gwd-white);
    background-color: var(--gwd-orange);
    border-color: var(--gwd-orange-dark);
}

.btn-outline-primary:focus,  .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: var(--gwd-orange-dark);
    border-color: var(--gwd-orange-dark);
}

#existing-schedules > thead, #report-history > thead, #kiosk-config > thead {
    background-color: var(--gwd-pink-dark);
}

#existing-schedules th.action-columns, #existing-schedules td.action-columns {
    text-align: center;
}

#reports-child-nav-container > ul > li.nav-item {
    cursor: pointer;
}

.wizard-step { 
    display: none; 
    margin-top: 45px;
}

.wizard-step.active { 
    display: block; 
    background-color: unset; 
}

.wizard-step > .step-content {
    width: 700px;
    margin: 0 auto;
    text-align: center;
}

.wizard-step > .step-content > .step-actions {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.wizard-step > .step-content > .step-actions > button {
    flex: 1; /* Make buttons take equal space */
    max-width: 150px; /* Optional: set a max width for the buttons */
}

.wizard-step > .step-content > .currency-container {
    width: 250px;
    margin: 0 auto;
}

.custom-spinner {
    border: 0.25em solid #f3f3f3;
    border-top: 0.25em solid #007bff;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

.select2-container {
    min-width: 20rem;
}

.select2-selection {
    height: 38px;
}

.switch {
    position: relative; 
    display: inline-block; 
    width: 48px; 
    height: 26px;
}

.switch input { 
    opacity: 0; 
    width: 0; 
    height: 0; 
}

.slider {
    position: absolute; 
    cursor: pointer; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    background-color: #ccc; transition: .2s;
}

.slider:before {
    position: absolute; 
    content: ""; 
    height: 20px; 
    width: 20px; 
    left: 3px; 
    bottom: 3px;
    background-color: white; transition: .2s;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--gwd-orange);
    border-color: var(--gwd-orange);
}

input:checked + .slider { background-color: var(--gwd-orange); }
input:focus + .slider { box-shadow: 0 0 1px var(--gwd-orange-dark); }
input:checked + .slider:before { transform: translateX(22px); }
.slider.round { border-radius: 26px; }
.slider.round:before { border-radius: 50%; }

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

/* Gift Aid Setup Page Styles */
.giftaid-setup .card-header {
    background-color: var(--gwd-pink);
    cursor: pointer;
    transition: background-color 0.2s;
}

.giftaid-setup .card-header:hover {
    background-color: var(--gwd-pink-dark);
}

.giftaid-setup .card-header .collapse-icon {
    transition: transform 0.3s ease;
}

.giftaid-setup .card-header[aria-expanded="true"] .collapse-icon,
.giftaid-setup .card-header:not(.collapsed) .collapse-icon {
    transform: rotate(180deg);
}

.giftaid-setup .setup-fields input:disabled,
.giftaid-setup .setup-fields select:disabled {
    background-color: #e9ecef;
    opacity: 0.65;
}

.giftaid-setup .form-group {
    margin-bottom: 1rem;
}

/* Table header styles */
.table-pink {
    background-color: var(--gwd-pink-dark);
}

:root {
    --gwd-pink: #f0d2e6;
    --gwd-pink-dark: #e0a0c8;
    --gwd-grey: #282828;
    --gwd-orange: #e65a14;
    --gwd-orange-dark: #B32700;
    --gwd-teal: #5a9696;
    --gwd-teal-dark: #276363;
    --gwd-white: #ffffff;
    --gwd-yellow: #f0aa41;
    --gwd-yellow-dark: #BD770E;
}