@import url(//fonts.googleapis.com/css?family=Open+Sans:600);
/* circle background - Sign in, Select account to sign in, Authentication Required UI */
.circle-container {width: calc(100% - 0px); height: calc(100vh - 0px); margin: 0;position: relative;z-index: 2;overflow-x: hidden; overflow-y: visible;}
.circle-container .decorative-circle {border-radius: 50%;position: absolute;width: 100px;height: 100px;}
.circle-container .decorative-circle-bg {position: absolute;border-radius: 50%;background: #EBF2FB;}
.circle-container .circle-top-right {width: 332px;height: 332px;border: 43px solid #EBF2FB;top: 0;right: 0;
    transform: translate(50%, -50%); overflow-x: hidden;z-index: -1;}
.circle-container .circle-bottom-left {width: 170px;height: 170px;border: 26px solid #EBF2FB;bottom: 0;left: 50%;
    transform: translate(-50%, 50%);}
.circle-container .circle-top-left {width: 32px;height: 32px;top: 45%;left: 25%;transform: translate(50%, -50%);}
.circle-container .circle-bottom-left-section {position: fixed;bottom: -5%;left: 0;width: 100%;height: 100px;
    background-color: #fff;z-index: -3;}
/* circle background - Sign in, Select account to sign in, Authentication Required UI */

/* sign in section */
.sign-in-select-account-section {font-size: 15px;color: #4D4D4D;background-color: #FFF;box-shadow: 0 3px 6px #00000029;
    border: 1px solid #E0E0E0;border-radius: 10px;margin: 55px 0 0;}
/* sign in form field */
.sign-in-select-account-section .sign-in-form label, .sign-in-select-account-section .verification-code-form label
{font-size: 15px;font-weight: 600!important;color: #4D4D4D;}
.sign-in-select-account-section .sign-in-form input {font-size: 15px; font-weight: normal;color: #4D4D4D!important;
    border-radius: 5px; padding: 10px 10px; border: 1px solid #BFBFBF;}
.sign-in-btn, .verify-btn {font-size: 17px!important;font-weight: 600!important;color: #fff;background-color: #2874DF;
    border: 1px solid #002964;box-shadow: none;border-radius: 10px;display: block;width: 100%;margin: 15px 0;padding: 10px 0;}
/* main heading */
.main-heading {font-size: 24px;font-weight: bold!important;color: #05284F;margin: 25px 0 5px;}
/* rounded box section */
.rounded-box {color: #4D4D4D;border: 1px solid #D2DAE6;border-radius: 10px;padding: 16px;}
.select-account .rounded-box .instructions-text {font-size:15px;}
.select-account .rounded-box strong {font-size:16px;}
/* blue text link */
.blue-text-link {font-size:15px; color: #1D1DFF; text-decoration: underline;}
.blue-text-link:hover {color: #1D1DFF;}
/* Ensures space is reserved for the scrollbar to prevent layout shift when it appears */
.sign-in-select-account-section .overflow-400 {scrollbar-gutter: stable;}
/* Apply styles specifically for screens between 1280x800 and 1366x768 */
@media screen and (min-width: 1280px) and (max-width: 1367px) {
    .circle-container .circle-top-right {transform: translate(60%, -50%);}
}