html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.custom-heading {
    font-size: 24px;
    font-weight: bold;
    color: #007bff; /* Bootstrap primary color */
    margin-bottom: 15px;
}


.myForm {
    width: 450px;
    /* position: absolute; */
    text-align: center;
    /* top: 40%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    display: block;
    margin: 20px auto;
    padding: 25px 50px 25px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    border: 10px solid #DBB059;
}
    .myForm img {
     margin-bottom:50px;
    }

    .myForm h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .myForm .btn-login {
        width: 100%;
        background-color: #DBB059 !important;
        color:white;
    }

    .myForm a {
        text-decoration: none;
        font-size: 15px;
        color: forestgreen;
        font-weight: bold;
    }

        .myForm a:hover {
            text-decoration: underline;
        }

.anlink {
    text-decoration: none;
    font-size: 15px;
    color: forestgreen;
    font-weight: bold;
}

.logo {
 width:130px;
}
.pd-20 {
 padding-left:20px;
 padding-right:20px;
}

.iti__dropdown {
    z-index: 1050; /* Adjust this value as needed */
}

.iti--container {
    position: relative;
    z-index: 1050; /* Ensure the container has the same or higher z-index */
}

.currency-symbol {
    padding-left: 0.5rem; /* Adjust padding as needed */
    padding-right: 0.5rem; /* Adjust padding as needed */
    width: auto; /* Automatically adjusts width to fit content */
    text-align: center; /* Center the symbol */
}

#components-reconnect-modal 
{
    display:none !important;
}

.term-chkbox 
{
    width:22px !important;
    height:22px !important;
}