﻿.form-control{
    border-radius: 20px !important;
    border-width: 1px;
    height: 60px !important;
    width: 300px !important;
}
.btn-custom {
    height: 60px !important;
    width: 300px !important;
    background-color: #127BC0;
    color: white;
    border-radius: 20px !important;
    border-width: 1px;
    font-size:20px;
    font-weight:bold;
}
    .btn-custom:hover {
        background-color: #1970a8;
        color: white;
    }

    .btn-custom:active {
        color: white;
        background-color: #1e71a7;
    }

#failure {
    color: #FF4753;
}

.checkboxDiv {
    background-color: #EDF2F9;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    display:flex;
    justify-content:center;
    align-items:center;
}
checkboxElement {
    color: #127BC0;
}
.is-invalid {
    border: 1px solid red !important;
    box-shadow: 0 0 4px rgba(255, 0, 0, 0.3);
}
.validator-holder {
    min-height: 16px;
    font-size: 10px;
    color: red;
}
.failure-holder {
    height: 20px; /* enough space for one line of text */
    font-size: 13px;
    color: red;
}

.btnLogin {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M-2.62268e-07 6L-3.49691e-07 8L12 8L12 10L14 10L14 8L16 8L16 6L14 6L14 4L12 4L12 6L-2.62268e-07 6ZM10 2L12 2L12 4L10 4L10 2ZM10 2L8 2L8 -3.49691e-07L10 -2.62268e-07L10 2ZM10 12L12 12L12 10L10 10L10 12ZM10 12L8 12L8 14L10 14L10 12Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: right 16px center; 
    background-size: 16px 14px;
    padding-right: 0px; 
}