| @ -0,0 +1,353 @@ | |||
| @font-face { | |||
| font-family: 'Myriad-Pro'; | |||
| src: url("../fonts/MyriadWebPro.ttf"); | |||
| font-weight: normal; | |||
| font-style: normal; } | |||
| body { | |||
| font-family: Myriad-Pro, Calibri, Arial, Sans Serif; | |||
| font-size: 18px; | |||
| line-height: 27px; | |||
| color: #494949; | |||
| background: #ffffff; | |||
| -webkit-font-smoothing: antialiased; | |||
| -moz-osx-font-smoothing: grayscale; } | |||
| h1, h2, h3, h4 { | |||
| margin-top: 0px; | |||
| margin-bottom: 10px; } | |||
| h1 { | |||
| font-weight: 400; | |||
| line-height: 54px; | |||
| color: #494949; | |||
| margin-bottom: 30px; } | |||
| h2 { | |||
| font-weight: 600; | |||
| font-size: 24px; | |||
| line-height: 36px; | |||
| color: #494949; | |||
| margin-bottom: 20px; } | |||
| h3 { | |||
| font-weight: 400; | |||
| font-size: 28px; | |||
| line-height: 42px; | |||
| color: #213E86; | |||
| margin-top: 15px; } | |||
| h4 { | |||
| font-weight: 600; | |||
| font-size: 18px; | |||
| line-height: 27px; | |||
| color: #213E86; | |||
| text-transform: uppercase; } | |||
| a { | |||
| color: #365EBE; | |||
| text-decoration: none; } | |||
| a:hover, a:focus { | |||
| color: #2b4a96; | |||
| text-decoration: underline; | |||
| transition: color 0.1s ease; } | |||
| .container-wrapper { | |||
| padding: 40px 0; } | |||
| .container-wrapper:nth-child(odd) { | |||
| background: #f2f2f2; } | |||
| .container-wrapper:nth-child(odd) input { | |||
| background: #ffffff; } | |||
| .bg-danger { | |||
| padding: 30px; | |||
| border-radius: 10px; | |||
| margin-bottom: 20px; } | |||
| @media (max-width: 991px) { | |||
| .container { | |||
| width: 100%; | |||
| min-width: 750px; } } | |||
| .tooltip-arrow { | |||
| border-top-color: #213E86; } | |||
| .tooltip.in { | |||
| opacity: 1; } | |||
| .tooltip-inner { | |||
| text-align: left; | |||
| background-color: #213E86; | |||
| padding: 30px; | |||
| font-size: 16px; | |||
| line-height: 24px; | |||
| max-width: 400px; | |||
| border-radius: 10px; } | |||
| .tooltip-innerb { | |||
| font-size: 18px; } | |||
| .collapse-trigger { | |||
| margin-bottom: 20px; } | |||
| .collapse-trigger > div { | |||
| color: #365EBE; | |||
| border-bottom: solid 1px #365EBE; | |||
| display: inline; | |||
| cursor: pointer; } | |||
| .collapse-trigger > div:after { | |||
| font-family: FontAwesome; | |||
| font-weight: normal; | |||
| font-style: normal; | |||
| display: inline-block; | |||
| text-decoration: inherit; | |||
| padding-left: 10px; | |||
| content: "\f077"; | |||
| transform-origin: 65% 50%; | |||
| transition: transform 0.2s linear; } | |||
| .collapse-trigger > div:hover, .collapse-trigger > div:focus { | |||
| color: #2b4a96; | |||
| border-bottom: solid 1px #2b4a96; | |||
| transition: all 0.1s ease; } | |||
| .collapse-trigger.collapsed div:after { | |||
| transform: rotate(-180deg); | |||
| transform-style: preserve-3D; | |||
| transform-origin: 65% 50%; } | |||
| .collapse > div, | |||
| .collapsing > div { | |||
| margin-bottom: 25px; } | |||
| i.fa { | |||
| color: #365EBE; } | |||
| i.fa.circle { | |||
| border-radius: 50%; | |||
| padding: 10px; | |||
| border: solid 1px #365EBE; } | |||
| i.fa.fa-question-circle { | |||
| margin-left: 5px; } | |||
| .btn-primary { | |||
| font-size: 18px; | |||
| line-height: 32px; | |||
| border: none; | |||
| border-radius: 10px; | |||
| line-height: 32px; | |||
| padding: 6px 18px; | |||
| background-color: #D7DFF2; | |||
| color: #213E86; } | |||
| .btn-primary:hover { | |||
| background-color: #213E86; | |||
| color: #ffffff; } | |||
| a.btn + a.btn { | |||
| margin-right: 20px; } | |||
| a.btn > i.fa { | |||
| padding-right: 5px; } | |||
| a.btn:hover > i.fa { | |||
| color: #ffffff; } | |||
| .btn-radio { | |||
| color: #213E86; | |||
| background-color: #D7DFF2; | |||
| border-color: #D7DFF2; | |||
| font-size: 18px; | |||
| text-transform: uppercase; | |||
| font-weight: 600; | |||
| line-height: 45px; | |||
| width: 60px; | |||
| height: 60px; | |||
| border-radius: 30px; | |||
| border: 3px solid #D7DFF2; } | |||
| .btn-radio:hover, | |||
| .btn-radio:focus, | |||
| .btn-radio:active, | |||
| .btn-radio.active, | |||
| .open .dropdown-toggle.btn-radio { | |||
| color: #FFFFFF; | |||
| background-color: #365EBE; | |||
| border: 3px solid #D7DFF2; } | |||
| .btn-radio:active, | |||
| .btn-radio.active, | |||
| .open .dropdown-toggle.btn-radio { | |||
| background-image: none; } | |||
| .btn-radio.disabled, | |||
| .btn-radio[disabled], | |||
| fieldset[disabled] .btn-radio, | |||
| .btn-radio.disabled:hover, | |||
| .btn-radio[disabled]:hover, | |||
| fieldset[disabled] .btn-radio:hover, | |||
| .btn-radio.disabled:focus, | |||
| .btn-radio[disabled]:focus, | |||
| fieldset[disabled] .btn-radio:focus, | |||
| .btn-radio.disabled:active, | |||
| .btn-radio[disabled]:active, | |||
| fieldset[disabled] .btn-radio:active, | |||
| .btn-radio.disabled.active, | |||
| .btn-radio[disabled].active, | |||
| fieldset[disabled] .btn-radio.active { | |||
| background-color: #D7DFF2; | |||
| border-color: #D7DFF2; } | |||
| .btn-radio + .btn-radio { | |||
| margin-left: 15px; } | |||
| .btn-radio-group { | |||
| margin-bottom: 20px; } | |||
| .btn-radio-group .btn.active.focus, .btn-radio-group .btn.active:focus, .btn-radio-group .btn.focus, .btn-radio-group .btn:active.focus, .btn-radio-group .btn:active:focus, .btn-radio-group .btn:focus { | |||
| outline: none; } | |||
| .btn-radio-group .btn-radio-long { | |||
| width: auto; | |||
| white-space: normal; | |||
| text-transform: none; | |||
| align-items: center; | |||
| line-height: 1em; | |||
| max-width: 500px; | |||
| display: inline-flex; | |||
| text-align: left; | |||
| padding: 0 20px; } | |||
| input { | |||
| border-radius: 10px; | |||
| background: #f2f2f2; | |||
| color: #494949; | |||
| padding: 15px 20px; | |||
| border: none; } | |||
| input:focus { | |||
| outline: 0; | |||
| box-shadow: inset 0 1px 1px rgba(73, 73, 73, 0.075), 0 0 8px rgba(157, 157, 157, 0.6); } | |||
| input + i.fa { | |||
| margin-left: 10px; } | |||
| input.form-block { | |||
| display: block; | |||
| margin-bottom: 10px; } | |||
| input.input-wide { | |||
| width: 50%; } | |||
| input.input-narrow { | |||
| max-width: 100px; } | |||
| input.input-inline { | |||
| padding: 0 20px; | |||
| border-radius: 5px; | |||
| margin-left: 5px; } | |||
| #top_banner { | |||
| background-color: #003366; | |||
| border-bottom: 2px solid #fcba19; | |||
| padding: 5px 0 10px; } | |||
| #top_banner .top_banner-logo img { | |||
| width: 148px; | |||
| height: auto; | |||
| float: left; } | |||
| #top_banner h4 { | |||
| color: #D7DFF2; | |||
| line-height: 1em; | |||
| margin-top: 13px; | |||
| margin-left: 15px; | |||
| float: left; } | |||
| #top_banner h4 .beta { | |||
| border: solid 1px #D7DFF2; | |||
| padding: 4px 5px 0; | |||
| margin-left: 10px; } | |||
| #top_banner .top_banner-user { | |||
| color: #fff; | |||
| font-size: 14px; | |||
| float: right; | |||
| margin-top: 9px; } | |||
| #top_banner .top_banner-user a { | |||
| color: #ffffff; } | |||
| #top_banner .top_banner-user a:hover, #top_banner .top_banner-user a:active { | |||
| color: #fcfcfc; } | |||
| #mid_banner { | |||
| background-color: #365EBE; | |||
| font-size: 16px; | |||
| font-weight: 600; | |||
| text-transform: uppercase; } | |||
| #mid_banner .mid_banner-dash { | |||
| float: left; | |||
| margin-right: 40px; | |||
| margin-top: 20px; } | |||
| #mid_banner .mid_banner-dash i { | |||
| color: #ffffff; | |||
| padding: 0 15px; } | |||
| #mid_banner .mid_banner-tab { | |||
| float: left; | |||
| display: inline-block; | |||
| margin-top: 10px; | |||
| padding: 10px 15px; | |||
| border-radius: 10px 10px 0 0; | |||
| color: #365EBE; | |||
| background: #D7DFF2; } | |||
| #mid_banner .mid_banner-link { | |||
| margin-top: 20px; | |||
| float: right; } | |||
| #mid_banner a { | |||
| color: #ffffff; | |||
| text-decoration: none; } | |||
| #mid_banner a:hover, #mid_banner a:focus { | |||
| color: #ffffff; | |||
| text-decoration: underline; } | |||
| #bot_banner { | |||
| background-color: #D7DFF2; | |||
| padding: 10px 0; | |||
| font-size: 16px; | |||
| font-weight: 600; | |||
| text-transform: uppercase; } | |||
| #bot_banner img { | |||
| max-width: 100%; | |||
| height: auto; } | |||
| #bot_banner .bot_banner-link { | |||
| float: right; | |||
| margin-top: 8px; } | |||
| #form_navigation { | |||
| display: flex; } | |||
| #form_navigation form { | |||
| margin-right: 10px; } | |||
| #more_information { | |||
| position: absolute; | |||
| top: 191px; | |||
| right: 0; | |||
| background: #494949; | |||
| color: #ffffff; | |||
| border-radius: 10px 0 0 10px; | |||
| padding: 15px; | |||
| cursor: pointer; } | |||
| #more_information h1, #more_information h2, #more_information h3, #more_information h4 { | |||
| color: #ffffff; } | |||
| #more_information h4 { | |||
| font-size: 16px; | |||
| line-height: 1em; | |||
| margin-bottom: 0; } | |||
| #more_information h4:after { | |||
| font-family: FontAwesome; | |||
| font-weight: normal; | |||
| font-style: normal; | |||
| display: inline-block; | |||
| text-decoration: inherit; | |||
| content: "\f067"; | |||
| padding-left: 15px; | |||
| color: #fcba19; } | |||
| #more_information > :not(.more_information-title) { | |||
| display: none; } | |||
| #more_information.active > :not(.more_information-title) { | |||
| display: block; } | |||
| #more_information.active h4 { | |||
| padding-bottom: 20px; | |||
| margin-bottom: 20px; | |||
| border-bottom: solid 1px #9D9D9D; } | |||
| #more_information.active h4:after { | |||
| font-family: FontAwesome; | |||
| font-weight: normal; | |||
| font-style: normal; | |||
| display: inline-block; | |||
| text-decoration: inherit; | |||
| content: "\f068"; | |||
| padding-left: 60px; | |||
| color: #fcba19; } | |||
| /*# sourceMappingURL=main.css.map */ | |||