.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active{
    background-color: unset;
    border-color: unset;
}

/* ADMIN BUTTONS */
.btn-admin-success {
    color: #fff;
    background-color: #268081;
    border-color: #268081;
}

.btn-admin-success:hover {
    color: #fff;
    background-color: #17595a;
    border-color: #17595a;
}

.btn-admin-primary{
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.crm.nav-pills .nav-item .nav-link:hover {
    color: #fff;
    background-color: #495979;
    border-color:  #495979;
}
.crm .nav-link{
    color:#495979;
}

.btn-admin-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.btn-admin-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-admin-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
}


.btn-admin-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-admin-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
}

.btn-admin-dark {
    color: #fff;
    background-color: #37414c;
    border-color: #37414c;
}

.btn-small {
    max-width: max-content;
    max-height: 5em;
    font-size: x-small;
    border-radius: 4px;
    padding: .3em 1em;
    margin: 0.5rem 0.25rem;
    vertical-align: baseline;
}

.btn-admin-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
}

.btn-admin-note {
    background-color: #157d8d;
    color: #fff;
    border: none;
}

.btn-admin-note:hover {
    background-color: #115c68;
    color: #fff;
    border: none;
}

/* END ADMIN BTNS */

#finalsubmit,
.btn {
    border-radius: 4px;
    font-size: 1.1rem;
    padding: .3em 1em;
    margin: 0.5rem 0.25rem;
    vertical-align: baseline;
}

.btn-primary {
    color: #fff;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #495979 50%, #ae7097 50%);
    -webkit-transition: background-position 600ms;
    -moz-transition: background-position 600ms;
    transition: background-position 600ms;
    border: none !important;
    width: fit-content;
}

.btn-outline-primary {
    color: #495979;
    border: 2px solid #495979;
    width: fit-content;
    font-size: 1rem;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #495979;
    border: 2px solid #495979;
    width: fit-content;
}

.btn-success {
    color: #fff;
    border: none !important;
    width: fit-content;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #9BAC6A 50%, #ae7097 50%);
    -webkit-transition: background-position 600ms;
    -moz-transition: background-position 600ms;
    transition: background-position 600ms;
    transition: all ease-in-out 300ms;
}

.btn-danger {
    color: #fff;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #88181a 50%, #ae7097 50%);
    -webkit-transition: background-position 600ms;
    -moz-transition: background-position 600ms;
    transition: background-position 600ms;
    border: none !important;
    border-radius: 4px;
    width: fit-content;
}

.btn-outline-danger {
    color: #88181a;
    border: 2px solid #88181a;
    width: fit-content;
    font-size: 1rem;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #88181a;
    border: 2px solid #88181a;
    width: fit-content;
}

.btn-success:hover,
.btn-next:hover,
.btn-modal:hover,
.btn-danger:hover,
.btn-danger:disabled,
.btn-primary:hover,
.btn-submit:hover {
    background-position: -100% 0;
    color: #fff;
}

.btn-outline-success {
    border: 1px #555e3a solid;
    color: #555e3a;
    font-size: 1rem;
}

.btn-outline-success:hover {
    background-color: #9BAC6A;
    border-color: #9BAC6A;
    color: #fff;
}

.btn-outline-grey{
    background-color: transparent;
    border:1px solid var(--base-color-grey-500);
    color:var(--base-color-grey-500);
    border-radius:29px;
    padding:.5rem 1.5rem 0.75rem;
    line-height:1.75rem;
    font-weight:600;
    letter-spacing: 0.35px;
}

.btn-outline-grey:hover{
    background-color: #495979;
    border:1px solid var(--base-color-grey-500);
    color:#fff;
}

/* .btn-outline-white {
    border-color: #fff;
    color: #fff;
}

.btn-outline-white:hover {
    background-color: #fff;
    border-color: #88181a;
    color: #88181a;
} */

.btn-outline-iceblue {
    border-color: #1cd6da;
}

.btn-outline-iceblue:hover {
    background-color: #1cd6da !important;
    border-color: #032a4a;
    color: #032a4a;
}

.btn-outline-note {
    color: #157d8d;
    border-color: #157d8d;
}

.btn-outline-note:hover {
    color: #fff;
    background-color: #157d8d;
}

/* On-page Fliers Menu Buttons */

.btn-ravnmenu {
    background-color: transparent;
    color: var(--base-color-black);
    border-color: var(--base-color-green);
    border-width: 2px;
}
.btn-ravnmenu:hover {
    background-color: var(--base-color-green);
    color: var(--base-color-black);
}
@media (hover: hover) {
    .btn-ravnmenu:hover {
        background-color: var(--base-color-green);
        color: var(--base-color-black);
    }
}
.btn-ravnmenu.active {
    background-color: var(--base-color-green);
    border-color: var(--base-color-green);
}
.btn-ravnmenu.active:hover {
    color: var(--base-color-black);
    border-color: var(--base-color-green);
}

@media (hover: hover) {
    .btn-ravnmenu.active:hover {
        color: var(--base-color-black);
        border-color: var(--base-color-green);
    }
}

.btn-ravnmenu.btn-check:checked+.btn,
.btn.btn-ravnmenu.active,
.btn.btn-ravnmenu.show,
.btn.btn-ravnmenu:first-child:active,
:not(.btn-check)+.btn.btn-ravnmenu:active{
    border-color: var(--base-color-green);;
}

.btn-merge {
    background-color: #d1d3d477 !important;
}

.btn-merge:hover {
    background-color: #d1d3d4 !important;
}

button a:hover {
    color: #fff;
}

.button--remove {
    background-image: none;
    border-radius: 3px;
    box-shadow: none;
    margin-left: 20px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
}

.btn-refund {
    background-color: #17a2b8;
    border: 1px solid #208a9b;
    border-radius: 4px;
}

.btn-nonrefund {
    background-color: var(--base-color-green);
    border: 1px solid #7f8c59;
    border-radius: 4px;
}

.btn-refund:hover {
    background-color: #208a9b;
    border: 1px solid #208a9b;
}

.btn-nonrefund:hover {
    background-color: #7f8c59;
    border: 1px solid #7f8c59;
}

.close-btn {
    position: relative;
    display: flex;
    padding: 9px;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
}

.account-btn {
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    font-weight: 500;
    font-size: 18px;
    color: #452D34;
    max-width: fit-content;
    padding: 0.2em 1em;
    position: relative;
    margin: 5px 7px;
    cursor: pointer;
    white-space: nowrap;
    background-size: 200% 100%;
    -webkit-transition: background-position 600ms;
    -moz-transition: background-position 600ms;
    transition: background-position 600ms;
}

.btn-checkin {
    background-image: linear-gradient(to right, #88181a 50%, #ae7097 50%);
    color: #fff !important;
    margin-right: 0px;
}

.btn-cancel {
    background-image: linear-gradient(to right, #a7a9ac 50%, #ae7097 50%);
}

.btn-manage-gray {
    background-image: linear-gradient(to right, #D1D3D4 50%, #ae7097 50%);
    color: #452D34;
}

.btn-buy,
.btn-change {
    background-image: linear-gradient(to right, #9BAC6A 50%, #ae7097 50%);
}

.account-btn:hover {
    color: #fff;
    background-position: -100% 0;
}

.ff-button {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #495979 50%, #ae7097 50%);
    -webkit-transition: background-position 600ms;
    -moz-transition: background-position 600ms;
    transition: background-position 600ms;
    display: inline-block;
    max-width: unset;
    width: 100%;
    height: 100%;
    line-height: 26px;
    border-radius: 0px;
    border: none;
    padding: 0.25rem 2rem;
    font-size: 16px;
    color: #fff;
}

.ff-button:hover {
    background-position: -100% 0;
}

.btn-white-outline {
    border: 2px solid #fff;
    color: #fff;
    background-color: transparent;
    font-size: 1rem;
}

.btn-white-outline:hover {
    background-color: #fff;
    color: #452D34;
    border: 2px solid #fff;
    box-shadow: 0px 5px 10px #00000048;
    -webkit-box-shadow: 0px 5px 10px #00000048;
    -moz-box-shadow: 0px 5px 10px #00000048;
}

@media (max-width: 768px) {
    .card-body .btn-primary {
        margin: 0 auto;
    }
}

@media screen and (max-width: 460px) {
    .ff-button {
        width: 100%;
        margin: unset;
        padding: 1rem;
    }
}

/* Apple/Google Pay Buttons */

#googlePayButton iframe.CollectJSGooglePayIFrame {
    max-width: 240px;
    height: 50px;
    margin: 7px;
}

#applePayButton #CollectJSApplePayButton {
    border-radius: 50px !important;
    margin: 7px;
}

.btn-sm {
    padding: 0.25rem 1rem 0.275rem;
    font-size: 12px;
}

/* Buy Voucher accordion btn */

.buy-voucheraccordion--btn{
    padding:5px !important;
    width:fit-content;
    border:none;
}

.buy-voucheraccordion--btn:after{
    content: "";
    width: 18px;
    height: 18px;
    background-size: 11px 7px;
    background-position: center;
    background-image:url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.44757 0.596501C9.72765 0.291336 10.2021 0.271003 10.5073 0.551087C10.8124 0.831171 10.8328 1.30561 10.5527 1.61077L9.44757 0.596501ZM1.05908 2.01763C0.753912 1.73755 0.733579 1.26311 1.01366 0.957947C1.29375 0.652782 1.76819 0.632449 2.07335 0.912533L1.05908 2.01763ZM5.96389 5.50131L6.51644 6.00845L6.00931 6.561L5.45675 6.05387L5.96389 5.50131ZM2.07335 0.912533L6.47103 4.94876L5.45675 6.05387L1.05908 2.01763L2.07335 0.912533ZM5.41134 4.99418L9.44757 0.596501L10.5527 1.61077L6.51644 6.00845L5.41134 4.99418Z' fill='black'/%3E%3C/svg%3E%0A")
}

.accordion-button.buy-voucheraccordion--btn:not(.collapsed)::after {
    background-image:url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.44757 0.596501C9.72765 0.291336 10.2021 0.271003 10.5073 0.551087C10.8124 0.831171 10.8328 1.30561 10.5527 1.61077L9.44757 0.596501ZM1.05908 2.01763C0.753912 1.73755 0.733579 1.26311 1.01366 0.957947C1.29375 0.652782 1.76819 0.632449 2.07335 0.912533L1.05908 2.01763ZM5.96389 5.50131L6.51644 6.00845L6.00931 6.561L5.45675 6.05387L5.96389 5.50131ZM2.07335 0.912533L6.47103 4.94876L5.45675 6.05387L1.05908 2.01763L2.07335 0.912533ZM5.41134 4.99418L9.44757 0.596501L10.5527 1.61077L6.51644 6.00845L5.41134 4.99418Z' fill='black'/%3E%3C/svg%3E%0A");
    transform: rotate(-180deg);
}

/* gradient btn bg */

.flycoinaccent-gradient-bg{
    background-color: var(--flycoinlink-color);
    background-image: var(--flycoinaccent-gradient);
    border: 0px;
    color:#fff;
    line-height:normal;
}

.flycoinaccent-gradient-bg:hover,
.flycoinaccent-gradient-bg:active{
    color:#fff;
    background-color: var(--flycoinaccent-darkblue);
    background-image:none;
    box-shadow: inset 0 4px 8px -2px rgba(16,40,34,.1)!important;
}