/*############## BUTTONS ###################*/

ul{
    padding-inline-start: 0;
}




/*////////////////////////////////////////////////////////////// */

.btnER {
    display: inline-block;
    font-weight: 600;
    color: white;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #112f51;
    border: solid 1px #112f51;
    padding: .375rem 0.75rem;
    font-size: 24px;
    line-height: 2;
    border-radius: 1em;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
}


/*////////////////////////////////////////////////////////////// */


.btn-block {
    display: block;
    width: 100%;
}

.btn:active {
    transform: translateY(4px);
}

/*///////////////////////////////////////////////////////////////*/

.btn-blue {
    background-color: #112f51;
    border: solid 1px #112f51;
    font-family: 'Lexend';
    font-weight: 400;
    color: white;
    line-height: 2;
    font-size: 1em;
    border-radius: 1em;
    width: 90%;
    padding: 10px 0 10px 0;
}

    .btn-blue:hover {
        color: white;
        background-color: #022752;        
    }

    .btn-blue:focus, .btn-blue.focus {
        box-shadow: 0 0 0 0.2rem rgba(17, 47, 81, 0.5)
    }

    .btn-blue.disabled, .btn-blue:disabled {
        color: #000;
        background-color: transparent;
    }

    .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
    .show > .btn-blue.dropdown-toggle {
        color: #fff;
        background-color: #112f51;
        border-color: #112f51;
    }

        .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(17, 47, 81, 0.5)
        }

            .btn-blue:active{
                transform: translateY(4px);
            }
/*///////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/

.btn-blueER {
    background-color: #112f51;
    border: solid 1px #112f51;
    font-family: 'Lexend';
    color: white;
    line-height: 2;
    font-size: 24px;
    border-radius: 1em;
    font-weight: 400;
    width: 90%;
    padding: 10px 0 10px 0;
}

    .btn-blueER:hover {
        color: white;
        background-color: #022752;
    }

    .btn-blueER:focus, .btn-blueER.focus {
        box-shadow: 0 0 0 0.2rem rgba(17, 47, 81, 0.5)
    }

    .btn-blueER.disabled, .btn-blueER:disabled {
        color: #000;
        background-color: transparent;
    }

    .btn-blueER:not(:disabled):not(.disabled):active, .btn-blueER:not(:disabled):not(.disabled).active,
    .show > .btn-blueER.dropdown-toggle {
        color: #fff;
        background-color: #112f51;
        border-color: #112f51;
    }

        .btn-blueER:not(:disabled):not(.disabled):active:focus, .btn-blueER:not(:disabled):not(.disabled).active:focus,
        .show > .btn-blueER.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(17, 47, 81, 0.5)
        }


/*///////////////////////////////////////////////////////////////*/

.btn-violetER {
    color: #112f51;
    background-color: #b2c9fa;
    border: solid 1px #b2c9fa;
    line-height: 2;
    font-size: 24px;
    border-radius: 1em;
    font-family: 'Lexend';
    font-weight: 600;
}

    .btn-violetER:hover {
        color: #112f51;
        background-color: white;
        border-color: #b2c9fa;
    }

    .btn-violetER:focus, .btn-violetER.focus {
        box-shadow: 0 0 0 0.2rem rgba(178, 201, 250, 0.5)
    }

    .btn-violetER.disabled, .btn-violetER:disabled {
        color: #000;
        background-color: transparent;
    }

    .btn-violetER:not(:disabled):not(.disabled):active, .btn-violetER:not(:disabled):not(.disabled).active,
    .show > .btn-violetER.dropdown-toggle {
        color: #112f51;
        background-color: #b2c9fa;
        border-color: #b2c9fa;
    }

        .btn-violetER:not(:disabled):not(.disabled):active:focus, .btn-violetER:not(:disabled):not(.disabled).active:focus,
        .show > .btn-violetER.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(178, 201, 250, 0.5)
        }

            .btn-violet:active{
                transform:translateY(4px);
            }
/*///////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////*/


.btn-violet {
    color: #112f51;
    background-color: #b2c9fa;
    border: solid 1px #b2c9fa;
    line-height: 2;
    font-size: 1em;
    border-radius: 1em;
    font-weight: 600;
    font-family: 'Lexend';
}

    .btn-violet:hover {
        color: #112f51;
        background-color: white;
        border-color: #b2c9fa;
    }

    .btn-violet:focus, .btn-violet.focus {
        box-shadow: 0 0 0 0.2rem rgba(178, 201, 250, 0.5)
    }

    .btn-violet.disabled, .btn-violet:disabled {
        color: #000;
        background-color: transparent;
    }

    .btn-violet:not(:disabled):not(.disabled):active, .btn-violet:not(:disabled):not(.disabled).active,
    .show > .btn-violet.dropdown-toggle {
        color: #112f51;
        background-color: #b2c9fa;
        border-color: #b2c9fa;
    }

        .btn-violet:not(:disabled):not(.disabled):active:focus, .btn-violet:not(:disabled):not(.disabled).active:focus,
        .show > .btn-violet.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(178, 201, 250, 0.5)
        }


/*///////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/

.btn-collapse {
    background-color: transparent;
    border: none;
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    color: #112f51;
    line-height: 2;
    font-size: 0.95em;
    border-radius: 20px;    
    outline: none;
    text-decoration: underline;
}

    .btn-collapse:hover {
        color: #007bff;
        background-color: none;
        border-color: #76a1fa;
        outline: none;
    }

    .btn-collapse:focus, .btn-collapse.focus {
        box-shadow: none;
        outline: none;
        color: #112f51;
        background-color: none;
        border-color: none;
        outline: none;
    }

    .btn-collapse.disabled, .btn-collapse:disabled {
        color: #112f51;
        background-color: none;
        border-color: none;
        outline: none;
    }

    .btn-collapse:not(:disabled):not(.disabled):active, .btn-collapse:not(:disabled):not(.disabled).active,
    .show > .btn-collapse.dropdown-toggle {
        color: #112f51;
        background-color: none;
        border-color: none;
        outline: none;
    }

        .btn-collapse:not(:disabled):not(.disabled):active:focus, .btn-collapse:not(:disabled):not(.disabled).active:focus,
        .show > .btn-collapse.dropdown-toggle:focus {
            box-shadow: none;
            color: #112f51;
            background-color: none;
            border-color: none;
            border: none;
            outline: none;
        }




/*.btn-collapse {
    color: #112f51;
    background-color: #76a1fa;
    border-color: #e3ecfe;
    width: 90%;
    border-radius: 20px;
    padding: 10px 0 10px 0;
    box-shadow: none;
    font-family: 'Jost';
    outline: none;
}*/