#io-content .select2-container--bootstrap .select2-selection{ font-size:16px; } #io-content .label-sm{ font-size:14px; font-weight:600; } #io-content .text-right{ text-align:right; } #io-content .tui-passport-hero{ background:#e3e5ea url('images/bg-hero-trans.png') no-repeat right bottom; padding:80px 43% 80px 7%; border-radius:8px; color:#1B115C; min-height:420px; font-size:18px; } #io-content .tui-passport-hero h1{ font-size:48px; font-weight:bold; margin:24px 0 24px; } #io-content .tui-passport-hero2{ font-size: 18px; font-weight: 300; margin-bottom: 24px; } #io-content .tui-passport-hero2 h1.heading{ font-size: 40px; font-weight: bold; line-height: 1.1em; margin-bottom: 8px; } #io-content .tui-passport-hero2.result .sg-heading, #io-content .tui-passport-hero2.result .heading{ margin-bottom:0; } #io-content .tui-passport-form-block{ padding: 24px; border-radius: 24px; background-color: #fff; color:#1B115C; font-size:18px; margin:8px 0 24px; } #io-content .tui-passport-form-block.result{ width:712px; } #io-content .tui-passport-form-block h3{ margin-bottom:24px; font-size:28px; font-weight:bold; } #io-content .tui-passport-form-block input:-internal-autofill-selected{ background:#fff !important; } #io-content .tui-passport-form-block .result-content{ width:664px; margin:0; max-width:100%; } #io-content .tui-passport-form-block .result-content .my-4{ margin-top:24px; margin-bottom:24px; } #io-content .tui-passport-form-block .tui-heading{ text-transform:uppercase; color:#1B115C; font-weight:bold; } #io-content .tui-passport-form-block .icon-status{ display:inline-block; width:154px; height:154px; background:url('images/icon-invalid.png') no-repeat center; } #io-content .tui-passport-form-block .icon-status.valid{ background-image:url('images/icon-valid.png'); } #io-content .tui-passport-form-block .btn-primary, #io-content .tui-passport-form-block .btn-primary:hover, #io-content .tui-passport-form-block .btn-primary:focus{ min-width:136px; background:#3567f6; border-color:#3567f6; color:#fff; text-transform:initial; } #io-content .row-form{ margin-left:-54px; margin-right:-54px; } #io-content .row-form >.col-sm-6{ padding-left:54px; padding-right:54px; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-datepicker-header { border: 1px solid #70cbf4; background: #70cbf4; color: #fff } @media(max-width: 480px){ #io-content #bread-share .container{ padding-left:8px; padding-right:8px; } #io-content .tui-passport-hero{ padding:32px 24px; padding-bottom:430px; } #io-content .tui-passport-form-block{ padding:24px 16px; margin-left:-16px; margin-right:-16px; } #io-content .tui-passport-form-block .btn-primary{ min-width:initial; width:100%; } #io-content .tui-passport-form-block .col-last h3{ margin-top:40px; } } #io-content .sg-btn.btn-link{ font-size:16px; line-height:1.3; height:auto; padding:0; text-transform:initial; background:none !important; border:0 none !important; box-shadow:none; color:#3567F6; } #io-content .sg-btn.btn-link:hover{ text-decoration:underline; } #io-content .result-content{ color: #4c4c4c; } #io-content .result-content ul{ padding-left:1em; } #io-content .result-content ul li{ list-style:disc; margin:8px 0; } #io-content .result-content a{ text-decoration:underline; } #io-content .result-content p.empty{ font-size:0; line-height:0; } #io-content .result-content .btn{ text-decoration:none; } #io-content .result-content .login-link{ font-size:18px; } #io-content .section-alt { border-radius: 40px; background: linear-gradient(180deg, rgba(112, 203, 244, 0.4) 0%, rgba(234, 248, 254, 0.4) 78%, rgba(249, 253, 255, 0.4) 100%); margin-top: 32px; padding-top: 32px; } #io-content .form-control{ border-radius: 4px; border: solid 2px #b9b9b9; background-color: #fff; height: 40px; font-size: 16px; font-family: TUITypeLightLATNW, Helvetica, Arial, sans-serif; } #io-content select.form-control, #io-content .select2-container--bootstrap .select2-selection--single{ appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 10 6 6 6-6' stroke='%233567F6' stroke-width='1.714' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 8px center; } #io-content .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{ display: none; } #io-content .btn{ border-radius: 100px; text-transform: initial; } #io-content .select2-container--bootstrap .select2-selection{ border-radius: 4px; border: solid 2px #b9b9b9; background-color: #fff; height: 40px; } #io-content .select2-container--bootstrap .select2-selection--single{ height: 40px; padding: 7px 24px 7px 12px; } #io-content .tui-alert{ padding: 4px 4px 4px 12px; border-radius: 4px; background-color: #fde2e3; } #io-content .tui-alert i{ display: inline-block; width: 24px; height: 24px; margin-right: 8px; vertical-align: bottom; background: no-repeat center; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%2373070B' stroke-width='1.667' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3Cpath d='M12 13V5M12 16v-.5'/%3E%3C/g%3E%3C/svg%3E%0A"); } #io-content .tui-alert.success{ background-color: #c5e4cd; } #io-content .tui-alert.success i{ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%2330B675' stroke-width='1.667' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3Cpath d='m7 13 3 3 7-8'/%3E%3C/g%3E%3C/svg%3E%0A"); } #io-content #tui-passport-result h4{ font-size: 24px; font-weight: bold; margin: 24px 0 8px; } #io-content #tui-passport-result h4 + p{ margin-top: 8px; } #io-content .form-control.error{ border-color: #d40e14; } #io-content .row-error{ position:relative ; } #io-content .row-error:after{ content:''; display:block; width:24px; height:24px; background:no-repeat center; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23D40E14' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size:cover; position:absolute; right:-24px; bottom:32px; } #io-content label.error{ display:block; color:#d40e14; font-weight:normal; font-size:0.9em; } @media (max-width: 480px){ }