@charset "utf-8"; /* CSS Document */ .caps-label, .classic-table th, h4, h6, th, .btn, .submit, .btn-large, .submit-large, .btn-large-secondary, .dark-button, .toggle-label, .gated-feature:before, .gated-feature-inline:before, .gated-feature-inline-pro:before, .gated-feature-block:before, .gated-feature-block-pro:before { font: 14px/1.4em 'Meta-Caps', sans-serif; text-transform: lowercase; letter-spacing: 1px; } .label, body, input, select, textarea, .btn-no-style, .application-question input, .application-additional input, .application-question textarea, .application-additional textarea, .application-question select, .application-additional select, .eeo-light-text, h5.eeo-paragraph-heading, .list .filter-popup { font: 400 14px/1.4em Meta, sans-serif; text-transform: none; letter-spacing: 0; -webkit-font-smoothing: auto; } p.larger, .large-input, .large-input.dark, .message-banner { font: 300 16px/1.4em Meta, sans-serif; } h1, h2, h3, h5 { font: 600 16px/1.4em Meta, sans-serif; -webkit-font-smoothing: antialiased; } h1, h2, h3, h5 { color: #515357; } .gated-feature:after, .gated-feature-block:after, .gated-feature-block-pro:after { position: absolute; top: 0; bottom: 0; } .gated-feature:after, .gated-feature-block:after, .gated-feature-block-pro:after { position: absolute; right: 0; left: 0; } .hidden { display: none !important; } .fadein { -webkit-animation: lever-fadein 300ms ease-in; -moz-animation: lever-fadein 300ms ease-in; -o-animation: lever-fadein 300ms ease-in; -ms-animation: lever-fadein 300ms ease-in; animation: lever-fadein 300ms ease-in; opacity: 1; -ms-filter: none; filter: none; } .fadeout { -webkit-animation: lever-fadeout 300ms ease-in; -moz-animation: lever-fadeout 300ms ease-in; -o-animation: lever-fadeout 300ms ease-in; -ms-animation: lever-fadeout 300ms ease-in; animation: lever-fadeout 300ms ease-in; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .slidedown { -webkit-animation: lever-slidedown 300ms ease-in; -moz-animation: lever-slidedown 300ms ease-in; -o-animation: lever-slidedown 300ms ease-in; -ms-animation: lever-slidedown 300ms ease-in; animation: lever-slidedown 300ms ease-in; } .slideup { -webkit-animation: lever-slideup 300ms ease-out; -moz-animation: lever-slideup 300ms ease-out; -o-animation: lever-slideup 300ms ease-out; -ms-animation: lever-slideup 300ms ease-out; animation: lever-slideup 300ms ease-out; } .face-off { background-color: #f0f; } .face-off-label { display: block; position: absolute; top: 24px; font-size: 24px; width: 100%; text-align: center; color: #fff; } .comma-separated:after { content: ", "; } .comma-separated:last-of-type:after { content: ""; } .numbers, .dates, .count { font-family: 'Avenir'; font-size: 0.857em; } .numbers, .dates { font-size: 0.92em; text-transform: uppercase; } .label { font-size: 12px; color: #afafaf; } .label.dark { color: #6a7c83; } .caps-label, .classic-table th { font-size: 12px; color: #afafaf; } .caps-label.dark, .classic-table th.dark { color: #6a7c83; } .vert-space-1 { margin-top: 5px; } .vert-space-2 { margin-top: 10px; } .vert-space-3 { margin-top: 15px; } .vert-space-4 { margin-top: 20px; } .vert-space-5 { margin-top: 25px; } .vert-space-6 { margin-top: 30px; } .vert-space-7 { margin-top: 35px; } .vert-space-8 { margin-top: 40px; } .vert-space-9 { margin-top: 45px; } .vert-space-10 { margin-top: 50px; } .vert-space-11 { margin-top: 55px; } .vert-space-12 { margin-top: 60px; } .full-width { width: 100%; } .left-align { text-align: left; } .right-align { text-align: right; } .centered { text-align: center; } .bulleted-list, .numbered-list { margin-left: 15px; } .bulleted-list li, .numbered-list li { margin-bottom: 8px; } .classic-table.fixed { table-layout: fixed; } .classic-table.no-padding td, .classic-table.no-padding th { padding: initial; } .classic-table.dark td, .classic-table.dark th { border-bottom: 1px solid #536266; } .classic-table.dark th { color: #6a7c83; } .classic-table td, .classic-table th { border-bottom: 1px solid #ebebeb; padding: 10px 15px; vertical-align: top; } .classic-table td:first-of-type, .classic-table th:first-of-type { padding-left: 0; } .classic-table.no-bottom-border tr:last-child > td, .classic-table.no-bottom-border tr:last-child > th { border-bottom: none; } @-moz-keyframes lever-fadein { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes lever-fadein { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes lever-fadein { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @keyframes lever-fadein { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes lever-fadeout { 0% { opacity: 1; -ms-filter: none; filter: none; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-webkit-keyframes lever-fadeout { 0% { opacity: 1; -ms-filter: none; filter: none; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-o-keyframes lever-fadeout { 0% { opacity: 1; -ms-filter: none; filter: none; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @keyframes lever-fadeout { 0% { opacity: 1; -ms-filter: none; filter: none; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-moz-keyframes lever-slidedown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes lever-slidedown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes lever-slidedown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: none; filter: none; } } @keyframes lever-slidedown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes lever-slideup { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes lever-slideup { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes lever-slideup { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: none; filter: none; } } @keyframes lever-slideup { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter: none; filter: none; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background: #f9f9f9; color: #818181; } th { text-align: left; } body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, menu, ol, p, td, th, ul, .toggle-label, .main-footer, .application .application-label, .eeo-survey .application-label, .application .application-field label, .eeo-survey .application-field label, .application .application-question input[type=text], .eeo-survey .application-question input[type=text], .application .application-additional input[type=text], .eeo-survey .application-additional input[type=text], .application .application-question input[type=email], .eeo-survey .application-question input[type=email], .application .application-additional input[type=email], .eeo-survey .application-additional input[type=email], .application .application-question input[type=tel], .eeo-survey .application-question input[type=tel], .application .application-additional input[type=tel], .eeo-survey .application-additional input[type=tel], .application .application-question textarea, .eeo-survey .application-question textarea, .application .application-additional textarea, .eeo-survey .application-additional textarea, .application .application-question select, .eeo-survey .application-question select, .application .application-additional select, .eeo-survey .application-additional select, .application .application-question .application-answer-alternative, .eeo-survey .application-question .application-answer-alternative, .application .application-additional .application-answer-alternative, .eeo-survey .application-additional .application-answer-alternative { margin: 0; padding: 0; } ul { margin: 0 auto; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } img.desaturate { -webkit-filter: grayscale(100%); } h1 { font-size: 36px; } h2, h5 { font-size: 24px; } h3 { font-size: 18px; } h5 { font-size: 16px; } h6, th { font-size: 12px; } a, a:visited { color: #579eee; text-decoration: none; } a:hover { color: #515357; cursor: pointer; } a:active { color: #00a1dc; } p>a { text-decoration: underline; color: inherit; } b { font-weight: 600; -webkit-font-smoothing: antialiased; } input, select, textarea { color: #515357; margin: 0; } input, select { height: 30px; font-family: "Arial", 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', Helvetica, sans-serif; padding:0 10px; } section { padding-bottom: 16px; } button { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; } .btn, .submit, .btn-large, .submit-large, .btn-large-secondary, .dark-button { position: relative; display: inline-block; margin: 0; font-size: 14px; font-weight: normal; line-height: 1.33; padding: 5px 15px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid #dcdcdc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #515357; background: #fbfbfb; background: -webkit-linear-gradient(top, #fff, #f9f9f9); background: -moz-linear-gradient(top, #fff, #f9f9f9); background: -o-linear-gradient(top, #fff, #f9f9f9); background: -ms-linear-gradient(top, #fff, #f9f9f9); background: linear-gradient(to bottom, #fff, #f9f9f9); -webkit-transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s, fill 0.15s; -moz-transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s, fill 0.15s; -o-transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s, fill 0.15s; -ms-transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s, fill 0.15s; transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s, fill 0.15s; } .btn:hover, .submit:hover, .btn-large:hover, .submit-large:hover, .btn-large-secondary:hover, .dark-button:hover, .btn-invisible:hover { color: #1a1b1c; border-color: #afafaf; } .btn:active, .submit:active, .btn-large:active, .submit-large:active, .btn-large-secondary:active, .dark-button:active { border-color: #939393; background: -webkit-linear-gradient(top, #f9f9f9, #fff); background: -moz-linear-gradient(top, #f9f9f9, #fff); background: -o-linear-gradient(top, #f9f9f9, #fff); background: -ms-linear-gradient(top, #f9f9f9, #fff); background: linear-gradient(to bottom, #f9f9f9, #fff); } .btn:active .icon >path, .submit:active .icon >path, .btn-large:active .icon >path, .submit-large:active .icon >path, .btn-large-secondary:active .icon >path, .dark-button:active .icon >path { fill: #515357; } .btn:focus, .submit:focus, .btn-large:focus, .submit-large:focus, .btn-large-secondary:focus, .dark-button:focus { outline: thin dotted; outline: 3px auto #00a1dc; outline-offset: -2px; } .btn.disabled, .submit.disabled, .btn-large.disabled, .submit-large.disabled, .btn-large-secondary.disabled, .dark-button.disabled, .btn:disabled, .submit:disabled, .btn-large:disabled, .submit-large:disabled, .btn-large-secondary:disabled, .dark-button:disabled, input.btn:disabled { cursor: default; pointer-events: none; -webkit-box-shadow: none; box-shadow: none; background: #ebebeb; color: #939393; border-color: #dcdcdc; outline: none; } .btn.disabled.has-tip, .submit.disabled.has-tip, .btn-large.disabled.has-tip, .submit-large.disabled.has-tip, .btn-large-secondary.disabled.has-tip, .dark-button.disabled.has-tip, .btn:disabled.has-tip, .submit:disabled.has-tip, .btn-large:disabled.has-tip, .submit-large:disabled.has-tip, .btn-large-secondary:disabled.has-tip, .dark-button:disabled.has-tip, input.btn:disabled.has-tip { pointer-events: auto; } .btn.disabled:hover, .submit.disabled:hover, .btn-large.disabled:hover, .submit-large.disabled:hover, .btn-large-secondary.disabled:hover, .dark-button.disabled:hover, .btn:disabled:hover, .submit:disabled:hover, .btn-large:disabled:hover, .submit-large:disabled:hover, .btn-large-secondary:disabled:hover, .dark-button:disabled:hover, input.btn:disabled:hover, .btn.disabled:active, .submit.disabled:active, .btn-large.disabled:active, .submit-large.disabled:active, .btn-large-secondary.disabled:active, .dark-button.disabled:active, .btn:disabled:active, .submit:disabled:active, .btn-large:disabled:active, .submit-large:disabled:active, .btn-large-secondary:disabled:active, .dark-button:disabled:active, input.btn:disabled:active { color: #939393; background: #ebebeb; border-color: #dcdcdc; } .btn.dropdown-button, .submit.dropdown-button, .btn-large.dropdown-button, .submit-large.dropdown-button, .btn-large-secondary.dropdown-button, .dark-button.dropdown-button { text-align: left; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 19px; } .btn.dropdown-button.full-width, .submit.dropdown-button.full-width, .btn-large.dropdown-button.full-width, .submit-large.dropdown-button.full-width, .btn-large-secondary.dropdown-button.full-width, .dark-button.dropdown-button.full-width { width: 100%; } .btn .icon >path, .submit .icon >path, .btn-large .icon >path, .submit-large .icon >path, .btn-large-secondary .icon >path, .dark-button .icon >path { fill: #939393; } .btn.has-icon, .submit.has-icon, .btn-large.has-icon, .submit-large.has-icon, .btn-large-secondary.has-icon, .dark-button.has-icon { padding-left: 41px; } .btn.has-icon .icon, .submit.has-icon .icon, .btn-large.has-icon .icon, .submit-large.has-icon .icon, .btn-large-secondary.has-icon .icon, .dark-button.has-icon .icon, .btn.has-icon .loading-indicator, .submit.has-icon .loading-indicator, .btn-large.has-icon .loading-indicator, .submit-large.has-icon .loading-indicator, .btn-large-secondary.has-icon .loading-indicator, .dark-button.has-icon .loading-indicator { position: absolute; left: 15px; top: calc(50% - 8px); } .btn.has-icon .btn-content, .submit.has-icon .btn-content, .btn-large.has-icon .btn-content, .submit-large.has-icon .btn-content, .btn-large-secondary.has-icon .btn-content, .dark-button.has-icon .btn-content { position: relative; display: inline-block; } .btn.has-icon .btn-content .icon, .submit.has-icon .btn-content .icon, .btn-large.has-icon .btn-content .icon, .submit-large.has-icon .btn-content .icon, .btn-large-secondary.has-icon .btn-content .icon, .dark-button.has-icon .btn-content .icon, .btn.has-icon .btn-content .loading-indicator, .submit.has-icon .btn-content .loading-indicator, .btn-large.has-icon .btn-content .loading-indicator, .submit-large.has-icon .btn-content .loading-indicator, .btn-large-secondary.has-icon .btn-content .loading-indicator, .dark-button.has-icon .btn-content .loading-indicator { left: -26px; } .btn.has-icon.right, .submit.has-icon.right, .btn-large.has-icon.right, .submit-large.has-icon.right, .btn-large-secondary.has-icon.right, .dark-button.has-icon.right { padding-left: 15px; padding-right: 41px; } .btn.has-icon.right .icon, .submit.has-icon.right .icon, .btn-large.has-icon.right .icon, .submit-large.has-icon.right .icon, .btn-large-secondary.has-icon.right .icon, .dark-button.has-icon.right .icon { right: 15px; left: initial; } .btn small, .submit small, .btn-large small, .submit-large small, .btn-large-secondary small, .dark-button small { margin-left: 10px; font-size: 12px; opacity: 0.67; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)"; filter: alpha(opacity=67); } .btn small.dates, .submit small.dates, .btn-large small.dates, .submit-large small.dates, .btn-large-secondary small.dates, .dark-button small.dates { font-size: 11px; } .submit, .submit-large { color: #fff; background: #00a1dc; border: 1px solid #00a1dc; } .submit .icon >path, .submit-large .icon >path { fill: #fff; } .submit:hover, .submit-large:hover { color: #fff; background: #0a94c7; border: 1px solid #00a1dc; } .submit:active, .submit-large:active { background: #1a1b1c; border-color: #1a1b1c; } .submit:active .icon >path, .submit-large:active .icon >path { fill: #fff; } .submit:focus, .submit-large:focus { outline-color: #00506e; } .btn-large, .btn-large-secondary { padding: 10px 15px; } .submit-large { padding: 10px 15px; } .btn-large-secondary { background: #afafaf; color: #fff; border: 1px solid #afafaf; } .btn-large-secondary:hover { background: #939393; color: #fff; border-color: #939393; } .btn-large-secondary:active { background: #515357; color: #fff; border-color: #515357; } .btn-large-secondary .icon >path { fill: #ebebeb; } a.btn, a.btn-large { color: #515357; } a.submit, a.submit-large, a.btn-large-secondary { color: #fff; } .dark-button { background: #2c2e2f; border: 1px solid rgba(106,124,131,0.75); color: #ebebeb; -webkit-transition: background-color 0.15s; -moz-transition: background-color 0.15s; -o-transition: background-color 0.15s; -ms-transition: background-color 0.15s; transition: background-color 0.15s; } .dark-button .icon >path { fill: #dcdcdc; } .dark-button.disabled, .dark-button:disabled { background: #3f484b; border: 1px solid rgba(106,124,131,0.5); color: #939393; pointer-events: none; } .dark-button.disabled .icon > path, .dark-button:disabled .icon > path { fill: rgba(106,124,131,0.5); } .dark-button.disabled.has-tip, .dark-button:disabled.has-tip { pointer-events: auto; } .dark-button.disabled.has-tip:hover, .dark-button:disabled.has-tip:hover { background: #3f484b; border: 1px solid rgba(106,124,131,0.5); color: #939393; } .dark-button.transparent { background-color: transparent; } .dark-button:hover { background: #1a1b1c; border-color: #7d8f95; color: #fffffd; } .dark-button:hover .icon > path { fill: #fff; } .dark-button:active { border-color: #dcdcdc; } .icon-only { position: relative; width: 32px; height: 30px; } .icon-only .icon { position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); } .icon-only:hover .icon >path { fill: #515357; } .icon-only:active .icon >path { fill: #2c2e2f; } .icon-only.dark-button:hover .icon >path { fill: #fff; } .btn-invisible, .btn-no-style { color: #818181; padding: 5px 15px; border-color: transparent; -webkit-box-shadow: inset 0 0 0 1px transparent; box-shadow: inset 0 0 0 1px transparent; background: transparent; -webkit-transition: background 0.15s, box-shadow 0.15s, color 0.15s; -moz-transition: background 0.15s, box-shadow 0.15s, color 0.15s; -o-transition: background 0.15s, box-shadow 0.15s, color 0.15s; -ms-transition: background 0.15s, box-shadow 0.15s, color 0.15s; transition: background 0.15s, box-shadow 0.15s, color 0.15s; } .btn-no-style { padding: 5px 10px 5px 0; vertical-align: baseline; } .btn-no-style:hover { border-color: transparent; color: #515357; } .btn-no-style:focus { -webkit-border-radius: 0; border-radius: 0; outline: none; } .btn-no-style.dark { color: #7d8f95; } .btn-no-style.dark:hover { color: #f9f9f9; } .btn-no-style.dark:active { background: transparent; border-color: transparent; color: #fff; } .btn-no-style .css-icon::before { right: 0; } .link { display: inline-block; position: relative; cursor: pointer; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; } .link.has-icon { padding-left: 20px; } .link.has-icon .icon { position: absolute; left: 0; top: calc(50% - 8px); } .link.has-icon .icon >path { fill: #afafaf; } .link.has-icon .icon-plus, .link.has-icon .icon-close, .link.has-icon .icon-delete { top: calc(50% - 10px); } .link.has-icon:hover .icon >path { fill: #515357; } .link.has-icon:active .icon >path { fill: #00a1dc; } .link.dark, .popup-content .link { color: #7d8f95; } .link.dark .icon >path, .popup-content .link .icon >path { fill: #7d8f95; } .link.dark:hover, .popup-content .link:hover { color: #dcdcdc; } .link.dark:hover .icon >path, .popup-content .link:hover .icon >path { fill: #dcdcdc; } .link.dark:active, .popup-content .link:active { color: #fff; } .link.secondary { color: #afafaf; } .link.secondary:hover { color: #515357; } button.icon-btn { border: 0; background: none; padding: 0; } button.icon-btn:active { outline: none; } .icon-btn { display: inline-block; margin-left: 10px; vertical-align: middle; } .icon-btn .icon { display: block; } .icon-btn .icon >path { fill: #afafaf; } .icon-btn:hover .icon >path { fill: #515357; } .icon-btn.dark .icon >path { fill: #6a7c83; } .icon-btn.dark:hover .icon >path { fill: #f9f9f9; } .icon-btn { display: inline-block; margin-left: 10px; } .icon-btn .icon { display: block; } .icon-btn .icon >path { fill: #afafaf; } .icon-btn:hover .icon >path { fill: #515357; } .link-bar { display: block; margin-top: 16px; white-space: nowrap; } .link-bar.no-margin { margin-top: 0; } .link-bar .submit, .link-bar .submit-large, .link-bar .dark-button { min-width: 120px; } .link-bar a, .link-bar button { vertical-align: baseline; } .link-bar.right, .link-bar.center { text-align: right; } .link-bar.right a, .link-bar.center a, .link-bar.right button, .link-bar.center button { margin-right: 15px; } .link-bar.right .btn, .link-bar.center .btn, .link-bar.right .dark-button, .link-bar.center .dark-button, .link-bar.right .submit, .link-bar.center .submit { margin-right: 10px; } .link-bar.right *:nth-last-child(1), .link-bar.center *:nth-last-child(1) { margin-right: 0; } .link-bar.left { text-align: left; } .link-bar.left a, .link-bar.left button { margin-left: 15px; } .link-bar.left .btn, .link-bar.left .dark-button, .link-bar.left .submit { margin-left: 10px; } .link-bar.left *:first-child { margin-left: 0; } .link-bar.center { text-align: center; } input[type=radio], input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 17px; height: 17px; position: relative; border: 1px solid #dcdcdc; margin: 0; background: #fff; cursor: pointer; } input[type=radio].disabled, input[type=checkbox].disabled, input[type=radio]:disabled, input[type=checkbox]:disabled { background: #ebebeb; } input[type=radio].dark, input[type=checkbox].dark { background: rgba(106,124,131,0.2); border-color: rgba(106,124,131,0.8); } input[type=radio].dark:checked, input[type=checkbox].dark:checked { background: #dcdcdc; } input[type=radio].dark:focus, input[type=checkbox].dark:focus { background: #f9f9f9; } input[type=radio].dark:active, input[type=checkbox].dark:active { background: #fff; } input[type=radio].dark.disabled, input[type=checkbox].dark.disabled, input[type=radio].dark:disabled, input[type=checkbox].dark:disabled { background: rgba(106,124,131,0.5); } input[type=radio] { -webkit-border-radius: 8.5px; border-radius: 8.5px; padding:0; } input[type=radio]:active { background: #dcdcdc; } input[type=radio]:checked::after { position: absolute; content: ""; height: 9px; width: 9px; left: calc(50% - 4.5px); top: calc(50% - 4.5px); -webkit-border-radius: 4.25px; border-radius: 4.25px; background-color: #00a1dc; } input[type=checkbox] { -webkit-border-radius: 3px; border-radius: 3px; } input[type=checkbox]:active { background: #dcdcdc; } input[type=checkbox]:checked::after { position: absolute; content: ""; left: 15%; top: 3%; height: 40%; width: 69%; border-bottom: 2px solid #00a1dc; border-left: 2px solid #00a1dc; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } input[type=submit] { height: inherit; } input.required-checkbox[type=checkbox]:hover::after { position: absolute; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; top: calc(50% - 6px); left: calc(50% - 6px); content: ""; width: 11px; height: 11px; border: none; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADe0lEQVRYCe2WW0jTYRTA3V3pZRWEJJJFUQQFRtCFogt7kV7cxVkGmlBPdoHepCh6CCHoJYIIyvlgLYdzUfjQnSjoQXpIYUSZ9aZQQmNzDHVbvzPa+O/bf9sf0Tf/8PF9536+c853zt9Us4RvZGTkuMlkeqOITrrd7m0KriporsqxwgyrDqxGYDUCVnlloVBoK1vC7/fPrPCrK6gPh8P70+n0WM4Bq9XaB8VDg3nPHlpcXAzjzO8C9zIdhoeH95rN5nbUtdHINmUyGZeV29cBtICUejgmC4fuRiKRdzAMQYt4PJ5Z8Ev6MNqMUT/CfnRt0SqxWCw+bFnF+BotAUYLsAtBF/s9IvOaPRSLxSLd3d1/tbx6Zy61C71yUzFatj1Dc5tQ/pjDKT1FKi6bzc6De8WaROaSlg5thnUffDtrh5ZW6WyFuQ7BNLvcuuIHjx2GE3pM0OpZ1/Vo5XDYnTUzwdypVKoB4DyMH1jZcgLLhJcUDmCvZXx8vN6kKiV/DRRHG/k/CW2fSl8KjLEE0XnGs3tCYb/ghUkqc1+JA3mC7MFgsMlut0shSV73aGkGzkkMj8pLisfjoxRvSk+mogNaAWlWRKaLyFzV4tUzRqfAXUkkEs87OzvnVLoKG54FhE0qf62qQAduhG/KiHGRNewADaUVxT06BotQ8NhADAUCAWcRoQxgyAFqoZHQP9TT8T/kKqnJ6XQGVKQeXNUBcm+pra19xM3WqQowPsg6xNKbG62086JmpcoLXNUBWuo1+A7rCP9KJpM9Xq93mko/A72kf+DYLRlAOrIFVMVXQJs+Audbbl/kKIrT4I8ypD7mNcF7G77LeViz/1xYWGimiGMaXOFYpLiA5YDC9WwS+hIeHOjTGhc5Rngv22c5K99motiv4ApgifICpaamH+MNGjh3xPjYxMTEDRUv3Y2bSveMqzT0ePgBuaDiBdZNgTBT9Xd0BOZop80+n++7Di2HInKnMTio0nF8HvxBRk9RlEocoOq322y2LyhwqEootnMU3QMVr8I4MYCxLhWPEz9I1U7tLChJQTQaldv1wZxRFDw1YlxkaMM9yH9T5CU1vVrjQi+JQF6INLi4hRThBpRNM7J3d3R0/MnTq+3yK8bs+ASfRDJK6ryk7qsqV9YBYaQDbnQ4HEGcuEnuXqrC1WBScRGeA0TkrNHZUE3nstP/Ae08V3wBOebTAAAAAElFTkSuQmCC"); background-position: 50% 50%; } input.required-checkbox[type=checkbox]:checked { border: none; background: #ff794f; } input.required-checkbox[type=checkbox]:checked:hover { background: #e56c47; } input.required-checkbox[type=checkbox]:checked:disabled { background: #ffbca7; cursor: auto; } input[type=checkbox].required-checkbox:checked::after { position: absolute; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; top: calc(50% - 6px); content: ""; width: 11px; height: 11px; border: none; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABtklEQVRIDe2UzStEYRSHZwxpwpSNlNQUEQsbSztK7BUmbKzITvkPWMjKjpSywlIpSc1CkWxkQ5IslCQpHwvCeM6k27nnvnfuhKyceu49H79z3vv5xmJFWi6X2wBtjcW0lhQj+onmf4HIp/c3j4hPYxjqIi+nSAGzyqAXWmIc0iD2AbswAbV2FrmCnyn1UuiGJbgDsXlZYDLv+g/vhFkYgxpZjHNgAXIJ6IQFuAVrV9K4b7MmfiPegTOTXye+MblAGCfTzwUOQg+Uw2/ZCYPWvGEslIIR2IRX+I6d0zQNbd5gl4OgGkZhG+QRFbJLirPQ7poVmaNRvoww26IQjxwSJqC5Ak7Dpn/lh8L6I/MMWDbDX4gPTO6RuDlymBXQlDGDJJyCGriWQNkxftLOCI0RN8CDGiBuFvJ7F+cukJ9R22LoQF2gQ/aRQ92Jfw/1RjdjNBJmtMbpI5pzNMrP6DM0svfsGa28jyafUAcU5dZl09O2ojXaR5QGuTttRwQJrfN8CpWwqtQX+ClP4HCo9yn9E/6AQ+ZPIRqHZ+jwV9wROtlN5X9pdSscWcT5bdpRCqTQJqEqUCDxCYHVRpVrffeeAAAAAElFTkSuQmCC"); background-position: 50% 50%; } .classic-input, .large-input { -webkit-transition: border-color 0.15s, background 0.15s; -moz-transition: border-color 0.15s, background 0.15s; -o-transition: border-color 0.15s, background 0.15s; -ms-transition: border-color 0.15s, background 0.15s; transition: border-color 0.15s, background 0.15s; border: 1px solid #ebebeb; background-color: #fff; padding: 4px 10px; -webkit-border-radius: 3px; border-radius: 3px; } .classic-input.invalid, .large-input.invalid { border: 1px solid #ff794f; } .classic-input.invalid:focus, .large-input.invalid:focus { outline: none; } .classic-input.invalid:hover, .large-input.invalid:hover { border: 1px solid #ff794f; } .classic-input:hover, .large-input:hover { background-color: #fff; border-color: rgba(0,161,220,0.5); } .classic-input:active, .large-input:active, .classic-input:focus, .large-input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; background-color: #fff; border-color: #00a1dc; } .classic-input.disabled, .large-input.disabled, .classic-input:disabled, .large-input:disabled { background: #f9f9f9; color: #afafaf; } .classic-input.disabled:hover, .large-input.disabled:hover, .classic-input:disabled:hover, .large-input:disabled:hover, .classic-input.disabled:active, .large-input.disabled:active, .classic-input:disabled:active, .large-input:disabled:active { border-color: #ebebeb; } textarea.classic-input { resize: vertical; } .hoverable-input { -webkit-transition: border-color 0.3s, background-color 0.3s; -moz-transition: border-color 0.3s, background-color 0.3s; -o-transition: border-color 0.3s, background-color 0.3s; -ms-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; border: 1px solid transparent; background-color: transparent; padding: 4px 10px; -webkit-border-radius: 3px; border-radius: 3px; } .hoverable-input.invalid { border: 1px solid #ff794f; outline: none; } .hoverable-input:hover { background-color: #fff; border-color: #ebebeb; } .hoverable-input:active, .hoverable-input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; background-color: #f9f9f9; border-color: #ebebeb; } .dark-input, .large-input.dark { height: 30px; color: #f9f9f9; padding: 4px 10px; background: rgba(106,124,131,0.5); border: none; color: #ebebeb; -webkit-border-radius: 3px; border-radius: 3px; } .dark-input.invalid, .large-input.dark.invalid { border: 1px solid #ff794f; } .dark-input.invalid:focus, .large-input.dark.invalid:focus { outline: none; } .dark-input.invalid:hover, .large-input.dark.invalid:hover { border: 1px solid #ff794f; } .dark-input:hover, .large-input.dark:hover { background: #6a7c83; } .dark-input:hover::-webkit-input-placeholder, .large-input.dark:hover::-webkit-input-placeholder { color: #dcdcdc; } .dark-input:focus, .large-input.dark:focus { background: #fff; color: #515357; outline: none; } .dark-input:focus::-webkit-input-placeholder, .large-input.dark:focus::-webkit-input-placeholder { color: #afafaf; } textarea.dark-input { height: auto; } .large-input { height: 40px; } .large-input.dark { height: 40px; } .no-input { background: none; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0; resize: none; } .no-input.dark { color: #f9f9f9; } .options-list { list-style-type: none; } .options-list li { margin-bottom: 8px; } .options-list li.list-padding { margin-bottom: 16px; } .options-list label { display: block; position: relative; cursor: pointer; } .options-list label input[type=checkbox], .options-list label input[type=radio] { position: absolute; } .options-list label input[type=checkbox] ~ span, .options-list label input[type=radio] ~ span, .options-list label input[type=checkbox] ~ p, .options-list label input[type=radio] ~ p { padding-left: 26px; display: block; color: #939393; } .options-list label input[type=checkbox]:checked ~ span, .options-list label input[type=radio]:checked ~ span, .options-list label input[type=checkbox]:checked ~ p, .options-list label input[type=radio]:checked ~ p { color: #515357; } .popup-content .options-list input[type="checkbox"], .sheets-content .options-list input[type="checkbox"], .modal.dark .options-list input[type="checkbox"], .popup-content .options-list input[type="radio"], .sheets-content .options-list input[type="radio"], .modal.dark .options-list input[type="radio"] { background: rgba(106,124,131,0.5); border-color: rgba(106,124,131,0.8); } .popup-content .options-list input[type="checkbox"] ~ span, .sheets-content .options-list input[type="checkbox"] ~ span, .modal.dark .options-list input[type="checkbox"] ~ span, .popup-content .options-list input[type="radio"] ~ span, .sheets-content .options-list input[type="radio"] ~ span, .modal.dark .options-list input[type="radio"] ~ span, .popup-content .options-list input[type="checkbox"] ~ p, .sheets-content .options-list input[type="checkbox"] ~ p, .modal.dark .options-list input[type="checkbox"] ~ p, .popup-content .options-list input[type="radio"] ~ p, .sheets-content .options-list input[type="radio"] ~ p, .modal.dark .options-list input[type="radio"] ~ p { color: #a4b0b4; } .popup-content .options-list input[type="checkbox"]:checked, .sheets-content .options-list input[type="checkbox"]:checked, .modal.dark .options-list input[type="checkbox"]:checked, .popup-content .options-list input[type="radio"]:checked, .sheets-content .options-list input[type="radio"]:checked, .modal.dark .options-list input[type="radio"]:checked { background: #dcdcdc; } .popup-content .options-list input[type="checkbox"]:checked ~ span, .sheets-content .options-list input[type="checkbox"]:checked ~ span, .modal.dark .options-list input[type="checkbox"]:checked ~ span, .popup-content .options-list input[type="radio"]:checked ~ span, .sheets-content .options-list input[type="radio"]:checked ~ span, .modal.dark .options-list input[type="radio"]:checked ~ span, .popup-content .options-list input[type="checkbox"]:checked ~ p, .sheets-content .options-list input[type="checkbox"]:checked ~ p, .modal.dark .options-list input[type="checkbox"]:checked ~ p, .popup-content .options-list input[type="radio"]:checked ~ p, .sheets-content .options-list input[type="radio"]:checked ~ p, .modal.dark .options-list input[type="radio"]:checked ~ p { color: #f9f9f9; } .popup-content .options-list input[type="checkbox"]:focus, .sheets-content .options-list input[type="checkbox"]:focus, .modal.dark .options-list input[type="checkbox"]:focus, .popup-content .options-list input[type="radio"]:focus, .sheets-content .options-list input[type="radio"]:focus, .modal.dark .options-list input[type="radio"]:focus { background: #f9f9f9; } .popup-content .options-list input[type="checkbox"].disabled, .sheets-content .options-list input[type="checkbox"].disabled, .modal.dark .options-list input[type="checkbox"].disabled, .popup-content .options-list input[type="radio"].disabled, .sheets-content .options-list input[type="radio"].disabled, .modal.dark .options-list input[type="radio"].disabled, .popup-content .options-list input[type="checkbox"]:disabled, .sheets-content .options-list input[type="checkbox"]:disabled, .modal.dark .options-list input[type="checkbox"]:disabled, .popup-content .options-list input[type="radio"]:disabled, .sheets-content .options-list input[type="radio"]:disabled, .modal.dark .options-list input[type="radio"]:disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .popup-content .options-list input[type="checkbox"].disabled ~ span, .sheets-content .options-list input[type="checkbox"].disabled ~ span, .modal.dark .options-list input[type="checkbox"].disabled ~ span, .popup-content .options-list input[type="radio"].disabled ~ span, .sheets-content .options-list input[type="radio"].disabled ~ span, .modal.dark .options-list input[type="radio"].disabled ~ span, .popup-content .options-list input[type="checkbox"]:disabled ~ span, .sheets-content .options-list input[type="checkbox"]:disabled ~ span, .modal.dark .options-list input[type="checkbox"]:disabled ~ span, .popup-content .options-list input[type="radio"]:disabled ~ span, .sheets-content .options-list input[type="radio"]:disabled ~ span, .modal.dark .options-list input[type="radio"]:disabled ~ span, .popup-content .options-list input[type="checkbox"].disabled ~ p, .sheets-content .options-list input[type="checkbox"].disabled ~ p, .modal.dark .options-list input[type="checkbox"].disabled ~ p, .popup-content .options-list input[type="radio"].disabled ~ p, .sheets-content .options-list input[type="radio"].disabled ~ p, .modal.dark .options-list input[type="radio"].disabled ~ p, .popup-content .options-list input[type="checkbox"]:disabled ~ p, .sheets-content .options-list input[type="checkbox"]:disabled ~ p, .modal.dark .options-list input[type="checkbox"]:disabled ~ p, .popup-content .options-list input[type="radio"]:disabled ~ p, .sheets-content .options-list input[type="radio"]:disabled ~ p, .modal.dark .options-list input[type="radio"]:disabled ~ p { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .popup-content .options-list input[type="radio"], .sheets-content .options-list input[type="radio"], .modal.dark .options-list input[type="radio"] { -webkit-border-radius: 8.5px; border-radius: 8.5px; } .loading-indicator { display: inline-block; -webkit-border-radius: 30px; border-radius: 30px; -webkit-animation: loading 1.2s infinite linear; -moz-animation: loading 1.2s infinite linear; -o-animation: loading 1.2s infinite linear; -ms-animation: loading 1.2s infinite linear; animation: loading 1.2s infinite linear; width: 30px; height: 30px; border: 4px solid #00a1dc; border-top: 4px solid #ebebeb; border-left: 4px solid #ebebeb; vertical-align: middle; } .loading-indicator.small { margin-right: 10px; width: 16px; height: 16px; border: 2px solid #00a1dc; border-top: 2px solid #ebebeb; border-left: 2px solid #ebebeb; } .loading-indicator.small.completed { border: 2px solid #939393; } .loading-indicator.small.completed .icon { vertical-align: top; width: 10px; height: 10px; } .loading-indicator.completed { border: 4px solid #939393; text-align: center; -webkit-animation: none; -moz-animation: none; -o-animation: none; -ms-animation: none; animation: none; } .loading-indicator .icon { margin-left: 1px; height: 100%; vertical-align: middle; } .loading-indicator .icon >path { fill: #9ebd06; } .loading-indicator.fadein { -webkit-animation: loading 1.2s linear infinite, lever-fadein 300ms ease-in 150ms; -moz-animation: loading 1.2s linear infinite, lever-fadein 300ms ease-in 150ms; -o-animation: loading 1.2s linear infinite, lever-fadein 300ms ease-in 150ms; -ms-animation: loading 1.2s linear infinite, lever-fadein 300ms ease-in 150ms; animation: loading 1.2s linear infinite, lever-fadein 300ms ease-in 150ms; } @-moz-keyframes loading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .css-icon { display: inline-block; width: 16px; height: 1px; } .css-icon::before { position: absolute; display: block; content: ""; right: 10px; top: calc(50% - 8px); width: 16px; height: 16px; } .css-icon-plus::before { background: url("data:image/svg+xml;utf8,") no-repeat 0 0; } .css-icon-caret-down::before { background: url("data:image/svg+xml;utf8,") no-repeat 0 0; } .btn-no-style.dark:hover .css-icon-caret-down::before { background: url("data:image/svg+xml;utf8,") no-repeat 0 0; } .toggle-label { clear: left; color: #afafaf; line-height: 22px; } .toggle-label button { float: left; margin-right: 10px; } .toggle-slider { margin-left: 10px; background: #fff; width: 45px; height: 22px; -webkit-border-radius: 11px; border-radius: 11px; position: relative; vertical-align: middle; border: 1px solid #dcdcdc; -webkit-transition: background 150ms; -moz-transition: background 150ms; -o-transition: background 150ms; -ms-transition: background 150ms; transition: background 150ms; } .toggle-slider:focus { outline: none; } .toggle-slider:hover { background-color: #f9f9f9; } .toggle-slider .ball { height: 16px; width: 16px; -webkit-border-radius: 8px; border-radius: 8px; position: absolute; background-color: #dcdcdc; left: 2px; top: 2px; right: auto; -webkit-transition: 150ms; -moz-transition: 150ms; -o-transition: 150ms; -ms-transition: 150ms; transition: 150ms; } .toggle-slider .ball:hover { background: #afafaf; } .toggle-slider.on .ball { left: 25px; background: #9ebd06; } .toggle-slider.on .ball:hover { background: #86a005; } .message-banner { position: relative; display: inline-block; margin-bottom: 20px; padding: 9px 15px; -webkit-border-radius: 3px; border-radius: 3px; background: #e5eff3; color: #6a7c83; } .message-banner.full-width { display: block; } .message-banner.centered { text-align: center; } .message-banner.has-icon { padding-left: 41px; } .message-banner.has-dismiss { padding-right: 41px; } .message-banner.has-dismiss .icon-btn { position: absolute; right: 15px; top: 6px; } .message-banner.has-dismiss .icon-btn .icon { position: relative; left: inherit; top: inherit; } .message-banner.has-button { padding-top: 14px; padding-right: 180px; padding-bottom: 14px; } .message-banner.has-button .icon { top: 15px; } .message-banner.has-button .btn, .message-banner.has-button button { position: absolute; right: 10px; top: 10px; } .message-banner a, .message-banner a:visited { color: #515357; } .message-banner a:hover, .message-banner a:visited:hover { color: #1a1b1c; } .message-banner .icon { position: absolute; left: 15px; top: 10px; } .message-banner .icon >path { fill: #6a7c83; } .message-banner .label { color: #939393; } .message-banner .btn { float: right; } .message-banner.warning { background: #fff3d8; } .message-banner.error { background: #ffe5dc; color: #515357; } .message-banner.error .label { color: #818181; } .message-banner.error .icon >path { fill: #515357; } .what-is-this { display: inline-block; color: #afafaf; cursor: default; padding-left: 4px; font-size: 12px; } .what-is-this.dark { color: #6a7c83; } .what-is-this.dark:hover { color: #f9f9f9; } .what-is-this .icon >path { fill: #afafaf; } .what-is-this:hover { color: #515357; } .what-is-this:hover .icon >path { fill: #515357; } .what-is-this-icon { display: inline-block; margin-left: 10px; } .what-is-this-icon .icon { width: 12px; height: 12px; } .what-is-this-icon .icon >path { fill: #afafaf; } .what-is-this-icon:hover .icon >path { fill: #515357; } .what-is-this-icon.no-margin { margin-left: 4px; } .what-is-this-icon.dark .icon >path { fill: #6a7c83; } .what-is-this-icon.dark:hover .icon >path { fill: #dde5e7; } .gated-feature, .gated-feature-inline, .gated-feature-inline-pro, .gated-feature-block, .gated-feature-block-pro { position: relative; cursor: pointer; background: rgba(235,235,235,0.5); } .gated-feature:before, .gated-feature-inline:before, .gated-feature-inline-pro:before, .gated-feature-block:before, .gated-feature-block-pro:before { content: 'Enterprise'; font-size: 12px; color: #fff; background-color: #9ebd06; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px 10px; position: absolute; right: 15px; } .gated-feature:after, .gated-feature-inline:after, .gated-feature-inline-pro:after, .gated-feature-block:after, .gated-feature-block-pro:after { cursor: pointer; content: ''; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ebebeb; } .gated-feature-inline, .gated-feature-inline-pro { border: 1px solid #ebebeb; -webkit-border-radius: 3px; border-radius: 3px; } .gated-feature-inline:before, .gated-feature-inline-pro:before { content: 'Enterprise'; position: absolute; float: right; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: 10px; } .gated-feature-inline:after, .gated-feature-inline-pro:after { content: none; display: none; } .gated-feature-inline *, .gated-feature-inline-pro * { pointer-events: none; } .gated-feature-inline-pro:before { content: 'Pro'; } .gated-feature-block, .gated-feature-block-pro { margin-top: 32px; padding: 15px 15px; } .gated-feature-block:before, .gated-feature-block-pro:before { top: 15px; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .gated-feature-block:after, .gated-feature-block-pro:after { pointer-events: none; } .gated-feature-block-pro:before { content: 'Pro'; } .gated-ad { max-width: 600px; min-height: 270px; } .gated-ad .pull-left { float: left; margin-right: 70px; } .gated-ad div.pull-left, .gated-ad div.image { margin-top: 25px; } .gated-ad ul li { margin: 0 0 32px 0; list-style: none; } .gated-ad ul li .icon { vertical-align: sub; margin-right: 10px; } .gated-ad ul li .icon > path { fill: #afafaf; } html { position: relative; min-height: 100%; } body { background: #f9f9f9; color: #515357; padding-top: 70px; padding-bottom: 250px; } a, a:visited { color: #737578; } @font-face { font-family: "Arial", 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', Helvetica, sans-serif;; src: url("Lato-Bold.eot"); src: url("Lato-Bold.eot?#iefix") format('embedded-opentype'); src: url("Lato-Bold.woff") format('woff'); src: url("Lato-Bold.ttf") format('truetype'); font-style: normal; font-weight: bold; text-rendering: optimizeLegibility; } @font-face { font-family: Lato; src: url("Lato-Regular.eot"); src: url("Lato-Regular.eot?#iefix") format('embedded-opentype'); src: url("Lato-Regular.woff") format('woff'); src: url("Lato-Regular.ttf") format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } body, .application-question input, .application-additional input, .application-question textarea, .application-additional textarea, .application-question select, .application-additional select, .eeo-light-text, h5.eeo-paragraph-heading, .list .filter-popup { color: #515357; font: normal 400 16px/1.8 "Arial", 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', Helvetica, sans-serif;; } h1, h2, h3, h4, p, h5, .main-footer, .application .application-label, .eeo-survey .application-label, .application .application-field label, .eeo-survey .application-field label, .application .application-question input[type=text], .eeo-survey .application-question input[type=text], .application .application-additional input[type=text], .eeo-survey .application-additional input[type=text], .application .application-question input[type=email], .eeo-survey .application-question input[type=email], .application .application-additional input[type=email], .eeo-survey .application-additional input[type=email], .application .application-question input[type=tel], .eeo-survey .application-question input[type=tel], .application .application-additional input[type=tel], .eeo-survey .application-additional input[type=tel], .application .application-question textarea, .eeo-survey .application-question textarea, .application .application-additional textarea, .eeo-survey .application-additional textarea, .application .application-question select, .eeo-survey .application-question select, .application .application-additional select, .eeo-survey .application-additional select, .application .application-question .application-answer-alternative, .eeo-survey .application-question .application-answer-alternative, .application .application-additional .application-answer-alternative, .eeo-survey .application-additional .application-answer-alternative { margin: 0; padding: 0; display: block; } h1 { font: normal 700 42px/1.4 "Arial", 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', Helvetica, sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 1px; } h2, h5 { font: normal 400 28px/1.4 "Arial", 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', Helvetica, sans-serif; color: #515357; text-transform: none; letter-spacing: 0px; } h3 { font: normal 700 18px/1.4 "Arial", 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', Helvetica, sans-serif;; color: #515357; font-weight:normal; } h4 { font: normal 700 16px/1.4 "Arial", 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', Helvetica, sans-serif;; text-transform: uppercase; letter-spacing: 1px; color: #515357; } h5 { font-size: 24px; margin-right: 115px; overflow: hidden; -webkit-transition: color 150ms; -moz-transition: color 150ms; -o-transition: color 150ms; -ms-transition: color 150ms; transition: color 150ms; } h2, h3, h4 { margin: 17.5px 0; } p, .main-footer, .application .application-label, .eeo-survey .application-label, .application .application-field label, .eeo-survey .application-field label, .application .application-question input[type=text], .eeo-survey .application-question input[type=text], .application .application-additional input[type=text], .eeo-survey .application-additional input[type=text], .application .application-question input[type=email], .eeo-survey .application-question input[type=email], .application .application-additional input[type=email], .eeo-survey .application-additional input[type=email], .application .application-question input[type=tel], .eeo-survey .application-question input[type=tel], .application .application-additional input[type=tel], .eeo-survey .application-additional input[type=tel], .application .application-question textarea, .eeo-survey .application-question textarea, .application .application-additional textarea, .eeo-survey .application-additional textarea, .application .application-question select, .eeo-survey .application-question select, .application .application-additional select, .eeo-survey .application-additional select, .application .application-question .application-answer-alternative, .eeo-survey .application-question .application-answer-alternative, .application .application-additional .application-answer-alternative, .eeo-survey .application-additional .application-answer-alternative { margin: 17.5px 0; } p > a, .postings-link { text-decoration: underline; color: #737578; } p > a:hover, .postings-link:hover { color: #579eee; } p > a:active, .postings-link:active, p > a:focus, .postings-link:focus { color: #3c6ea6; } .page-full-width { width: 100%; } .page-centered, .g-recaptcha div { max-width: 1080px; display: block; margin: 0 auto; } .content-wrapper { min-height: 100%; } .content { position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 100%; } .row, .main-header { position: absolute; left: 0px; right: 0px; } .column-wrapper { display: table; height: 100%; width: 100%; } .column { display: table-cell; vertical-align: middle; position: relative; } .third { width: 33.33%; } .two-thirds { width: 66.67%; padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-wrapper { padding: 0px 30px; } .section, .g-recaptcha div { padding: 20px 0px; position: relative; } .narrow-section, .application .section, .eeo-survey .section, .list .section, .show .section { max-width: 760px; padding-left: 0px; padding-right: 0px; } .accent-section { background: #fff; } .accent-section.small-accent { padding: 0px 30px; } .accent-section .posting-categories { margin: 20px 0px; } .accent-section .posting-category { font-size: 14px; display: inline-block; margin-right: 10px; } .split-width-container, .show .posting-header { display: block; } .left-block, .right-block, .left-float, .right-float, .full-block { display: block; width: auto; } .left-block { overflow: hidden; } .right-float { float: right; margin-left: 10px; } .right-block { overflow: hidden; } .left-float { float: left; margin-right: 10px; } .full-block { width: 100%; } .template-btn, .template-btn-submit, .template-btn-utility, .sort-category, .application .application-field .upload-file-overlay, .eeo-survey .application-field .upload-file-overlay, .list .filter-button-wrapper .filter-button { font: normal 700 14px/1.4 "Arial", 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', Helvetica, sans-serif;; text-transform: uppercase; letter-spacing: 2px; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; background: #00a1dc; height: auto; position: relative; display: inline-block; margin: 0; font-size: 14px; font-weight: normal; line-height: 1.33; padding: 10px 15px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid #dcdcdc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .template-btn .filename, .template-btn-submit .filename, .template-btn-utility .filename, .sort-category .filename, .application .application-field .upload-file-overlay .filename, .eeo-survey .application-field .upload-file-overlay .filename, .list .filter-button-wrapper .filter-button .filename, .template-btn .default-label, .template-btn-submit .default-label, .template-btn-utility .default-label, .sort-category .default-label, .application .application-field .upload-file-overlay .default-label, .eeo-survey .application-field .upload-file-overlay .default-label, .list .filter-button-wrapper .filter-button .default-label { line-height: 1.33; display: block; overflow: hidden; } .template-btn:visited, .template-btn-submit:visited, .template-btn-utility:visited, .sort-category:visited, .application .application-field .upload-file-overlay:visited, .eeo-survey .application-field .upload-file-overlay:visited, .list .filter-button-wrapper .filter-button:visited, .template-btn:focus, .template-btn-submit:focus, .template-btn-utility:focus, .sort-category:focus, .application .application-field .upload-file-overlay:focus, .eeo-survey .application-field .upload-file-overlay:focus, .list .filter-button-wrapper .filter-button:focus { color: #fff; } .template-btn .icon >svg, .template-btn-submit .icon >svg, .template-btn-utility .icon >svg, .sort-category .icon >svg, .application .application-field .upload-file-overlay .icon >svg, .eeo-survey .application-field .upload-file-overlay .icon >svg, .list .filter-button-wrapper .filter-button .icon >svg { fill: #fff; } .template-btn:hover, .template-btn-submit:hover, .template-btn-utility:hover, .sort-category:hover, .application .application-field .upload-file-overlay:hover, .eeo-survey .application-field .upload-file-overlay:hover, .list .filter-button-wrapper .filter-button:hover { color: #fff; } .template-btn:active, .template-btn-submit:active, .template-btn-utility:active, .sort-category:active, .application .application-field .upload-file-overlay:active, .eeo-survey .application-field .upload-file-overlay:active, .list .filter-button-wrapper .filter-button:active, .template-btn:focus, .template-btn-submit:focus, .template-btn-utility:focus, .sort-category:focus, .application .application-field .upload-file-overlay:focus, .eeo-survey .application-field .upload-file-overlay:focus, .list .filter-button-wrapper .filter-button:focus { background: #00709a; } .template-btn-submit { color: #fff; background: #00a1dc; border-color: #0098d1; } .template-btn-submit .icon >svg { fill: #fff; } .template-btn-submit:visited { color: #fff; } .template-btn-submit:hover { background: #0098d1; } .template-btn-submit:active, .template-btn-submit:focus { background: #00709a; } .template-btn-utility, .sort-category, .application .application-field .upload-file-overlay, .eeo-survey .application-field .upload-file-overlay, .list .filter-button-wrapper .filter-button { background: #ebecf0; color: #9696a2; border: 1px solid #dfe0e4; } .template-btn-utility >svg, .sort-category >svg, .application .application-field .upload-file-overlay >svg, .eeo-survey .application-field .upload-file-overlay >svg, .list .filter-button-wrapper .filter-button >svg { fill: #9696a2; } .template-btn-utility:visited, .sort-category:visited, .application .application-field .upload-file-overlay:visited, .eeo-survey .application-field .upload-file-overlay:visited, .list .filter-button-wrapper .filter-button:visited { color: #9696a2; background: #ebecf0; } .template-btn-utility:hover, .sort-category:hover, .application .application-field .upload-file-overlay:hover, .eeo-survey .application-field .upload-file-overlay:hover, .list .filter-button-wrapper .filter-button:hover { background: #dfe0e4; color: #5a5a61; } .template-btn-utility:active, .sort-category:active, .application .application-field .upload-file-overlay:active, .eeo-survey .application-field .upload-file-overlay:active, .list .filter-button-wrapper .filter-button:active, .template-btn-utility:focus, .sort-category:focus, .application .application-field .upload-file-overlay:focus, .eeo-survey .application-field .upload-file-overlay:focus, .list .filter-button-wrapper .filter-button:focus { background: #d3d4d8; color: #5a5a61; } .template-btn-utility.has-file, .sort-category.has-file, .application .application-field .upload-file-overlay.has-file, .eeo-survey .application-field .upload-file-overlay.has-file, .list .filter-button-wrapper .filter-button.has-file { background: #dadbdf; } .template-btn .icon, .template-btn-submit .icon, .template-btn-utility .icon, .sort-category .icon, .application .application-field .upload-file-overlay .icon, .eeo-survey .application-field .upload-file-overlay .icon, .list .filter-button-wrapper .filter-button .icon { position: absolute; left: 15px; top: calc(50% - 8px); } .posting-btn-submit { padding: 5px 15px; } .main-header { background: #fff; color: #515357; } .main-header.section-wrapper, .main-header .section { padding-top: 0px; padding-bottom: 0px; } .main-header .main-header-logo { margin: 5px 0px; display: inline-block; } .main-header .main-header-logo img { height: 60px; } .main-header .mobile-menu svg >path { fill: #515357; } .main-header .main-header-content { display: block; height: 100%; margin: 0px auto; color: #515357; } .main-header .main-header-content .main-header-company { display: inline-block; height: 70px; vertical-align: middle; font-family: "Arial", 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', Helvetica, sans-serif;; color: #515357; } .main-header { top: 0; height: 70px; } .main-header .main-logo, .main-header .mobile-menu { position: absolute; left: 30px; } .main-header .main-logo img, .main-header .mobile-menu img { height: 100%; position: absolute; } .main-header .main-logo { top: 50%; margin-top: -0.175px; height: 0.5; } .main-header .mobile-menu { position: absolute; right: 0px; top: 50%; margin-top: -0.15px; height: 0.6; left: auto; right: 30px; } .main-header .mobile-menu img { right: 0px; } .main-header .main-header-content .main-header-company { line-height: 70px; } .main-header .main-header-content .main-header-company .icon, .main-header .main-header-content .main-header-company span { height: 70px; display: inline-block; float: left; height: 70px; } .main-header .main-header-content .main-header-company .icon { margin-right: 10px; } @media screen { .main-header { position: fixed; z-index: 2; top: 0; overflow: hidden; background-color: rgba(29,29,29,0.9); } } .main-footer { margin: 0; color: #7f838a; background: #edeef1; } .main-footer .image-link { display: inline-block; color: #7f838a; margin: 40px 0px; } .main-footer .image-link span, .main-footer .image-link img { display: inline-block; position: relative; height: 24px; float: left; } .main-footer .image-link span { margin-right: 10px;font-size: 14px;line-height: 38px; } .main-footer .image-link:hover, .main-footer .image-link:visited { color: #7f838a; } .main-footer p { color: #7f838a; } .main-footer a { color: #579eee; border-bottom: 1px solid #78b1f1; text-decoration: none; } .main-footer a:visited { color: #579eee; } .main-footer a:hover { color: #4e8ed6; } .main-footer a.image-link { border-bottom: none; } .main-footer { position: absolute; bottom: 0; width: 100%; height: 250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-footer-text { text-align: center; padding: 40px 30px; } .main-footer-text p { display: block; max-width: 500px; margin: 0px auto; } .posting-header h2 { margin-top: 0px; } .posting-header h3{ margin-top: 0px; font-size:24px; } .txnrbox{ width:100%; float:left; position:relative;} .txnrbox dl{ width:100%; float:left;padding: 5px 0;} .txnrbox dl dd > input{ border-radius:4px; border:1px #aaa solid;} .txnrbox .grtp{ width:113px; height:150px; position:absolute; left:300px; top:5px;} .txnrbox .grtp img{ width:100%; height:150px;} .txnrbox dl dt{float:left; width:90px; text-align:left;} .txnrbox dl dd{float:left; width:80%;} .txnrbox dl dd .Validform_wrong{ color:red; padding-left:10px; font-size:16px;} .txnrbox dl dd > input{ border-radius:4px; border:1px #aaa solid; width:90%;} .txnrbox dl dd > textarea{ border-radius:4px; border:1px #aaa solid; height:50px;} .txnrbox dl .w80{ width:80%; float:left;} .txnrbox dl .w80 > input{ width:90%;} .txnrbox dl .w80 > textarea{width:90%; height:50px} .txnrbox dl dd .xbbox input{ border:1px #aaa solid; margin-top:5px; float:left;} .txnrbox dl dd .xbbox label{ float:left; margin:0 10px 0 3px;} .posting-page .section.page-centered li { margin: 8px 0px 8px 17px; list-style-position: outside; } .posting-page .section.page-centered ul li { list-style-type: disc; } .medium-utility-label, .small-utility-label { font: normal 700 16px/1.4 "Arial", 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', Helvetica, sans-serif;; color: #808080; text-transform: uppercase; letter-spacing: 1px; } .small-utility-label { font-size: 12px; line-height: 1.4; } .large-category-label, .medium-category-label, .small-category-label { font: normal 700 30px/1.4 "Arial", 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', Helvetica, sans-serif;; color: #808080; text-transform: uppercase; letter-spacing: 1px; } .medium-category-label { font-size: 14px; } .small-category-label { font-size: 12px; line-height: 1.4; } .vertical-line, .horizontal-line { border-color: #e2e2e2; } .vertical-line { position: absolute; left: 0px; top: 30%; height: 40%; width: 1px; border-left-width: 1px; border-left-style: solid; } .horizontal-line { margin: 20px auto 20px auto; width: 80px; height: 1px; border-bottom-width: 1px; border-bottom-style: solid; } .confirmation-message { text-align: center; } .confirmation-message .template-btn-submit { margin-top: 16px; } .application-question input, .application-additional input, .application-question textarea, .application-additional textarea { border-color: #e2e2e2; } .application-question input:active, .application-additional input:active, .application-question textarea:active, .application-additional textarea:active, .application-question input:focus, .application-additional input:focus, .application-question textarea:focus, .application-additional textarea:focus { border-color: #7f838a; } .application-question select, .application-additional select { background: #e2e2e2; border-color: transparent; } .application-question select:hover, .application-additional select:hover { background: #c0c0c0; } .application .application-question, .eeo-survey .application-question { list-style-type: none; padding: 0px 0px; } .application .application-label, .eeo-survey .application-label { font-size: 16px; line-height: 1.4; vertical-align: middle; width: 100%; } .application .application-label label, .eeo-survey .application-label label { position: relative; } .application .application-label.multiple-choice, .eeo-survey .application-label.multiple-choice, .application .application-label.multiple-select, .eeo-survey .application-label.multiple-select, .application .application-label.textarea, .eeo-survey .application-label.textarea { vertical-align: top; } .application .application-label.text, .eeo-survey .application-label.text { vertical-align: bottom; } .application .application-field, .eeo-survey .application-field { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .application .application-field input[type=text], .eeo-survey .application-field input[type=text], .application .application-field select, .eeo-survey .application-field select, .application .application-field input[type=email], .eeo-survey .application-field input[type=email], .application .application-field input[type=tel], .eeo-survey .application-field input[type=tel] { display: inline-block; width: 100%; } .application .application-field input[type=radio], .eeo-survey .application-field input[type=radio], .application .application-field input[type=checkbox], .eeo-survey .application-field input[type=checkbox] { cursor: pointer; outline: none; } .application .application-field .icon-caret-down, .eeo-survey .application-field .icon-caret-down { height: 16px; width: 16px; position: absolute; right: 10px; margin-top: -8px; top: 50%; } .application .application-field ul, .eeo-survey .application-field ul { list-style-type: none; } .application .application-field label, .eeo-survey .application-field label { padding-left: 40px; position: relative; cursor: pointer; } .application .application-field label .application-answer-alternative, .eeo-survey .application-field label .application-answer-alternative { color: #83868c; } .application .application-field input[type=radio], .eeo-survey .application-field input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; border: 1px solid #e2e2e2; } .application .application-field input[type=radio]:active, .eeo-survey .application-field input[type=radio]:active { background: #ebecf0; } .application .application-field input[type=radio]:checked::after, .eeo-survey .application-field input[type=radio]:checked::after { position: absolute; content: ""; height: 20px; width: 20px; left: 0; top: 0; -webkit-border-radius: 10px; border-radius: 10px; background-color: #00a1dc; } .application .application-field input[type=radio]:checked + span, .eeo-survey .application-field input[type=radio]:checked + span, .application .application-field input[type=checkbox]:checked + span, .eeo-survey .application-field input[type=checkbox]:checked + span { color: #515357; } .application .application-field input[type=checkbox], .eeo-survey .application-field input[type=checkbox] { width: 20px; height: 20px; border: 1px solid #e2e2e2; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .application .application-field input[type=checkbox]:active, .eeo-survey .application-field input[type=checkbox]:active { background: #ebecf0; } .application .application-field input[type=checkbox]:checked::after, .eeo-survey .application-field input[type=checkbox]:checked::after { position: absolute; content: ""; left: 15%; top: -10%; height: 40%; width: 90%; border-bottom: 4px solid #00a1dc; border-left: 4px solid #00a1dc; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .application .application-field input[type=radio], .eeo-survey .application-field input[type=radio], .application .application-field input[type=checkbox], .eeo-survey .application-field input[type=checkbox] { position: absolute; left: 10px; top: 2px; } .application .application-field .application-university, .eeo-survey .application-field .application-university { position: relative; } .application .application-field .application-university .select2-container, .eeo-survey .application-field .application-university .select2-container { height: 40px; } .application .application-field .application-university .select2-container .select2-selection, .eeo-survey .application-field .application-university .select2-container .select2-selection { padding: 4px 4px 4px 7px; height: 40px; } .application .application-field .application-university .select2-container .select2-selection:active, .eeo-survey .application-field .application-university .select2-container .select2-selection:active, .application .application-field .application-university .select2-container .select2-selection:focus, .eeo-survey .application-field .application-university .select2-container .select2-selection:focus { outline: none; border: 1px solid #7f838a; } .application .application-field .application-university .select2-container .select2-selection span, .eeo-survey .application-field .application-university .select2-container .select2-selection span { font-size: 16px !important; } .application .application-field .application-university .select2-container .select2-selection__arrow, .eeo-survey .application-field .application-university .select2-container .select2-selection__arrow { top: 7px; } .application .application-field .application-dropdown, .eeo-survey .application-field .application-dropdown { position: relative; } .application .application-field .application-dropdown select, .eeo-survey .application-field .application-dropdown select { text-indent: 0.01px; -o-text-overflow: ''; text-overflow: ''; padding-right: 40px; } .application .application-field .application-dropdown select::-ms-expand, .eeo-survey .application-field .application-dropdown select::-ms-expand { display: none; } .application .application-field .application-dropdown::after, .eeo-survey .application-field .application-dropdown::after { position: absolute; content: ""; right: 15px; top: 26px; height: 15px; width: 15px; border-bottom: 1px solid #7f838a; border-left: 1px solid #7f838a; border-color: #72767d; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: none; } .application .application-field .upload-file-overlay, .eeo-survey .application-field .upload-file-overlay { max-width: 100%; padding-left: 41px; } .application .application-field .upload-file-overlay .icon-paperclip, .eeo-survey .application-field .upload-file-overlay .icon-paperclip { position: absolute; left: 15px; } .application .application-field input[type=file], .eeo-survey .application-field input[type=file] { position: absolute; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); top: 0; left: 0; } .application .application-question input[type=text], .eeo-survey .application-question input[type=text], .application .application-additional input[type=text], .eeo-survey .application-additional input[type=text], .application .application-question input[type=email], .eeo-survey .application-question input[type=email], .application .application-additional input[type=email], .eeo-survey .application-additional input[type=email], .application .application-question input[type=tel], .eeo-survey .application-question input[type=tel], .application .application-additional input[type=tel], .eeo-survey .application-additional input[type=tel], .application .application-question textarea, .eeo-survey .application-question textarea, .application .application-additional textarea, .eeo-survey .application-additional textarea, .application .application-question select, .eeo-survey .application-question select, .application .application-additional select, .eeo-survey .application-additional select, .application .application-question .application-answer-alternative, .eeo-survey .application-question .application-answer-alternative, .application .application-additional .application-answer-alternative, .eeo-survey .application-additional .application-answer-alternative { font-size: 16px; line-height: 1.4; } .application .application-question input[type=text], .eeo-survey .application-question input[type=text], .application .application-additional input[type=text], .eeo-survey .application-additional input[type=text], .application .application-question input[type=email], .eeo-survey .application-question input[type=email], .application .application-additional input[type=email], .eeo-survey .application-additional input[type=email], .application .application-question input[type=tel], .eeo-survey .application-question input[type=tel], .application .application-additional input[type=tel], .eeo-survey .application-additional input[type=tel], .application .application-question textarea, .eeo-survey .application-question textarea, .application .application-additional textarea, .eeo-survey .application-additional textarea, .application .application-question select, .eeo-survey .application-question select, .application .application-additional select, .eeo-survey .application-additional select { -webkit-border-radius: 3px; border-radius: 3px; border-width: 1px; border-style: solid; height: 40px; padding: 4px 4px 4px 15px; -webkit-transition: 1px solid #ebebeb 150ms, background 150ms; -moz-transition: 1px solid #ebebeb 150ms, background 150ms; -o-transition: 1px solid #ebebeb 150ms, background 150ms; -ms-transition: 1px solid #ebebeb 150ms, background 150ms; transition: 1px solid #ebebeb 150ms, background 150ms; } .application .application-question input[type=text]:active, .eeo-survey .application-question input[type=text]:active, .application .application-additional input[type=text]:active, .eeo-survey .application-additional input[type=text]:active, .application .application-question input[type=email]:active, .eeo-survey .application-question input[type=email]:active, .application .application-additional input[type=email]:active, .eeo-survey .application-additional input[type=email]:active, .application .application-question input[type=tel]:active, .eeo-survey .application-question input[type=tel]:active, .application .application-additional input[type=tel]:active, .eeo-survey .application-additional input[type=tel]:active, .application .application-question textarea:active, .eeo-survey .application-question textarea:active, .application .application-additional textarea:active, .eeo-survey .application-additional textarea:active, .application .application-question select:active, .eeo-survey .application-question select:active, .application .application-additional select:active, .eeo-survey .application-additional select:active, .application .application-question input[type=text]:focus, .eeo-survey .application-question input[type=text]:focus, .application .application-additional input[type=text]:focus, .eeo-survey .application-additional input[type=text]:focus, .application .application-question input[type=email]:focus, .eeo-survey .application-question input[type=email]:focus, .application .application-additional input[type=email]:focus, .eeo-survey .application-additional input[type=email]:focus, .application .application-question input[type=tel]:focus, .eeo-survey .application-question input[type=tel]:focus, .application .application-additional input[type=tel]:focus, .eeo-survey .application-additional input[type=tel]:focus, .application .application-question textarea:focus, .eeo-survey .application-question textarea:focus, .application .application-additional textarea:focus, .eeo-survey .application-additional textarea:focus, .application .application-question select:focus, .eeo-survey .application-question select:focus, .application .application-additional select:focus, .eeo-survey .application-additional select:focus { outline: none; } .application .application-question input.invisible-resume-upload, .eeo-survey .application-question input.invisible-resume-upload, .application .application-additional input.invisible-resume-upload, .eeo-survey .application-additional input.invisible-resume-upload, .application .application-question .visible-resume-upload, .eeo-survey .application-question .visible-resume-upload, .application .application-additional .visible-resume-upload, .eeo-survey .application-additional .visible-resume-upload { width: 230px; height: 40px; } .application .application-question .visible-resume-upload, .eeo-survey .application-question .visible-resume-upload, .application .application-additional .visible-resume-upload, .eeo-survey .application-additional .visible-resume-upload { position: relative; margin-right: 15px; padding-left: 41px; } .application .application-question .visible-resume-upload .icon, .eeo-survey .application-question .visible-resume-upload .icon, .application .application-additional .visible-resume-upload .icon, .eeo-survey .application-additional .visible-resume-upload .icon { position: absolute; } .application .application-question .visible-resume-upload .resume-upload-name, .eeo-survey .application-question .visible-resume-upload .resume-upload-name, .application .application-additional .visible-resume-upload .resume-upload-name, .eeo-survey .application-additional .visible-resume-upload .resume-upload-name { vertical-align: middle; display: inline-block; line-height: 40px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-left: 24px; margin-bottom: 3px; } .application .application-question .resume-upload-filename, .eeo-survey .application-question .resume-upload-filename, .application .application-additional .resume-upload-filename, .eeo-survey .application-additional .resume-upload-filename { margin: 8px 0px; display: inline-block; font-size: 14px; } .application .application-question input.invisible-resume-upload, .eeo-survey .application-question input.invisible-resume-upload, .application .application-additional input.invisible-resume-upload, .eeo-survey .application-additional input.invisible-resume-upload { position: absolute; top: 0px; left: 0px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } .application .application-question input.invisible-resume-upload:hover, .eeo-survey .application-question input.invisible-resume-upload:hover, .application .application-additional input.invisible-resume-upload:hover, .eeo-survey .application-additional input.invisible-resume-upload:hover { border-color: #f00; } .application .application-question .linkedin-auth-button, .eeo-survey .application-question .linkedin-auth-button, .application .application-additional .linkedin-auth-button, .eeo-survey .application-additional .linkedin-auth-button { position: relative; margin-right: 15px; padding-left: 41px; } .application .application-question .linkedin-auth-button.added, .eeo-survey .application-question .linkedin-auth-button.added, .application .application-additional .linkedin-auth-button.added, .eeo-survey .application-additional .linkedin-auth-button.added { background: #dadbdf; } .application .application-question textarea, .eeo-survey .application-question textarea, .application .application-additional textarea, .eeo-survey .application-additional textarea { padding-top: 10px; resize: vertical; width: 100%; height: 130px; } .application .application-question select, .eeo-survey .application-question select, .application .application-additional select, .eeo-survey .application-additional select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .application .required, .eeo-survey .required { display: inline-block; color: #ff794f; margin-left: 4px; font-size: 9px; padding-bottom: 0px; position: absolute; } .application .error-message, .eeo-survey .error-message { background: #ff794f; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 15px; width: 700px; } .resume-upload-failure, .resume-upload-working, .resume-upload-success, .linkedin-login-success { display: none; cursor: default; position: absolute; top: 0; left: 260px; } .resume-upload-working { cursor: wait; } .resume-upload-success, .linkedin-login-success { -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 1s; -webkit-animation-name: fadein; } .resume-upload-failure { -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 4s; -webkit-animation-name: fadeout; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none; } .resume-upload-failure .resume-upload-label { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .resume-upload-oversize { position: relative; display: none; } .resume-upload-label, .linkedin-login-label { position: absolute; line-height: 40px; display: inline-block; height: 40px; margin-left: 15px; width: 230px; } .loading-indicator { display: inline-block; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -webkit-border-radius: 40px; border-radius: 40px; -webkit-animation: loading 1.5s infinite linear; -moz-animation: loading 1.5s infinite linear; -o-animation: loading 1.5s infinite linear; -ms-animation: loading 1.5s infinite linear; animation: loading 1.5s infinite linear; border: 6px solid #00a1dc; border-top: 6px solid rgba(0,0,0,0); border-left: 6px solid rgba(0,0,0,0); width: 40px; height: 40px; } .loading-indicator.completed { border-left: 6px solid #515357; border-right: 6px solid #515357; border-top: 6px solid #515357; border-bottom: 6px solid #515357; -webkit-animation: none; -moz-animation: none; -o-animation: none; -ms-animation: none; animation: none; text-align: center; } .loading-indicator .icon-checkmark { vertical-align: middle; } .loading-indicator .icon-checkmark >path { fill: #515357; } .icon-linkedin path:first-child { fill: #515357; } #veteran-info, #disability-info { border: 1px solid transparent; display: none; width: 100%; } .eeo-light-text { color: #939393; } h5.eeo-paragraph-heading { font-weight: bold; margin-top: 17.5px; } h5.eeo-paragraph-heading + p { margin-top: 0; } .application .eeo-option-text.application-answer-alternative { margin-bottom: 0; } .eeo-option-description { color: #939393; font-size: 12px; } .eeo-two-col-list { -webkit-column-width: 350px; -moz-column-width: 350px; column-width: 350px; } .eeo-two-col-list > li { margin-left: 30px; } .eeo-more-info-button { display: inline-block; margin-left: 10px; vertical-align: middle; } .eeo-more-info-button > .icon-info > path { fill: #afafaf; } .eeo-more-info-button:hover > .icon-info > path { fill: #515357; } .eeo-expandable-description > li { margin-bottom: 10px; } li.select2-results__option.select2-results__option--highlighted .posting-option .posting-tags { color: #fff; } .posting-option { display: block; } .posting-option .posting-tags { display: block; line-height: 1em; font-size: 0.6em; color: #939393; } .posting-option .posting-tag { padding-right: 3px; } .posting-option .posting-title { text-align: left; } @-moz-keyframes fadein { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 70% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @-webkit-keyframes fadein { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 70% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @-o-keyframes fadein { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 70% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @keyframes fadein { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 70% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; } } @-moz-keyframes fadeout { 0% { opacity: 1; -ms-filter: none; filter: none; } 80% { opacity: 1; -ms-filter: none; filter: none; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-webkit-keyframes fadeout { 0% { opacity: 1; -ms-filter: none; filter: none; } 80% { opacity: 1; -ms-filter: none; filter: none; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-o-keyframes fadeout { 0% { opacity: 1; -ms-filter: none; filter: none; } 80% { opacity: 1; -ms-filter: none; filter: none; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @keyframes fadeout { 0% { opacity: 1; -ms-filter: none; filter: none; } 80% { opacity: 1; -ms-filter: none; filter: none; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-moz-keyframes loading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @media screen and (min-width: 800px) { .application .application-label, .eeo-survey .application-label, .application .application-field, .eeo-survey .application-field { display: inline-block; } .application .application-label, .eeo-survey .application-label { width: 210px; } .application .application-field, .eeo-survey .application-field { width: 489px; padding-left: 15px; } } .list .postings-list-logo { max-width: 400px; max-height: 50px; } .list .postings-list-logo, .list .postings-list-title { display: inline-block; position: relative; min-height: 50px; float: left; } .list .postings-list-title { margin: 13px 0px 13px 0px; } .list .postings-list-logo { margin-right: 20px; } .list .filter-by-label { margin-right: 20px; } .list .filter-bar { line-height: 40px; max-width: 100%; } .list .filter-button-wrapper { display: inline-block; margin-right: 20px; max-width: 100%; outline: none; position: relative; } .list .filter-button-wrapper:focus .filter-button { border-color: #00a1dc; } .list .filter-button-wrapper:active .filter-button { border-color: #dcdcdc; } .list .filter-button-wrapper .filter-button { color: #818181; max-width: 100%; overflow: hidden; padding: 5px 15px; padding-right: 41px; position: relative; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .list .filter-button-wrapper .filter-button.has-selected-filter { color: #515357; font-weight: bold; } .list .filter-button-wrapper .filter-button .filter-button-caret { position: absolute; left: initial; right: 15px; vertical-align: middle; } .list .filter-popup { position: absolute; top: 110%; left: -1px; border: 1px solid #dcdcdc; -webkit-border-radius: 3px; border-radius: 3px; display: none; font-size: 14px; line-height: 1; max-height: 300px; overflow-y: hidden; overflow-y: auto; text-align: left; white-space: nowrap; z-index: 1; } .list .filter-popup::-webkit-scrollbar { width: 10px; } .list .filter-popup::-webkit-scrollbar-track { background-color: #fff; } .list .filter-popup::-webkit-scrollbar-track:hover { background-color: #f9f9f9; } .list .filter-popup::-webkit-scrollbar-thumb { background-color: #d7d7d9; border: 1px solid #fff; } .list .filter-popup::-webkit-scrollbar-thumb:hover { background-color: #b1b1b3; border-color: #f9f9f9; } .list .filter-popup ul { list-style-type: none; } .list .filter-popup > ul { background: #fff; padding: 8px 0; } .list .filter-popup .group-link, .list .filter-popup .category-link { display: block; padding: 8px 32px; position: relative; } .list .filter-popup .group-link:hover, .list .filter-popup .category-link:hover { background: #f9f9f9; } .list .filter-popup .group-link:focus, .list .filter-popup .category-link:focus { background: #eff8fc; outline: none; } .list .filter-popup .group-link .selected-filter-checkmark, .list .filter-popup .category-link .selected-filter-checkmark { position: absolute; left: 8px; } .list .filter-popup .group-link .selected-filter-checkmark > path, .list .filter-popup .category-link .selected-filter-checkmark > path { fill: #00a1dc; } .list .filter-popup .group-link { font-size: 16px; font-weight: bold; } .list .filter-popup .group-item { border-top: 1px solid #ebebeb; padding: 8px 0; } .list .filter-popup .group-item:first-of-type { border-top: none; padding-top: 0; } .list .filter-popup .group-item:last-of-type { padding-bottom: 0; } .list .no-postings-message { text-align: center; } .list .postings-group { margin: 40px 0px; } .list .horizontal-line { margin-left: 0px; } .list .posting { display: inline-block; position: relative; width: 100%; margin: 10px 0; } .list .posting .posting-apply { position: absolute; top: 0px; right: 0px; height: 40px; text-align: right; } .list .posting .posting-apply a { min-width: 100px; } .list .posting .posting-title:hover h5 { color: #579eee; } .list .posting .posting-categories { height: 30px; vertical-align: top; } .list .posting .posting-category { display: inline-block; margin-right: 15px; } .show .section p { white-space: pre-wrap; } .show .posting-header { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .show .posting-header .posting-headline .posting-category { display: inline-block; margin-right: 10px; } .show .posting-header .postings-btn-wrapper .postings-btn { margin-top: 10px; } .show .posting-header .postings-btn-wrapper .postings-btns { margin-top: 10px; } @media screen and (min-width: 650px) { .show .posting-header .posting-headline { display: table-cell; width: 100%; } .show .posting-header .postings-btn-wrapper { display: table-cell; vertical-align: top; } .show .posting-header .postings-btn-wrapper .postings-btn { margin-left: 30px; } } @media screen and (max-width: 649px) { .show .posting-header { text-align: center; padding-bottom: 40px; } } @media screen and (max-width: 480px) { .show .postings-btn { width: 100%; } .txnrbox .grtp{ margin:0; padding:0;position:absolute; left:150px; top:5px;} .txnrbox .lftbox{ width:100%; float:left;padding: 5px 0;} .txnrbox .lftbox dt{float:left; width:60px; text-align:left;} .txnrbox .lftbox dd{float:left; width:100%;} .txnrbox dl .w80{ width:100%;} .txnrbox .lftbox dd > input{width:100%;} .txnrbox dl .w80 > input{width:100%;} .txnrbox dl .w80 > textarea { width: 100%; } } @media print { .postings-btn { display: none !important; } } .page-centered.section.last-section-apply { text-align: center; margin-bottom: 80px; } .page-centered.section.last-section-apply .btn { display: inline-block; } .page-centered.section.last-section-apply .template-btn-submit { margin: 17.5px 0px; }