.btn {
    border: none;
    border-radius: 0.625rem;
    text-transform: unset;
}

.btn-login {
    min-width: 9rem;
    padding: 0.75rem;
    background-color: var(--third);
}

.btn-primary, .btn-info {
    padding: 0.844rem 1.8125rem;
    background-color: var(--second);
    min-width: 7.2rem;
    font-size: 1.125rem;
}

.btn-primary:hover:not(:disabled), .btn-info:hover:not(:disabled){
    background-color: var(--third);
}

.btn-primary:active:not(:disabled),.btn-primary:focus:not(:disabled), .btn-info:active:not(:disabled), .btn-info:focus:not(:disabled){
    background-color: var(--second);
    box-shadow:none;
}

.btn-secondary{
    padding: 0.844rem 1.8125rem;
    min-width: 7.2rem;
    font-size: 1.125rem;
}

.btn-danger,.btn-danger:hover, .btn-danger:focus:not(:focus-visible) {
    border: 2px solid var(--error-solid);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--error-solid);
    padding: 0.719rem 1.8125rem;
    font-weight: 400;
    min-width: 7rem;
    text-transform: unset;
    box-shadow:none;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    color: var(--error-solid);
    background-color: inherit;
    border: 2px solid var(--error-solid);
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.2), 0 4px 20px 0 rgba(0,0,0,.1);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.2), 0 4px 20px 0 rgba(0,0,0,.1);
}

.btn-close-page {
    border-radius: 50%;
    height: 1.563rem;
    width: 1.563rem;
    border: 0.125rem solid red;
    background-color: inherit;
    cursor: pointer;
    padding: 0;
}


.btn:disabled {
    cursor: default !important;
}

.card .card-header button{
    opacity: unset;
}

.btn-modal-no, .btn-modal-no:hover, .btn-modal-no:focus {
    border: 2px solid var(--second);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--second);
    padding: 0.713rem 1.5625rem;
    font-weight: 400;
    min-width: 8.575rem;
    text-transform:unset;
    font-family: Roboto;
    box-shadow: none;
}

.btn-modal-yes, .btn-modal-yes:hover, .btn-modal-yes:focus{
    border: 2px solid var(--second) !important;
    font-size: 1.125rem;
    background-color: var(--second);
    border-radius: 0.625rem;
    color: var(--og-white);
    padding: 0.713rem 1.55rem;
    font-weight: 400;
    min-width: 8.575rem;
    text-transform:unset;
    font-family: Roboto;
    box-shadow: none;
}

.btn-modal-no.btn.disabled, .btn-modal-no.btn:disabled,
.btn-modal-yes.btn.disabled, .btn-modal-yes.btn:disabled {
    border: 2px solid var(--second);
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #093d94;
    border-color: #093d94;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-icon, .btn-icon:hover {
    padding: 0.937rem 1.313rem;
    border-radius: 0.625rem;
    font-size: 1rem;
    background-color: var(--second);
    color: var(--og-white);
    align-items: center;
    box-shadow: unset;
    font-weight: 400;
    min-width: 4rem;
}

.icon-pwd-eye {
    position: absolute;
    top: 1.15rem;
    right: 0;
    width: 40px;
    font-size: 21px;
}

.icon-caploc {
    position: absolute;
    top: 1.15rem;
    right: 1.5rem;
    width: 40px;
    font-size: 21px;
}