input.btn-darkblue:focus {
    border-color: #6E67C1 !important;
}

input.btn-danger:focus {
    border-color: #F44336 !important;
}

.modal .btn-base {
    margin-left: 16px;
}

.btn-base {
    height: 38px;
    border-radius: var(--rnd-border-radius);
    border: 1px solid transparent;
    box-shadow: 4px 4px 20px rgba(23, 35, 76, 0.07);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

    .btn-base.disabled,
    .btn-base:disabled,
    fieldset-base:disabled .btn-base {
        opacity: 0.3;
    }

    .btn-base:focus {
        box-shadow: none;
    }

    .btn-base svg {
        width: 22px;
        height: 22px;
    }

.btn-darkblue {
    color: #FFFFFF;
    background: var(--rnd-tertiary-colour);
    border-color: var(--rnd-tertiary-colour);
}

    .btn-darkblue:hover {
        color: #FFFFFF;
        background: #4C5D96;
        border-color: #4C5D96;
    }

    .btn-darkblue:active,
    .btn-darkblue:focus {
        color: #FFFFFF;
        background: #0C1D56;
        border-color: #0C1D56;
        box-shadow: 4px 4px 20px rgba(23, 35, 76, 0.07);
    }

.btn-darkblue-green {
    color: #FFFFFF;
    background: #205073;
    border-color: #205073;
}

    .btn-darkblue-green:hover {
        color: #FFFFFF;
        background: #456f8f;
        border-color: #456f8f;
    }

    .btn-darkblue-green:active,
    .btn-darkblue-green:focus {
        color: #FFFFFF;
        background: #0d2536;
        border-color: #0d2536;
        box-shadow: 4px 4px 20px rgba(23, 35, 76, 0.07);
    }

.btn-white {
    color: var(--rnd-tertiary-colour);
    background: #FFFFFF;
    border-color: var(--rnd-tertiary-colour);
}

    .btn-white:hover {
        color: var(--rnd-tertiary-colour);
        background: #E7ECF3;
        border-color: var(--rnd-tertiary-colour);
    }

    .btn-white:active,
    .btn-white:focus {
        color: var(--rnd-tertiary-colour);
        background: #E7ECF3;
        border-color: var(--rnd-tertiary-colour);
        box-shadow: 4px 4px 20px rgba(23, 35, 76, 0.07);
    }

.btn-outline-darkblue {
    color: var(--rnd-tertiary-colour);
    background: transparent;
    border-color: var(--rnd-tertiary-colour);
}

    .btn-outline-darkblue:hover {
        color: var(--rnd-tertiary-colour);
        background: rgba(54, 71, 128, 0.1);
        border-color: var(--rnd-tertiary-colour);
    }

    .btn-outline-darkblue:active,
    .btn-outline-darkblue:focus {
        color: var(--rnd-tertiary-colour);
        background: rgba(54, 71, 128, 0.2);
        border-color: var(--rnd-tertiary-colour);
        box-shadow: 4px 4px 20px rgba(23, 35, 76, 0.07);
    }

.btn-transparent {
    color: #FFFFFF;
    border: 1px solid transparent;
    background-color: transparent;
    box-shadow: none;
}

    .btn-transparent:hover {
        border: 1px solid rgba(255, 255, 255, 0.2);
        background-color: rgba(255, 255, 255, 0.1);
        color: #FFFFFF;
    }

    .btn-transparent:active {
        border: 1px solid transparent;
        background-color: rgba(255, 255, 255, 0.2);
    }

.btn-icon {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-link-base {
    border: none;
    background: none;
    padding: 0;
    text-decoration: underline;
}

.btn-56 {
    height: 56px;
    min-width: 56px;
}

.btn-48 {
    height: 48px;
    min-width: 48px;
}

.btn-40 {
    height: 40px;
    min-width: 40px;
}

.btn-24 {
    height: 24px;
    min-width: 24px;
}

    .btn-24 svg {
        width: 20px;
        height: 20px;
    }

.control-w-100 {
    width: 100px;
}

.control-w-350 {
    width: 350px;
}

.btn-toggle-rotate[data-bs-toggle="collapse"] svg {
    transition: transform .35s ease-in-out;
}

.btn-toggle-rotate-ver[data-bs-toggle="collapse"][aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.btn-toggle-rotate-hor[data-bs-toggle="collapse"] svg {
    margin-right: 4px;
    transition: margin .35s ease-in-out;
}

.btn-toggle-rotate-hor[data-bs-toggle="collapse"][aria-expanded="false"] svg {
    margin-right: 0;
    margin-left: 4px;
    margin-top: 3px;
    transform: rotate(180deg);
}

.link-darkblue {
    color: var(--rnd-secondary-colour);
    cursor: pointer;
    border-radius: var(--rnd-border-radius);
    padding: 0px 8px;
    text-shadow: 0px 0px 5px #FFFFFF;
}

    .link-darkblue:hover {
        opacity: 0.8;
        color: var(--rnd-secondary-colour);
        background-color: rgb(255 255 255 / 80%);
    }

.link-blue {
    color: #016490;
    text-decoration: none;
}

    .link-blue:hover {
        opacity: 0.8;
        color: #436EA0;
    }

.btn:focus {
    box-shadow: none !important;
    /*border-color: #6E67C1;*/
}

a.btn-base {
    line-height: 30px;
}


.text-shadow {
    text-shadow: 0px 0px 5px #FFF;
}

.input-group .btn, .input-group .btn:focus {
    z-index: 0 !important;
}