@font-face{font-family:ZurichSans-SemiBold_semibold;src:url(/_P_/ZurichGame/_m_/@UI/ZurichSans-SemiBold.woff2) format("woff2");font-weight:400;font-style:normal}
@font-face{font-family:Ogg-Regular;src:url(/_P_/ZurichGame/_m_/@UI/Ogg-Regular.woff2) format("woff2");font-weight:400;font-style:normal}
@font-face{font-family:ZurichSans-Regular;src:url(/_P_/ZurichGame/_m_/@UI/ZurichSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal}
@font-face{font-family:ZurichSans-Light;src:url(/_P_/ZurichGame/_m_/@UI/ZurichSans-Light.woff2) format("woff2");font-weight:400;font-style:normal}

body {background:#ffffff !important; font-family:"ZurichSans-Regular" !important;}

h1 {font-family:"ZurichSans-SemiBold_semibold" !important;font-size:23px;font-weight:normal !important;}
h2 {font-family:"ZurichSans-SemiBold_semibold" !important;font-size:20px;font-weight:normal !important;line-height:25px;}
h3 {font-family:"ZurichSans-SemiBold_semibold" !important;font-size:18px;font-weight:normal !important;line-height:22px;}

a {text-decoration: none !important;}
.page-center .container {margin-top: 0px; margin-bottom: 0px;}


.SemiBold {font-family:"ZurichSans-SemiBold_semibold"}

.t12 {font-size:12px;}
.t13 {font-size:13px;}
.t14 {font-size:14px;}
.t15 {font-size:15px;}
.t16 {font-size:16px;}

.btn {border-radius:24px;height:48px;}
.form-control, .input-group-text, .input-group-flat {outline:none !important;border-radius:24px;background-color: #ECEEEF !important;height:48px;}
.form-control:focus-within, .form-control:focus, .input-group-flat:focus-within {
  box-shadow: 0 0 0 0 rgba(var(--tblr-primary-rgb), 0);
  border-radius: 24px;
  outline:none !important
}

.form-control {padding-left:24px;padding-right:24px;color: #23366F !important;font-size:18px;font-family:ZurichSans-Regular !important}
.form-label {margin-bottom:-1rem;margin-left:25px;font-size:.66rem;color:#2167AE;z-index:999;opacity:0;}
.form-check-label{letter-spacing:-.3px;line-height:18px !important;z-index:1 !important;position:relative}
::-webkit-input-placeholder {color: #2167AE !important;font-size:18px;font-family:ZurichSans-Light !important} 
.forgot-password {color: rgb(0, 0, 0, 1) !important;}
.btn-primary {background: #2167AE !important;font-size:18px;font-family:ZurichSans-Regular !important;}
.text-primary {color: #2167AE !important;}
.text-darkblue {color: #23366F !important;}
.btn-white {background: #ffffff !important;font-size:18px;font-family:ZurichSans-Regular !important;color:#2167AE;}
.brand-dove-combo {background:#DDE4E3 !important;color:#23366F}
.brand-zurich-combo {background:#2167AE !important;color:#fff}
.brand-darkblue-combo {background:#23366F !important;color:#fff}
.secondary-moss-combo {background:#77A984 !important;color:#23366F}
.secondary-lime-combo {background:#E1EE92 !important;color:#23366F}
.brand-midblue-combo {background:rgb(33, 103, 174) !important;color:#fff}
.brand-sand-combo {background:#DAD2BD !important;color:#23366F}
.brand-white-combo {background:#ECEEEF !important;color:#23366F !important;border-color:#ECEEEF}
.step-item {font-family:"ZurichSans-Regular" !important;font-weight:normal !important; letter-spacing:-.4px;color:#23366F;}
.ogg {font-family:"Ogg-Regular" !important;font-weight:normal !important;}
.modal-content, .modal-title, .modal-footer{background:#ffffff;}
.modal-body {border-top-left-radius:8px;border-top-right-radius:8px;}
.card {border-color:#ffffff !important;color:#23366F}
.logosize {width:120px !important;height:auto;}
.text-light {color:#23366F !important}
.form-check-label {font-size:16px !important;}
.form-check{margin-bottom:2px;}
.CS-SignupHeader {font-size:28px !important;font-family:ZurichSans-Light !important; font-weight:300 !important;margin:0px !important;line-height:43px}
.CS-SignupSubHeader {text-align:center;color:#23366F !important;font-size:16px !important;font-family:ZurichSans-Regular !important; font-weight:400 !important;margin:0px !important;line-height:24px;margin-top:6px !important;margin-bottom:36px !important;}
.CS-SignInHeader {font-size:28px !important;font-family:ZurichSans-Light !important; font-weight:300 !important;margin:0px !important;line-height:43px;margin-bottom:24px !important;}
.CS-AlreadyHaveAccount {font-size:18px !important;color:#2167AE !important;margin-bottom:-30px;}
.CS-AlreadyHaveAccount-Link {text-decoration:underline;color:#2167AE !important}
.CS-NotHaveAccount {font-size:18px !important;color:#2167AE !important}
.CS-NotHaveAccount-Link {text-decoration:underline;color:#2167AE !important}
.CS-BackToSignIn {font-size:18px !important;color:#2167AE !important;margin:0px !important;position:absolute;bottom:24px;text-align:center;width:92%}
.OnboardingHeading {color:#ffffff;font-size:30px !important;font-family:ZurichSans-Light !important}
.OnboardingBody {color:#ffffff;font-size:18px !important;font-family:ZurichSans-Regular !important;letter-spacing:-.2px !important;padding-left:12px;padding-right:12px;box-sizing: border-box;}
.OnboardingDisclaimer {color:#ffffff;font-size:12px !important;font-family:ZurichSans-Regular !important;line-height:110%;}
.TextWhiteLink {color:#ffffff;font-weight:600;text-decoration:underline}
.OnboardingSteps {float:left;width:45%;margin:1.5%;min-height:4px;border-radius:2px;background:#C9D0D2;}
.OnboardingStepsActive {float:left;width:45%;margin:1.5%;min-height:4px;border-radius:2px;background:#ffffff;}
.OnboardingWrapper {box-sizing:border-box;width:calc(100% - 48px);position:absolute;top:72px;left:24px;z-index:4}
.OnboardingPHWrapper {width:100%;position:absolute;top:0;left:0;z-index:0; height:50%;overflow:hidden;}
.OnboardingPH {width:100%;position:absolute;bottom:12px;left:0px;object-fit: cover;}
.OnboardingShadowWrapper {width:100%;position:absolute;top:0;left:0;z-index:2; height:50%;overflow:hidden;}
.OnboardingShadow {width:100%;position:absolute;top:0px;left:0px;}
.OnboardingBodyWrapper {text-align:center;color:#fff;width:100%;position:absolute;bottom:0;left:0;z-index:3; height:50%;overflow:hidden;}
.OnboardingActionWrapper {box-sizing:border-box;width:calc(100% - 48px);position:absolute;bottom:36px;left:24px;}
.OnboardingBack {position:absolute;top:25px;left:28px;z-index:4}
.f16 {font-size:16px;}
/*from zurich.it */
.field-decoration{position:absolute;bottom:-65px;left:-5px;z-index:0;transform: scale(0.8);}
.field-decoration__circle{display:block;width:75px;height:75px;background-color:#d5d5da;overflow:hidden;border-radius:50%}
.field-decoration__half-mask{display:block;position:absolute;width:15px;height:30px;right:-12px;bottom:2px;overflow:hidden;transform:rotate(45deg) translateZ(-1000px)}
.field-decoration__half-mask__circle{display:block;width:30px;height:30px;background-color:#2167ae;overflow:hidden;border-radius:50%}
.field-decoration__mini-circle{display:block;position:absolute;top:-35px;right:15px;width:36px;height:36px;background-color:#91bfe3;overflow:hidden;border-radius:50%}
.form-check-input {margin-top:-2px;}

.GameSectionName {font-family:"ZurichSans-SemiBold_semibold";margin-left:12px;position: relative; top: 50%; transform: translateY(-50%); font-size:18px;color: #ffffff;margin-top:2px;}
.SectionTitle {font-family:"ZurichSans-SemiBold_semibold";margin-left:12px;position: relative; font-size:24px;color: #ffffff;height:40px;}
.GameSectionImage {position:absolute;right:-70px;top:0px;height:100%;}
.avatar {background:#2167AE;color:#ffffff;border-radius:20px;font-family:"ZurichSans-SemiBold_semibold"}
table {font-family:"ZurichSans-SemiBold_semibold";}
.points {max-width:22px;padding:0px;margin:0px;text-align:center;box-sizing:border-box;}
.Regular {font-family:"ZurichSans-Regular"}
.PT {background:#FFF773;border-radius:11px;line-height:22px;width:22px;height:22px;text-align:center;margin-left:-4px;}
.BA {background:#E1EE92;border-radius:11px;line-height:22px;width:22px;height:22px;text-align:center;margin-left:-4px;}
.accordion-button:not(.collapsed) {color:#2167AE;font-weight: normal}
.accordion-button {color:#1e1e1e;}
.Match_Answer_Unselected {background:#ECEEEF;border-radius:5px;padding:5px;}
.Match_Answer_Selected-Wrong {background:#ff0000;border-radius:5px;padding:5px;color:#fff;}
.Match_Answer_Selected-Correct {background:#77A984;border-radius:5px;padding:5px;color:#fff;}
.Match_Answer_UnSelected-Correct {background:#ECEEEF;border:3px solid #77A984;border-radius:5px;padding:5px;}
.Match_Answer_UnSelected-Wrong {background:#ECEEEF;border:3px solid #FF7569;border-radius:5px;padding:5px;}
.answer-selected {background:#2167AE !important;color:#ffffff !important;}
.ZHYellow {background: #FFF773 !important;}
.ZHRed {background: #FF7569 !important;}
.green {background:#77A984;color:#ffffff}
.red {background:red;color:#ffffff}
.dove {background:#DDE4E3}
.CSForgotPW {color:#fff !important;}

/* testing */

/* HIDE RADIO */
[type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* IMAGE STYLES */
  [type=radio] + svg {
    cursor: pointer;
    position:absolute;
    margin-left:-36px;
    margin-top:-5px;
  }
  
  /* CHECKED STYLES */
  [type=radio]:checked + svg {
          stroke:#fff;
          fill:#23366F;
          transform: scale(1.4);
  }