/* Defaults */ /*** Right-to-left Support ***/ /* Grid */ /* Font Family */ /* Font Size */ /* Font Weight */ /* Text Color + Opacity */ /* Colors */ /*Grays*/ /* Buttons */ /* Layout */ /* Header */ /* Footer */ /* Breakpoints */ /* Screen Size */ /* Icon glyphs */ /* Margins and Padding */ /* Spacing */ /* Nav dimensions & color */ /* Modal */ /* Tab */ /* Cards */ /* Banner Images */ /* Avatar Sizes */ /* Icon */ /* Typography */ #csmAppView a.input-button, #csmAppView .dashboard_panel .notify-button .input-button, #csmAppView .job_summary .img_wrap .button, .emp-profile.form-layout .sidebar .follow_link, .ajax_filter_options .ajax_clear_submit { display: inline-block; min-height: 30px; min-width: 70px; padding: 0 15px; text-align: center; margin-right: 10px; border-width: 1px; border-style: solid; font-size: 13px; border-radius: 3px; font-weight: 500; text-decoration: none; text-transform: capitalize; cursor: pointer; white-space: nowrap; line-height: 28px; } #csmAppView a.input-button:hover, #csmAppView .dashboard_panel .notify-button .input-button:hover, #csmAppView .job_summary .img_wrap .button:hover, .emp-profile.form-layout .sidebar .follow_link:hover, .ajax_filter_options .ajax_clear_submit:hover, #csmAppView a.input-button:focus, #csmAppView .dashboard_panel .notify-button .input-button:focus, #csmAppView .job_summary .img_wrap .button:focus, .emp-profile.form-layout .sidebar .follow_link:focus, .ajax_filter_options .ajax_clear_submit:focus, #csmAppView a.input-button:active, #csmAppView .dashboard_panel .notify-button .input-button:active, #csmAppView .job_summary .img_wrap .button:active, .emp-profile.form-layout .sidebar .follow_link:active, .ajax_filter_options .ajax_clear_submit:active { box-shadow: none; text-decoration: none; } #csmAppView a.input-button.btn_disabled, #csmAppView .dashboard_panel .notify-button .input-button.btn_disabled, #csmAppView .job_summary .img_wrap .button.btn_disabled, .emp-profile.form-layout .sidebar .follow_link.btn_disabled, .ajax_filter_options .ajax_clear_submit.btn_disabled, #csmAppView a.input-button.disabled, #csmAppView .dashboard_panel .notify-button .input-button.disabled, #csmAppView .job_summary .img_wrap .button.disabled, .emp-profile.form-layout .sidebar .follow_link.disabled, .ajax_filter_options .ajax_clear_submit.disabled, #csmAppView a.input-button[disabled], #csmAppView .dashboard_panel .notify-button .input-button[disabled], #csmAppView .job_summary .img_wrap .button[disabled], .emp-profile.form-layout .sidebar .follow_link[disabled], .ajax_filter_options .ajax_clear_submit[disabled], #csmAppView a.input-button.btn_disabled:hover, #csmAppView .dashboard_panel .notify-button .input-button.btn_disabled:hover, #csmAppView .job_summary .img_wrap .button.btn_disabled:hover, .emp-profile.form-layout .sidebar .follow_link.btn_disabled:hover, .ajax_filter_options .ajax_clear_submit.btn_disabled:hover, #csmAppView a.input-button.disabled:hover, #csmAppView .dashboard_panel .notify-button .input-button.disabled:hover, #csmAppView .job_summary .img_wrap .button.disabled:hover, .emp-profile.form-layout .sidebar .follow_link.disabled:hover, .ajax_filter_options .ajax_clear_submit.disabled:hover, #csmAppView a.input-button[disabled]:hover, #csmAppView .dashboard_panel .notify-button .input-button[disabled]:hover, #csmAppView .job_summary .img_wrap .button[disabled]:hover, .emp-profile.form-layout .sidebar .follow_link[disabled]:hover, .ajax_filter_options .ajax_clear_submit[disabled]:hover { border-color: #ccc; background-color: #ececec; cursor: default; } #csmAppView a.input-button.btn_disabled, #csmAppView .dashboard_panel .notify-button .input-button.btn_disabled, #csmAppView .job_summary .img_wrap .button.btn_disabled, .emp-profile.form-layout .sidebar .follow_link.btn_disabled, .ajax_filter_options .ajax_clear_submit.btn_disabled, #csmAppView a.input-button.disabled, #csmAppView .dashboard_panel .notify-button .input-button.disabled, #csmAppView .job_summary .img_wrap .button.disabled, .emp-profile.form-layout .sidebar .follow_link.disabled, .ajax_filter_options .ajax_clear_submit.disabled, #csmAppView a.input-button[disabled], #csmAppView .dashboard_panel .notify-button .input-button[disabled], #csmAppView .job_summary .img_wrap .button[disabled], .emp-profile.form-layout .sidebar .follow_link[disabled], .ajax_filter_options .ajax_clear_submit[disabled], #csmAppView a.input-button.btn_disabled:hover, #csmAppView .dashboard_panel .notify-button .input-button.btn_disabled:hover, #csmAppView .job_summary .img_wrap .button.btn_disabled:hover, .emp-profile.form-layout .sidebar .follow_link.btn_disabled:hover, .ajax_filter_options .ajax_clear_submit.btn_disabled:hover, #csmAppView a.input-button.disabled:hover, #csmAppView .dashboard_panel .notify-button .input-button.disabled:hover, #csmAppView .job_summary .img_wrap .button.disabled:hover, .emp-profile.form-layout .sidebar .follow_link.disabled:hover, .ajax_filter_options .ajax_clear_submit.disabled:hover, #csmAppView a.input-button[disabled]:hover, #csmAppView .dashboard_panel .notify-button .input-button[disabled]:hover, #csmAppView .job_summary .img_wrap .button[disabled]:hover, .emp-profile.form-layout .sidebar .follow_link[disabled]:hover, .ajax_filter_options .ajax_clear_submit[disabled]:hover, #csmAppView a.input-button.btn_disabled [class^="icn-"], #csmAppView .dashboard_panel .notify-button .input-button.btn_disabled [class^="icn-"], #csmAppView .job_summary .img_wrap .button.btn_disabled [class^="icn-"], .emp-profile.form-layout .sidebar .follow_link.btn_disabled [class^="icn-"], .ajax_filter_options .ajax_clear_submit.btn_disabled [class^="icn-"], #csmAppView a.input-button.disabled [class^="icn-"], #csmAppView .dashboard_panel .notify-button .input-button.disabled [class^="icn-"], #csmAppView .job_summary .img_wrap .button.disabled [class^="icn-"], .emp-profile.form-layout .sidebar .follow_link.disabled [class^="icn-"], .ajax_filter_options .ajax_clear_submit.disabled [class^="icn-"], #csmAppView a.input-button[disabled] [class^="icn-"], #csmAppView .dashboard_panel .notify-button .input-button[disabled] [class^="icn-"], #csmAppView .job_summary .img_wrap .button[disabled] [class^="icn-"], .emp-profile.form-layout .sidebar .follow_link[disabled] [class^="icn-"], .ajax_filter_options .ajax_clear_submit[disabled] [class^="icn-"], #csmAppView a.input-button.btn_disabled:hover [class^="icn-"], #csmAppView .dashboard_panel .notify-button .input-button.btn_disabled:hover [class^="icn-"], #csmAppView .job_summary .img_wrap .button.btn_disabled:hover [class^="icn-"], .emp-profile.form-layout .sidebar .follow_link.btn_disabled:hover [class^="icn-"], .ajax_filter_options .ajax_clear_submit.btn_disabled:hover [class^="icn-"], #csmAppView a.input-button.disabled:hover [class^="icn-"], #csmAppView .dashboard_panel .notify-button .input-button.disabled:hover [class^="icn-"], #csmAppView .job_summary .img_wrap .button.disabled:hover [class^="icn-"], .emp-profile.form-layout .sidebar .follow_link.disabled:hover [class^="icn-"], .ajax_filter_options .ajax_clear_submit.disabled:hover [class^="icn-"], #csmAppView a.input-button[disabled]:hover [class^="icn-"], #csmAppView .dashboard_panel .notify-button .input-button[disabled]:hover [class^="icn-"], #csmAppView .job_summary .img_wrap .button[disabled]:hover [class^="icn-"], .emp-profile.form-layout .sidebar .follow_link[disabled]:hover [class^="icn-"], .ajax_filter_options .ajax_clear_submit[disabled]:hover [class^="icn-"], #csmAppView a.input-button.btn_disabled [class*=" icn-"], #csmAppView .dashboard_panel .notify-button .input-button.btn_disabled [class*=" icn-"], #csmAppView .job_summary .img_wrap .button.btn_disabled [class*=" icn-"], .emp-profile.form-layout .sidebar .follow_link.btn_disabled [class*=" icn-"], .ajax_filter_options .ajax_clear_submit.btn_disabled [class*=" icn-"], #csmAppView a.input-button.disabled [class*=" icn-"], #csmAppView .dashboard_panel .notify-button .input-button.disabled [class*=" icn-"], #csmAppView .job_summary .img_wrap .button.disabled [class*=" icn-"], .emp-profile.form-layout .sidebar .follow_link.disabled [class*=" icn-"], .ajax_filter_options .ajax_clear_submit.disabled [class*=" icn-"], #csmAppView a.input-button[disabled] [class*=" icn-"], #csmAppView .dashboard_panel .notify-button .input-button[disabled] [class*=" icn-"], #csmAppView .job_summary .img_wrap .button[disabled] [class*=" icn-"], .emp-profile.form-layout .sidebar .follow_link[disabled] [class*=" icn-"], .ajax_filter_options .ajax_clear_submit[disabled] [class*=" icn-"], #csmAppView a.input-button.btn_disabled:hover [class*=" icn-"], #csmAppView .dashboard_panel .notify-button .input-button.btn_disabled:hover [class*=" icn-"], #csmAppView .job_summary .img_wrap .button.btn_disabled:hover [class*=" icn-"], .emp-profile.form-layout .sidebar .follow_link.btn_disabled:hover [class*=" icn-"], .ajax_filter_options .ajax_clear_submit.btn_disabled:hover [class*=" icn-"], #csmAppView a.input-button.disabled:hover [class*=" icn-"], #csmAppView .dashboard_panel .notify-button .input-button.disabled:hover [class*=" icn-"], #csmAppView .job_summary .img_wrap .button.disabled:hover [class*=" icn-"], .emp-profile.form-layout .sidebar .follow_link.disabled:hover [class*=" icn-"], .ajax_filter_options .ajax_clear_submit.disabled:hover [class*=" icn-"], #csmAppView a.input-button[disabled]:hover [class*=" icn-"], #csmAppView .dashboard_panel .notify-button .input-button[disabled]:hover [class*=" icn-"], #csmAppView .job_summary .img_wrap .button[disabled]:hover [class*=" icn-"], .emp-profile.form-layout .sidebar .follow_link[disabled]:hover [class*=" icn-"], .ajax_filter_options .ajax_clear_submit[disabled]:hover [class*=" icn-"] { color: #aaa; } .student-dashboard-wrapper .card { margin-bottom: 30px; } .small-card .student-dashboard-wrapper .card .card-actions { text-align: left; } .student-dashboard-wrapper .card-carousel-wrapper { margin: 25px 0; } .student-dashboard-wrapper .card-carousel-wrapper .card-carousel-header { padding: 0; margin: 0; } .student-dashboard-wrapper .card-carousel-wrapper .card-carousel-header h3 { font-weight: 300; font-size: 22px; line-height: 28px; margin-bottom: 5px; } @media only screen and (max-width: 767px) { .student-dashboard-wrapper .card-carousel-wrapper .card-carousel-header h3 { font-size: 20px; line-height: 24px; } } .student-dashboard-wrapper .card-carousel-wrapper .flickity-prev-next-button { width: 40px; height: calc(100% - 10px); top: 5px; } .student-dashboard-wrapper .card-carousel-wrapper .flickity-button { background-color: rgba(245, 245, 245, 0.7); } .student-dashboard-wrapper .card-carousel-wrapper .flickity-button:hover { background-color: rgba(245, 245, 245, 0.6); } .student-dashboard-wrapper .student-email, .student-dashboard-wrapper .student-resume { margin: 10px 0; } .student-dashboard-wrapper .student-email .icn, .student-dashboard-wrapper .student-resume .icn { margin-right: 10px; font-size: 24px; vertical-align: bottom; color: #949494; } .student-dashboard-wrapper .stats-height { height: 81px; } .student-dashboard-wrapper .stats { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; } .student-dashboard-wrapper .stats a { color: #6c6c6c; } .student-dashboard-wrapper .stats > .stat_container { padding: 5px 0; margin: 0 15px; -webkit-flex-basis: 48%; -moz-flex-basis: 48%; -ms-flex-basis: 48%; flex-basis: 48%; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .student-dashboard-wrapper .stats > .stat_container:only-child { text-align: center; } .student-dashboard-wrapper .stats > .stat_container:only-child .stat_num, .student-dashboard-wrapper .stats > .stat_container:only-child .stat_content { display: inline; } .student-dashboard-wrapper .stats .vertical-rule { border-left: 1px solid #ececec; width: 1px; } .student-dashboard-wrapper .stats .stat_num { display: block; font-size: 18px; color: #6c6c6c; padding-bottom: 10px; font-weight: bold; text-align: center; } .student-dashboard-wrapper .stats .stat_content { display: block; font-size: 11px; text-transform: uppercase; color: #6c6c6c; text-align: center; } .student-dashboard-wrapper .stats .stat_period { display: block; font-size: 11px; color: #888; } .student-dashboard-wrapper .stats i { font-size: 18px; color: #f7931f; padding-right: 5px; } .student-dashboard-wrapper .feed-card .card-title { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .student-dashboard-wrapper .feed-card .card-title a { position: relative; padding: 5px 0 0 5px; } .student-dashboard-wrapper .feed-card .card-title h2 { padding-bottom: 20px; } .student-dashboard-wrapper .feed-card .content { padding: 0 20px; border-radius: 5px; } .student-dashboard-wrapper .rss-link { float: right; text-decoration: none; font-family: 'unicon'; speak: none; color: #949494; font-size: 18px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .student-dashboard-wrapper .rss-link:before { content: "\e9b2"; } .student-dashboard-wrapper #feed-main .feed-item { padding: 0 20px; } .student-dashboard-wrapper #feed-main .feed-item.list-item:last-child { border-bottom: 1px solid #ececec; } .student-dashboard-wrapper #feed-main .feed-item-body { padding-top: 20px; } .student-dashboard-wrapper #feed-main .feed-item-icon { margin: 0; width: auto; } .student-dashboard-wrapper #feed-main .feed-item-icon .monogram { font-size: 30px; vertical-align: middle; opacity: 1; } @media only screen and (max-width: 767px) { .student-dashboard-wrapper #feed-main .feed-item-icon .monogram { font-size: 25px; } } .student-dashboard-wrapper #feed-main .feed-item-blurb { font-size: 11px; line-height: 16px; color: #6c6c6c; margin: 8px 0 5px 0; text-transform: uppercase; } .student-dashboard-wrapper #feed-main .feed-item-ttl a { font-size: 18px; line-height: 24px; color: #333; } @media only screen and (max-width: 767px) { .student-dashboard-wrapper #feed-main .feed-item-ttl a { font-size: 16px; line-height: 20px; } } .student-dashboard-wrapper #feed-main .avatar { height: 60px; width: 60px; line-height: 60px; text-align: center; display: inline-block; border-radius: 60px; margin: 20px 20px 20px 0; background-color: #f6f6f6; } @media only screen and (max-width: 767px) { .student-dashboard-wrapper #feed-main .avatar { height: 50px; width: 50px; line-height: 50px; text-align: center; display: inline-block; border-radius: 50px; } } .student-dashboard-wrapper #feed-main .avatar img { display: block; } .student-dashboard-wrapper #feed-main .feed-item-content { border-bottom: none; padding: 20px 0; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body p { margin-bottom: 10px; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body p img { max-width: 100%; height: auto; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body.feed-announcement-body em { font-weight: 400; font-style: italic; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body.feed-announcement-body ul, .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body.feed-announcement-body ol { padding-left: 15px; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body.feed-announcement-body ul { list-style-type: disc; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body.feed-announcement-body ol { list-style-type: decimal; } .student-dashboard-wrapper #feed-main .feed-more li { position: inherit; text-align: left; padding: 0 15px; display: block; padding: 0 20px; } .student-dashboard-wrapper #feed-main .feed-more li a { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; color: #005f86; padding: 20px 0; margin: 0; } .student-dashboard-wrapper #feed-main .feed-more li a:hover, .student-dashboard-wrapper #feed-main .feed-more li a:focus { box-shadow: none; background: none; } .student-dashboard-wrapper #feed-main .feed-more li a.btn { border: 0; } .student-dashboard-wrapper .link-mock-interviews { display: block; padding: 10px 0 10px 36px; background: url('/components/valkyrie/images/impress_icon.png') no-repeat left center; background-size: 28px 30px; } .student-dashboard-wrapper .gettingstarted-card li span { margin-right: 10px; vertical-align: middle; } .student-dashboard-wrapper .gettingstarted-card li span.icn-incomplete_step { font-size: 12px; margin-right: 12px; color: #949494; } .student-dashboard-wrapper .jumpto-card li { padding: 0 15px; } .student-dashboard-wrapper .jumpto-card li a { display: block; padding: 0; margin: 0 auto; } .student-dashboard-wrapper .social-signin { padding-bottom: 10px; } .student-dashboard-wrapper .social-signin .btn { width: 100%; } .student-dashboard-wrapper .sponsors-card #sponsor_rotation { min-height: 153px; max-width: 240px; margin: auto; } .student-dashboard-wrapper .sponsors-card #sponsor_rotation a { height: 105px; width: 100%; text-align: center; margin-bottom: 10px; } .student-dashboard-wrapper .sponsors-card #sponsor_rotation img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .student-dashboard-wrapper .sponsors-card #sponsor_rotation .caption { text-align: center; word-break: break-word; height: 44px; overflow: hidden; color: #6c6c6c; } @media only screen and (max-width: 767px) { .student-dashboard-wrapper .sponsors-card #sponsor_rotation .caption { height: 36px; } } .student-dashboard-wrapper .sponsors-card .actions { display: none; } .student-dashboard-wrapper #home-right .card h2 { margin-bottom: 20px; } .student-dashboard-wrapper #fp-portfolio > a, .student-dashboard-wrapper #fp-comment > a { display: block; padding: 10px 0 10px 36px; vertical-align: middle; line-height: 1; } .student-dashboard-wrapper #fp-portfolio > a:before, .student-dashboard-wrapper #fp-comment > a:before { position: relative; display: inline-block; width: 36px; margin-left: -36px; vertical-align: middle; } .student-dashboard-wrapper #fp-portfolio { margin: 0; padding: 0; border: none; } .student-dashboard-wrapper #fp-portfolio a:before { font-family: 'unicon'; speak: none; color: #949494; font-size: 28px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e92c"; } .student-dashboard-wrapper #fp-comment > a:before { font-family: 'unicon'; speak: none; color: #949494; font-size: 28px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e96d"; } .student-dashboard-wrapper .list-item-secondary { float: right; font-size: 0.8em; color: #aaa; } @media only screen and (min-width: 768px) { .student-dashboard-wrapper #home-left { padding-right: 5px; } .student-dashboard-wrapper #home-right { padding-left: 5px; } } .student-dashboard-wrapper #home-right li { padding: 0 0 15px; margin: 0; } .student-dashboard-wrapper #home-right li:last-child { padding: 0; } .student-dashboard-wrapper #home-right li a { color: #6c6c6c; } .student-dashboard-wrapper #home-right li .event-date { font-size: 12px; color: #949494; } .student-dashboard-wrapper #home-right .sidebar-list li { padding: 15px 20px; } .profile-card-action { text-align: center; border-top: 1px solid #ececec; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 10px; margin-top: 10px; } .onboarding-card { margin: 25px auto 0 auto; height: 500px; max-width: 800px; border: solid 1px #ececec; } @media only screen and (max-width: 767px) { .onboarding-card { height: calc(100vh - 64px); margin: 0; border-radius: 0; overflow: hidden; } } .onboarding-card .angucomplete-dropdown { max-height: 160px; padding: 15px 0; width: 100%; margin-top: 0; overflow-x: hidden; } .onboarding-card .angucomplete-dropdown .angucomplete-selected-row { background-color: #edf7ff; text-decoration: none; color: #6c6c6c; } .onboarding-card .angucomplete-dropdown .angucomplete-row { color: #6c6c6c; } .onboarding-card .btn { margin: 0; } .onboarding-card .card-onboarding-action { margin-top: 20px; } .onboarding-card .content-container, .onboarding-card .onboarding-content-container { border: none; padding: 40px; height: 100%; } .onboarding-card .onboarding-content-container { overflow: auto; } .onboarding-card .onboarding-content-container .card-text { margin-bottom: 0; } .onboarding-card .onboarding-columns { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .onboarding-card .onboarding-columns .img-container { order: 1; padding-right: 50px; } @media only screen and (min-width: 768px) { .onboarding-card .onboarding-columns .responsive-image { width: 187px; margin-right: 30px; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } } @media only screen and (max-width: 767px) { .onboarding-card .onboarding-columns .responsive-image { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; } .onboarding-card .onboarding-columns .responsive-image .img-container { padding-right: 0; } } .onboarding-card .onboarding-columns .welcome-content-container { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 500px; -moz-flex-basis: 500px; -ms-flex-basis: 500px; flex-basis: 500px; order: 2; position: relative; } .onboarding-card .onboarding-columns .welcome-content-container .card-text.top-text { padding-bottom: 45px; } .onboarding-card .onboarding-columns .welcome-content-container input[type="checkbox"] { margin-right: 5px; } .onboarding-card .onboarding-columns .welcome-content-container input[type="checkbox"] + label { font-weight: 400; } .onboarding-card .onboarding-columns .welcome-content-container .bottom-text-group { border-top: 1px solid #ececec; } .onboarding-card .onboarding-columns .welcome-content-container .card-text.bottom-text { font-weight: 400; margin-top: 40px; } .onboarding-card .onboarding-columns .welcome-content-container .card-actions { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0px; padding-right: 0px; } .onboarding-card .onboarding-columns .welcome-content-container .fieldgroup { padding-bottom: 15px; color: #6c6c6c; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .onboarding-card .onboarding-columns .welcome-content-container .card-footer { -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; width: 100%; color: #6c6c6c; margin-top: auto; padding-top: 20px; } @media only screen and (max-width: 767px) { .onboarding-card .onboarding-columns .welcome-content-container { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; margin-top: 10px; } .onboarding-card .onboarding-columns .welcome-content-container .card-text.top-text { padding-bottom: 10px; } .onboarding-card .onboarding-columns .welcome-content-container .card-text.bottom-text { margin-top: 20px; } } .onboarding-card .content-container { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; max-height: 430px; } @media only screen and (max-width: 767px) { .onboarding-card .content-container { max-height: inherit; overflow: auto; } } .onboarding-card .card-container, .onboarding-card .card-text { margin-top: 10px; } .onboarding-card .card-text { font-size: 14px; line-height: 22px; color: #333; font-weight: 300; margin-top: 10px; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .onboarding-card .card-text { line-height: 18px; } } .onboarding-card .card-text p { margin: 0; } .onboarding-card career-interests-results > div, .onboarding-card career-interests-get-started > div { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; height: 100%; } @media only screen and (max-width: 767px) { .onboarding-card .content { padding: 10px; } } .onboarding-card .img-container { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin-bottom: 40px; width: 100%; } .onboarding-card .img-container img { display: block; -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; height: 100%; width: auto; min-width: 1px; } .onboarding-card .card-header { max-width: 520px; padding: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .onboarding-card .content { padding: 0; height: 100%; overflow: auto; padding: 0 40px; margin: 0 -40px; } @media only screen and (max-width: 414px) { .onboarding-card .content { margin: 0; } } .onboarding-card .card-actions { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; padding: 20px; border-top: 1px solid #ececec; max-height: 70px; } .onboarding-card .card-actions, .onboarding-card .card-actions .btn { -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .onboarding-card .card-actions span { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; font-size: 13px; line-height: 20px; text-align: center; color: #6c6c6c; } @media only screen and (max-width: 767px) { .onboarding-card .card-actions span { line-height: 16px; } } .onboarding-card .card-content multi-select { width: 100%; } .onboarding-card .multi-select-inline { width: 100%; } .onboarding-card .multi-select-inline ul { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; } .onboarding-card .multi-select-inline ul li { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; position: relative; } .onboarding-card .location-widget { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .onboarding-card .location-widget .ui-select-matches { margin-top: 15px; } .onboarding-card .location-widget .ui-select-choices { z-index: 100; max-height: 200px; } .onboarding-card .career-search, .onboarding-card .location-widget { margin-bottom: 20px; width: 400px; } .onboarding-card .career-search input[type="search"], .onboarding-card .location-widget input[type="search"] { border-width: 1px; border-style: solid; border-color: #ececec; border-radius: 3px; padding: 10px 10px 10px 40px; width: 100% !important; height: auto; box-sizing: border-box; background-image: url(/components/unicon/assets/svg-output/search_light.svg); background-repeat: no-repeat; background-position: 10px center; } .onboarding-card .location-widget .ui-select-container { border: 0; padding: 0; } .onboarding-card .step-container { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; height: 100%; } .onboarding-card .fg-title { font-size: 11px; line-height: 18px; color: #333; text-transform: uppercase; margin-bottom: 15px; } .onboarding-card .fg-title p { margin: 0; } .onboarding-card .fieldgroup { margin: 0; padding: 0; border: none; } .onboarding-card .fieldgroup:not(:first-child) { margin-top: 15px; } .onboarding .page-utils { display: none; } @media only screen and (max-width: 414px) { .onboarding { overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; } .onboarding .container, .onboarding .container > .row, .onboarding #frame, .onboarding main { height: 100%; } career-interests { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0; width: 100%; max-height: 100%; height: calc(100vh - 64px); } .onboarding-step { display: none; max-height: 100%; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .onboarding-step.active-step { display: block; } .onboarding-step > div { height: 100%; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .onboarding-card { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; margin-top: 0; height: 100%; width: 100%; } .onboarding-card .content-container { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; max-height: unset; padding: 20px 0; height: calc(100% - (70px)); padding-bottom: 70px; } .onboarding-card career-interests-results .onboarding-content-container { height: auto; padding: 0 20px; } .card { border: none; } .card-actions { -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 15px; position: absolute; bottom: 0; width: 100%; background-color: #fff; } .content .career-search, .content .location-widget { width: 100%; } } @media only screen and (max-width: 767px) { .onboarding career-interests-get-started .onboarding-content-container { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .profile_page_nav td { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; } .profile_page_nav td:hover, .profile_page_nav td:focus { box-shadow: none; background: none; } .profile_page_nav td.btn { border: 0; } .completion_status > li { padding-bottom: 15px; } .completion_status > li:last-child { padding-bottom: 0; } .completion_status li li { padding-bottom: 15px; } .completion_status li li [class^="icn-"], .completion_status li li [class*=" icn-"] { margin-right: 3px; } .completion_status li li [class^="icn-"].icn-incomplete_step, .completion_status li li [class*=" icn-"].icn-incomplete_step { margin-right: 5px; } .completion_status li li:last-child { padding-bottom: 0; } .completion_status li li ul ul { padding-left: 20px; } .completion_status ul { padding-top: 15px; font-size: 13px; line-height: 20px; } .completion_status a { padding-bottom: 15px; } .completion_status .inner-list { padding-left: 15px; } i.icn-incomplete_step { font-size: 10px; } .employer-chat-queue-container i.icn-incomplete_step { font-size: 16px; } .sidebar-body .icn-event { margin-right: 5px; font-size: 32px; vertical-align: middle; color: #949494; } .sidebar-body .icn-event + a { vertical-align: middle; } .event-day-info { padding-left: 22px; font-size: 14px; } .fee-table-wrapper { float: left; width: 100%; } .fee-table-wrapper .fee-table { width: 100%; max-width: 50%; margin: 10px 0; border: 1px solid #eee; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .fee-table-wrapper .fee-table th, .fee-table-wrapper .fee-table td { font-size: 12px; text-align: left; padding: 10px 15px; border-bottom: 1px solid #e0e0e0; } .fee-table-wrapper .fee-table th { font-weight: 500; color: #949494; } @media only screen and (max-width: 767px) { .fee-table-wrapper .fee-table { max-width: 100%; } } .mailwiz-wrapper { padding: 20px; } @media only screen and (max-width: 767px) { .mailwiz-wrapper { padding-left: 15px; padding-right: 15px; } } .mailwiz-wrapper .mailwiz-section { margin: 20px -20px 0; padding: 15px 20px; border-top: 1px solid #ddd; } @media only screen and (max-width: 767px) { .mailwiz-wrapper .mailwiz-section { margin-left: -15px; margin-right: -15px; } } .mailwiz-wrapper .mailwiz-section h2 .icn { font-size: 48px; vertical-align: middle; color: #949494; } .mailwiz-wrapper .mailwiz-section input[type="submit"] { margin-top: 10px; } #mailwiz_preview_content .mailwiz_preview_content { width: 100%; background: #eee; } #mailwiz_preview_content .mailwiz_preview_content td { vertical-align: middle; } #mailwiz_preview_content .mailwiz_preview_content td.label { font-size: 12px; color: #949494; } #mailwiz_preview_content .mailwiz_preview_content .first td { padding-top: 15px; } #mailwiz_preview_content .mailwiz_preview_content .last td { padding-bottom: 15px; } #mailwiz_preview_content .mailwiz_preview_body { border: 1px solid #ddd; padding: 15px; } #student_portfolio { min-width: 974px; } #fp-portfolio { margin-top: 10px; padding: 15px 15px 20px; border: 1px solid #ddd; border-radius: 3px; } #fp-portfolio a { text-decoration: none; } #fp-portfolio a .icn { font-size: 28px; vertical-align: bottom; } #fp-portfolio .portfolio-content { margin: 10px 4px; } #fp-portfolio .portfolio-content input { width: 100%; max-width: 500px; } .ce_form .main_form .job_section { font-size: 12px; } .ce_form .main_form .job_section h2 { margin-top: 10px; margin-bottom: 0; font-weight: 500; font-weight: normal !important; font-size: 12px; color: #555; } .ce_form .main_form .job_section .job_desc_task_list { list-style: disc; margin: 15px 0 0 20px; } .ce_form .main_form .job_section .job_desc_task_list lh { font-weight: 500; font-weight: normal; } .ce_form .main_form .job_section .no-header { margin-top: 15px; } .ce_form .sidebar li { margin-bottom: 10px; } .ip_intro.ip_welcome { padding: 15px; } .ip_intro.ip_welcome img { width: auto; max-width: 100%; margin: 15px 15px 0; } .ip_intro.ip_welcome .ip_content { padding-left: 320px; padding-right: 0; } .ip_intro.ip_welcome .input-button { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } .ip_intro.ip_welcome .input-button:hover, .ip_intro.ip_welcome .input-button:focus, .ip_intro.ip_welcome .input-button:active { color: #fff; } .ip_intro.ip_welcome .input-button:hover, .ip_intro.ip_welcome .input-button:focus { background-color: #004d6d; border-color: #004d6d; } .ip_intro.ip_welcome .input-button:active { background-color: #003b53; border-color: #003b53; } .ip_intro.ip_welcome .input-button [class^="icn-"], .ip_intro.ip_welcome .input-button [class*=" icn-"] { color: #fff; } @media only screen and (max-width: 991px) { .ip_intro.ip_welcome img { float: none; margin-top: 0; } .ip_intro.ip_welcome .ip_content { margin-top: 15px; padding-left: 0; } } .ip_intro.ip_instructions { padding: 15px; } .ip_intro.ip_instructions .ip_content { width: 774px; margin: 0 auto; } .ip_intro.ip_instructions .ip_intro_column { width: 258px; padding: 15px; } .ip_intro.ip_instructions .ip_intro_column img { max-width: 100%; height: auto; float: right; } .ip_intro.ip_instructions .input-button { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } .ip_intro.ip_instructions .input-button:hover, .ip_intro.ip_instructions .input-button:focus, .ip_intro.ip_instructions .input-button:active { color: #fff; } .ip_intro.ip_instructions .input-button:hover, .ip_intro.ip_instructions .input-button:focus { background-color: #004d6d; border-color: #004d6d; } .ip_intro.ip_instructions .input-button:active { background-color: #003b53; border-color: #003b53; } .ip_intro.ip_instructions .input-button [class^="icn-"], .ip_intro.ip_instructions .input-button [class*=" icn-"] { color: #fff; } @media only screen and (max-width: 991px) { .ip_intro.ip_instructions .ip_content { width: auto; } .ip_intro.ip_instructions .ip_intro_column { float: none; width: auto; } } .ip_wrapper #ip_go_back { right: 15px; } .ip_wrapper .buttons_top { padding: 20px 15px; border-bottom: 1px solid #ddd; display: flex; align-items: flex-end; flex-direction: column; } .ip_wrapper .questions li { height: 174px; } .ip_wrapper .questions li.selection-made input[type='radio']:checked + a { background: #005f86; } .ip_wrapper .questions h2 { font-size: 16px; } .ip_wrapper .questions .options a label { font-weight: 500; font-size: 12px; line-height: 20px; } .ip_wrapper .progress_meter { margin-bottom: 10px; float: right; } .ip_wrapper .progress_meter .progress_bar_container { height: 22px; padding: 2px; } .ip_wrapper .progress_meter .progress_bar_container .progress_bar { width: 16px; } .ip_wrapper .progress_meter .progress_marker { height: 24px; width: 24px; box-shadow: none; padding: 3px; left: 5px; } .ip_wrapper .progress_meter .progress_marker .count { font-weight: 400; font-size: 12px; } .ip_wrapper .progress_meter .progress_total { height: 26px; width: 26px; font-weight: 400; font-size: 12px; right: -17px; } .ip_wrapper .progress_label { float: left; } .ip_wrapper .ip_submit { margin: 15px 0 0; } .ip_results { padding: 20px; } .ip_results .buttonbar_top { padding-bottom: 15px; border-bottom: 1px solid #ddd; } .ip_results .ip_buttonbar_right select { width: 50%; margin-left: 10px; } .ip_results .ip_buttonbar_right .input-button { margin-top: 15px; } .ip_results .sidebar { background: none; } .ip_results .sidebar .sidebar_title { font-weight: 500; margin-bottom: 10px; } .ip_results .sidebar .sidebox_results { margin-bottom: 20px; } .ip_results .sidebar .sidebox_results .ip_graph a { color: #333; } .ip_results .sidebar #slider { margin-bottom: 10px; } .ip_results .sidebar .blurb { color: #949494; margin-top: -10px; } .ip_results .sidebar .levelofprep_label h3 { margin-bottom: 20px; color: #005f86; } .ip_results .sidebar .levelofprep_label h4 { font-weight: 500; } .ip_results .sidebar .levelofprep_label p { margin-bottom: 15px; } .cpp_links { padding: 10px; } .cpp_links .card { margin: 10px; padding: 15px; } .cpp_links .card .icn { font-size: 48px; color: #949494; vertical-align: middle; margin-right: 10px; vertical-align: middle; } .cpp_links .card a { font-size: 24px; vertical-align: middle; } .cpp_links .card .cpp_link_desc { margin-top: 15px; } .form_empty_state { padding: 0 15px; margin: 0 auto; min-height: 660px; max-width: 500px; text-align: center; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } @media (max-height: 600px) { .form_empty_state { min-height: 410px; } } .form_empty_state h2 { margin-bottom: 10px; } .form_empty_state .body-small { color: #6c6c6c; margin-bottom: 40px; } .form_empty_state .btn { line-height: 30px; padding: 0 10px; } .form_empty_state .illustration { background-size: 100%; background-repeat: no-repeat; height: 230px; margin: 0 auto; width: 250px; } .form_empty_state .btn_link { padding-top: 10px; } .form_empty_state .empty_job { background-image: url('/si_ei/images/empty_state/empty_job.svg'); } .form_empty_state .expired_event { background-image: url('/si_ei/images/empty_state/nothing-here.png'); } .form_empty_state .event_visibility_error { background-image: url('/si_ei/images/empty_state/criteria.png'); } .interviews_section_content { margin: 0; background: none; } .interviews_section_content [class*="container_"] { margin-top: 10px; } .interviews_section_content .interview_list.list-item { position: relative; padding: 0; } .interviews_section_content .interview_list.list-item .list_rows { padding: 0; margin-left: 0; margin-right: 0; } .interviews_section_content .interview_list.list-item .list_rows:not(:last-child) { border-bottom: 1px solid #e0e0e0; } .interviews_section_content .interview_list .list-data-columns .list-item-title { margin-bottom: 0; } .interviews_section_content .interview_list .list-data-columns .int-position, .interviews_section_content .interview_list .list-data-columns .int-employer, .interviews_section_content .interview_list .list-data-columns .int-schedule, .interviews_section_content .interview_list .list-data-columns span.int-action, .interviews_section_content .interview_list .list-data-columns .int-bids, .interviews_section_content .interview_list .list-data-columns .int-location, .interviews_section_content .interview_list .list-data-columns .int-rooms { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .interviews_section_content .interview_list .list-item-main-actions.card-actions { margin: 0; padding: 0; text-align: left; width: auto; box-shadow: none; background: none; } .interviews_section_content .interview_list .list-item-main-actions.card-actions a { margin: 0; color: #005f86; } .interviews_section_content .interview_list .list-item-main-actions.card-actions a:hover { text-decoration: underline; } .interviews_section_content .interview_list .list-item-main-actions li { padding: 0 15px; } .interviews_section_content .interview_list .list-item-main-actions li a { display: block; padding: 0 15px; margin: 0 -15px; font-weight: 400; line-height: 40px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; text-align: left; vertical-align: middle; width: calc(100% + 30px); color: #6c6c6c; cursor: pointer; } .interviews_section_content .interview_list .list-item-main-actions li a:hover, .interviews_section_content .interview_list .list-item-main-actions li a:focus { background-color: #ececec; text-decoration: none; color: #6c6c6c; } .interviews_section_content .interview_list .list-item-main-actions li a [class^="icn-"], .interviews_section_content .interview_list .list-item-main-actions li a [class*=" icn-"] { margin: 0 15px 0 0; } .interviews_section_content .form-layout { background: #fff; } .interviews_section_content .form-layout img[src*="doc_"] { margin-right: 10px; vertical-align: middle; } .interviews_section_content .fg-title td[align='right'] { text-align: right; font-size: 14px; } .interviews_section_content .fg-title img[alt="Add to calendar"] { vertical-align: middle; } .interviews_section_content .sidebar .form { padding: 0; } .interviews_section_content .sidebar .form .fieldgroup { padding: 0 20px; } .interviews_section_content .sidebar .form .sidebar-inner { padding-bottom: 0; } .interviews_section_content .sidebar .sidebar-header select { margin-top: 15px; } .interviews_section_content .sidebar .field-widget, .interviews_section_content .sidebar .fg-title h2 { font-size: 14px; } .interviews_section_content .sidebar .BodyText { padding-top: 15px; padding-left: 15px; } .interviews_section_content .sidebar .ScheduleEntryLarge > a { margin-bottom: 19px; display: inline-block; } .interviews_section_content .sidebar .SideBarHeader td { padding: 23px 15px 0; } .interviews_section_content .sidebar .SideBarHeader select { margin-top: 10px; } .interviews_section_content .int-blocked { margin: 15px 0 0; } .split_list_wrap .list_wrap .ocr_limit { background: #fff; border: 1px solid #ececec; border-radius: 5px; background: #adb1b6; /* Calculate real value */ color: #fff; padding: 15px; margin: 0; border-bottom: 1px solid #e0e0e0; } @media print { .split_list_wrap .list_wrap .ocr_limit { border: 1px solid #ccc; box-shadow: none; } } .split_list_wrap .list_wrap .ocr_limit.errors { background-color: #bf3e24; } .split_list_wrap .list_wrap .ocr_limit .content { padding: 20px; } .split_list_wrap .list_wrap .ocr_limit .content .row { margin-left: -20px; margin-right: -20px; } .split_list_wrap .list_wrap .ocr_limit .actions, .split_list_wrap .list_wrap .ocr_limit .card-actions { text-align: right; } .split_list_wrap .list_wrap .ocr_limit .actions > a:not(.btn), .split_list_wrap .list_wrap .ocr_limit .card-actions > a:not(.btn) { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; margin: 10px 5px; } .split_list_wrap .list_wrap .ocr_limit .actions > a:not(.btn):hover, .split_list_wrap .list_wrap .ocr_limit .card-actions > a:not(.btn):hover, .split_list_wrap .list_wrap .ocr_limit .actions > a:not(.btn):focus, .split_list_wrap .list_wrap .ocr_limit .card-actions > a:not(.btn):focus { box-shadow: none; background: none; } .split_list_wrap .list_wrap .ocr_limit .actions > a:not(.btn).btn, .split_list_wrap .list_wrap .ocr_limit .card-actions > a:not(.btn).btn { border: 0; } .split_list_wrap .list_wrap .ocr_limit .ocr_limit_total { font-size: 24px; } .split_list_wrap .list_wrap .ocr_limit .flex-meter { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .split_list_wrap .list_wrap .ocr_limit .flex-meter .ocr_limit_ratio { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; width: auto; min-width: 93px; } .split_list_wrap .list_wrap .ocr_limit .flex-meter .meter { margin: 11px 11px 0 0; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; -webkit-flex-shrink: 2; -moz-flex-shrink: 2; -ms-flex-shrink: 2; flex-shrink: 2; margin-bottom: 0; width: 80%; } .split_list_wrap .list_wrap .no-interview { padding: 20px; list-style: none; } .split_list_wrap .list_wrap .no-interview h2 { font-size: 22px; } .split_list_wrap .list_wrap .btn-offer { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; color: #005f86; } .split_list_wrap .list_wrap .btn-offer:hover, .split_list_wrap .list_wrap .btn-offer:focus { box-shadow: none; background: none; } .split_list_wrap .list_wrap .btn-offer.btn { border: 0; } .split_list_wrap .list_wrap .list-item-body .int-action { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; color: #005f86; } .split_list_wrap .list_wrap .list-item-body .int-action:hover, .split_list_wrap .list_wrap .list-item-body .int-action:focus { box-shadow: none; background: none; } .split_list_wrap .list_wrap .list-item-body .int-action.btn { border: 0; } .split_list_wrap .list_wrap .no-records { min-height: 200px; } /* Interviews Dialog and Form Styles */ #int_dialog { margin: 0; padding: 0; } .ui-dialog #int_dialog { color: #1f1f1f; max-height: 585px !important; overflow-y: auto; padding: 20px; } .ui-dialog #int_dialog .fieldgroup { padding-top: 0; } .ui-dialog #int_dialog .form { padding: 0; } .ui-dialog #int_dialog .form .input-submit { color: #fff; font-size: 12px; } @media (min-width: 768px) { .ui-dialog #int_dialog .form { width: 100% !important; } } .ui-dialog #int_dialog .form .field { margin-bottom: 16px; } .ui-dialog #int_dialog .form .field label, .ui-dialog #int_dialog .form .field a, .ui-dialog #int_dialog .form .field span { font-size: 14px; } .ui-dialog #int_dialog .form .field label { vertical-align: bottom; } .ui-dialog #int_dialog .form .field-label > span, .ui-dialog #int_dialog .form .field-label > label { font-size: 12px; } .ui-dialog #int_dialog .form input[type='radio'] { margin-right: 10px; } .ui-dialog #int_dialog .form img[src*="doc_"] { margin-right: 10px; vertical-align: middle; } .ui-dialog #int_dialog .form [for*="ocr_interview__timeslot_"] span:not(:first-child) { margin-left: 3px; } .ui-dialog #int_dialog .form [for*="ocr_interview__timeslot_"] .dialog-link { position: relative; left: 24px; font-size: 14px; font-weight: 500; } .ui-dialog #int_dialog .form [for*="ocr_interview__timeslot_"] .dialog-link.color-gray { color: #bababa; } .ui-dialog #int_dialog .form [for*="ocr_interview__timeslot_"] .dialog-link.color-gray p, .ui-dialog #int_dialog .form [for*="ocr_interview__timeslot_"] .dialog-link.color-gray span { color: #bababa; } .ui-dialog #int_dialog .form [for*="ocr_interview__timeslot_"] .dialog-link a, .ui-dialog #int_dialog .form [for*="ocr_interview__timeslot_"] .dialog-link p, .ui-dialog #int_dialog .form [for*="ocr_interview__timeslot_"] .dialog-link span { font-size: inherit; } .ui-dialog #int_dialog .form select { font-weight: 400; } .ui-widget .ui-dialog #int_dialog .form select { font-size: 14px; } .ui-dialog #int_dialog .form .buttonbar-top { float: left !important; } .ui-dialog #int_dialog .form .req-msg { margin-bottom: 0; font-size: 14px; color: #000; float: left !important; display: block; } @media (min-width: 768px) { .ui-dialog #int_dialog .form .req-msg { float: right !important; } } .ui-dialog #int_dialog .form .req-msg + div { clear: both; } .flex_schedule_interviews { font-weight: bold; margin-top: 5px; } .flex_schedule_interviews:first-child { margin-top: 0; } .sidebar .exp_learning_application_status [class^="icn-"], .sidebar .list_experiences [class^="icn-"], .sidebar .exp_learning_sidebar_list [class^="icn-"], .sidebar .exp_learning_application_status [class*=" icn-"], .sidebar .list_experiences [class*=" icn-"], .sidebar .exp_learning_sidebar_list [class*=" icn-"] { display: inline-block; margin: 0 15px 0 0; } .sidebar .exp_learning_application_status { margin-top: 10px; padding: 10px 0; } .sidebar .list_experiences ul, .sidebar .exp_learning_sidebar_list { margin-top: 10px; } .sidebar .list_experiences ul li, .sidebar .exp_learning_sidebar_list li { padding: 10px 0; } .sidebar .list_experiences ul li h2, .sidebar .exp_learning_sidebar_list li h2 { font-size: 14px; } .sidebar .list_experiences ul .list-item-subtitle, .sidebar .exp_learning_sidebar_list .list-item-subtitle { font-size: 12px; } .sidebar .transcript_buttonbar { margin: 15px 0; } #exp_learning_transcript_edit_form .req-msg { float: right; margin: 0 0 -24px; line-height: 31px; } #exp_learning_transcript_edit_form .field { margin-bottom: 0; } #exp_learning_transcript_edit_form .fieldgroup { padding-top: 0; padding-bottom: 0; } #exp_learning_transcript_edit_form .scrollable_container .scrollable_checkbox { height: auto !important; white-space: normal !important; } #exp_learning_transcript_edit_form .scrollable_container .scrollable_checkbox > div { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 15px 0; } #exp_learning_transcript_edit_form .scrollable_container .scrollable_checkbox > div input[type='checkbox'] { margin: 0 20px; } #exp_learning_transcript_edit_form .scrollable_container .scrollable_checkbox > div label { font-size: 14px !important; } #exp_learning_hours_form .list-responsive { margin: 15px 0; } #exp_learning_hours_form .list-responsive tr { border: 0; } @media (min-width: 768px) { #exp_learning_hours_form .list-responsive tr.track_hours_heading { background-color: #f5f5f5; border-bottom: solid 1px #ececec; } } #exp_learning_hours_form .section:not(:first-child) > div { margin-top: 15px; padding: 0; } #exp_learning_hours_form .section:not(:first-child) > div:not([class="addbutton"]) { border-top: solid 1px #ececec; } #exp_learning_hours_form .buttonbar { padding: 0 20px 20px; } #exp_learning_hours_form .total_el_hours { padding: 15px 0; } #exp_learning_hours_form .total_el_hours input[type="text"] { border-width: 1px; border-style: solid; border-radius: 2px; border-color: #ccc; padding: 3px 10px; width: 100%; color: #6c6c6c; font-weight: normal; font-size: 14px; line-height: 22px; max-width: 500px; min-height: 40px; transition: all 0.2s ease-in-out; width: auto; } #exp_learning_hours_form .total_el_hours input[type="text"]:focus, #exp_learning_hours_form .total_el_hours input[type="text"]:hover { border-color: #6c6c6c; transition: all 0.2s ease-in-out; } #exp_learning_hours_form .total_el_hours input[type="text"]:disabled { border-color: #ccc; background-color: #ececec; } .contratanet_exp { padding: 60px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .contratanet_exp img { height: 200px; padding-bottom: 30px; } .contratanet_exp span { padding-bottom: 20px; color: #6c6c6c; max-width: 600px; } .appointments_section_content .list-item .list-item-body { width: calc(100% - 120px); } .appointments_section_content .list-item .list-data-columns, .appointments_section_content .list-item .list-item-title, .appointments_section_content .list-item .list-item-subtitle { width: 100%; } #calendar_container { min-height: 0; } #calendar_container .notice { margin: 15px; } #calendar_container #calendar_results { padding: 0; } #calendar_container #calendar_results .date_slot { border-bottom: solid 1px #ececec; } #calendar_container #calendar_results .date_heading { cursor: pointer; padding: 15px 15px 0; } #calendar_container #calendar_results .date_heading [class*="icn-"] { display: inline; } #calendar_container #calendar_results .time_slot { padding: 15px; } #calendar_container #calendar_results .time_heading { float: right; font-weight: normal; color: #6c6c6c; font-size: 12px; } #calendar_container #calendar_results .slots_list { padding-left: 0; } #calendar_container #calendar_results .slots_list li:not(:first-child) { margin-top: 15px; } #calendar_container #calendar_results .slot_name { width: calc(100% - 60px); } #calendar_container #calendar_results .slot_info { width: 100%; } #calendar_container #calendar_filter { width: 353px; } #calendar_container #calendar_filter form { margin: 15px; } #calendar_container #calendar_filter #hour_time_start, #calendar_container #calendar_filter #hour_time_end, #calendar_container #calendar_filter #min_time_start, #calendar_container #calendar_filter #min_time_end, #calendar_container #calendar_filter #ampm_time_start, #calendar_container #calendar_filter #ampm_time_end { width: auto; } @media (min-width: 992px) { #calendar_container .responsive-filter-toggle { display: none; } #calendar_container #calendar_filter { display: block !important; overflow: visible !important; } } @media (max-width: 991px) { #calendar_container #calendar_filter, #calendar_container #calendar_results { float: none; width: 100%; border: none; margin: 0; padding: 0; } #calendar_container #calendar_filter { border-bottom: solid 1px #ececec; display: none; background-color: #f6f6f6; } #calendar_container #calendar_filter.open { display: block; } #calendar_container #calendar_filter.closed { display: none; } #calendar_container a.responsive-filter-toggle { background-color: #005f86; color: #fff !important; padding: 24px; display: block; text-align: center; font-size: 18px; font-weight: 500; color: #333; text-decoration: none; } #calendar_container #calendar_results .start_here, #calendar_container #calendar_results .none_available { padding: 15px; margin: 0; } #calendar_container #calendar_results .filters_left { display: none; } #calendar_container #calendar_results .filters_top { display: block !important; } #calendar_container #calendar_results .times_list { display: none; } } #counselor-tipbox { border-radius: 3px; font-size: 100%; padding: 15px; } #counselor-tipbox .tip-icon { width: 40px; } #counselor-tipbox .tip-icon img { width: 40px; border-radius: 50%; border: none; } #counselor-tipbox .tip-body { float: right; width: 312px; } #counselor-tipbox .tip-body p { color: #fff; } #csmAppView { width: 100%; padding: 0; } #csmAppView .list_rows .list-item-rsvp { margin-top: 5px; } #csmAppView .list_rows .list-item-rsvp .btn { margin: 0; } @media (max-width: 767px) { #csmAppView .list_rows .list-item-rsvp { width: auto; } } #csmAppView hr { height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #ddd; } #csmAppView .icn-profile, #csmAppView .icn-jobs, #csmAppView .icn-date, #csmAppView .icn-time, #csmAppView .icn-address, #csmAppView .icn-briefcase, #csmAppView .icn-world { display: inline-flex; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.4; } #csmAppView a.input-button { color: #6c6c6c; background-color: #fff; border-color: #ccc; } #csmAppView a.input-button:hover, #csmAppView a.input-button:focus, #csmAppView a.input-button:active { color: #333; border-color: #949494; } #csmAppView a.input-button:active { background-color: #f6f6f6; } #csmAppView a.input-button [class^="icn-"], #csmAppView a.input-button [class*=" icn-"] { color: #6c6c6c; } #csmAppView .tag { display: inline-block; background: #a4a4a4; border-radius: 3px; color: #fff; font-weight: 500; text-align: center; text-transform: uppercase; white-space: nowrap; } #csmAppView .cf-event-header { margin: 15px 0; } #csmAppView .event-section h2 { font-size: 20px; } #csmAppView .job_tabs { margin-bottom: 0; } #csmAppView .job_tabs ul { height: 46px; padding-left: 15px; } #csmAppView .job_tabs ul li a { font-weight: 500; font-size: 13px; height: 44px; padding: 12px 20px 0; } #csmAppView .job_tabs ul li.active a { height: 45px; background: #fff; } #csmAppView .pick-top-ten-notice { background-repeat: no-repeat; background-position: left center; } #csmAppView .pick-top-ten-notice .notice_text { width: 580px; } #csmAppView .pick-top-ten-notice .btn { margin-right: 20px; } #csmAppView .banner-column-main h2 { margin: 30px 30px 20px; font-weight: 500; font-size: 24px; color: #fff; } #csmAppView h2.section-header { font-size: 20px; } #csmAppView .dashboard_panel { float: left; margin: 10px; padding: 20px; border-radius: 3px; background: #f3f3f3; border: 1px solid #ddd; } #csmAppView .dashboard_panel .panel_top { color: #fff; border-radius: 3px 3px 0 0; } #csmAppView .dashboard_panel .topten > span { line-height: 50px; } #csmAppView .dashboard_panel .notify-button .input-button { color: #6c6c6c; background-color: #fff; border-color: #ccc; } #csmAppView .dashboard_panel .notify-button .input-button:hover, #csmAppView .dashboard_panel .notify-button .input-button:focus, #csmAppView .dashboard_panel .notify-button .input-button:active { color: #333; border-color: #949494; } #csmAppView .dashboard_panel .notify-button .input-button:active { background-color: #f6f6f6; } #csmAppView .dashboard_panel .notify-button .input-button [class^="icn-"], #csmAppView .dashboard_panel .notify-button .input-button [class*=" icn-"] { color: #6c6c6c; } #csmAppView #companies .company-filters .student-view-employer-filter-input-div { padding: 5px 0 4px 10px; } #csmAppView #companies .company-filters .btn-link { background-color: transparent; border-color: transparent; } #csmAppView #companies .list-item-main { float: left; width: 480px; min-width: 50%; } #csmAppView #companies .tag { font-size: 12px; padding: 6px 10px; } #csmAppView #companies .tag.approved, #csmAppView #companies .tag.success { background: #297848; } #csmAppView #companies .list-item-main-actions { display: block; width: 100%; text-align: center; } #csmAppView .positions-view { margin-bottom: 0; } #csmAppView .positions-view .buttonbar_top { border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px; } #csmAppView .positions-view .buttonbar_top .input-text { box-sizing: border-box; margin-right: 4px; padding: 5px 10px; } #csmAppView .job_review_wrap .buttonbar { margin: 15px 0 6px; } #csmAppView .job_summary th, #csmAppView .label { font-weight: 500; } #csmAppView .job_display { padding: 0 0 15px; } #csmAppView .job_display .job_title { font-size: 24px; color: #005f86; position: relative; margin: 15px 0 10px; padding: 0; background: none; height: auto; line-height: 1.5; } #csmAppView .job_display .job_title .icn-favorite-add { position: absolute; top: 12px; left: 4px; background: url("/si_ei/images/star-white-16.png") no-repeat 0 0; color: #fff; display: inline-block; font-size: 0; height: 0; margin: 0 auto; overflow: hidden; vertical-align: middle; width: 16px; height: 16px; } #csmAppView .job_display .job_title .icn-favorite-add:hover { background: url("/si_ei/images/star-plus.png") no-repeat 0 0; } #csmAppView .job_summary .img_wrap .button { color: #6c6c6c; background-color: #fff; border-color: #ccc; font-size: 12px; line-height: 16px; min-width: 60px; min-height: 24px; border-radius: 2px; padding: 0 12px; display: block; margin: -1px 0 0; text-align: center; border-radius: 0 0 3px 3px; } #csmAppView .job_summary .img_wrap .button:hover, #csmAppView .job_summary .img_wrap .button:focus, #csmAppView .job_summary .img_wrap .button:active { color: #333; border-color: #949494; } #csmAppView .job_summary .img_wrap .button:active { background-color: #f6f6f6; } #csmAppView .job_summary .img_wrap .button [class^="icn-"], #csmAppView .job_summary .img_wrap .button [class*=" icn-"] { color: #6c6c6c; } #csmAppView .job_display_desc { padding-top: 15px; } #csmAppView .job-col1, #csmAppView .job-col2 { line-height: 1.5; } #csmAppView .job-col2 #job_buttons h2 { font-weight: normal; } #csmAppView .job-col2 .sb { width: 100%; margin-bottom: 15px; font-size: 12px; } #csmAppView .job-col2 .sb .sidebar_title { text-transform: uppercase; color: #43695b; } #csmAppView .job-col2 #job_send_docs a { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; display: block; padding: 0; } #csmAppView .job-col2 #job_send_docs a:hover, #csmAppView .job-col2 #job_send_docs a:focus, #csmAppView .job-col2 #job_send_docs a:active { color: #fff; } #csmAppView .job-col2 #job_send_docs a:hover, #csmAppView .job-col2 #job_send_docs a:focus { background-color: #004d6d; border-color: #004d6d; } #csmAppView .job-col2 #job_send_docs a:active { background-color: #003b53; border-color: #003b53; } #csmAppView .job-col2 #job_send_docs a [class^="icn-"], #csmAppView .job-col2 #job_send_docs a [class*=" icn-"] { color: #fff; } #csmAppView .job-col2 #job_send_docs a .jobstep-txt { position: relative; font-size: 16px; left: 0; top: 0; width: auto; } #csmAppView .job-col2 #job_send_docs a .jobstep-shad, #csmAppView .job-col2 #job_send_docs a .jobstep-ind { display: none; } #csmAppView .job-col2 #job_send_docs.jobact-complete a { color: #fff; background-color: #297848; background-image: none; border-color: #297848; display: block; padding: 0; } #csmAppView .job-col2 #job_send_docs.jobact-complete a:hover, #csmAppView .job-col2 #job_send_docs.jobact-complete a:focus, #csmAppView .job-col2 #job_send_docs.jobact-complete a:active { color: #fff; } #csmAppView .job-col2 #job_send_docs.jobact-complete a:hover, #csmAppView .job-col2 #job_send_docs.jobact-complete a:focus { background-color: #23653d; border-color: #23653d; } #csmAppView .job-col2 #job_send_docs.jobact-complete a:active { background-color: #1c5231; border-color: #1c5231; } #csmAppView .job-col2 #job_send_docs.jobact-complete a [class^="icn-"], #csmAppView .job-col2 #job_send_docs.jobact-complete a [class*=" icn-"] { color: #fff; } #csmAppView .emp_cf_chat-live-on { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } #csmAppView .emp_cf_chat-live-on:hover, #csmAppView .emp_cf_chat-live-on:focus, #csmAppView .emp_cf_chat-live-on:active { color: #fff; } #csmAppView .emp_cf_chat-live-on:hover, #csmAppView .emp_cf_chat-live-on:focus { background-color: #004d6d; border-color: #004d6d; } #csmAppView .emp_cf_chat-live-on:active { background-color: #003b53; border-color: #003b53; } #csmAppView .emp_cf_chat-live-on [class^="icn-"], #csmAppView .emp_cf_chat-live-on [class*=" icn-"] { color: #fff; } #csmAppView .emp_cf_chat-name { display: none; } .cf-actionbar.student-actionbar { margin-top: 0; min-height: 60px; } .career-fair-employers { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 415px) { .career-fair-employers { min-height: 200px; } } .career-fair-employers .avatar a { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .career-fair-employers .avatar-lg { border-radius: 5px; margin-right: 10px; border: 1px solid #c6c6c6; } .taggable-sidebar > .cf-tag-list { min-height: 60px; } input[type="button"].primary-button { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } input[type="button"].primary-button:hover, input[type="button"].primary-button:focus, input[type="button"].primary-button:active { color: #fff; } input[type="button"].primary-button:hover, input[type="button"].primary-button:focus { background-color: #004d6d; border-color: #004d6d; } input[type="button"].primary-button:active { background-color: #003b53; border-color: #003b53; } input[type="button"].primary-button [class^="icn-"], input[type="button"].primary-button [class*=" icn-"] { color: #fff; } .cf-header-notice { border-radius: 0 0 5px 5px !important; margin-bottom: 0 !important; } .cf-header-notice .btn_text-link { text-decoration: underline; margin-left: 2px; } .boothmap-modal .boothmap-wrapper { margin-top: 20px; height: 100%; } .boothmap-modal #contentWrapper { position: relative; height: 100%; } .boothmap-modal #contentWrapper .loadingMap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .boothmap-modal .form-container { height: calc(100vh - 170px); min-height: 300px; } .boothmap-modal .form-container .form-col { height: 100%; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 20px; } .boothmap-modal .form-container .form-col select { width: auto; max-width: 335px; font-weight: 300; font-size: 14px; padding: 4px 10px; } .boothmap-modal .form-container .sidebar { background: #f6f6f6; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0px; } .boothmap-modal .form-container .sidebar .search { position: relative; padding: 20px; } .boothmap-modal .form-container .sidebar .search input { width: 100%; border: 1px solid #ccc; padding: 5px 10px; border-radius: 3px; } .boothmap-modal .form-container .sidebar .search::after { font-family: 'unicon'; content: "\e980"; position: absolute; right: 25px; top: 25px; text-align: center; line-height: 18px; font-size: 18px; opacity: 0.5; } .boothmap-modal .form-container .sidebar .boothmap-employers-wrapper { overflow: auto; height: 100%; border-top: 1px solid #ccc; } .boothmap-modal .form-container .sidebar .boothmap-employers-wrapper ul { padding: 10px 0px; } .boothmap-modal .form-container .sidebar .boothmap-employers-wrapper ul li a { display: block; margin: 5px 0px; padding: 5px 20px; font-size: 14px; font-weight: 300; } .boothmap-modal .form-container .sidebar .boothmap-employers-wrapper ul li a span { float: left; } .boothmap-modal .form-container .sidebar .boothmap-employers-wrapper ul li a i { position: relative; font-size: 16px; top: 2px; left: 2px; opacity: 0.5; } .boothmap-modal .form-container .sidebar .boothmap-employers-wrapper ul li a:hover { background: #ececec; } .boothmap-modal .form-container .sidebar .boothmap-employers-wrapper ul li a:hover i { color: #333; } .boothmap-modal .form-container .sidebar .boothmap-employers-wrapper ul li:first-child a { margin-top: 0px; } .boothmap-modal .form-container .sidebar .boothmap-employers-wrapper ul li:last-child a { margin-bottom: 0px; } @media (max-width: 991px) { .boothmap-modal .form-container { height: auto; } .boothmap-modal .form-container .form-col { width: 100%; height: 100%; max-height: 80vh; margin-left: 0px; } .boothmap-modal .form-container .sidebar { width: 100%; display: block; } } #chatProfileStatus [class*='icn-'] { font-size: 20px; margin-right: 10px; } #join_chat_toast .toast_wrapper { display: "-webkit-inline-flex"; display: "-moz-inline-flex"; display: "-ms-inline-flex"; display: inline-flex; } #join_chat_toast .avatar { min-width: 40px; margin: 0 10px; } #join_chat_toast .toast_label, #join_chat_toast .toast_button { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #join_chat_toast .toast_label { font-weight: 500; } #join_chat_toast .toast_button { margin-left: 20px; } .modal-fullscreen .modal-dialog .modal-content .modal-body h2 { font-weight: 300; font-size: 22px; line-height: 28px; } @media only screen and (max-width: 767px) { .modal-fullscreen .modal-dialog .modal-content .modal-body h2 { font-size: 20px; line-height: 24px; } } .chat-instructions .endchat-button-mobile button, .fullscreen-chat-modal .endchat-button-mobile button { width: 100%; } .chat-instructions .modal-content, .fullscreen-chat-modal .modal-content { padding: 0px 20px; } .chat-instructions .modal-content .count-down, .fullscreen-chat-modal .modal-content .count-down { white-space: nowrap; display: inline-block; font-size: 18px; } .chat-instructions .modal-content .count-down i, .fullscreen-chat-modal .modal-content .count-down i { font-size: 24px; float: left; margin-top: -3px; margin-right: 5px; } .chat-instructions .modal-content .count-down .endchat-button, .fullscreen-chat-modal .modal-content .count-down .endchat-button { display: none; } .chat-instructions .modal-content .count-down.count-down-mobile, .fullscreen-chat-modal .modal-content .count-down.count-down-mobile { display: none; font-size: 16px; margin-top: 5px; } .chat-instructions .modal-content .count-down.count-down-mobile i, .fullscreen-chat-modal .modal-content .count-down.count-down-mobile i { font-size: 20px; } .chat-instructions .modal-content .rep-info-mobile, .fullscreen-chat-modal .modal-content .rep-info-mobile { display: none; } .chat-instructions .modal-content .modal-footer, .fullscreen-chat-modal .modal-content .modal-footer { height: auto; display: none; padding: 20px; } @media (max-width: 767px) { .chat-instructions .modal-content, .fullscreen-chat-modal .modal-content { font-size: 14px; margin-top: 0px; padding: 0px; position: absolute; } .chat-instructions .modal-content .floating_content, .fullscreen-chat-modal .modal-content .floating_content { position: absolute; display: grid; display: -ms-grid; grid-template-rows: auto 1fr auto; -ms-grid-rows: auto 1fr auto; grid-template-columns: 1fr; -ms-grid-columns: 1fr; width: 100%; } .chat-instructions .modal-content .floating_content .modal-body, .fullscreen-chat-modal .modal-content .floating_content .modal-body { max-height: 100%; overflow-y: auto; overflow-x: hidden; } .chat-instructions .modal-content .floating_content .modal-body, .fullscreen-chat-modal .modal-content .floating_content .modal-body { grid-row: 1; -ms-grid-row: 1; } .chat-instructions .modal-content .floating_content .modal-footer, .fullscreen-chat-modal .modal-content .floating_content .modal-footer { grid-row: 2; -ms-grid-row: 2; } .chat-instructions .modal-content .header-content-container, .fullscreen-chat-modal .modal-content .header-content-container { border-radius: 0px; margin-bottom: 0px; } .chat-instructions .modal-content .header-content-container .avatar, .fullscreen-chat-modal .modal-content .header-content-container .avatar { width: 60px; height: 60px; line-height: 60px; } .chat-instructions .modal-content .header-content-container .avatar [class^="icn-"], .fullscreen-chat-modal .modal-content .header-content-container .avatar [class^="icn-"], .chat-instructions .modal-content .header-content-container .avatar [class*=" icn-"], .fullscreen-chat-modal .modal-content .header-content-container .avatar [class*=" icn-"] { font-size: 30px; } .chat-instructions .modal-content .header-content-container .count-down-mobile, .fullscreen-chat-modal .modal-content .header-content-container .count-down-mobile { display: block; margin-top: 15px; } .chat-instructions .modal-content .form-col, .fullscreen-chat-modal .modal-content .form-col { border-radius: 0px; margin-top: -1px; } .chat-instructions .modal-content .sidebar, .fullscreen-chat-modal .modal-content .sidebar, .chat-instructions .modal-content .count-down, .fullscreen-chat-modal .modal-content .count-down { display: none; } .chat-instructions .modal-content .rep-info-mobile, .fullscreen-chat-modal .modal-content .rep-info-mobile { display: block; } .chat-instructions .modal-content .rep-info-mobile .sidebar-header, .fullscreen-chat-modal .modal-content .rep-info-mobile .sidebar-header { display: none; } .chat-instructions .modal-content .modal-body, .fullscreen-chat-modal .modal-content .modal-body { height: auto; background: #fff; } .chat-instructions .modal-content .endchat-button, .fullscreen-chat-modal .modal-content .endchat-button { display: none; } .chat-instructions .modal-content .modal-footer, .fullscreen-chat-modal .modal-content .modal-footer { display: block; } } @media (max-width: 767px) { .employer-chat-queue .list-item-actions-bar { display: block; } } .d3-tooltip { background-color: #333; opacity: 0.7; border-radius: 5px; padding: 4.5px 10px; color: white; line-height: 14px; font-size: 11px; min-height: 20px; max-width: 200px; } .d3-tooltip::before { content: " "; background: inherit; width: 4px; height: 4px; position: absolute; bottom: -2px; left: calc(50% - 2px); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .d3-tooltip.arrow-left::before { left: 4px; } .d3-tooltip.arrow-right::before { right: 4px; left: auto; } .d3-tooltip.d3-tooltip-hidden { visibility: hidden; opacity: 0; transition: visibility 0s 1s, opacity 0.25s linear; } .d3-tooltip.d3-tooltip-visible { visibility: visible; opacity: 1; transition: opacity 0.25s linear; } #resume_frame { width: 100%; } .rb2samples { border: none; width: 100%; } .rb2samples .sample { border: 1px solid #ddd; padding: 15px; } .rb2samples .sample .btn { font-size: 12px; line-height: 16px; min-width: 60px; min-height: 24px; border-radius: 2px; padding: 0 12px; } .rb2samples .sample .field { margin-bottom: 10px; } .rb2samples .sample .field-widget table { border: none !important; color: #949494; font-size: 12px; line-height: 20px; } #stylepicker-btns { padding: 0; } #stylepicker-btns .btns_l input { margin: 0 !important; } #stylepicker-btns .btns_r > * { margin: 0 0 0 3px !important; } #stylepicker-btns .btns_r .tab_trigger { border: none; } #stylepicker-btns .btns_r .tab_trigger input { margin: 0 !important; } #stylepicker-btns .btns_r .tab_trigger.activeTab { top: 0; } #stylepicker-btns .btns_r .tab_trigger.activeTab input { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } #stylepicker-btns .btns_r .tab_trigger.activeTab input:hover, #stylepicker-btns .btns_r .tab_trigger.activeTab input:focus, #stylepicker-btns .btns_r .tab_trigger.activeTab input:active { color: #fff; } #stylepicker-btns .btns_r .tab_trigger.activeTab input:hover, #stylepicker-btns .btns_r .tab_trigger.activeTab input:focus { background-color: #004d6d; border-color: #004d6d; } #stylepicker-btns .btns_r .tab_trigger.activeTab input:active { background-color: #003b53; border-color: #003b53; } #stylepicker-btns .btns_r .tab_trigger.activeTab input [class^="icn-"], #stylepicker-btns .btns_r .tab_trigger.activeTab input [class*=" icn-"] { color: #fff; } #qrcode_wrap, #stylepicker_wrap, #customizer_wrap { margin-top: 10px; } #qrpicker-w, #stylepicker-w, #stylecust { border: none; border-radius: 3px; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.082); } #qrpicker-w h2, #stylepicker-w h2, #stylecust h2 { font-weight: normal; font-size: 14px; } #qrpicker-w > h2, #stylepicker-w > h2, #stylecust > h2 { margin-top: 5px; margin-left: 20px; color: rgba(255, 255, 255, 0.87); font-size: 14px; } #qrpicker-w .yui-carousel-nav, #stylepicker-w .yui-carousel-nav, #stylecust .yui-carousel-nav { min-height: 40px; background: #005f86; border-radius: 3px 3px 0 0; } #qrpicker-w .yui-carousel-nav ul, #stylepicker-w .yui-carousel-nav ul, #stylecust .yui-carousel-nav ul { float: right; margin-left: -220px; margin-right: 120px; } #qrpicker-w .yui-carousel-content, #stylepicker-w .yui-carousel-content, #stylecust .yui-carousel-content { padding: 15px 0 !important; } #qrpicker-w .yui-carousel-content table, #stylepicker-w .yui-carousel-content table, #stylecust .yui-carousel-content table { margin: 0 auto; } #qrpicker-w table img { vertical-align: top; } #qrpicker-w label span { font-size: 12px; } #qrpicker-w label span.highlight { font-weight: normal; text-shadow: none; background: #005f86; color: #fff; } #stylepicker-w select { width: auto; height: auto; margin: 0; padding: 0; font-size: 14px; } #stylepicker-w .yui-carousel-item { cursor: pointer; } #stylepicker-w .yui-carousel-item .style_label span { font-size: 12px; } #stylepicker-w .yui-carousel-item:hover .style_label { opacity: 1; } #stylepicker-w .yui-carousel-button { float: right; } #stylepicker-w .yui-carousel-button input, #stylepicker-w .yui-carousel-button button { padding-left: 50px; } #stylepicker-w .yui-carousel-first-button { margin-left: -100px; margin-right: 50px; } #stylepicker-w .yui-carousel-item-selected { border: 2px solid #43695b; } #stylepicker-w .yui-carousel-item-selected .style_label { opacity: 1; } #stylepicker-w .style_label { font-weight: normal; background: #43695b; } #stylecust .fieldgroup { padding: 15px; } #stylecust .fg-first { margin: 0; } #stylecust .fg-first .has-subform { width: 100%; margin-bottom: 0; } #stylecust .fg-first .has-subform > .label { min-height: 40px; background: #005f86; border-radius: 3px 3px 0 0; color: rgba(255, 255, 255, 0.87); } #stylecust .fg-first .has-subform > .widget .subform { padding: 0 10px 10px; } #stylecust .fg-first .has-subform > .widget .subform:before, #stylecust .fg-first .has-subform > .widget .subform:after { content: " "; display: table; } #stylecust .fg-first .has-subform > .widget .subform:after { clear: both; } #stylecust .fg-first .has-subform .fieldgroup { margin: 20px 10px 10px; } #stylecust .fg-first .has-subform .fieldgroup .fg-title { min-height: 0; padding-top: 10px; padding-bottom: 10px; } #stylecust .fg-first .has-subform .fieldgroup .field { margin-bottom: 10px; } #stylecust .fg-first .has-subform .fieldgroup .field .label, #stylecust .fg-first .has-subform .fieldgroup .field .widget { font-size: 12px; } #stylecust .fg-first .has-subform .fieldgroup .field .label { width: 100px !important; padding: 0 !important; font-weight: normal !important; } #stylecust .fg-first .has-subform .fieldgroup .field .widget { width: 170px; } #stylecust .fg-first .has-subform .fieldgroup.fg-first { display: none; } /* Shared */ .attempt_thumb { float: left; width: 78px; height: 78px; } #video_interview .hint { margin: 20px 20px 0px 20px; } /* List */ .non-responsive .mock-interviews-list .list-item .list-item-title, .non-responsive .mock-interviews-list .list-item .list-item-main-data, .non-responsive .mock-interviews-list .list-item .list-item-subtitle, .non-responsive .mock-interviews-list .list-item .list-data-columns { width: auto; } .mock-interviews-list .list-item-attemptdetails { width: 100%; margin-top: 10px; } .mock-interviews-list .list-item-attemptdetails .list-item-row { padding: 15px 0; border-top: 1px solid #ddd; } .mock-interviews-list .list-item-attemptdetails .with-vid-thumb { padding-left: 80px; } .mock-interviews-list .list-item-attemptdetails .attempt_thumb { margin-right: 10px; } .mock-interviews-list .list-item-attemptdetails .lst-attempt { width: 50%; font-weight: 500; font-size: 12px; text-transform: uppercase; } .mock-interviews-list .list-item-attemptdetails .lst-rating { float: right; margin-top: 5px; } .mock-interviews-list .list-item-attemptdetails .lst-created { float: left; padding: 10px 15px 0 0; } .mock-interviews-list .list-item-attemptdetails .lst-reviewers { float: right; } /* Request Feedback Popup */ #video_interview_feedback_request { margin: -20px 0px -20px 0px; } #video_interview_feedback_request .fg-first { padding-top: 0; padding-bottom: 0; } #video_interview_feedback_request .fg-first h2 { display: none; } /* Review Feedback Popup */ #video_interview_feedback_summary { width: 100%; margin: 0px -15px 0px -15px; } #video_interview_feedback_summary th, #video_interview_feedback_summary td { font-size: 12px; text-align: left; padding: 10px 15px; border-bottom: 1px solid #e0e0e0; } #video_interview_feedback_summary th { font-weight: 500; color: #949494; } #video_interview_feedback_summary .fb_popup_feedback > div:last-child { padding-top: 15px; } #video_interview_feedback_summary .fb_popup_feedback > div:first-child { padding-top: 0; } /* Review Page */ .mock-interviews-review #review { width: 702px; margin: auto; display: block; } .mock-interviews-review .sidebar .attempt { padding-top: 15px; } .mock-interviews-review .sidebar .attempt:before, .mock-interviews-review .sidebar .attempt:after { content: " "; display: table; } .mock-interviews-review .sidebar .attempt:after { clear: both; } .mock-interviews-review .sidebar .attempt .attempt_thumb { margin-right: 10px; } .mock-interviews-review .sidebar .attempt .attempt_info .attempt_created { font-size: 12px; } .mock-interviews-review .sidebar .attempt .attempt_info .badge { display: inline-block; } .mock-interviews-review .sidebar .attempt:first-child { padding-top: 10px; } /* Builder: Step 2 */ .mock-interviews-builder { padding-top: 20px; } .mock-interviews-builder .builder-wrapper { width: 980px; } .mock-interviews-builder .builder-wrapper:before, .mock-interviews-builder .builder-wrapper:after { content: " "; display: table; } .mock-interviews-builder .builder-wrapper:after { clear: both; } .mock-interviews-builder .buttonbar { margin: 0px 20px 20px 0px; } .scracclst { float: left; width: 440px; margin: 0 0 20px 20px; } .scracclst #video_interview_question_filter { margin: -20px; background-color: #005f86; border-radius: 3px 3px 0 0; } .scracclst #video_interview_question_filter .buttonbar, .scracclst #video_interview_question_filter .req-msg, .scracclst #video_interview_question_filter .field-label, .scracclst #video_interview_question_filter .field-blurb { display: none; } .scracclst #video_interview_question_filter .fieldgroup { padding: 15px 20px 15px 20px; } .scracclst #video_interview_question_filter .field { margin-bottom: 0; } .scracclst #video_interview_question_filter .field-widget { padding: 0px 15px 0px 15px; } .scracclst .accordion-container { width: 440px; height: 469px; border: 1px solid #333; } .scracclst .accordion-container .ui-accordion { position: relative; width: 436px !important; height: 100%; overflow-x: hidden; overflow-y: scroll; } .scracclst .accordion-container .ui-accordion-header { height: 31px; padding-left: 10px; padding-top: 5px; margin: 0px !important; background: transparent url(/si_ei/images/video_interview_sprites.png) 0px -260px repeat-x; font-size: 14px; color: #fff; border: none; cursor: pointer; } .scracclst .accordion-container .ui-accordion-header .ui-icon { float: right; left: 400px !important; top: 10px !important; width: 15px; height: 15px; background: transparent url(/si_ei/images/video_interview_sprites.png) -15px -305px no-repeat; margin: 0 !important; } .scracclst .accordion-container .ui-accordion-header.ui-state-active { height: 36px; } .scracclst .accordion-container .ui-accordion-header.ui-state-active .ui-icon { background: transparent url(/si_ei/images/video_interview_sprites.png) 0px -305px no-repeat; top: 12px !important; } .scracclst .accordion-container .ui-accordion-content { height: auto !important; padding: 0px !important; border-left: none; border-right: none; border-bottom: 1px solid #eee; } .scracclst .accordion-container .ui-accordion-content p { display: none !important; } .scracclst .accordion-container .ui-accordion-content .scracclst-item { height: 100%; padding: 10px 0px; border-top: 1px solid #eee; } .scracclst .accordion-container .ui-accordion-content .scracclst-item:before, .scracclst .accordion-container .ui-accordion-content .scracclst-item:after { content: " "; display: table; } .scracclst .accordion-container .ui-accordion-content .scracclst-item:after { clear: both; } .scracclst .accordion-container .ui-accordion-content .scracclst-item.first { padding-bottom: 10px; border-top: none; } .scracclst .accordion-container .ui-accordion-content .scracclst-item.hover { background-color: #e4f3ff; } .scracclst .accordion-container .ui-accordion-content .scracclst-item.hover .scracclst-option { display: block; } .scracclst .accordion-container .ui-accordion-content .scracclst-item .scracclst-text { float: left; width: 80%; color: #6c6c6c; line-height: 1.3; padding-left: 15px; } .scracclst .accordion-container .ui-accordion-content .scracclst-item .scracclst-option { display: none; float: right; padding-right: 15px; } .scracclst .accordion-container .ui-accordion-content .scracclst-item .scracclst-option input { font-size: 12px; line-height: 16px; min-width: 60px; min-height: 24px; border-radius: 2px; padding: 0 12px; } .instructions_left, .instructions_right { padding-bottom: 15px; } .list_arrow { float: left; width: 60px; height: 108px; background-color: #005f86; background-image: url(/si_ei/images/video_interview_sprites.png); background-position: -900px -345px; background-repeat: no-repeat; margin: 275px 7px 0 8px; } .scrsrtlst { float: right; } .scrsrtlst .sort-container { height: 558px; background: #005f86; border-radius: 3px 3px 0 0; } .scrsrtlst #sortable-container { width: 440px; } .scrsrtlst #interview { position: relative; } .scrsrtlst #interview:before, .scrsrtlst #interview:after { content: " "; display: table; } .scrsrtlst #interview:after { clear: both; } .scrsrtlst #interview_title { float: left; color: #fff; width: 50%; font-size: 16px; margin: 15px 0 15px 15px; } .scrsrtlst #interview_duration { float: right; margin: 15px 15px 15px 0; padding: 5px; background: #fff; border-radius: 3px; text-align: center; } .scrsrtlst #interview_duration .label { font-size: 12px; text-transform: uppercase; } .scrsrtlst #interview_duration .field { font-weight: 500; margin: 0; } .scrsrtlst #interview_questions { position: absolute; top: 70px; width: 100%; background: #fff; height: 488px; border: 1px solid #333; overflow: scroll; overflow-x: hidden; overflow-y: scroll; } .scrsrtlst #interview_questions .question { color: #333; line-height: 1.3; padding: 10px 5px 10px 10px; } .scrsrtlst #interview_questions .question:before, .scrsrtlst #interview_questions .question:after { content: " "; display: table; } .scrsrtlst #interview_questions .question:after { clear: both; } .scrsrtlst #interview_questions .question .number { background: transparent url(/si_ei/images/video_interview_sprites.png) -120px -344px no-repeat; float: left !important; width: 20px; height: 20px; padding: 0px; color: #fff; border: 0px; box-shadow: none; min-width: 0; min-height: 0; line-height: normal; } .scrsrtlst #interview_questions .question .text { float: left; display: block; margin-left: 10px; width: 280px; } .scrsrtlst #interview_questions .question .fieldgroup { margin: 0; padding: 0; } .scrsrtlst #interview_questions .question .fieldgroup:not(:last-child) { border: none; } .scrsrtlst #interview_questions .question .duration { display: inline; float: right; color: #fff; margin-right: -40px; } .scrsrtlst #interview_questions .question .updown { float: right; display: block; left: 360px; top: 0px; width: 36px; height: 100%; border-left: 1px solid #eee; } .scrsrtlst #interview_questions .question .updown #floater { float: left; height: 50%; width: 100%; margin-bottom: -12px; } .scrsrtlst #interview_questions .question .updown .arrows { background: transparent url(/si_ei/images/video_interview_sprites.png) -100px -345px no-repeat; display: block; width: 13px; height: 24px; margin-left: 12px; clear: both; } .scrsrtlst #interview_questions .question.hover { background: #e4f3ff; cursor: move; } .scrsrtlst #interview_questions .question.hover .number { background: transparent url(/si_ei/images/video_interview_sprites.png) -120px -369px no-repeat; color: #fff; } .scrsrtlst #interview_questions .question.hover .duration { color: #666; } /* Builder: Step 3 */ #video_interview .step3 { position: relative; padding: 20px; } #video_interview .step3 .pgtitle { margin-bottom: 15px; } #video_interview .step3 #preferred_title { margin-bottom: 10px; } #video_interview .step3 #preferred_blurb { width: 720px; font-size: 12px; padding-top: 10px; } #video_interview .step3 .mock-interviews-title { font-size: 24px; color: #005f86; } #video_interview .step3 .mock-interviews-duration { color: #949494; } #video_interview .step3 .instructions { padding: 15px 0; } #video_interview .step3 .picture_checkbox { float: left; width: 66px; height: 67px; text-align: center; overflow: hidden; cursor: pointer; margin-right: 4px; } #video_interview .step3 .picture_checkbox .picture { width: 66px; height: 67px; } #video_interview .step3 .picture_checkbox .picture .interviewer_frame { width: 100%; height: 100%; } #video_interview .step3 .picture_checkbox .picture .interviewer_frame img { display: block; width: 71px; height: 71px; margin: 0px; padding: 0px; } #video_interview .step3 .picture_checkbox .picture .interviewer_frame .interviewer_mask { position: relative; top: -71px; left: 0px; width: 66px; height: 67px; background: transparent url(/si_ei/images/video_interview_sprites.png) no-repeat -263px -347px; } #video_interview .step3 .picture_checkbox .interviewer_name { position: absolute; width: 57px; background: none; font-size: 9px; text-align: center; margin: -19px 0 0 4px; } #video_interview .step3 .picture_checkbox.last { margin-right: 15px; } #video_interview .step3 .picture_checkbox.selected .picture .interviewer_frame { background-color: #005f86; background-image: url(/si_ei/images/video_interview_sprites.png); background-position: -177px -347px; background-repeat: no-repeat; cursor: default; } #video_interview .step3 .picture_checkbox.selected .picture .interviewer_frame img { width: 57px; height: 57px; margin: 0px 4px; padding-top: 4px; cursor: default; } #video_interview .step3 .picture_checkbox.selected .picture .interviewer_frame .interviewer_mask { display: none; } #video_interview .step3 .picture_checkbox.selected .interviewer_name { background: transparent url(/si_ei/images/video_interview_sprites.png) no-repeat -340px -344px; cursor: default; } #interview_panel.yui-panel { border: 0 none !important; } #interview_panel.yui-panel .hd { display: none; } #interview_panel.yui-panel .bd { padding: 0; } body.interviews-section { height: 100%; font-weight: 400; margin-top: 0; /* Mixins and Utility Classes */ /* Breadcrumbs */ /*** temporary quick fix for mock interviews share interview modal to lock the buttonbar in place like request feedback until modals and forms are updated after release ***/ } body.interviews-section .review-interview-wrapper { position: relative; } body.interviews-section .interviews-modal-container { position: absolute; top: 0; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; width: 100%; } body.interviews-section .interviews-modal-container .modal { z-index: 10000; } body.interviews-section .interviews-modal-container .fade { opacity: 1; } @media only screen and (max-width: 767px) { body.interviews-section .interviews-modal-container .modal-dialog .modal-content { position: static; } } body.interviews-section .interviews-modal-container .modal-dialog .modal-content .modal-body .form-group label, body.interviews-section .interviews-modal-container .modal-dialog .modal-content .modal-body .form-group legend { font-weight: 500; } @media only screen and (max-width: 767px) { body.interviews-section .interviews-modal-container .modal-dialog .modal-body { height: auto; } } body.interviews-section .interviews-modal-container .field { max-width: 100%; } body.interviews-section .interviews-modal-container .field input[type="text"], body.interviews-section .interviews-modal-container .field input[type="email"], body.interviews-section .interviews-modal-container .field select { width: 100%; min-height: 40px; } body.interviews-section .mock-interviews-container { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; min-height: 80%; position: relative; } body.interviews-section .mock-interviews-container video { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; min-width: 390px; } body.interviews-section .mock-interviews-container [class*='-list'] .list-item { display: list-item; margin-bottom: 20px; border: none; padding: 0; } body.interviews-section .mock-interviews-container .ordered-list { list-style: decimal; list-style-position: inside; } body.interviews-section .mock-interviews-container .body { max-width: 530px; margin: 20px 0; } body.interviews-section .mock-interviews-container .interview-settings, body.interviews-section .mock-interviews-container .adjust-settings, body.interviews-section .mock-interviews-container .video-container, body.interviews-section .mock-interviews-container .recording-actions, body.interviews-section .mock-interviews-container .attempts { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } body.interviews-section .mock-interviews-container .attempts { margin-bottom: 15px; } body.interviews-section .mock-interviews-container .attempts .attempt_thumb { margin-right: 15px; } body.interviews-section .mock-interviews-container .adjust-settings { margin: 20px 0; } body.interviews-section .mock-interviews-container .adjust-settings .input-wrapper { width: 33%; margin-right: 10px; } body.interviews-section .mock-interviews-container .adjust-settings select { font-size: 12px; } body.interviews-section .mock-interviews-container .adjust-settings .opt-level-icon { width: 0; height: 0; display: inline-block; margin: 0 5px; border-style: solid; border-width: 0 4.5px 7px 4.5px; border-color: transparent transparent #333 transparent; } body.interviews-section .mock-interviews-container .adjust-settings .opt-level-label { font-size: 11px; text-transform: uppercase; } body.interviews-section .mock-interviews-container .adjust-settings .opt-level { margin-left: 10px; } body.interviews-section .mock-interviews-container .settings-instructions { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; margin-left: 30px; width: 45%; max-width: 355px; } body.interviews-section .mock-interviews-container .interview-header { margin: 30px 0 75px; } body.interviews-section .mock-interviews-container .interview-header.responses { margin: 0; } body.interviews-section .mock-interviews-container .interview-header .interview-title, body.interviews-section .mock-interviews-container .interview-header .question-title { margin-bottom: 25px; max-width: 900px; } body.interviews-section .mock-interviews-container .settings-header { margin-bottom: 30px; max-width: 50%; } body.interviews-section .mock-interviews-container .practice-complete-wrapper .practice-action { margin-bottom: 15px; } body.interviews-section .mock-interviews-container .practice-complete-wrapper .btn.btn_link { margin: 0; padding: 0; color: #005f86; text-decoration: none; font-size: 13px; line-height: 20px; font-weight: unset; } body.interviews-section .mock-interviews-container .practice-complete-wrapper .btn.btn_link > .icn { margin-right: 3px; vertical-align: -2px; font-size: 16px; } body.interviews-section .mock-interviews-container .interview-column { width: 100%; margin: 0 auto; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } body.interviews-section .mock-interviews-container .interview-column .interview-container { max-width: 905px; } body.interviews-section .mock-interviews-container .interview-column .interview-container .video-container { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } body.interviews-section .mock-interviews-container .interview-column .interview-container .recording-actions { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } body.interviews-section .mock-interviews-container .interview-column .interview-container .recording-actions .title, body.interviews-section .mock-interviews-container .interview-column .interview-container .recording-actions .replay-actions { margin: 30px auto; } body.interviews-section .mock-interviews-container .interview-column .interview-container .recording-actions .question-timer { display: inline-block; } body.interviews-section .mock-interviews-container .interview-column .interview-container .recording-actions .recording-instructions { width: 250px; text-align: left; } body.interviews-section .mock-interviews-container .interview-column .interview-container .recording-actions button { max-height: 30px; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; } body.interviews-section .mock-interviews-container .interview-column .interview-container .recording-actions [class*='icn'].btn.btn_link { font-size: 24px; min-width: 25px; padding: 0; margin: 0; } body.interviews-section .mock-interviews-container .interview-column .interview-container .recording-actions .btn > span { vertical-align: initial; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .ratings-form { margin-left: -8px; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form [dir='rtl'] .ratings-form { margin-right: -8px; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating { float: left; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating > label { padding: 0 8px; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating:not(:checked) > input { position: absolute; top: -9999px; clip: rect(0, 0, 0, 0); } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating:not(:checked) > label { float: right; width: 28px; margin: 0; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 100%; line-height: 1.2; color: #888181; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating:not(:checked) > label:before { content: ' \2606'; font-size: 20px; letter-spacing: 5px; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating > input:checked ~ label { color: #f70; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating > input:checked ~ label:before { content: ' \2605'; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating:not(:checked) > label:hover, body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating:not(:checked) > label:hover ~ label { color: #f70; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .read-only .rating, body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .read-only .rating > label ~ label { pointer-events: none; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating:not(:checked) > label:hover:before, body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating:not(:checked) > label:hover ~ label:before { content: ' \2605'; } body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating > label:hover ~ input:checked ~ label, body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating > input:checked ~ label:hover, body.interviews-section .mock-interviews-container .interview-column .interview-container .ratings-form .rating > input:checked ~ label:hover ~ label { color: #f70; } body.interviews-section .mock-interviews-container .interview-column .progress-wrapper { margin-bottom: 30px; } body.interviews-section .mock-interviews-container .interview-column .progress { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; height: 5px; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } body.interviews-section .mock-interviews-container .interview-column .progress-bar { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; text-align: center; background-color: #005f86; transition: width 0.6s ease; } body.interviews-section .mock-interviews-container .interview-column vg-player { height: 317px; width: 423px; margin-right: 30px; } body.interviews-section .mock-interviews-container .interview-column .interview-video { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } body.interviews-section .mock-interviews-container .interview-column .interview-video video { height: 100%; } body.interviews-section .mock-interviews-container .interview-column .timer-progress { width: 140px; height: 140px; line-height: 140px; background: none; margin: 0 auto; box-shadow: none; position: relative; } body.interviews-section .mock-interviews-container .interview-column .timer-progress > span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; } body.interviews-section .mock-interviews-container .interview-column .timer-progress svg { transform: rotate(270deg); } body.interviews-section .mock-interviews-container .interview-column .timer-progress svg.radial-progress { position: relative; } body.interviews-section .mock-interviews-container .interview-column .timer-progress circle { stroke-width: 1em; fill: transparent; transform: rotate(0.1deg); } body.interviews-section .mock-interviews-container .interview-column .timer-progress .radial-progress { height: 140px; } body.interviews-section .mock-interviews-container .interview-column .timer-progress .radial-progress-background { stroke: #005f86; } body.interviews-section .mock-interviews-container .interview-column .timer-progress .radial-progress-cover { stroke: #dedede; stroke-width: 1.156em; border: 12px solid red; } body.interviews-section .mock-interviews-container .interview-column .timer-progress .radial-progress-center { fill: transparent; } body.interviews-section .mock-interviews-container .reviewer-title.title, body.interviews-section .mock-interviews-container .hint { margin-bottom: 20px; } body.interviews-section .mock-interviews-container .panel.panel-default { border: 1px solid #ccc; padding: 20px; margin-bottom: 20px; border-radius: 3px; } body.interviews-section .mock-interviews-container .other-attempts { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; margin-left: 30px; width: 25%; } body.interviews-section .mock-interviews-container .other-attempts .btn.btn_link { padding: 0; } body.interviews-section .mock-interviews-container .other-attempts .btn.btn_link { font-weight: 400; } body.interviews-section .mock-interviews-container .other-attempts .now-playing { font-weight: 300; color: #bbb; } body.interviews-section .mock-interviews-container #meterGraph { height: 30px; border: 1px solid #bbb; border-radius: 2px; } body.interviews-section .mock-interviews-container #meter { background: #005f86; width: 0%; height: 100%; } body.interviews-section .mock-interviews-container .selected { background-color: #005f86; color: #fff; } body.interviews-section .mock-interviews-container .feedback-form .buttonbar-bottom { margin-bottom: 20px; } body.interviews-section .mock-interviews-container .feedback-review { margin-top: 20px; white-space: pre-line; } body.interviews-section .mock-interviews-container .feedback-actions { margin: 20px 0; } body.interviews-section .mock-interviews-container .reviewer-feedback-wrapper:not('.manager') { max-width: 900px; } body.interviews-section .mock-interviews-container .reviewer-feedback { margin-bottom: 20px; } body.interviews-section .mock-interviews-container .feedback-rating-title { margin-right: 10px; } body.interviews-section .mock-interviews-container .feedback-rating { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-bottom: 20px; } body.interviews-section .mock-interviews-container .feedback-rating .reset-rating { color: initial; font-size: 18px; margin-right: 10px; line-height: normal; } body.interviews-section .mock-interviews-container .feedback-rating .reset-rating:active, body.interviews-section .mock-interviews-container .feedback-rating .reset-rating:hover { color: initial; text-decoration: none; } body.interviews-section .mock-interviews-container .share_link { background-color: #eaf6ff; padding: 5px; border: 0px solid; font-size: 14px; width: 100%; } body.interviews-section .back-to-list { padding-top: 30px; } body.interviews-section .controlls { position: absolute; left: 56px; top: 0; text-align: center; } body.interviews-section .vg-icon-play_arrow:before { content: ' '; height: 100px; width: 100px; background-image: url('/components/unicon/assets/svg-output/play_dark.svg'); background-repeat: no-repeat; background-size: 100px; color: white; } body.interviews-section vg-player, body.interviews-section .response-container { position: relative; } body.interviews-section .video-overlay { position: absolute; top: 0; width: 100%; height: 317px; z-index: 1000; background: black; opacity: 0.85; } body.interviews-section .interview-alert { margin-top: 10px; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb { list-style: none; overflow: hidden; font: 18px Sans-Serif; min-width: 100%; margin-bottom: 50px; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li { float: left; width: 65px; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li a { color: white; text-decoration: none; padding: 5px 0 5px 30px; background: #ccc; position: relative; display: block; float: left; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li a::before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 10px; left: 100%; z-index: 1; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li a::after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid #ccc; position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li:nth-child(2) a { background: #ccc; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li:nth-child(2) a:after { border-left-color: #ccc; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li:nth-child(3) a { background: #ccc; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li:nth-child(3) a:after { border-left-color: #ccc; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li:nth-child(4) a { background: #ccc; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li:nth-child(4) a:after { border-left-color: #ccc; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li:nth-child(5) a { background: #ccc; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li:nth-child(5) a:after { border-left-color: #ccc; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li a:hover, body.interviews-section .reviewer-feedback-wrapper .breadcrumb li a.selected { background: #005f86; } body.interviews-section .reviewer-feedback-wrapper .breadcrumb li a:hover:after, body.interviews-section .reviewer-feedback-wrapper .breadcrumb li a.selected:after { border-left-color: #005f86 !important; } body.interviews-section .form.share_interview_form .form_content * { margin-bottom: 10px; } body.interviews-section .buttonbar-fixed { position: fixed; bottom: 0; left: 0; width: 100%; } body.interviews-section .manager.replay-actions { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin-bottom: 50px; } body.interviews-section .manager.replay-actions .btn [class^="icn-"]:last-child, body.interviews-section .manager.replay-actions .btn [class*=" icn-"]:last-child { margin-top: -2px; } body.interviews-section .request-feedback-modal .field-error .error-message { padding-bottom: 5px; } body.interviews-section .request-feedback-modal .field-error [class*="icn-"] { font-size: 18px; padding-right: 5px; } body.interviews-section .request-feedback-modal .field-error .error-message { color: red; } body.interviews-section .request-feedback-modal .field-error .field-widget { border: 1px solid red; } body.interviews-section .interviews-modal-container .feedback-question { font-size: 15px; } body.interviews-section .interviews-modal-container .close { font-size: 40px; } body.interviews-section .interviews-modal-container .space-bottom-xl { margin-bottom: 30px; } .emp-profile.form-layout #emp_profile_content .notice { margin: 0 19px; } .emp-profile.form-layout #emp_profile_content .fieldgroup { padding-top: 0; } .emp-profile.form-layout #emp_profile_content .lst-foot .input-submit, .emp-profile.form-layout #emp_profile_content .lst-foot .input-button { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } .emp-profile.form-layout #emp_profile_content .lst-foot .input-submit:hover, .emp-profile.form-layout #emp_profile_content .lst-foot .input-button:hover, .emp-profile.form-layout #emp_profile_content .lst-foot .input-submit:focus, .emp-profile.form-layout #emp_profile_content .lst-foot .input-button:focus, .emp-profile.form-layout #emp_profile_content .lst-foot .input-submit:active, .emp-profile.form-layout #emp_profile_content .lst-foot .input-button:active { color: #fff; } .emp-profile.form-layout #emp_profile_content .lst-foot .input-submit:hover, .emp-profile.form-layout #emp_profile_content .lst-foot .input-button:hover, .emp-profile.form-layout #emp_profile_content .lst-foot .input-submit:focus, .emp-profile.form-layout #emp_profile_content .lst-foot .input-button:focus { background-color: #004d6d; border-color: #004d6d; } .emp-profile.form-layout #emp_profile_content .lst-foot .input-submit:active, .emp-profile.form-layout #emp_profile_content .lst-foot .input-button:active { background-color: #003b53; border-color: #003b53; } .emp-profile.form-layout #emp_profile_content .lst-foot .input-submit [class^="icn-"], .emp-profile.form-layout #emp_profile_content .lst-foot .input-button [class^="icn-"], .emp-profile.form-layout #emp_profile_content .lst-foot .input-submit [class*=" icn-"], .emp-profile.form-layout #emp_profile_content .lst-foot .input-button [class*=" icn-"] { color: #fff; } .emp-profile.form-layout .emp-profile-meta [class*="ti"] > a, .emp-profile.form-layout .emp-profile-meta [class*="ti"] > span { padding-left: 10px; vertical-align: 1px; } .emp-profile.form-layout .form-col { padding: 20px; } .emp-profile.form-layout .form-col #feed_linkedin, .emp-profile.form-layout .form-col #feed_twitter { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 20px; } .emp-profile.form-layout .form-col .youtube_video_side { padding: 0 15px; } @media (min-width: 992px) { .emp-profile.form-layout .form-col .youtube_video_side { padding: 0 40px; } } .emp-profile.form-layout .form-col .youtube_video_side h3 { font-weight: 300; font-size: 24px; line-height: 32px; color: #555; margin: 0 0 19px; display: inline-block; } .emp-profile.form-layout .form-col .youtube_video_side .badge-video { vertical-align: 5px; margin-left: 10px; } .emp-profile.form-layout .form-col .youtube_video_side .insetvideo { display: block; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .emp-profile.form-layout .form-col .youtube_video_side .insetvideo > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-bottom: 20px; } .emp-profile.form-layout .form-col .youtube_video_side :not(:first-child) h3 { margin-top: 20px; } .emp-profile.form-layout .form-col .emp-profile-loader { margin: 0 auto; width: 20px; } .emp-profile.form-layout .sidebar p { margin-bottom: 0; } .emp-profile.form-layout .sidebar .follow_link { color: #6c6c6c; background-color: #fff; border-color: #ccc; } .emp-profile.form-layout .sidebar .follow_link:hover, .emp-profile.form-layout .sidebar .follow_link:focus, .emp-profile.form-layout .sidebar .follow_link:active { color: #333; border-color: #949494; } .emp-profile.form-layout .sidebar .follow_link:active { background-color: #f6f6f6; } .emp-profile.form-layout .sidebar .follow_link [class^="icn-"], .emp-profile.form-layout .sidebar .follow_link [class*=" icn-"] { color: #6c6c6c; } .emp-profile.form-layout .sidebar .ti-flickr-alt h4, .emp-profile.form-layout .sidebar .icn-file_img h4 { font-weight: 400; display: inline-block; margin-left: 10px; margin-bottom: 10px; } .emp-profile.form-layout .emp_profile_job_key { padding: 0 15px; } .emp-profile.form-layout .emp_profile_job_key h3, .emp-profile.form-layout .emp_profile_job_key .sb-body { font-family: inherit; font-size: inherit; text-transform: capitalize; } .emp-profile.form-layout .emp_profile_job_key h3 { font-weight: 500; margin-bottom: 10px; } .emp-profile.form-layout .keystats { font-size: 12px; margin-bottom: 10px; } .emp-profile.form-layout #key-contacts li { border: 0; } .emp-profile.form-layout #key-contacts li .first p { padding-top: 0; } .emp-profile.form-layout #key-contacts li .last p { padding-top: 5px; margin-left: 0; } .emp-profile.form-layout #feed_twitter ul, .emp-profile.form-layout #key_contacts ul, .emp-profile.form-layout #emp_links ul { margin: 0; padding: 0; list-style: none; } .emp-profile.form-layout #feed_twitter ul .contact_info, .emp-profile.form-layout #key_contacts ul .contact_info, .emp-profile.form-layout #emp_links ul .contact_info { margin-bottom: 10px; } .emp-profile.form-layout #feed_twitter li { position: relative; min-height: 36px; margin-bottom: 20px; } .emp-profile.form-layout #feed_twitter li p { padding-left: 36px; vertical-align: middle; } .emp-profile.form-layout #feed_twitter li p:before { position: absolute; top: 0; left: 0; font-family: 'unicon'; speak: none; color: #949494; font-size: 28px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e925"; } .emp-profile.form-layout #feed_twitter li p span { font-size: 12px; color: #949494; } .emp-profile.form-layout #feed_twitter li.last { min-height: 0; margin: 0; } .emp-profile.form-layout #feed_twitter li.last p:before { display: none; } .emp-profile.form-layout #links-linkedin { position: relative; } .emp-profile.form-layout #links-linkedin img { position: absolute; top: 1px; left: 2px; } .emp-profile.form-layout #feed_photos .caption { padding-bottom: 10px; } .emp-profile.form-layout #feed_photos .caption a { padding-left: 0; } .emp-profile.form-layout #feed_photos li { float: left !important; margin: 4px; } .emp-profile.form-layout #feed_photos li h4 span { color: #949494; } .emp-profile.form-layout #feed_photos li li.last.caption { border-bottom: 0; padding-top: 3px; padding-bottom: 0; } .emp-profile.form-layout #feed_photos li #jobkey { margin-bottom: 10px; } .emp-profile.form-layout #feed_photos li .photoset ul { margin-bottom: 10px; } .emp-profile.form-layout #feed_photos li .photoset ul:first-child:before, .emp-profile.form-layout #feed_photos li .photoset ul:first-child:after { content: " "; display: table; } .emp-profile.form-layout #feed_photos li .photoset ul:first-child:after { clear: both; } .emp-profile.form-layout #feed_photos li .photoset ul li { margin-bottom: 0; } .emp-profile.form-layout #feed_photos li .photoset ul li a { height: 68px; width: 68px; display: inline-block; } .emp-profile.form-layout #feed_photos li .photoset ul li a .caption-b { margin-right: 0; } .emp-profile.form-layout #feed_photos li .photoset ul li img { float: left !important; height: 68px; width: 68px; } .emp-profile.form-layout #feed_photos li #vertjobkey img { display: inline; } .inst-col { width: 80px; } /* MSP */ @media (min-width: 992px) { .msp_panel { max-width: 600px; width: 50% !important; } } .msp_panel .ui-dialog-titlebar { background: #fff; color: #333; display: block; font-size: 24px; font-weight: 300; line-height: 30px; text-align: center; } .msp_panel .ui-dialog-title { position: relative; top: 30px; width: 100%; } .msp_panel .ui-dialog-titlebar-close { color: #949494; height: 40px; margin: 0; position: absolute; width: 40px; } .msp_panel .ui-dialog-titlebar-close .ui-icon:before { line-height: 40px; } .msp_panel .msp-intro { color: #6c6c6c; margin-top: -15px; text-align: center; } .msp_panel .options { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } @media (max-width: 767px) { .msp_panel .options { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .msp-card { border: 1px solid #ececec; border-radius: 3px; display: block; text-decoration: none; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-basis: 48%; -moz-flex-basis: 48%; -ms-flex-basis: 48%; flex-basis: 48%; } @media (max-width: 767px) { .msp-card { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } .msp-card:first-child { margin-bottom: 20px; } } .msp-card .header { background-color: #f6f6f6; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #333; font-weight: 500; padding: 20px; text-align: center; } .msp-card .content { height: 100%; text-align: center; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .msp-card .content .details { color: #6c6c6c; margin-bottom: 20px; } .msp-card .content .cta { color: #005f86; margin-top: auto; } .msp-card:hover, .msp-card:focus { text-decoration: none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.082); } .msp-card:hover .content .cta, .msp-card:focus .content .cta { text-decoration: underline; } /* Employers Chat Queue */ .employer-queue-list-item .list-item-actions-bar { margin-top: 20px; } @media only screen and (max-width: 767px) { .employer-queue-list-item .list-item-actions-bar { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } } .employer-queue-list-item .list-item-actions-bar button:first-child { margin-right: 15px; } .employer-queue-list-item.reps-list-item { margin: auto -20px; } .employer-queue-list-item.reps-list-item .list-item-actions-bar { margin-top: 0; } .employer-queue-list-item.reps-list-item.list-item:only-child, .employer-queue-list-item.reps-list-item.list-item:last-child { padding-bottom: 0; } /* utils class to update font sizes to base size where needed */ .font-size-base { font-size: 14px; } .chat-notes-container { padding: 20px; } .chat-notes-container .fg-title { margin-bottom: 5px; } .chat-notes-container .fg-title h2 { font-size: 14px; color: #333; font-weight: 400; } .chat-notes-container .chat-notes { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; margin: 0 -20px 20px; padding: 0 20px 20px; border-bottom: 1px solid #ececec; } .chat-notes-container .chat-notes .avatar { margin-right: 20px; } .chat-notes-container #chatSummary .field { margin-bottom: 20px; } .chat-notes-container #chatSummary .form-textarea { margin-bottom: 5px; } .chat-notes-container #chatSummary #summary .field { margin-bottom: 5px; } .chat-notes-container #chatSummary #summary .form-button { margin-bottom: 20px; } /* removing extra border and radiuses from tabs */ .floating_content #scrollTab_employer-chat.scroll_tabs_container { background: none; border-radius: unset; border: unset; border-bottom: 1px solid #ececec; } .list-desc.excerpt { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } [data-toggle='desc-toggle'] { cursor: pointer; } /* JOB VIEW */ .visual-header-bg { height: auto; min-height: 200px; margin-top: 10px; width: 100%; border-radius: 5px; border: 1px solid #ececec; background: linear-gradient(to bottom, rgba(34, 66, 78, 1) 33%, rgba(19, 36, 43, 1) 100%); } @media print { .visual-header-bg { display: none; } } .job_view_section_content { position: relative; } .job_view_section_content.content-container-inner { display: block; } @media only screen and (min-width: 992px) { .job_view_section_content .sidebar { padding-top: 0; } .job_view_section_content .visual-header-info { width: 75%; } } .job_view_section_content .visual-header-info, .job_view_section_content .visual-header-actions { display: block; position: absolute; top: 0; box-sizing: border-box; width: 100%; height: 200px; margin-bottom: 40px; } @media print { .job_view_section_content .visual-header-info, .job_view_section_content .visual-header-actions { margin-top: 0; height: auto; } } .job_view_section_content .visual-header-actions { width: 25%; right: 20px; height: auto; bottom: 0; top: auto; margin-bottom: 0px; } @media only screen and (max-width: 991px) { .job_view_section_content .visual-header-actions { margin-top: 0; height: auto; margin: 0; padding: 0; } } @media print { .job_view_section_content .visual-header-actions { display: none; } } .job_view_section_content .job_match_container { width: 100%; padding: 0 15px 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px; } .job_view_section_content .job_match_container a { display: block; color: #333; } .job_view_section_content .job_match_container .meter { margin-top: 10px; font-size: 14px; } .visual-header-info { margin-left: -20px; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } @media print { .visual-header-info { height: auto; } } .visual-header-info > div { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .visual-header-info .badge-small { display: inline-block; margin-bottom: 2px; } .visual-header-info a, .visual-header-info a:visited { color: inherit; text-decoration: none; } .visual-header-info a:hover { text-decoration: underline; } .visual-header-info .job_emp { opacity: 0.8; } .visual-header-info .job_emp_details { margin-right: 10px; } .visual-header-info .job_emp_details, .visual-header-info .job_follow { display: inline-block; } @media print { .visual-header-info .job_emp_details, .visual-header-info .job_follow { display: none; } } .visual-header-info .job_follow { margin: 10px 0; } .visual-header-info .job_follow a { display: inline !important; } .visual-header-info .job_follow a.btn-follow-hi .btn.btn_transparent { border-color: transparent; } .visual-header-info .job_follow a.btn-follow-hi .btn.btn_transparent:hover { border-color: #fff; } .visual-header-info .job_follow .temploadingspinner { display: none; } .visual-header-info .icn-favorite-hi, .visual-header-info .icn-favorite-add { height: 54px; width: 53px; padding: 0; background-size: contain; margin: -7px -13px; } @media screen and (max-width: 767px) { .visual-header-banner .header-content .header-title { display: block; } .visual-header-banner .header-title .badge-small { margin: 0px 5px 0px 0px; } .visual-header-banner .job_emp_details .job_follow { margin: 5px 0; } } .visual-header-banner .list-item { overflow: hidden; } .visual-header-banner .list-item .list-item-body { overflow: visible; } .visual-header-banner .header-subtitle { max-width: 80%; } .visual-header-banner .header-subtitle .job-emp { width: 100%; } .visual-header-banner .header-subtitle .job-emp .subtitle a { font-size: 100%; } .visual-header-bg { padding-top: 0px; } .visual-header-bg .visual-header-info { position: relative; min-height: 200px; height: auto; top: auto; margin: 0px; width: 100%; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .visual-header-bg .visual-header-info .job-emp-details { width: auto; max-width: 75%; } @media screen and (max-width: 991px) { .visual-header-bg .visual-header-info .job-emp-details { max-width: unset; } } .visual-header-bg .visual-header-actions { position: relative; right: 0px; margin: 0px 0px 0px auto; height: 100%; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; } @media screen and (max-width: 991px) { .visual-header-bg .visual-header-actions { position: absolute; } } .job-emp-logo { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; margin: 20px 0 20px 20px; min-width: 80px; } @media print { .job-emp-logo { display: none; } } .job-emp-info { margin: 20px; } .job-emp-info h1 { display: inline; } .job-emp-info h1, .job-emp-info .badge-small { vertical-align: middle; } .visual-header-actions { padding: 0px 20px 20px 20px; margin-right: -20px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } @media print { .visual-header-actions { display: none; } } .job_review_wrap, .visual-header-banner { display: block; } .job_review_wrap .job_summary_inner, .visual-header-banner .job_summary_inner { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .job_review_wrap .job_summary_inner > div, .visual-header-banner .job_summary_inner > div { min-width: 150px; padding-right: 40px; } .job_review_wrap .widget, .visual-header-banner .widget { font-size: 16px; } .job_review_wrap h1.job_title, .visual-header-banner h1.job_title { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; color: #fff; height: 160px; background: #949494; margin: -15px -15px 15px; padding: 20px; padding-top: 60px; padding-left: 70px; line-height: 1; -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .job_review_wrap h1.job_title .job-emp-logo, .visual-header-banner h1.job_title .job-emp-logo { position: absolute; margin-left: -55px; margin-top: -4px; } .job_review_wrap h1.job_title .job_title_line, .visual-header-banner h1.job_title .job_title_line { box-sizing: border-box; padding-bottom: 8px; display: block; } .job_review_wrap h1.job_title .job_emp, .visual-header-banner h1.job_title .job_emp { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.8); } .job_review_wrap h1.job_title a, .visual-header-banner h1.job_title a, .job_review_wrap h1.job_title a:visited, .visual-header-banner h1.job_title a:visited { text-decoration: none; color: inherit; } .job_review_wrap h1.job_title a:hover, .visual-header-banner h1.job_title a:hover, .job_review_wrap h1.job_title a:visited:hover, .visual-header-banner h1.job_title a:visited:hover { text-decoration: underline; } .job_review_wrap hr, .visual-header-banner hr { height: 0; border: none; border-bottom: 1px solid #ececec; } .job_review_wrap #job_buttons, .visual-header-banner #job_buttons { box-sizing: border-box; width: 100%; background-color: #fff; } @media screen and (max-width: 991px) { .job_review_wrap #job_buttons, .visual-header-banner #job_buttons { border-top: 1px solid #ececec; position: fixed; z-index: 2; bottom: 0; left: 0; height: auto; } .job_review_wrap #job_buttons ol, .visual-header-banner #job_buttons ol { display: inline-block; padding: 5px; width: 100%; } .job_review_wrap #job_buttons ol li, .visual-header-banner #job_buttons ol li { width: 100%; padding: 5px; } .job_review_wrap #job_buttons ol li button, .visual-header-banner #job_buttons ol li button { float: none; margin: 0; width: 100%; } } .job_review_wrap #job_buttons button, .visual-header-banner #job_buttons button { margin: 5px 0 0 10px; float: right; } .job_review_wrap #job_buttons #job_send_docs:not(.jobact-complete) button, .visual-header-banner #job_buttons #job_send_docs:not(.jobact-complete) button { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } .job_review_wrap #job_buttons #job_send_docs:not(.jobact-complete) button:hover, .visual-header-banner #job_buttons #job_send_docs:not(.jobact-complete) button:hover, .job_review_wrap #job_buttons #job_send_docs:not(.jobact-complete) button:focus, .visual-header-banner #job_buttons #job_send_docs:not(.jobact-complete) button:focus, .job_review_wrap #job_buttons #job_send_docs:not(.jobact-complete) button:active, .visual-header-banner #job_buttons #job_send_docs:not(.jobact-complete) button:active { color: #fff; } .job_review_wrap #job_buttons #job_send_docs:not(.jobact-complete) button:hover, .visual-header-banner #job_buttons #job_send_docs:not(.jobact-complete) button:hover, .job_review_wrap #job_buttons #job_send_docs:not(.jobact-complete) button:focus, .visual-header-banner #job_buttons #job_send_docs:not(.jobact-complete) button:focus { background-color: #004d6d; border-color: #004d6d; } .job_review_wrap #job_buttons #job_send_docs:not(.jobact-complete) button:active, .visual-header-banner #job_buttons #job_send_docs:not(.jobact-complete) button:active { background-color: #003b53; border-color: #003b53; } .job_review_wrap #job_buttons #job_send_docs:not(.jobact-complete) button [class^="icn-"], .visual-header-banner #job_buttons #job_send_docs:not(.jobact-complete) button [class^="icn-"], .job_review_wrap #job_buttons #job_send_docs:not(.jobact-complete) button [class*=" icn-"], .visual-header-banner #job_buttons #job_send_docs:not(.jobact-complete) button [class*=" icn-"] { color: #fff; } .job_review_wrap #job_acts_form select, .visual-header-banner #job_acts_form select { max-width: calc(100% - 108px); margin-right: 10px; } .job_review_wrap #job_acts_form > h4, .visual-header-banner #job_acts_form > h4 { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background: #005f86; color: #333; font-size: 18px; line-height: 24px; height: 60px; font-weight: normal; text-align: left; border: 0; border-radius: 5px 5px 0 0; } .job_review_wrap #job_acts_form > h4 #jobacts-ttl, .visual-header-banner #job_acts_form > h4 #jobacts-ttl { -webkit-flex-basis: 90%; -moz-flex-basis: 90%; -ms-flex-basis: 90%; flex-basis: 90%; padding: 0 20px; } [dir=rtl] .job_review_wrap #job_acts_form > h4 #jobacts-ttl, [dir=rtl] .visual-header-banner #job_acts_form > h4 #jobacts-ttl { text-align: right; } .job_review_wrap #job_acts_form > h4 a, .visual-header-banner #job_acts_form > h4 a { cursor: pointer; color: #555; top: 0; right: 0; width: 40px; height: 60px; line-height: inherit; text-align: center; margin: 0 15px; overflow: hidden; border: 0; text-decoration: none; background: none; } .job_review_wrap #job_acts_form > h4 a:hover, .visual-header-banner #job_acts_form > h4 a:hover, .job_review_wrap #job_acts_form > h4 a:focus, .visual-header-banner #job_acts_form > h4 a:focus { color: #333; text-decoration: none; } .job_review_wrap #job_acts_form > h4 a:before, .visual-header-banner #job_acts_form > h4 a:before { color: inherit; font-family: 'unicon'; content: "\e924"; speak: none; font-style: normal; font-size: 16px; font-weight: normal; font-variant: normal; text-transform: none; line-height: 60px; text-indent: 0; position: relative; display: block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .job_review_wrap #job_acts_form .sidebar-inner, .visual-header-banner #job_acts_form .sidebar-inner { margin: 0; border: none; position: relative; } .job_review_wrap #job_acts_form .form, .visual-header-banner #job_acts_form .form { padding-top: 0; } .job_review_wrap #job_acts_form .form .fieldgroup, .visual-header-banner #job_acts_form .form .fieldgroup { margin: 0; padding: 0; } .job_review_wrap #sb_howtoapply .btn, .visual-header-banner #sb_howtoapply .btn { margin-top: 5px; } .job_review_wrap .job_summary_inner, .visual-header-banner .job_summary_inner, .job_review_wrap .job_display_desc, .visual-header-banner .job_display_desc { border-bottom: 1px solid #ececec; margin-bottom: 20px; } .job_review_wrap .job_description ul li, .visual-header-banner .job_description ul li { list-style-type: disc; } .job_review_wrap .job_description ol li, .visual-header-banner .job_description ol li { list-style-type: decimal; } .job_review_wrap .job_description ol, .visual-header-banner .job_description ol, .job_review_wrap .job_description ul, .visual-header-banner .job_description ul { padding: 10px 0 10px 50px; } .job_review_wrap .job_description em, .visual-header-banner .job_description em { font-style: italic; } .job_review_wrap .job_description, .visual-header-banner .job_description, .job_review_wrap .job_qualifications, .visual-header-banner .job_qualifications, .job_review_wrap .job_skills, .visual-header-banner .job_skills { margin-bottom: 20px; } .job_review_wrap .job_display_desc, .visual-header-banner .job_display_desc { font-size: 16px; line-height: 1.4; } .job_review_wrap .job_skills, .visual-header-banner .job_skills { padding-top: 10px; } .job_review_wrap .fieldgroup h3, .visual-header-banner .fieldgroup h3 { display: none; } .job_review_wrap .related-resource-area, .visual-header-banner .related-resource-area { width: auto; } .job_review_wrap .job-similarjobs, .visual-header-banner .job-similarjobs { min-height: 180px; padding: 26px 0 0; border: none; width: 650px; margin: 0 auto; } @media only screen and (max-width: 1199px) { .job_review_wrap .job-similarjobs, .visual-header-banner .job-similarjobs { display: none; } } .job_review_wrap .job-similarjobs > .label, .visual-header-banner .job-similarjobs > .label { padding-top: 0; padding-bottom: 15px; } .job_review_wrap .job-similarjobs a, .visual-header-banner .job-similarjobs a { text-decoration: none; font-size: 16px; } .job_review_wrap .job-similarjobs .similarjobs-slides, .visual-header-banner .job-similarjobs .similarjobs-slides { margin: 0 15px; } .job_review_wrap .job-similarjobs .similarjob_item, .visual-header-banner .job-similarjobs .similarjob_item { padding: 15px; } .job_review_wrap .job-similarjobs .similarjob_item.over, .visual-header-banner .job-similarjobs .similarjob_item.over { padding: 13px; } .job_review_wrap .job-similarjobs .similarjobs-next, .visual-header-banner .job-similarjobs .similarjobs-next, .job_review_wrap .job-similarjobs .similarjobs-prev, .visual-header-banner .job-similarjobs .similarjobs-prev { cursor: pointer; } .job_review_wrap .job-similarjobs .similarjobs-next, .visual-header-banner .job-similarjobs .similarjobs-next { margin-left: -10px; } .job_review_wrap a.best-place-to-work-badge, .visual-header-banner a.best-place-to-work-badge { text-align: center; margin-bottom: 20px; padding: 0 15px 15px; border-bottom: 1px solid #ddd; display: block; } .job_review_wrap .employer_banner, .visual-header-banner .employer_banner { text-align: center; margin: 20px 0; } .job_review_wrap .employer_banner img, .visual-header-banner .employer_banner img { max-width: 100%; border-radius: 3px; } @media only screen and (max-width: 767px) { .job_review_wrap .employer_banner, .visual-header-banner .employer_banner { margin-left: -20px; margin-right: -20px; } } .job_review_wrap .employer_video, .visual-header-banner .employer_video { float: left; margin-right: 15px; } @media only screen and (max-width: 767px) { .job_review_wrap .employer_video, .visual-header-banner .employer_video { float: none; margin-right: 0; margin-bottom: 15px; } } .job_review_wrap .social-links, .visual-header-banner .social-links { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; } .job_review_wrap .social-links a, .visual-header-banner .social-links a { display: inline-block; vertical-align: middle; } .job_review_wrap .social-links i, .visual-header-banner .social-links i { font-size: 28px; display: inline-block; vertical-align: middle; } .job_review_wrap .job_follow, .visual-header-banner .job_follow { display: inline-block; max-height: 20px; margin: 0 0 0 5px; } @media print { .job_review_wrap .job_follow, .visual-header-banner .job_follow { display: none; } } .job_review_wrap .job_follow .btn, .visual-header-banner .job_follow .btn { min-height: 20px; line-height: 20px; padding: 0 4px; border-color: #ccc; color: #6c6c6c; } #hiddenShortLink { position: fixed; top: 0; left: 0; width: 1px; height: 1px; padding: 0px; border: none; outline: none; box-shadow: none; background: transparent; } #student_job_match .actions-toggle-wrap .job_match_container { float: none; width: 40px; vertical-align: top; padding-top: 12px; display: inline-block; } #student_job_match .actions-toggle-wrap .job_match_container > * { display: inline-block; width: 100%; } .popover-title { padding: 15px 10px; } .popover-content { padding: 10px; line-height: 1.4; } .popover-content ul, .popover-content li { list-style: circle; margin-left: 15px; } .popover-content p, .popover-content ul { margin-top: 10px; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .popover-inner { width: 240px; } } #loadMoreJobs { text-align: center; margin: 20px; color: #949494; } #loadMoreJobs * { display: inline; vertical-align: middle; margin: 0 10px; } .score-meter.complete_99, .score-meter.complete_100, .meter.inverted .score-meter.complete_0, .meter.inverted .score-meter.complete_25 { background-color: #297848; } .score-meter.complete_75, .meter.inverted .score-meter.complete_25 { background-color: #696725; } .score-meter.complete_50 { background-color: #a85502; } .score-meter.complete_0, .score-meter.complete_25, .meter.inverted .score-meter.complete_99, .meter.inverted .score-meter.complete_100 { background-color: #bf3e24; } .lst-head-l, .lst-foot-l { padding-left: 0; } .ui-autocomplete.ui-widget, .autocomplete-widget, .jobfilters_keyword_autocomplete { color: #6c6c6c; position: relative; } .ui-autocomplete.ui-widget .ui-autocomplete-input::-ms-clear, .autocomplete-widget .ui-autocomplete-input::-ms-clear, .jobfilters_keyword_autocomplete .ui-autocomplete-input::-ms-clear { display: none; } .ui-autocomplete.ui-widget .ui-autocomplete-clear, .autocomplete-widget .ui-autocomplete-clear, .jobfilters_keyword_autocomplete .ui-autocomplete-clear { color: #6c6c6c; cursor: pointer; position: absolute; top: 10px; right: 10px; } .ui-autocomplete.ui-widget .ui-autocomplete-clear[class^="icn-"], .autocomplete-widget .ui-autocomplete-clear[class^="icn-"], .jobfilters_keyword_autocomplete .ui-autocomplete-clear[class^="icn-"], .ui-autocomplete.ui-widget .ui-autocomplete-clear[class*=" icn-"], .autocomplete-widget .ui-autocomplete-clear[class*=" icn-"], .jobfilters_keyword_autocomplete .ui-autocomplete-clear[class*=" icn-"], .ui-autocomplete.ui-widget .ui-autocomplete-clear [class^="icn-"], .autocomplete-widget .ui-autocomplete-clear [class^="icn-"], .jobfilters_keyword_autocomplete .ui-autocomplete-clear [class^="icn-"], .ui-autocomplete.ui-widget .ui-autocomplete-clear [class*=" icn-"], .autocomplete-widget .ui-autocomplete-clear [class*=" icn-"], .jobfilters_keyword_autocomplete .ui-autocomplete-clear [class*=" icn-"] { font-size: 16px; } .page-students .ui-autocomplete { max-height: 250px; overflow: auto; } .page-students .ui-autocomplete .ui-menu-item { margin-bottom: 2px; } .page-students .ui-autocomplete.ui-widget, .page-students .autocomplete-widget, .page-students .jobfilters_keyword_autocomplete { font-size: 13px; } .ajax_keyword_filter { position: relative; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ajax_keyword_filter .jobfilters_keyword_autocomplete, .ajax_keyword_filter .selectwithsearch-autocomplete { margin-bottom: 10px; position: relative; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } .ajax_keyword_filter .jobfilters_keyword_autocomplete input[type="text"], .ajax_keyword_filter .selectwithsearch-autocomplete input[type="text"] { width: 100%; } .ajax_keyword_filter .jobfilters_keyword_autocomplete .ui-autocomplete-clear { right: 40px; } .ajax_keyword_filter #jobfilters_keywords_, .ajax_keyword_filter #jobfilters_location_keywords_, .ajax_keyword_filter #jobfiltersclass_values_job__keywords_ { font-size: inherit; max-width: 100%; border-width: 1px; border-style: solid; border-color: #bbb; border-radius: 3px; padding: 8px; margin-right: 5px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); transition: all ease-in-out 0.2s; vertical-align: middle; vertical-align: middle; } .ajax_keyword_filter .ajax_filter_submit { -webkit-flex-basis: 120px; -moz-flex-basis: 120px; -ms-flex-basis: 120px; flex-basis: 120px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } .ajax_keyword_filter .ajax_filter_submit:hover, .ajax_keyword_filter .ajax_filter_submit:focus, .ajax_keyword_filter .ajax_filter_submit:active { color: #fff; } .ajax_keyword_filter .ajax_filter_submit:hover, .ajax_keyword_filter .ajax_filter_submit:focus { background-color: #004d6d; border-color: #004d6d; } .ajax_keyword_filter .ajax_filter_submit:active { background-color: #003b53; border-color: #003b53; } .ajax_keyword_filter .ajax_filter_submit [class^="icn-"], .ajax_keyword_filter .ajax_filter_submit [class*=" icn-"] { color: #fff; } @media (min-width: 768px) { .ajax_keyword_filter { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .ajax_keyword_filter .jobfilters_keyword_autocomplete, .ajax_keyword_filter .selectwithsearch-autocomplete { margin-bottom: 0; margin-right: 10px; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; } .ajax_keyword_filter .ajax_filter_submit { -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } } #jobfilters_distance_search__distance_ { margin-right: 10px; } #jobfilters_distance_search__base_ { max-width: 5em; margin-left: 10px; } .search-filters.ajax-filters { padding: 0; } .ajax_filter_form { padding: 20px 15px 15px; } .ajax_saved_search_edit_submits { margin: 15px 10px 15px 15px; } .ajax_clear_submit { display: none; } .ajax_clear_submit, .ajax_advanced_search { color: #6c6c6c; text-decoration: none; } .ajax_clear_submit:hover, .ajax_advanced_search:hover { color: #005f86; text-decoration: underline; } .ajax_advanced_search_button:after, .ajax_filter_button:after { vertical-align: middle; font-family: 'unicon'; speak: none; color: inherit; font-size: inherit; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e92e"; } .ajax_advanced_search_button.ajax_filter_selected:after, .ajax_filter_button.ajax_filter_selected:after { content: "\e920"; } .ajax_advanced_search_button, .ajax_filter_button { margin-left: 15px; line-height: 32px; } .ajax_saved_searches_wrapper { margin-right: 0; border-bottom: 1px solid #ececec; } .ajax_saved_searches_wrapper .curr_saved_searches { padding: 0 15px 20px; } .ajax_saved_searches_wrapper .curr_saved_searches .ajax_search_saved_success, .ajax_saved_searches_wrapper .curr_saved_searches .ajax_add_saved_search { padding-right: 15px; border-right: 2px solid #949494; margin-right: 15px; } .ajax_saved_searches_wrapper .curr_saved_searches .ajax_search_saved_success .icn, .ajax_saved_searches_wrapper .curr_saved_searches .ajax_add_saved_search .icn { padding-right: 5px; vertical-align: middle; } .ajax_saved_searches_wrapper .curr_saved_searches .ajax_search_saved_success { color: #297848; display: none; } .ajax_saved_searches_wrapper .curr_saved_searches .ajax_search_saved_success .icn { color: #297848; } .ajax_saved_searches_wrapper .curr_saved_searches a, .ajax_saved_searches_wrapper .curr_saved_searches .ajax_add_saved_search { text-decoration: none; color: #005f86; } .ajax_saved_searches_wrapper .curr_saved_searches a .icn, .ajax_saved_searches_wrapper .curr_saved_searches .ajax_add_saved_search .icn { color: #005f86; } .ajax_saved_searches_wrapper .no_saved_searches { color: #0d6dc1; background-color: #5eb4ff; padding: 15px; display: none; } .ajax_saved_searches_wrapper .no_saved_searches a { color: #0d6dc1; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 600; } .existing_saved_row .ajax_saved_search_frequency_text, .existing_saved_row .ajax_saved_search_new_only_text { text-transform: capitalize; color: #333; } .existing_saved_row select, .existing_saved_row input, .existing_saved_row input[type=radio][disabled] + label { display: none; } .existing_saved_row .ajax_filters_count { margin-left: 5px; font-size: 12px; text-transform: lowercase; } .existing_saved_row td { width: 150px; } .existing_saved_row td[class$="_label"] a { display: block; width: 250px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; color: #333; } .ajax_saved_searches_div, .ajax_filter_options { box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.082); margin-top: 10px; border-radius: 3px; padding: 0; } .ajax_saved_searches_div .saved_search_close, .ajax_filter_options .saved_search_close, .ajax_saved_searches_div .ajax_filter_close, .ajax_filter_options .ajax_filter_close { height: 20px; width: 20px; top: 15px; right: 15px; left: auto; font-size: 16px; overflow: hidden; cursor: pointer; color: #333; text-decoration: none; } .ajax_saved_searches_div .saved_search_close:before, .ajax_filter_options .saved_search_close:before, .ajax_saved_searches_div .ajax_filter_close:before, .ajax_filter_options .ajax_filter_close:before { color: inherit; font-family: 'unicon'; content: "\e924"; speak: none; font-style: normal; font-size: 16px; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; text-indent: 0; position: relative; display: block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [dir=rtl] .ajax_saved_searches_div .saved_search_close, [dir=rtl] .ajax_filter_options .saved_search_close, [dir=rtl] .ajax_saved_searches_div .ajax_filter_close, [dir=rtl] .ajax_filter_options .ajax_filter_close { direction: ltr; } .ajax_saved_searches_div .saved_search_close:hover, .ajax_filter_options .saved_search_close:hover, .ajax_saved_searches_div .ajax_filter_close:hover, .ajax_filter_options .ajax_filter_close:hover { color: #005f86; } .ajax_saved_searches_div input[type=radio] + label, .ajax_filter_options input[type=radio] + label { margin-left: 10px; } .ajax_filter_options, .saved_search_edit_dialog { z-index: 103; max-width: calc(100% - (20px * 2)); overflow: auto; left: 20px; bottom: auto; margin-top: 54px; margin-left: 0; } @media only screen and (max-width: 1200px) { .ajax_filter_options, .saved_search_edit_dialog { max-width: calc(100% - (20px * 2)); left: 20px; margin-left: 0; } } @media only screen and (max-width: 800px) { .ajax_filter_options, .saved_search_edit_dialog { border: none; border-radius: 0; position: fixed; width: 100%; height: 100%; max-width: 100%; min-width: 100%; left: 0; top: 0; bottom: 0; right: 0; margin-top: 0; margin-left: 0; } } .ajax_filter_options > table, .ajax_edit_filter_options > table { margin-bottom: 15px; } .ajax_filter_options > table, .ajax_edit_filter_options > table, .ajax_filter_options > table > tbody, .ajax_edit_filter_options > table > tbody, .ajax_filter_options > table > tbody > tr, .ajax_edit_filter_options > table > tbody > tr, .ajax_filter_options > table > tbody > tr > td, .ajax_edit_filter_options > table > tbody > tr > td { display: block; } .ajax_filter_options > table > tbody > tr, .ajax_edit_filter_options > table > tbody > tr { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } .ajax_filter_options > table > tbody > tr > td, .ajax_edit_filter_options > table > tbody > tr > td { box-sizing: border-box; padding: 10px; width: 50%; } .ajax_filter_options > table > tbody > tr > td .widget, .ajax_edit_filter_options > table > tbody > tr > td .widget { margin-top: 10px; min-height: 40px; white-space: normal; } .ajax_filter_options > table > tbody > tr > td .widget select, .ajax_edit_filter_options > table > tbody > tr > td .widget select, .ajax_filter_options > table > tbody > tr > td .widget textarea, .ajax_edit_filter_options > table > tbody > tr > td .widget textarea, .ajax_filter_options > table > tbody > tr > td .widget input.input-text, .ajax_edit_filter_options > table > tbody > tr > td .widget input.input-text { width: 100%; box-sizing: border-box; } .ajax_filter_options > table > tbody > tr > td .widget input.input-text, .ajax_edit_filter_options > table > tbody > tr > td .widget input.input-text { border-width: 1px; border-style: solid; border-radius: 2px; border-color: #ccc; padding: 3px 10px; width: 100%; color: #6c6c6c; font-weight: normal; font-size: 14px; line-height: 22px; max-width: 500px; min-height: 40px; transition: all 0.2s ease-in-out; } .ajax_filter_options > table > tbody > tr > td .widget input.input-text:focus, .ajax_edit_filter_options > table > tbody > tr > td .widget input.input-text:focus, .ajax_filter_options > table > tbody > tr > td .widget input.input-text:hover, .ajax_edit_filter_options > table > tbody > tr > td .widget input.input-text:hover { border-color: #6c6c6c; transition: all 0.2s ease-in-out; } .ajax_filter_options > table > tbody > tr > td .widget input.input-text:disabled, .ajax_edit_filter_options > table > tbody > tr > td .widget input.input-text:disabled { border-color: #ccc; background-color: #ececec; } .ajax_filter_options > table > tbody > tr > td .widget input.jscal-text, .ajax_edit_filter_options > table > tbody > tr > td .widget input.jscal-text { max-width: 7em; } @media only screen and (max-width: 1200px) { .ajax_filter_options > table > tbody > tr, .ajax_edit_filter_options > table > tbody > tr { display: block; } .ajax_filter_options > table > tbody > tr > td, .ajax_edit_filter_options > table > tbody > tr > td { width: 100% !important; padding: 15px !important; } .ajax_filter_options > table > tbody > tr > td .widget, .ajax_edit_filter_options > table > tbody > tr > td .widget { margin-bottom: 0; } } @media only screen and (max-width: 800px) { .ajax_filter_options > table > tbody > tr, .ajax_edit_filter_options > table > tbody > tr { display: block; } .ajax_filter_options > table > tbody > tr > td, .ajax_edit_filter_options > table > tbody > tr > td { width: 100%; } .ajax_filter_options > table > tbody > tr > td .widget, .ajax_edit_filter_options > table > tbody > tr > td .widget { margin-bottom: 0; } } .ajax_filter_options { padding: 20px 10px; } .ajax_filter_options .ajax_filter_close { position: absolute; } .ajax_filter_options .ajax_clear_submit { color: #6c6c6c; background-color: #fff; border-color: #ccc; } .ajax_filter_options .ajax_clear_submit:hover, .ajax_filter_options .ajax_clear_submit:focus, .ajax_filter_options .ajax_clear_submit:active { color: #333; border-color: #949494; } .ajax_filter_options .ajax_clear_submit:active { background-color: #f6f6f6; } .ajax_filter_options .ajax_clear_submit [class^="icn-"], .ajax_filter_options .ajax_clear_submit [class*=" icn-"] { color: #6c6c6c; } .ajax_filter_options .ajax_filter_submit { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; margin-right: 10px; } .ajax_filter_options .ajax_filter_submit:hover, .ajax_filter_options .ajax_filter_submit:focus, .ajax_filter_options .ajax_filter_submit:active { color: #fff; } .ajax_filter_options .ajax_filter_submit:hover, .ajax_filter_options .ajax_filter_submit:focus { background-color: #004d6d; border-color: #004d6d; } .ajax_filter_options .ajax_filter_submit:active { background-color: #003b53; border-color: #003b53; } .ajax_filter_options .ajax_filter_submit [class^="icn-"], .ajax_filter_options .ajax_filter_submit [class*=" icn-"] { color: #fff; } .ajax_filter_options .ajax_advanced_search_submits { margin-left: 10px; } .saved_search_edit_dialog .search-filters { padding: 0; white-space: normal; } .ajax_saved_searches_div td { min-height: 40px; vertical-align: middle; } .ajax_saved_searches_div td, .ajax_saved_searches_div th { padding: 15px 7.5px !important; } .ajax_saved_searches_div td:first-child, .ajax_saved_searches_div th:first-child { padding-left: 15px !important; } .ajax_saved_searches_div td:last-child, .ajax_saved_searches_div th:last-child { padding-right: 15px !important; } .ajax_saved_searches_div .saved_search_close { color: #fff; } .ajax_saved_searches_div .saved_search_close:hover { color: rgba(255, 255, 255, 0.5); } .ajax_saved_searches_div .input-text { border-width: 1px; border-style: solid; border-radius: 2px; border-color: #ccc; padding: 3px 10px; width: 100%; color: #6c6c6c; font-weight: normal; font-size: 14px; line-height: 22px; max-width: 500px; min-height: 40px; transition: all 0.2s ease-in-out; } .ajax_saved_searches_div .input-text:focus, .ajax_saved_searches_div .input-text:hover { border-color: #6c6c6c; transition: all 0.2s ease-in-out; } .ajax_saved_searches_div .input-text:disabled { border-color: #ccc; background-color: #ececec; } .ajax_saved_searches_div .saved_searches_row_edit, .ajax_saved_searches_div .saved_searches_row_delete { padding: 5px 15px; text-decoration: none; color: #949494; } .ajax_saved_searches_div .saved_searches_row_edit .icn, .ajax_saved_searches_div .saved_searches_row_delete .icn { padding-right: 10px; vertical-align: middle; } .ajax_saved_searches_div .saved_searches_row_edit:hover, .ajax_saved_searches_div .saved_searches_row_delete:hover { color: #005f86; } .ajax_saved_searches_div .saved_searches_row_save { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } .ajax_saved_searches_div .saved_searches_row_save:hover, .ajax_saved_searches_div .saved_searches_row_save:focus, .ajax_saved_searches_div .saved_searches_row_save:active { color: #fff; } .ajax_saved_searches_div .saved_searches_row_save:hover, .ajax_saved_searches_div .saved_searches_row_save:focus { background-color: #004d6d; border-color: #004d6d; } .ajax_saved_searches_div .saved_searches_row_save:active { background-color: #003b53; border-color: #003b53; } .ajax_saved_searches_div .saved_searches_row_save [class^="icn-"], .ajax_saved_searches_div .saved_searches_row_save [class*=" icn-"] { color: #fff; } .saved_search_headers { background-color: #005f86; color: #fff; } .edit_saved_search_meta table.slim { width: 100%; } @media only screen and (max-width: 767px) { .ajax_filter_wrapper { position: relative; } .ajax_filter_button { right: 0; width: 50%; } .ajax_saved_searches_div { border: none; border-radius: 0; position: fixed; width: auto; left: 0; right: 0; top: 0; bottom: 0; z-index: 103; padding: 46px 0 0; margin: 0; } .ajax_saved_searches_div input[type=text] { width: 170px; } .ajax_saved_searches_div select { width: 100px; } .ajax_saved_searches_div .saved_search_close { position: fixed; color: #005f86; } .ajax_saved_searches_div td, .ajax_saved_searches_div th { padding: 7.5px 15px !important; } .ajax_saved_searches_div table, .ajax_saved_searches_div tbody, .ajax_saved_searches_div tr, .ajax_saved_searches_div td, .ajax_saved_searches_div th { display: block; } .ajax_saved_searches_div .saved_search_headers td { display: none; } .ajax_saved_searches_div td { border: none; } .ajax_saved_searches_div td > span:first-child { display: inline-block !important; width: 40%; } .ajax_saved_searches_div td > select, .ajax_saved_searches_div td .input-text { width: 60% !important; box-sizing: border-box; } .ajax_saved_searches_div td:last-child { padding-left: 0; } .ajax_saved_searches_div tr:not(:first-child) { padding: 25px 0 15px; border-bottom: 1px solid #ececec; } } .ajax_pill_wrapper { margin-top: 5px; max-width: 700px; } .ajax_pill_wrapper li { vertical-align: middle; margin: 10px 10px 0 0; height: 32px; line-height: 32px; } .ajax_pill, .ajax_pill_readonly { border: none; background-color: #e0e0e0; padding: 0 28px 0 13px; max-width: 350px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; } .ajax_pill_readonly { padding: 10px 13px; margin: 5px 5px 0 0; display: inline-block; } .ajax_pill, .ajax_pill_readonly, .ajax_delete_pill { vertical-align: middle; border-radius: 100px; color: #555; } .ajax_delete_pill { font-weight: 700; position: absolute; border: none; padding: 0 4px; height: 18px; width: 18px; line-height: 18px; right: 6px; top: 50%; margin-top: -9px; color: inherit !important; } .ajax_delete_pill:hover { background-color: #bf3e24; color: #fff !important; } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ajax_busy_dialog { background: transparent; box-shadow: none; text-align: center; height: 70px !important; margin-top: -35px !important; width: 70px !important; margin-left: -35px !important; left: 50% !important; top: 50% !important; position: fixed; } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ajax_busy_dialog div#ajax_search_busy_dialog { overflow: hidden; } .ui-widget-overlay.ui-front { position: fixed; } .filter-list .job-list-filter-buttons { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; min-width: 1px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; } .filter-list .job-list-filter-buttons .filter-dropdown-btn { width: 100%; text-align: left; margin-right: 0; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; min-width: 1px; overflow: hidden; } .filter-list .job-list-filter-buttons .filter-dropdown-btn::after { display: none; } .filter-list .job-list-filter-buttons > .btn, .filter-list .job-list-filter-buttons simple-filters > .btn, .filter-list .job-list-filter-buttons .simple-filters > .btn, .filter-list .job-list-filter-buttons > .btn-group, .filter-list .job-list-filter-buttons simple-filters > .btn-group, .filter-list .job-list-filter-buttons .simple-filters > .btn-group { width: auto; margin-right: 30px; display: "-webkit-inline-flex"; display: "-moz-inline-flex"; display: "-ms-inline-flex"; display: inline-flex; min-width: 70px; } .filter-list .job-list-filter-buttons > .btn .filter-text, .filter-list .job-list-filter-buttons simple-filters > .btn .filter-text, .filter-list .job-list-filter-buttons .simple-filters > .btn .filter-text, .filter-list .job-list-filter-buttons > .btn-group .filter-text, .filter-list .job-list-filter-buttons simple-filters > .btn-group .filter-text, .filter-list .job-list-filter-buttons .simple-filters > .btn-group .filter-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; margin-right: 5px; } .filter-list .job-list-filter-buttons > .btn .filter-count-text, .filter-list .job-list-filter-buttons simple-filters > .btn .filter-count-text, .filter-list .job-list-filter-buttons .simple-filters > .btn .filter-count-text, .filter-list .job-list-filter-buttons > .btn-group .filter-count-text, .filter-list .job-list-filter-buttons simple-filters > .btn-group .filter-count-text, .filter-list .job-list-filter-buttons .simple-filters > .btn-group .filter-count-text, .filter-list .job-list-filter-buttons > .btn .filter-chevron, .filter-list .job-list-filter-buttons simple-filters > .btn .filter-chevron, .filter-list .job-list-filter-buttons .simple-filters > .btn .filter-chevron, .filter-list .job-list-filter-buttons > .btn-group .filter-chevron, .filter-list .job-list-filter-buttons simple-filters > .btn-group .filter-chevron, .filter-list .job-list-filter-buttons .simple-filters > .btn-group .filter-chevron { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .filter-list .job-list-filter-buttons simple-filters, .filter-list .job-list-filter-buttons .simple-filters { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; min-width: 1px; } .filter-list .job-list-filter-buttons .more-filters-dropdown-group { margin-right: 0; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; } .filter-list .job-list-static-links { margin-left: 10px; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .search-form-filters, .form-col .search-form-filters { padding: 20px; background: #f9f9f9; } .filter-pills-wrapper { padding: 20px; padding-bottom: 0; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .filter-pills-wrapper .filter-pills-data-wrapper > div { clear: both; } .filter-pills-wrapper .filter-pills-data-wrapper > div:first-child:nth-last-child(n+2) { margin-bottom: 15px; float: left; } @media (max-width: 414px) { .filter-pills-wrapper .pill-data { display: none; } } .filter-pills-wrapper .job-alert { -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .filter-pills-wrapper .job-alert [class^="icn-"], .filter-pills-wrapper .job-alert [class$=" icn-"] { margin-left: 0; width: 12px; margin-right: 5px; } .filter-pills-wrapper .job-alert button { margin: 0; } .filter-pills-wrapper .jobs_distance_found, .filter-pills-wrapper .jobs_distance_noFound { font-style: italic; } .filter-pills-wrapper .jobs_distance_noFound { font-size: 13px; color: #6c6c6c; } /* JOB LIST */ #student_job_list_content job-element > a { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; text-decoration: none; color: inherit; width: 100%; } #student_job_list_content job-element > a .list-item-logo [class^="icn-"] { color: inherit; } #student_job_list_content li { min-height: 100px; } #student_job_list_content li.not-interested > * { opacity: 0.5; } @media screen and (max-width: 767px) { #student_job_list_content .actions-toggle-wrap { float: right; } } #student_job_list_content .actions-toggle-wrap a, #list .actions-toggle-wrap a { color: #949494; display: inline-block; font-size: 20px; height: 20px; text-decoration: none; line-height: 20px; overflow: hidden; text-align: center; top: 15px; vertical-align: middle; width: 30px; } @media screen and (max-width: 767px) { #student_job_list_content .actions-toggle-wrap a, #list .actions-toggle-wrap a { display: inherit; } #student_job_list_content .actions-toggle-wrap a:before, #list .actions-toggle-wrap a:before { padding-bottom: 10px; } } #student_job_list_content .actions-toggle-wrap a:before, #list .actions-toggle-wrap a:before { display: block; } #student_job_list_content .actions-toggle-wrap a[class^="icn-star_filled"], #list .actions-toggle-wrap a[class^="icn-star_filled"], #student_job_list_content .actions-toggle-wrap a[class*="icn-star_filled"], #list .actions-toggle-wrap a[class*="icn-star_filled"] { color: #f6b62f; } #student_job_list_content .actions-toggle-wrap a[class^="icn-thumb"], #list .actions-toggle-wrap a[class^="icn-thumb"], #student_job_list_content .actions-toggle-wrap a[class*=" icn-thumb"], #list .actions-toggle-wrap a[class*=" icn-thumb"] { left: 35px; top: 17px; } #student_job_list_content .actions-toggle-wrap a.icn-thumbs_down, #list .actions-toggle-wrap a.icn-thumbs_down, #student_job_list_content .actions-toggle-wrap a.icn-thumbs_down_filled, #list .actions-toggle-wrap a.icn-thumbs_down_filled { margin-top: 2px; } @media screen and (min-width: 767px) { #student_job_list_content .actions-toggle-wrap a.icn-thumbs_down, #list .actions-toggle-wrap a.icn-thumbs_down, #student_job_list_content .actions-toggle-wrap a.icn-thumbs_down_filled, #list .actions-toggle-wrap a.icn-thumbs_down_filled { margin-left: 10px; } } #student_job_list_content .actions-toggle-wrap a.ng-enter, #list .actions-toggle-wrap a.ng-enter { transition: opacity 2s; opacity: 0; } #student_job_list_content .actions-toggle-wrap a.ng-enter.ng-enter-active, #list .actions-toggle-wrap a.ng-enter.ng-enter-active { opacity: 1; } #student_job_list_content .actions-toggle-wrap a.ng-enter.ng-enter-active + a, #list .actions-toggle-wrap a.ng-enter.ng-enter-active + a { left: 0; } #student_job_list_content .actions-toggle-wrap a.ng-leave, #list .actions-toggle-wrap a.ng-leave { transition: opacity 0.8s; opacity: 1; } #student_job_list_content .actions-toggle-wrap a.ng-leave.ng-leave-active, #list .actions-toggle-wrap a.ng-leave.ng-leave-active { opacity: 0; } .unicode-bidi { unicode-bidi: embed; } mobile-app-promoter { display: none; } .modal-banner { transition: all 0.33s ease-out; position: fixed; opacity: 1; bottom: 0; left: 0; right: 0; width: 100%; background: #fff; z-index: 103; color: #333; padding: 20px 20px 80px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .modal-banner.out { opacity: 0; bottom: -15vh; } .modal-banner-mask.out { opacity: 0; } .modal-banner-content { display: flex; align-items: center; justify-content: center; padding-bottom: 20px; } .modal-banner-content p { margin: 15px 0 0; } .modal-banner-content div:last-child { width: 48px; flex-shrink: 100; } .modal-banner-img { height: 71px; min-width: 48px; vertical-align: middle; margin-right: 10px; } .modal-banner-actions { display: flex; flex-direction: column; } .modal-banner-actions button, .modal-banner-actions a { width: 100%; height: 41px; line-height: 41px; text-transform: none; } .modal-banner-actions a { margin-bottom: 10px; } .modal-banner-mask { transition: all 0.33s ease-out; background: rgba(51, 51, 51, 0.5); top: 0; bottom: 0; left: 0; right: 0; z-index: 101; position: fixed; overflow-x: hidden; z-index: 102; } body.banner-modal-open { position: fixed; overflow-y: hidden; height: 100vh; } .job-discovery-filters .filter-fields { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (min-width: 768px) { .job-discovery-filters .filter-fields #discovery_search_btn { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } .job-discovery-filters .filter-fields .field { margin-bottom: 15px; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } .job-discovery-filters .filter-fields .field input, .job-discovery-filters .filter-fields .field .dropdown-toggle, .job-discovery-filters .filter-fields .field .ui-select-toggle { height: 40px; padding-top: 0; padding-bottom: 0; margin-right: 0; } .job-discovery-filters .filter-fields .field input::-ms-clear { width: 0; height: 0; } .job-discovery-filters .filter-fields .field-widget { font-family: 'Roboto', Helvetica, Arial, sans-serif; width: 100%; } .job-discovery-filters .filter-fields .field-widget .input-group input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .job-discovery-filters .filter-fields .field-widget .input-group-btn .btn { border-color: #bbb; } .job-discovery-filters .filter-fields .field-widget .input-group-btn .btn.disabled, .job-discovery-filters .filter-fields .field-widget .input-group-btn .btn[disabled] { opacity: 1; } .job-discovery-filters .filter-fields .field-widget .input-group-btn .btn:focus { border-color: #005f86; outline: inherit; } .job-discovery-filters .filter-fields .field-widget .keyword-search-container { position: relative; } .job-discovery-filters .filter-fields .field-widget .keyword-search-container .ui-select-choices li:first-child { display: none; } .job-discovery-filters .filter-fields .field-widget .angucomplete-holder input { padding: 0 40px 0 15px; float: inherit; } .job-discovery-filters .filter-fields .field-widget .angucomplete-holder .btn_xs { position: absolute; top: 1px; right: 0; width: 40px; min-width: auto; min-height: 30px; padding: 0 10px; border: none; background: none; text-decoration: none; z-index: 100; font-family: 'unicon'; speak: none; color: #6c6c6c; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .job-discovery-filters .filter-fields .field-widget .angucomplete-holder .btn_xs:before { content: "\e924"; } .job-discovery-filters .filter-fields .field-widget .angucomplete-holder .btn_xs:before { vertical-align: middle; line-height: 28px; } .job-discovery-filters .filter-fields .field-widget .angucomplete-holder .btn_xs .glyphicon { display: none; } .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown .angucomplete-searching { padding: 5px 15px; } .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown .angucomplete-row { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; white-space: normal; } .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown .angucomplete-row:after { content: ''; min-height: inherit; } .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown .angucomplete-row [class^="icn-"], .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown .angucomplete-row [class*=" icn-"] { margin-right: 10px; font-size: 20px; color: #949494; } .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown, .job-discovery-filters .filter-fields .field-widget .bootstrap-dropdown-container .dropdown-menu { width: 100%; max-height: 250px; overflow: auto; margin-top: -2px; border: 1px solid #ccc; padding: 10px 0; border-radius: 2px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.082); z-index: 100; } .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown li > a, .job-discovery-filters .filter-fields .field-widget .bootstrap-dropdown-container .dropdown-menu li > a, .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown .angucomplete-row, .job-discovery-filters .filter-fields .field-widget .bootstrap-dropdown-container .dropdown-menu .angucomplete-row { min-height: 26px; padding: 5px 15px; cursor: pointer; } .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown li > a:hover, .job-discovery-filters .filter-fields .field-widget .bootstrap-dropdown-container .dropdown-menu li > a:hover, .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown .angucomplete-row.angucomplete-selected-row, .job-discovery-filters .filter-fields .field-widget .bootstrap-dropdown-container .dropdown-menu .angucomplete-row.angucomplete-selected-row { background-color: #005f86; color: white; } .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown li > a:hover [class^="icn-"], .job-discovery-filters .filter-fields .field-widget .bootstrap-dropdown-container .dropdown-menu li > a:hover [class^="icn-"], .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown .angucomplete-row.angucomplete-selected-row [class^="icn-"], .job-discovery-filters .filter-fields .field-widget .bootstrap-dropdown-container .dropdown-menu .angucomplete-row.angucomplete-selected-row [class^="icn-"], .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown li > a:hover [class*=" icn-"], .job-discovery-filters .filter-fields .field-widget .bootstrap-dropdown-container .dropdown-menu li > a:hover [class*=" icn-"], .job-discovery-filters .filter-fields .field-widget .angucomplete-dropdown .angucomplete-row.angucomplete-selected-row [class*=" icn-"], .job-discovery-filters .filter-fields .field-widget .bootstrap-dropdown-container .dropdown-menu .angucomplete-row.angucomplete-selected-row [class*=" icn-"] { color: white; } .job-discovery-filters .filter-fields .field-widget .bootstrap-dropdown-container .dropdown-menu { min-width: 100px; } .job-discovery-filters .filter-fields .field-widget .ui-select-clear-btn { position: absolute; top: 50%; right: 40px; margin-top: -8px; font-size: 16px; color: #6c6c6c; cursor: pointer; } .job-discovery-filters .filter-fields .field-widget .ui-select-clear-btn:hover { color: #333; } .job-discovery-filters .filter-fields .field-widget .ui-select-placeholder, .job-discovery-filters .filter-fields .field-widget .ui-select-match-text { font-weight: 400; position: relative; text-align: left; } .job-discovery-filters .filter-fields .field-widget .ui-select-placeholder { color: #6c6c6c; } .job-discovery-filters .filter-fields .field-widget .ui-select-match-text { color: #333; padding-right: 1em; } .job-discovery-filters .filter-fields .field-widget .ui-select-matches { margin-top: 15px; } .job-discovery-filters .filter-fields .field-widget .ui-select-choices { padding: 10px 0; border: 1px solid #d5d5d5; border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175); z-index: 100; } .job-discovery-filters .filter-fields .field-widget .ui-select-choices-row-inner { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; min-height: 26px; padding: 5px 15px; white-space: normal; } .job-discovery-filters .filter-fields .field-widget .ui-select-choices-row-inner:after { content: ''; min-height: inherit; } .job-discovery-filters .filter-fields .field-widget .ui-select-choices-row:hover { background-color: #f8f8f8; } .job-discovery-filters .filter-fields .field-widget .ui-select-choices-row.active .ui-select-choices-row-inner { color: #fff; background-color: #005f86; } .job-discovery-filters .filter-fields .field-widget .ui-select-choices-row.active [class^="icn-"], .job-discovery-filters .filter-fields .field-widget .ui-select-choices-row.active [class*=" icn-"] { color: white; } .job-discovery-filters .filter-fields .field-widget .ui-select-choices-row [class^="icn-"], .job-discovery-filters .filter-fields .field-widget .ui-select-choices-row [class*=" icn-"] { margin-right: 10px; font-size: 20px; color: #949494; } .job-discovery-filters .filter-fields .field-widget .form-control, .job-discovery-filters .filter-fields .field-widget input[type="search"] { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border-width: 1px; border-style: solid; border-radius: 2px; border-color: #ccc; padding: 3px 10px; width: 100%; color: #6c6c6c; font-weight: normal; font-size: 14px; line-height: 22px; max-width: 500px; min-height: 40px; transition: all 0.2s ease-in-out; padding: 0 15px; box-sizing: border-box; font-size: 13px; width: 100% !important; color: inherit; } .job-discovery-filters .filter-fields .field-widget .form-control:focus, .job-discovery-filters .filter-fields .field-widget input[type="search"]:focus, .job-discovery-filters .filter-fields .field-widget .form-control:hover, .job-discovery-filters .filter-fields .field-widget input[type="search"]:hover { border-color: #6c6c6c; transition: all 0.2s ease-in-out; } .job-discovery-filters .filter-fields .field-widget .form-control:disabled, .job-discovery-filters .filter-fields .field-widget input[type="search"]:disabled { border-color: #ccc; background-color: #ececec; } .job-discovery-filters .filter-fields .field-widget .form-control::-moz-placeholder, .job-discovery-filters .filter-fields .field-widget input[type="search"]::-moz-placeholder { color: #6c6c6c; opacity: 1; } .job-discovery-filters .filter-fields .field-widget .form-control:-ms-input-placeholder, .job-discovery-filters .filter-fields .field-widget input[type="search"]:-ms-input-placeholder { color: #6c6c6c; } .job-discovery-filters .filter-fields .field-widget .form-control::-webkit-input-placeholder, .job-discovery-filters .filter-fields .field-widget input[type="search"]::-webkit-input-placeholder { color: #6c6c6c; } .job-discovery-filters .filter-fields .field-widget .form-control .caret, .job-discovery-filters .filter-fields .field-widget input[type="search"] .caret { display: none; } .job-discovery-filters .filter-fields .field-widget .form-control .btn_xs, .job-discovery-filters .filter-fields .field-widget input[type="search"] .btn_xs { border: none; height: 16px; padding: 0; text-decoration: none; position: absolute; top: 1px; right: 0; width: 16px; font-family: 'unicon'; speak: none; color: #6c6c6c; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .job-discovery-filters .filter-fields .field-widget .form-control .btn_xs:before, .job-discovery-filters .filter-fields .field-widget input[type="search"] .btn_xs:before { content: "\e924"; } .job-discovery-filters .filter-fields .field-widget .form-control .btn_xs .glyphicon, .job-discovery-filters .filter-fields .field-widget input[type="search"] .btn_xs .glyphicon { display: none; } .job-discovery-filters .filter-fields .field-widget .form-control:hover, .job-discovery-filters .filter-fields .field-widget input[type="search"]:hover, .job-discovery-filters .filter-fields .field-widget .form-control:focus, .job-discovery-filters .filter-fields .field-widget input[type="search"]:focus, .job-discovery-filters .filter-fields .field-widget .form-control:active, .job-discovery-filters .filter-fields .field-widget input[type="search"]:active { background: #fff; } .job-discovery-filters .filter-fields .field-widget .form-control:focus, .job-discovery-filters .filter-fields .field-widget input[type="search"]:focus { box-shadow: none; } .job-discovery-filters .filter-fields .field-widget .form-control:hover, .job-discovery-filters .filter-fields .field-widget input[type="search"]:hover { cursor: text; } .job-discovery-filters .filter-fields .btn_primary { margin: 0; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } @media (min-width: 768px) { .job-discovery-filters .filter-fields { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .job-discovery-filters .filter-fields .field { margin-bottom: 0; margin-right: 10px; -webkit-flex: 1 1; -moz-flex: 1 1; -ms-flex: 1 1; flex: 1 1; } .job-discovery-filters .filter-fields .btn_primary { -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } } .ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice { max-height: 300px; } jobs-discovery .discovery-filter-list { display: block; } .discovery-filter-list { display: none; background-color: #f9f9f9; border-bottom: 1px solid #ddd; margin-top: -10px; padding: 10px 20px; padding-top: 0; position: relative; } .card-carousel-wrapper { margin: 20px; } .card-carousel-wrapper .card-carousel-header { margin-bottom: 10px; padding-top: 10px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .card-carousel-wrapper h3 { margin: 0; padding: 0; padding-right: 20px; text-align: left; width: 100%; } .card-carousel-wrapper .flickity-viewport, .card-carousel-wrapper .card-carousel-loader, .card-carousel-wrapper .card-carousel { height: 290px; } .card-carousel-wrapper .card-carousel-loader { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .card-carousel-wrapper .card-carousel { opacity: 0; overflow: hidden; position: relative; transition: opacity 0.5s; } .card-carousel-wrapper .card-carousel.carousel-fade-in { opacity: 1; } @media (min-width: 1200px) { .card-carousel-wrapper .card-carousel.carousel-no-wrap .carousel-card:first-child { left: 0 !important; } } .card-carousel-wrapper .carousel-card { background-color: #fff; border: 1px solid #ececec; border-radius: 3px; cursor: pointer; height: calc(100% - 10px); margin-right: 15px; width: 260px; top: 5px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .card-carousel-wrapper .carousel-card > * { transition: opacity 0.8s; } .card-carousel-wrapper .carousel-card a { color: #333; text-decoration: none; } .card-carousel-wrapper .carousel-card:hover { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .card-carousel-wrapper .carousel-card.not-interested > * { opacity: 0.5; } .card-carousel-wrapper .carousel-card-header, .card-carousel-wrapper .carousel-card-content { padding: 20px; } .card-carousel-wrapper .carousel-card-header { background-color: #f6f6f6; border-top-left-radius: 3px; border-top-right-radius: 3px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .card-carousel-wrapper .carousel-card-header .carousel-card-header-meta { width: calc(100% - (48px + 10px + 5px)); } .card-carousel-wrapper .carousel-card-header .avatar { height: 48px; width: 48px; line-height: 48px; text-align: center; display: inline-block; border-radius: 3px; margin-right: 15px; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .card-carousel-wrapper .carousel-card-header .avatar img { border-radius: 3px; color: #6c6c6c; font-size: 11px; line-height: 11px; overflow: hidden; text-align: left; vertical-align: middle; } .card-carousel-wrapper .carousel-card-header .avatar [class^="icn-"], .card-carousel-wrapper .carousel-card-header .avatar [class*=" icn-"] { line-height: 48px; font-size: 24px; } .card-carousel-wrapper .carousel-card-header .carousel-card-header-title { font-weight: 500; } .card-carousel-wrapper .carousel-card-content-title, .card-carousel-wrapper .carousel-card-subtitle { margin-bottom: 5px; } .card-carousel-wrapper .carousel-card-content { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .card-carousel-wrapper .carousel-card-content .carousel-card-content-title { display: block; font-size: 16px; font-weight: 500; hyphens: none !important; line-height: 20px; } .card-carousel-wrapper .carousel-card-subtitle { color: #6c6c6c; } .card-carousel-wrapper .carousel-card-content-main { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .card-carousel-wrapper .carousel-card-actions { border-top: 1px solid #ececec; min-height: 35px; padding-top: 15px; position: relative; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .card-carousel-wrapper .carousel-card-actions a, .card-carousel-wrapper .carousel-card-actions a:before { height: 20px; width: 20px; } .card-carousel-wrapper .carousel-card-actions a { background-color: #fff; color: #6c6c6c; display: inline-block; font-size: 20px; height: 20px; line-height: 20px; overflow: hidden; position: absolute; text-align: center; top: 15px; vertical-align: middle; width: 20px; } .card-carousel-wrapper .carousel-card-actions a:before { display: block; } .card-carousel-wrapper .carousel-card-actions a[class^="icn-star_filled"], .card-carousel-wrapper .carousel-card-actions a[class*="icn-star_filled"] { color: #f6b62f; } .card-carousel-wrapper .carousel-card-actions a[class^="icn-thumb"], .card-carousel-wrapper .carousel-card-actions a[class*=" icn-thumb"] { left: 35px; top: 17px; } .card-carousel-wrapper .carousel-card-actions a.icn-thumbs_down_filled { -webkit-animation: actionSlideIn-left 0.5s forwards; -moz-animation: actionSlideIn-left 0.5s forwards; -ms-animation: actionSlideIn-left 0.5s forwards; -o-animation: actionSlideIn-left 0.5s forwards; animation: actionSlideIn-left 0.5s forwards; animation-delay: 0.5s; } .card-carousel-wrapper .carousel-card-actions a.ng-enter { transition: opacity 2s; opacity: 0; } .card-carousel-wrapper .carousel-card-actions a.ng-enter.ng-enter-active { opacity: 1; } .card-carousel-wrapper .carousel-card-actions a.ng-enter.ng-enter-active + a { left: 0; -webkit-animation: actionSlideIn-right 0.5s forwards; -moz-animation: actionSlideIn-right 0.5s forwards; -ms-animation: actionSlideIn-right 0.5s forwards; -o-animation: actionSlideIn-right 0.5s forwards; animation: actionSlideIn-right 0.5s forwards; animation-delay: 0.5s; } .card-carousel-wrapper .carousel-card-actions a.ng-leave { transition: opacity 0.8s; opacity: 1; } .card-carousel-wrapper .carousel-card-actions a.ng-leave.ng-leave-active { opacity: 0; } .card-carousel-wrapper .carousel-card-actions .badge { max-width: 140px; width: auto; } .card-carousel-wrapper .carousel-card-truncate { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .card-carousel-wrapper .carousel-card-postdate-new { color: #297848; } .card-carousel-wrapper .flickity-page-dots { display: none; } .card-carousel-wrapper .flickity-prev-next-button { border-radius: 0; bottom: 0; height: 100%; opacity: 0; top: 0; transition: opacity 0.5s; width: 30px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .card-carousel-wrapper .flickity-prev-next-button svg { height: 70%; width: 70%; } .card-carousel-wrapper .flickity-prev-next-button .arrow { fill: #6c6c6c; } .card-carousel-wrapper .flickity-prev-next-button.previous { left: 0; } .card-carousel-wrapper .flickity-prev-next-button.previous svg { left: 20%; } .card-carousel-wrapper .flickity-prev-next-button.next { right: 0; } .card-carousel-wrapper .flickity-prev-next-button.next svg { right: 20%; } .card-carousel-wrapper .flickity-prev-next-button:hover { background-color: rgba(255, 255, 255, 0.6); } .card-carousel-wrapper .flickity-prev-next-button:focus { opacity: 1; } .card-carousel-wrapper .flickity-prev-next-button:disabled { display: none; } .card-carousel-wrapper .custom-page-dots-wrapper { margin: 5px auto 0 auto; overflow: hidden; width: 100px; } @media (min-width: 768px) { .card-carousel-wrapper .custom-page-dots-wrapper { margin: 0; } } .card-carousel-wrapper .custom-page-dots-wrapper ol { height: 25px; list-style: none; opacity: 1; text-align: right; transition: opacity 0.5s; white-space: nowrap; } @media (min-width: 768px) { .card-carousel-wrapper .custom-page-dots-wrapper ol { opacity: 0; } } .card-carousel-wrapper .custom-page-dots-wrapper ol li { background: #333; border-radius: 50%; display: inline-block; height: 5px; margin: 0 4px; opacity: 0.1; transition: all 0.3s; width: 5px; } .card-carousel-wrapper .custom-page-dots-wrapper ol li.is-prev, .card-carousel-wrapper .custom-page-dots-wrapper ol li.is-next { opacity: 0.5; } .card-carousel-wrapper .custom-page-dots-wrapper ol li.is-selected { background-color: #005f86; height: 6px; opacity: 1; width: 6px; } .card-carousel-wrapper:hover .flickity-prev-next-button, .card-carousel-wrapper:hover .custom-page-dots-wrapper ol { opacity: 1; } .card-carousel-wrapper .carousel-header-skeleton { background-color: #ececec; overflow: hidden; width: 500px; height: 15px; margin-bottom: 5px; border-radius: 5px; } .card-carousel-wrapper .avatar-skeleton { background-color: #e4e4e4; } .card-carousel-wrapper .carousel-card-header-title-skeleton { background-color: #e4e4e4; margin-bottom: 10px; height: 10px; width: 160px; } .card-carousel-wrapper .carousel-card-header-title-skeleton:nth-child(2) { width: 80px; } .card-carousel-wrapper .carousel-card-content-title-skeleton { background-color: #ececec; width: 220px; height: 10px; margin-bottom: 15px; overflow: hidden; } .card-carousel-wrapper .carousel-card-content-title-skeleton:nth-child(2) { width: 170px; } .card-carousel-wrapper .carousel-card-content-title-skeleton:nth-child(3) { width: 100px; } .card-carousel-wrapper .skeleton-actions { background-color: #ececec; width: 20px; height: 20px; border-radius: 50%; position: absolute; } .card-carousel-wrapper .skeleton-actions:nth-child(2) { left: 35px; } .card-carousel-wrapper .content-placeholder-background { -webkit-animation: loading 1.75s linear infinite; -moz-animation: loading 1.75s linear infinite; -ms-animation: loading 1.75s linear infinite; -o-animation: loading 1.75s linear infinite; animation: loading 1.75s linear infinite; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(205, 205, 205, 0.4) 50%, rgba(255, 255, 255, 0) 100%); display: block; position: relative; height: inherit; } #student_job_list_skeleton { margin: 0; } #student_job_list_skeleton .carousel-card-header { background: none; padding: 0; -webkit-align-items: end; -moz-align-items: end; -ms-align-items: end; align-items: end; } #student_job_list_skeleton .carousel-card-header .avatar { margin: 0; height: 60px; width: 60px; } #student_job_list_skeleton .carousel-card-content { -webkit-align-items: end; -moz-align-items: end; -ms-align-items: end; align-items: end; flex-direction: row; padding: 0; } #student_job_list_skeleton .carousel-card-content .carousel-card-actions { border: none; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } #student_job_list_skeleton .carousel-card-content .carousel-card-actions .carousel-card-content-title-skeleton { width: 20px; } #student_job_list_skeleton .carousel-card-content .carousel-card-actions .skeleton-actions { position: initial; } #student_job_alert_list { padding: 20px 0; } #student_job_alert_list .badge { margin-left: 5px; } #student_job_alert_list .list_rows { padding-left: 40px; padding-right: 40px; border-bottom: 1px solid #ececec; } #student_job_alert_list .list-item-body { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #student_job_alert_list .list-item-title { padding-right: 30px; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } #student_job_alert_list .list-item-title h3 { padding-bottom: 5px; } #student_job_alert_list .filters { white-space: normal; word-break: break-word; color: #6c6c6c; } #student_job_alert_list .list-data-columns { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } #student_job_alert_list .list-data-columns .job-alert-frequency { margin-right: 30px; min-width: 120px; height: 30px; border: solid 1px #bbb; border-radius: 2px; } #student_job_alert_list .list-data-columns button { font-size: 20px; color: #949494; } #student_job_alert_list .no-job-alerts { padding: 20px 40px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #student_job_alert_list .no-job-alerts img { width: 240px; height: 240px; padding-bottom: 30px; } #student_job_alert_list .no-job-alerts h2 { font-size: 22px; } #student_job_alert_list .no-job-alerts span { padding-bottom: 20px; color: #6c6c6c; } #student_job_alert_list .job-alert-list li:first-child .list_rows { padding-top: 0; } #student_job_alert_list .job-alert-list li:last-child .list_rows { border-bottom: none; } #frame .translate-cloak { color: #ececec; background-color: #ececec; border: 0; border-radius: 5px; position: relative; line-height: initial; overflow: hidden; display: block; } #frame .translate-cloak:after { -webkit-animation: loading 1.75s linear infinite; -moz-animation: loading 1.75s linear infinite; -ms-animation: loading 1.75s linear infinite; -o-animation: loading 1.75s linear infinite; animation: loading 1.75s linear infinite; content: ''; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(205, 205, 205, 0.4) 50%, rgba(255, 255, 255, 0) 100%); display: block; position: absolute; height: 100%; width: 100%; top: 0; } @media screen and (max-width: 767px) { .modal-content { height: 100%; width: 100%; } } @keyframes loading { 0% { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } 100% { -webkit-transform: translateX(300%); -moz-transform: translateX(300%); -ms-transform: translateX(300%); -o-transform: translateX(300%); transform: translateX(300%); } } @keyframes actionSlideIn-left { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(-35px); -moz-transform: translateX(-35px); -ms-transform: translateX(-35px); -o-transform: translateX(-35px); transform: translateX(-35px); } } @keyframes actionSlideIn-right { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(35px); -moz-transform: translateX(35px); -ms-transform: translateX(35px); -o-transform: translateX(35px); transform: translateX(35px); } } #clerkships_advanced_search_form h3 { margin-bottom: 15px; } #clerkships_advanced_search_form .advanced_search { background: none; padding: 0; border: none; } #clerkships_favorite_form .fieldgroup { padding: 0; } #clerkships_favorite_form .fieldgroup h3 { font-size: 20px; margin-bottom: 15px; } #clerkships_favorite_form .fieldgroup .field-widget:first-child { margin-top: 15px; } #clerkships_favorite_form .input-text { max-width: 100%; border-width: 1px; border-style: solid; border-radius: 2px; border-color: #ccc; padding: 3px 10px; width: 100%; color: #6c6c6c; font-weight: normal; font-size: 14px; line-height: 22px; max-width: 500px; min-height: 40px; transition: all 0.2s ease-in-out; margin: 15px 0; } #clerkships_favorite_form .input-text:focus, #clerkships_favorite_form .input-text:hover { border-color: #6c6c6c; transition: all 0.2s ease-in-out; } #clerkships_favorite_form .input-text:disabled { border-color: #ccc; background-color: #ececec; } .clerkships_popwin { margin: 0; } /* Resume Search */ #generate_book_form .input-submit { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } #generate_book_form .input-submit:hover, #generate_book_form .input-submit:focus, #generate_book_form .input-submit:active { color: #fff; } #generate_book_form .input-submit:hover, #generate_book_form .input-submit:focus { background-color: #004d6d; border-color: #004d6d; } #generate_book_form .input-submit:active { background-color: #003b53; border-color: #003b53; } #generate_book_form .input-submit [class^="icn-"], #generate_book_form .input-submit [class*=" icn-"] { color: #fff; } #generate_book_confirmation .input-button { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } #generate_book_confirmation .input-button:hover, #generate_book_confirmation .input-button:focus, #generate_book_confirmation .input-button:active { color: #fff; } #generate_book_confirmation .input-button:hover, #generate_book_confirmation .input-button:focus { background-color: #004d6d; border-color: #004d6d; } #generate_book_confirmation .input-button:active { background-color: #003b53; border-color: #003b53; } #generate_book_confirmation .input-button [class^="icn-"], #generate_book_confirmation .input-button [class*=" icn-"] { color: #fff; } /* Opt-In Resume Books */ .list_optinresume .list-item-subtitle { white-space: normal; } .stu_rezbook_submitted a, .stu_rezbook_submitted a:link, .stu_rezbook_submitted a:visited { color: #005f86; margin: 0 15px; } .max_rezbook_msg { color: #a85502; } .optin_resume_popwin { margin: 0; } .optin_resume_popwin #resume_application_form [name=dnf_opt_submit] { color: #fff; background-color: #005f86; background-image: none; border-color: #005f86; } .optin_resume_popwin #resume_application_form [name=dnf_opt_submit]:hover, .optin_resume_popwin #resume_application_form [name=dnf_opt_submit]:focus, .optin_resume_popwin #resume_application_form [name=dnf_opt_submit]:active { color: #fff; } .optin_resume_popwin #resume_application_form [name=dnf_opt_submit]:hover, .optin_resume_popwin #resume_application_form [name=dnf_opt_submit]:focus { background-color: #004d6d; border-color: #004d6d; } .optin_resume_popwin #resume_application_form [name=dnf_opt_submit]:active { background-color: #003b53; border-color: #003b53; } .optin_resume_popwin #resume_application_form [name=dnf_opt_submit] [class^="icn-"], .optin_resume_popwin #resume_application_form [name=dnf_opt_submit] [class*=" icn-"] { color: #fff; } .optin_resume_popwin #resume_application_form .fg-title { text-transform: capitalize; } .oci_wrapper { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f6f6f6; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; } .oci_wrapper > div { padding: 15px; } .oci_wrapper .section_title { font-weight: 700; padding-bottom: 10px; } .oci_wrapper .default_resume { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; border-bottom: solid 1px #ddd; } .oci_wrapper .default_resume .instructions { padding: 10px 0; } .oci_wrapper .important_dates { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; border-bottom: solid 1px #ddd; } .oci_wrapper .important_dates .dates_list { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .oci_wrapper .important_dates .dates_list > div { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; padding-bottom: 15px; padding-right: 15px; } @media (min-width: 768px) { .oci_wrapper .important_dates .dates_list > div { -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; } } .oci_wrapper .search-filters { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; -webkit-flex-grow: 4; -moz-flex-grow: 4; -ms-flex-grow: 4; flex-grow: 4; -webkit-order: 4; -moz-order: 4; -ms-order: 4; order: 4; border-bottom: none; } @media (min-width: 768px) { .oci_wrapper .search-filters { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; border-right: solid 1px #ddd; -webkit-order: 3; -moz-order: 3; -ms-order: 3; order: 3; } } .oci_wrapper .legend { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; -webkit-order: 3; -moz-order: 3; -ms-order: 3; order: 3; border-bottom: solid 1px #ddd; } @media (min-width: 768px) { .oci_wrapper .legend { -webkit-order: 4; -moz-order: 4; -ms-order: 4; order: 4; border-bottom: none; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } } .oci_wrapper .legend > table td:first-child { padding: 10px; text-align: center; } .oci_list .list-responsive { min-width: 300px; } .oci_list .list-responsive.list_maincol { table-layout: fixed; word-break: normal; min-width: calc(100% - 30px); margin: 15px; } @media (min-width: 768px) { .oci_list .list-responsive.list_maincol { min-width: 100%; margin: 0; } } .oci_list .list-responsive.list_maincol th, .oci_list .list-responsive.list_maincol td { vertical-align: top; } .oci_list .list-responsive.list_maincol th a, .oci_list .list-responsive.list_maincol td a { text-decoration: none; } .oci_list .list-responsive.list_maincol th a:hover, .oci_list .list-responsive.list_maincol td a:hover { text-decoration: underline; color: #4a89c1; } .oci_list .list-responsive.list_maincol th { font-weight: 500; border-bottom: 1px solid #e0e0e0; } .oci_list .list-responsive.list_maincol .list-row td { border-bottom: 1px solid #e0e0e0; } @media only screen and (max-width: 767px) { .oci_list .list-responsive.list_maincol .list-row { border-bottom: 1px solid #e0e0e0; } .oci_list .list-responsive.list_maincol .list-row td { border: none; } } .oci_list .list-responsive.list_maincol td { display: block; } .oci_list .list-responsive.list_maincol td.ListHeadResultInfo { padding: 0; } .oci_list .list-responsive.list_maincol td.ListHeadResultInfo input[type="button"] { margin-right: 13px; height: auto; } .oci_list .list-responsive.list_maincol td.ListHeadResultInfo .batch-options { display: table-cell; vertical-align: middle; } .oci_list .list-responsive.list_maincol td .list_results { display: block; padding: 13px 0 0; } @media (min-width: 768px) { .oci_list .list-responsive.list_maincol td .list_results { display: table-cell; padding: 0; vertical-align: middle; } } .oci_list .list-responsive.list_maincol td .add-new { display: table-cell; vertical-align: middle; } .oci_list .list-responsive.list_maincol td.ListHead { display: block; padding-left: 0; text-align: start; } @media (min-width: 768px) { .oci_list .list-responsive.list_maincol td.ListHead { float: right !important; vertical-align: middle; padding: 13px 0; text-align: right; } } @media (min-width: 768px) { .oci_list .list-responsive.list_maincol td { display: table-cell; } } .oci_list .list-responsive tr:first-child td:before { content: " "; } .oci_list .list-responsive th { display: none; } .oci_list .list-responsive td[data-th]:not([class="lst-cl-cb"]):before { content: attr(data-th) ": "; font-weight: 500; display: block; padding: 0; } @media (min-width: 768px) { .oci_list .list-responsive td[data-th]:not([class="lst-cl-cb"]):before { display: none; } } .oci_list .list-responsive [class*="_selectthisitem"] > label { margin-right: 10px; display: none; } .oci_list .list-responsive th, .oci_list .list-responsive td { text-align: left; } @media (min-width: 768px) { .oci_list .list-responsive th, .oci_list .list-responsive td { display: table-cell; } .oci_list .list-responsive th[data-dropdown], .oci_list .list-responsive td[data-dropdown] { display: none; } } .oci_list .list-responsive select { width: auto; /* Prevent bid text cutoff */ } .ocr_status_date_room, .ocr_date_room { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .ocr_status_date_room .rounded-picklist, .ocr_date_room .rounded-picklist { width: auto; } .ocr_status_date_room .rounded-picklist select, .ocr_date_room .rounded-picklist select { left: 0; } .ocr_status_date_room { margin-top: 5px; } .ocr_date_room { margin-left: 10px; } .ocr_date_room > div { margin-right: 10px; } .list_ocr_scheduled_interview .list-item .list-item-body { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .list_ocr_scheduled_interview .list-item .list-item-actions { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; width: auto; } .list_ocr_scheduled_interview .rounded-picklist { float: left; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } .list_ocr_scheduled_interview .link-picklist { padding-left: 5px; border: none; } .list_ocr_scheduled_interview .link-picklist select { text-align-last: right; align-items: flex-end; } .list_ocr_scheduled_interview .link-picklist select:focus { border-color: transparent; box-shadow: none; outline: 0; } .list_ocr_scheduled_interview .rounded-picklist, .list_ocr_scheduled_interview .link-picklist { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: auto; } .list_ocr_scheduled_interview .rounded-picklist select, .list_ocr_scheduled_interview .link-picklist select { width: auto; left: 0; text-align-last: center; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 768px) { .list_ocr_scheduled_interview .list-item { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list_ocr_scheduled_interview .list-item .actions-menu-right, .list_ocr_scheduled_interview .list-item .list-item-actions { position: static; } .list_ocr_scheduled_interview .list-item .actions-menu-right .actions-toggle-wrapper, .list_ocr_scheduled_interview .list-item .list-item-actions .actions-toggle-wrapper { top: 20px; right: 20px; } .list_ocr_scheduled_interview .list-item .list-item-actions { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; padding: 10px 0 0 20px; } .list_ocr_scheduled_interview .list-item .list-item-body { -webkit-flex: 1 1; -moz-flex: 1 1; -ms-flex: 1 1; flex: 1 1; } } @media (min-width: 768px) and (max-width: 992px) { .list_ocr_scheduled_interview .list-item .list-item-actions { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .print_only { display: none; } .sched_interviews .SideBarHeader td, #sched_interviews_modal .SideBarHeader td { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0.01em; line-height: 20px; color: #333; padding-bottom: 10px; padding-right: 20px; min-width: 200px; } .sched_interviews font, #sched_interviews_modal font { font-size: 12px; color: #6c6c6c; } .sched_interviews tr, #sched_interviews_modal tr { background: none; } .sched_interviews .ScheduleEntryLarge, #sched_interviews_modal .ScheduleEntryLarge { margin-top: 5px; } .sched_interviews .ocr_interview_schedule, #sched_interviews_modal .ocr_interview_schedule { overflow: auto; } .sched_interviews table td, #sched_interviews_modal table td { padding: 10px; } #sched_interviews_modal .sched_interviews_modal_body { width: 100%; padding: 10px; } #sched_interviews_modal table td { padding: 10px; white-space: nowrap; } .html-expandable-content { position: relative; height: 100px; overflow: hidden; } .html-truncate-gradient { position: absolute; bottom: 0; height: 50px; width: 100%; background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* For Safari */ } .pathways .content-container { border: none; } .pathways-wrapper { /* Text inside the control */ /* when p>50, don't clip left half*/ /*The border is 0.45 but making it larger removes visual artifacts */ /* Progress bar filling the whole right half for values above 50% */ } .pathways-wrapper .page-body { border: 1px solid #ececec; padding: 20px; } .pathways-wrapper .pathways-header { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; border: 1px solid #ececec; margin-bottom: 20px; padding: 20px; } .pathways-wrapper .pathway-content { text-align: left; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: normal; color: #6c6c6c; width: 85%; } .pathways-wrapper .pathway-category { font-weight: 400; } .pathways-wrapper .flex-row { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pathways-wrapper .flex-row.pathway-task-header { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pathways-wrapper .flex-row.page-header { margin: 0; padding: 20px; } .pathways-wrapper .flex-row.page-header .lst-rpp { height: 20px; } .pathways-wrapper .text-content p { margin-bottom: 0; } .pathways-wrapper .read-more { font-weight: 300; } .pathways-wrapper .flex-row.progress-bar-column { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .pathways-wrapper .progress-bar-main { width: 60px; } .pathways-wrapper .column.percent-text { margin-right: 5px; font-family: inherit; font-size: 13px; color: #6c6c6c; } .pathways-wrapper .flex-column { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .pathways-wrapper .flex-item { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .pathways-wrapper .flex-item .flex-item { padding: 20px; width: 100%; } .pathways-wrapper .flex-item.pathway { margin: 10px; width: 421px; border-radius: 4px; border: 1px solid #ececec; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .pathways-wrapper .flex-item:hover, .pathways-wrapper .flex-item:focus { text-decoration: none; } @media only screen and (min-width: 320px) and (max-width: 736px) { .pathways-wrapper .flex-item { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pathways-wrapper .flex-item { width: 318px; } } .pathways-wrapper .no-margin { margin: 0; } .pathways-wrapper .progress-circle { position: relative; width: 5em; height: 5em; background-color: transparent; border: 0.45em solid #ececec; border-radius: 50%; font-size: 12px; } .pathways-wrapper .progress-circle:after { border: none; position: absolute; top: 0.35em; left: 0.35em; text-align: center; display: block; border-radius: 50%; width: 4.3em; height: 4.3em; background-color: transparent; content: " "; } .pathways-wrapper .progress-circle .percent-value { color: #333; font-size: 16px; position: absolute; top: 30%; width: 100%; text-align: center; } .pathways-wrapper .left-half-clipper { /* a round circle */ position: absolute; /* top and left set to offset gray circle border width */ top: -5px; left: -5px; border-radius: 50%; width: 5em; height: 5em; clip: rect(0, 5em, 5em, 2.5em); } .pathways-wrapper .progress-circle.over50 .left-half-clipper { clip: rect(auto, auto, auto, auto); } .pathways-wrapper .progress-bar-border-orange { border: 0.45em solid #f7931f; /*The border is 0.45 but making it larger removes visual artifacts */ } .pathways-wrapper .progress-bar-border-green { border: 0.45em solid #44c274; } .pathways-wrapper .progress-bar-border-gray { border: 0.45em solid #6c6c6c; } .pathways-wrapper .value-bar { /*This is an overlayed square, that is made round with the border radius, then it is cut to display only the left half, then rotated clockwise to escape the outer clipping path.*/ position: absolute; /*needed for clipping*/ clip: rect(0, 2.5em, 5em, 0); width: 5em; height: 5em; border-radius: 50%; /*background-color: #4D642D;*/ /* for debug */ box-sizing: border-box; } .pathways-wrapper .progress-circle { /*Progress bar for the first 50%, filling the whole right half*/ } .pathways-wrapper .progress-circle.over50 .first50-bar { position: absolute; /*needed for clipping*/ clip: rect(0, 5em, 5em, 2.5em); background-color: transparent; border-radius: 50%; width: 5em; height: 5em; } .pathways-wrapper .progress-circle:not(.over50) .first50-bar, .pathways-wrapper .progress-circle.p0 .value-bar { display: none; } .pathways-wrapper .progress-circle.p1 .value-bar { transform: rotate(4deg); } .pathways-wrapper .progress-circle.p2 .value-bar { transform: rotate(7deg); } .pathways-wrapper .progress-circle.p3 .value-bar { transform: rotate(11deg); } .pathways-wrapper .progress-circle.p4 .value-bar { transform: rotate(14deg); } .pathways-wrapper .progress-circle.p5 .value-bar { transform: rotate(18deg); } .pathways-wrapper .progress-circle.p6 .value-bar { transform: rotate(22deg); } .pathways-wrapper .progress-circle.p7 .value-bar { transform: rotate(25deg); } .pathways-wrapper .progress-circle.p8 .value-bar { transform: rotate(29deg); } .pathways-wrapper .progress-circle.p9 .value-bar { transform: rotate(32deg); } .pathways-wrapper .progress-circle.p10 .value-bar { transform: rotate(36deg); } .pathways-wrapper .progress-circle.p11 .value-bar { transform: rotate(40deg); } .pathways-wrapper .progress-circle.p12 .value-bar { transform: rotate(43deg); } .pathways-wrapper .progress-circle.p13 .value-bar { transform: rotate(47deg); } .pathways-wrapper .progress-circle.p14 .value-bar { transform: rotate(50deg); } .pathways-wrapper .progress-circle.p15 .value-bar { transform: rotate(54deg); } .pathways-wrapper .progress-circle.p16 .value-bar { transform: rotate(58deg); } .pathways-wrapper .progress-circle.p17 .value-bar { transform: rotate(61deg); } .pathways-wrapper .progress-circle.p18 .value-bar { transform: rotate(65deg); } .pathways-wrapper .progress-circle.p19 .value-bar { transform: rotate(68deg); } .pathways-wrapper .progress-circle.p20 .value-bar { transform: rotate(72deg); } .pathways-wrapper .progress-circle.p21 .value-bar { transform: rotate(76deg); } .pathways-wrapper .progress-circle.p22 .value-bar { transform: rotate(79deg); } .pathways-wrapper .progress-circle.p23 .value-bar { transform: rotate(83deg); } .pathways-wrapper .progress-circle.p24 .value-bar { transform: rotate(86deg); } .pathways-wrapper .progress-circle.p25 .value-bar { transform: rotate(90deg); } .pathways-wrapper .progress-circle.p26 .value-bar { transform: rotate(94deg); } .pathways-wrapper .progress-circle.p27 .value-bar { transform: rotate(97deg); } .pathways-wrapper .progress-circle.p28 .value-bar { transform: rotate(101deg); } .pathways-wrapper .progress-circle.p29 .value-bar { transform: rotate(104deg); } .pathways-wrapper .progress-circle.p30 .value-bar { transform: rotate(108deg); } .pathways-wrapper .progress-circle.p31 .value-bar { transform: rotate(112deg); } .pathways-wrapper .progress-circle.p32 .value-bar { transform: rotate(115deg); } .pathways-wrapper .progress-circle.p33 .value-bar { transform: rotate(119deg); } .pathways-wrapper .progress-circle.p34 .value-bar { transform: rotate(122deg); } .pathways-wrapper .progress-circle.p35 .value-bar { transform: rotate(126deg); } .pathways-wrapper .progress-circle.p36 .value-bar { transform: rotate(130deg); } .pathways-wrapper .progress-circle.p37 .value-bar { transform: rotate(133deg); } .pathways-wrapper .progress-circle.p38 .value-bar { transform: rotate(137deg); } .pathways-wrapper .progress-circle.p39 .value-bar { transform: rotate(140deg); } .pathways-wrapper .progress-circle.p40 .value-bar { transform: rotate(144deg); } .pathways-wrapper .progress-circle.p41 .value-bar { transform: rotate(148deg); } .pathways-wrapper .progress-circle.p42 .value-bar { transform: rotate(151deg); } .pathways-wrapper .progress-circle.p43 .value-bar { transform: rotate(155deg); } .pathways-wrapper .progress-circle.p44 .value-bar { transform: rotate(158deg); } .pathways-wrapper .progress-circle.p45 .value-bar { transform: rotate(162deg); } .pathways-wrapper .progress-circle.p46 .value-bar { transform: rotate(166deg); } .pathways-wrapper .progress-circle.p47 .value-bar { transform: rotate(169deg); } .pathways-wrapper .progress-circle.p48 .value-bar { transform: rotate(173deg); } .pathways-wrapper .progress-circle.p49 .value-bar { transform: rotate(176deg); } .pathways-wrapper .progress-circle.p50 .value-bar { transform: rotate(180deg); } .pathways-wrapper .progress-circle.p51 .value-bar { transform: rotate(184deg); } .pathways-wrapper .progress-circle.p52 .value-bar { transform: rotate(187deg); } .pathways-wrapper .progress-circle.p53 .value-bar { transform: rotate(191deg); } .pathways-wrapper .progress-circle.p54 .value-bar { transform: rotate(194deg); } .pathways-wrapper .progress-circle.p55 .value-bar { transform: rotate(198deg); } .pathways-wrapper .progress-circle.p56 .value-bar { transform: rotate(202deg); } .pathways-wrapper .progress-circle.p57 .value-bar { transform: rotate(205deg); } .pathways-wrapper .progress-circle.p58 .value-bar { transform: rotate(209deg); } .pathways-wrapper .progress-circle.p59 .value-bar { transform: rotate(212deg); } .pathways-wrapper .progress-circle.p60 .value-bar { transform: rotate(216deg); } .pathways-wrapper .progress-circle.p61 .value-bar { transform: rotate(220deg); } .pathways-wrapper .progress-circle.p62 .value-bar { transform: rotate(223deg); } .pathways-wrapper .progress-circle.p63 .value-bar { transform: rotate(227deg); } .pathways-wrapper .progress-circle.p64 .value-bar { transform: rotate(230deg); } .pathways-wrapper .progress-circle.p65 .value-bar { transform: rotate(234deg); } .pathways-wrapper .progress-circle.p66 .value-bar { transform: rotate(238deg); } .pathways-wrapper .progress-circle.p67 .value-bar { transform: rotate(241deg); } .pathways-wrapper .progress-circle.p68 .value-bar { transform: rotate(245deg); } .pathways-wrapper .progress-circle.p69 .value-bar { transform: rotate(248deg); } .pathways-wrapper .progress-circle.p70 .value-bar { transform: rotate(252deg); } .pathways-wrapper .progress-circle.p71 .value-bar { transform: rotate(256deg); } .pathways-wrapper .progress-circle.p72 .value-bar { transform: rotate(259deg); } .pathways-wrapper .progress-circle.p73 .value-bar { transform: rotate(263deg); } .pathways-wrapper .progress-circle.p74 .value-bar { transform: rotate(266deg); } .pathways-wrapper .progress-circle.p75 .value-bar { transform: rotate(270deg); } .pathways-wrapper .progress-circle.p76 .value-bar { transform: rotate(274deg); } .pathways-wrapper .progress-circle.p77 .value-bar { transform: rotate(277deg); } .pathways-wrapper .progress-circle.p78 .value-bar { transform: rotate(281deg); } .pathways-wrapper .progress-circle.p79 .value-bar { transform: rotate(284deg); } .pathways-wrapper .progress-circle.p80 .value-bar { transform: rotate(288deg); } .pathways-wrapper .progress-circle.p81 .value-bar { transform: rotate(292deg); } .pathways-wrapper .progress-circle.p82 .value-bar { transform: rotate(295deg); } .pathways-wrapper .progress-circle.p83 .value-bar { transform: rotate(299deg); } .pathways-wrapper .progress-circle.p84 .value-bar { transform: rotate(302deg); } .pathways-wrapper .progress-circle.p85 .value-bar { transform: rotate(306deg); } .pathways-wrapper .progress-circle.p86 .value-bar { transform: rotate(310deg); } .pathways-wrapper .progress-circle.p87 .value-bar { transform: rotate(313deg); } .pathways-wrapper .progress-circle.p88 .value-bar { transform: rotate(317deg); } .pathways-wrapper .progress-circle.p89 .value-bar { transform: rotate(320deg); } .pathways-wrapper .progress-circle.p90 .value-bar { transform: rotate(324deg); } .pathways-wrapper .progress-circle.p91 .value-bar { transform: rotate(328deg); } .pathways-wrapper .progress-circle.p92 .value-bar { transform: rotate(331deg); } .pathways-wrapper .progress-circle.p93 .value-bar { transform: rotate(335deg); } .pathways-wrapper .progress-circle.p94 .value-bar { transform: rotate(338deg); } .pathways-wrapper .progress-circle.p95 .value-bar { transform: rotate(342deg); } .pathways-wrapper .progress-circle.p96 .value-bar { transform: rotate(346deg); } .pathways-wrapper .progress-circle.p97 .value-bar { transform: rotate(349deg); } .pathways-wrapper .progress-circle.p98 .value-bar { transform: rotate(353deg); } .pathways-wrapper .progress-circle.p99 .value-bar { transform: rotate(356deg); } .pathways-wrapper .progress-circle.p100 .value-bar { transform: rotate(360deg); } .pathways-wrapper .image-container { height: 150px; width: 100%; } .pathways-wrapper .image-container.small { height: 50px; } .pathways-wrapper .image-container.small .pathway-img { margin: 0; padding: 0; } .pathways-wrapper .pathway-img { height: 100%; border-top-right-radius: 5px; border-top-left-radius: 5px; } .pathways-wrapper .pathway-img .pathways-details button { width: 85px; margin-bottom: 10px; } .pathways-wrapper .pathway-img .bottom-left { max-width: 70%; } .pathways-wrapper .pathway-title { margin-bottom: 5px; } .pathways-wrapper .pathway-start-wrapper { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } .pathways-wrapper .pathway-start-wrapper .btn-link { margin-left: 10px; } .pathways-wrapper .pathway-date { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: normal; color: #6c6c6c; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; } .pathways-wrapper .details-section { padding: 30px 0; } .pathways-wrapper .details-section:not(:last-child) { border-bottom: 1px solid #ddd; } .pathways-wrapper .details-section.steps { margin-top: -30px; } .pathways-wrapper .details-section .details-steps { margin-top: 30px; } .pathways-wrapper .details-section.first { padding-top: 0; } .pathways-wrapper .details-section .details-label { width: 100%; margin-bottom: 10px; line-height: 1.33; } .pathways-wrapper .details-section .details-content { max-width: 65%; } .pathways-wrapper .details-section .form-check { width: 100%; } .pathways-wrapper .details-section .form-check-label.btn.btn-primary { min-width: 30px; background: #ececec; padding: 0; } .pathways-wrapper .details-section .form-check-label.btn.btn-primary.active { background: #005f86; } .pathways-wrapper .details-section .form-check-label { display: inline; vertical-align: middle; } .pathways-wrapper .details-section .details-value { margin-bottom: 0; margin-right: 0; } .pathways-wrapper .details-section .details-value .empty.task { margin-bottom: 15px; } .pathways-wrapper .details-section .icn-info { cursor: pointer; color: #949494; margin-left: 10px; font-size: 20px; flex-grow: 1; } .pathways-wrapper .details-section .details-tasks { background: #f5f5f5; width: 100%; padding: 15px; margin-bottom: 10px; border-radius: 4px; } .pathways-wrapper .details-section .details-tasks .icn-help { font-size: 20px; color: #757575; cursor: pointer; } .pathways-wrapper .details-section .details-tasks [disabled] + label { opacity: 1; } .pathways-wrapper .buttonbar { margin: 10px 0; padding-bottom: 0; } .pathways-wrapper .btn.btn-link { border: none; background: transparent; box-shadow: none; text-align: left; padding: 0; color: #005f86; } .pathways-wrapper .empty-list-pathways { text-align: center; margin: 150px auto; width: 450px; } .pathways-wrapper .empty-list-pathways .empty-list-text { color: rgba(51, 51, 51, 0.7); font-size: 13px; } .modal-body-title { margin-bottom: 15px; } .pathway-sub-details { color: #333; font-weight: 300; } .pathway-sub-details.step-rights { margin-bottom: 10px; } .optional { font-weight: normal; color: #6c6c6c; font-size: 14px; } .details-tasks div.pathway-sub-details { margin-left: 27px; font-size: 13px; } .pathway-task { width: 100%; } .pathway-task-header input[type='checkbox'] { margin-top: 0; } .pathway-task-header .pathway-task-label { margin-bottom: 0; font-weight: 400; flex-grow: 2; max-width: none !important; } .pathway-task-header .pathway-task-label, .pathway-task-header .pathway-sub-details { line-height: 1.69; } .pathways-modal .modal-body-text { font-weight: 300; } .pathways-modal .modal-body-text .step-activity { margin-bottom: 10px; } .pathways-modal .modal-body-text a { font-size: inherit; } .text-body { font-weight: 300; } .details-tasks .pathway-sub-details { font-size: 13px; } .details-label .step-title { max-width: 70%; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; } .ql-editor ol li, .ql-editor ul li { padding-left: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-num; } .ql-editor ol li:before { content: counter(list-num,decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1,lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2,lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3,decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4,lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5,lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6,decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7,lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8,lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9,decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; pointer-events: none; position: absolute; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; margin-right: 0.3em; text-align: right; white-space: nowrap; width: 1.2em; } .meter { height: 8px; /* Can be anything */ position: relative; background: #d8d8d8; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); } .meter > span { display: block; height: 100%; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; position: relative; overflow: hidden; } .meter > span:after, .animate > span > span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, .2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .2)), color-stop(0.75, rgba(255, 255, 255, .2)), color-stop(0.75, transparent), to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; } .animate > span:after { display: none; } @-webkit-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } .green > span { border-radius: 25px; background-color: #44c274; } .orange > span { border-radius: 25px; background-color: #f7931f; } .nostripes > span > span, .nostripes > span:after { -webkit-animation: none; background-image: none; } .filter-list { background: #f9f9f9; position: relative; border-bottom: 1px solid #ddd; padding: 20px; padding-top: 0; color: #6c6c6c; } .filter-list #show-me-filter, .filter-list .filter-btn-single-select { background-color: transparent; } .filter-list #show-me-filter, .filter-list .btn_minimal, .filter-list .filter-dropdown-btn, .filter-list .filter-btn-single-select { min-height: inherit; } .filter-list #show-me-filter, .filter-list .filter-btn-single-select, .filter-list .btn_minimal:not(.ui-select-container) { font-size: 13px; line-height: 20px; } @media only screen and (max-width: 767px) { .filter-list #show-me-filter, .filter-list .filter-btn-single-select, .filter-list .btn_minimal:not(.ui-select-container) { line-height: 16px; } } .filter-list .filter-dropdown-btn { margin: 0 30px; border: 0; } .filter-list .filter-dropdown-btn.filter-in-use { font-weight: 500; color: #333; } .filter-list .filter-dropdown-btn:hover { font-weight: 500; } .filter-list i { font-size: 10px; } .filter-list #width_tmp_select { display: none; width: auto; } .filter-list .btn.btn_minimal select.job-type { font-weight: 500; color: #333; width: 140px; height: auto; } .filter-list .dropdown-menu { min-width: 350px; z-index: 100; color: #6c6c6c; font-size: inherit; border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(119, 119, 119, 0.8); border: solid 1px #ececec; padding: 0; margin: inherit; } @media only screen and (max-width: 767px) { .filter-list .dropdown-menu { width: 100%; left: 0 !important; } } .filter-list .dropdown-menu .search-block { padding: 15px 0; background-color: #fff; } .filter-list .dropdown-menu input[type="search"] { box-sizing: border-box; width: calc(100% - 40px); margin: auto; } .filter-list .dropdown-menu .filter-btns { padding: 15px 20px; overflow: auto; } .filter-list .dropdown-menu .filter-btns .btn-apply { color: #005f86; } .filter-list .dropdown-menu .filter-sub-menu { max-height: 250px; overflow-y: auto; } .filter-list .dropdown-menu .filter-sub-option { padding: 3px 20px; min-height: 30px; margin-top: 6px; } .filter-list .dropdown-menu .filter-sub-option:hover { background-color: #edf7ff; } .filter-list .dropdown-menu .filter-sub-option label { font-weight: 400; vertical-align: top; width: calc(100% - 13px - 10px); margin-bottom: 0; } .filter-list .dropdown-menu .filter-sub-option input[type="checkbox"] { margin-right: 10px; vertical-align: middle; margin-top: 0; } .filter-list .dropdown-menu.more-filter-dropdown { width: 100%; } .filter-list .dropdown-menu .item:hover, .filter-list .dropdown-menu .item:focus { background-color: #edf7ff; } .filter-list .dropdown-menu .item:hover button, .filter-list .dropdown-menu .item:focus button { color: #333 !important; } .filter-list .dropdown-menu .item { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; padding-top: 5px; padding-bottom: 5px; white-space: unset; } .filter-list .dropdown-menu .item button { text-align: left; } .filter-list .dropdown-menu .item button i { line-height: 1; vertical-align: bottom; } .filter-list .saved-search { margin-right: 0; } @media screen and (max-width: 767px) { .filter-list { position: static; } .filter-list .more-filter-dropdown { position: fixed; top: 0 !important; height: 100%; margin: 0; border: 0; border-radius: 0; box-shadow: none; z-index: 200; } .filter-list .more-filter-dropdown .header { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background: #f6f6f6; color: #333; font-size: 18px; line-height: 24px; height: 60px; font-weight: normal; text-align: left; border: 0; border-radius: 5px 5px 0 0; height: 64px; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding: 0 20px; border-bottom: solid 1px #ececec; } .filter-list .more-filter-dropdown .header .modal-close { cursor: pointer; color: #555; top: 0; right: 0; width: 40px; height: 60px; line-height: inherit; text-align: center; margin: 0 15px; overflow: hidden; border: 0; text-decoration: none; background: none; margin: 0; padding: 0; height: 20px; width: 20px; } .filter-list .more-filter-dropdown .header .modal-close:hover, .filter-list .more-filter-dropdown .header .modal-close:focus { color: #333; text-decoration: none; } .filter-list .more-filter-dropdown .header h3 { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; text-align: center; } .filter-list .more-filter-dropdown more-filters { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .filter-list .more-filter-dropdown .footer { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; height: 64px; padding: 10px; position: absolute; bottom: 0; left: 0; right: 0; } .filter-list .more-filter-dropdown .footer .btn-default { display: none; } .filter-list .more-filter-dropdown .footer .btn_primary { width: 100%; margin: 0; } } .filter-list .more-filters-dropdown-group.dropdown { position: static; } .more-filter-dropdown { left: 0 !important; padding: 0; } .more-filter-dropdown label { font-size: 14px; font-weight: normal; } .more-filter-dropdown .more-options-container { border: solid 1px #ececec; border-radius: 2px; padding: 10px 20px; } .more-filter-dropdown .more-options-container .filter-sub-option { padding: 3px 0; } .more-filter-dropdown .filter-sub-option { padding: 3px 0; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .more-filter-dropdown .filter-sub-option:hover { background-color: initial; } .more-filter-dropdown .filter-sub-option label { font-weight: 300; } .more-filter-dropdown .filter-sub-menu { height: auto; max-height: 200px; overflow-y: auto; } .more-filter-dropdown .field-widget-title { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .more-filter-dropdown .field-widget { display: inline-block; width: 100%; } @media (max-width: 767px) { .more-filter-dropdown .field-widget { width: 100%; } } .more-filter-dropdown .filter-grid { display: block; margin: 0 0 30px; } @media (min-width: 768px) { .more-filter-dropdown .filter-grid { margin-right: 20px; width: calc(50% - 10px); float: left; clear: left; } .more-filter-dropdown .filter-grid.right { float: right; clear: right; margin-right: 0; } } .more-filter-dropdown .header { display: none; } .more-filter-dropdown .overflow-widget .field-widget { border: solid 1px #ececec; border-radius: 2px; padding: 10px 20px; height: auto; max-height: 200px; overflow-y: auto; } .more-filter-dropdown .more-filter-body { position: relative; padding: 20px 40px; height: 100%; min-height: 325px; max-height: calc(100vh - (64px*2)); overflow: auto; border-bottom: solid 1px #ececec; } @media (max-width: 767px) { .more-filter-dropdown .more-filter-body { padding: 20px; } } .more-filter-dropdown .more-filter-body .field-widget-title { padding-bottom: 10px; } .more-filter-dropdown .more-filter-body .widget-container > .filter-sub-option:first-child { margin-top: 0; } .more-filter-dropdown .more-filter-body .multi-select { padding-top: 0; } .more-filter-dropdown .more-filter-body .datepicker-content > span { margin: auto; padding: 0 20px; } .more-filter-dropdown .more-filter-body .datepicker-content input[type="text"] { min-width: 0; font-size: 14px; } .more-filter-dropdown .more-filter-body .datepicker-content .dropdown-menu { height: auto; width: auto; overflow-y: unset; } .more-filter-dropdown .more-filter-body .primary-more { column-count: 2; column-gap: 40px; } @media (max-width: 767px) { .more-filter-dropdown .more-filter-body .primary-more { column-count: 1; } } .more-filter-dropdown .more-filter-body .input-inline { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; padding: 3px 0; margin-top: 6px; min-height: 30px; } .more-filter-dropdown .more-filter-body .input-inline:first-child { margin-top: 0; } .more-filter-dropdown .more-filter-body .input-inline label { font-weight: 300; margin-left: 10px; } .more-filter-dropdown .more-filter-body input[type="search"] { width: 100%; } .more-filter-dropdown .more-filter-body .hierarchical-control .tree-view-outer { width: calc(50% - 60px); } @media (max-width: 767px) { .more-filter-dropdown .more-filter-body .hierarchical-control .tree-view-outer { width: calc(100% - 40px); } } .more-filter-dropdown .more-filter-body .hierarchical-control .tree-view-outer .tree-view { position: absolute; display: block; width: 100%; max-width: 100%; height: 200px; } .more-filter-dropdown .more-filter-body .hierarchical-control .tree-view-outer .tree-view li { margin-left: 25px; } .more-filter-dropdown .more-filter-body .hierarchical-control .tree-view-outer .tree-view li.top-level { margin: 0; } .more-filter-dropdown .more-filter-body .hierarchical-control .tree-view-outer .tree-view .item-container { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .more-filter-dropdown .more-filter-body .hierarchical-control .tree-view-outer .tree-view .item-container:hover { background-color: #edf7ff; } .more-filter-dropdown .more-filter-body .hierarchical-control .tree-view-outer .tree-view .selected { background-color: transparent; color: inherit; border: 0; } .more-filter-dropdown .more-filter-body .hierarchical-control .tree-view-outer .expando { margin-leftt: 5px; margin-top: 5px; } .more-filter-dropdown .more-filter-body .form-tree-select .selected-container-item { border-color: #ccc; } .more-filter-dropdown .footer { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background-color: #ececec; padding: 15px 20px; } .more-filter-dropdown .footer button { margin-left: 10px; margin-right: 0; } .job_widget { background-color: rgba(255, 255, 255, 1) !important; margin-top: unset; /* front-end page start here */ } .job_widget #widgetContainer { overflow: hidden; font-size: 24px; } .job_widget #_list_form_widget { overflow: auto; margin: 0; padding: 0; height: 100%; } .job_widget #_list_form_widget::-webkit-scrollbar { -webkit-appearance: none; } .job_widget #_list_form_widget::-webkit-scrollbar:vertical { width: 9px; } .job_widget #_list_form_widget::-webkit-scrollbar:horizontal { height: 9px; } .job_widget #_list_form_widget::-webkit-scrollbar-thumb { border-radius: 5.5px; border: 1px solid #ccc; background-color: #ccc; } .job_widget #_list_form_widget::-webkit-scrollbar-track { background-color: transparent; border-radius: 5.5px; } .job_widget #widget-header { width: 100%; position: relative; background: rgba(255, 255, 255, 1); } .job_widget #si_ei { padding-top: 64px; } .job_widget #job_board { position: relative; } .job_widget #job_board .search_filters { padding: 0 0 5px !important; } .job_widget #widget-header h1 { font-size: 24px; color: #005f86; float: left; margin: 15px; font-weight: 300; letter-spacing: 0; } .job_widget #widget-header img { max-width: 100%; } .job_widget #widget-content, .job_widget #csm-content { box-sizing: border-box; border-radius: 5px; background-color: rgba(255, 255, 255, 1); border: 1px solid #ececec; } .job_widget #footer { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 20px; } .job_widget #subHead { padding: 20px; border-radius: 5px 5px 0 0; background-color: #f6f6f6; position: relative; height: 70px; } .job_widget #page-count { padding: 20px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .job_widget #job_board_widget_filter_keywords_ { float: left; background-image: url(/components/unicon/assets/svg-output/search_light.svg); background-size: 13px; background-repeat: no-repeat; background-position: left 13px center; border-radius: 18.5px; text-indent: 30px; border: 1px solid rgba(255, 255, 255, 1); min-height: 30px; width: 15em !important; clear: both; padding: 0; padding-right: 22px; } .job_widget #clear-icon { position: relative; left: -22px; top: 5px; font-size: 22px; cursor: pointer; color: #6c6c6c !important; font-style: normal; } .job_widget .logo-wrap { margin: 0 auto; position: relative; } .job_widget .stacked #job_board_widget_filter_keywords_ { width: 110px; } .job_widget #searchBarContainer { display: none; } .job_widget .sumlist-rw-title-widget { font-size: 13px !important; padding-bottom: 5px; width: 90%; margin: 0; } .job_widget .sumlist-rw-title-widget a { text-decoration: none; text-transform: capitalize; letter-spacing: 0 !important; line-height: 20px !important; } .job_widget .sumlist-rw-title-widget a:hover { text-decoration: underline; } .job_widget .sumlist-rw-title-widget > .job-type { color: #949494; font-size: 11px; font-weight: 300; letter-spacing: 0; line-height: 20px; padding-left: 5px; } .job_widget .sumlist-body-widget > li { padding: 15px 0; border-bottom: 1px solid #ececec; } .job_widget .widget-job-info { float: left; color: #333; font-size: 13px; letter-spacing: 0; line-height: 20px; } .job_widget .widget-job-info p.second, .job_widget .widget-job-info p.third { font-weight: 300; margin: 0; } .job_widget .widget-job-info p.first { font-weight: 400; margin: 0; } .job_widget .stacked .widget-job-info p.first { white-space: normal; } .job_widget .widget-job-info p.first span { font-weight: 400; margin-left: 5px; } .job_widget .stacked .widget-job-info { float: none; width: auto; } .job_widget .sumlist { margin-left: 0; margin-right: 0; list-style: none; padding: 0 20px; } .job_widget .loader { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; height: 100%; } .job_widget .lst-jumper { display: "-webkit-flex !important"; display: "-moz-flex !important"; display: "-ms-flex !important"; display: flex !important; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin-right: 0px; } .job_widget a.lst-prev-btn, .job_widget a.lst-prev-btn:hover { background: url(/components/unicon/assets/svg-output/chevron_left_light.svg) no-repeat; height: 14px; width: 14px; background-size: 14px; background-position: center; } .job_widget a.lst-next-btn, .job_widget a.lst-next-btn:hover { background: url(/components/unicon/assets/svg-output/chevron_right_light.svg) no-repeat; height: 14px; width: 14px; background-size: 14px; background-position: center; } .job_widget #page-count select { border: 0px !important; color: #333 !important; font-size: 13px !important; font-family: 'Roboto', Helvetica, Arial, sans-serif; padding-left: 0; margin-right: 20px; } .job_widget #page-count select:focus, .job_widget #page-count select:active { border: 0px !important; background-color: rgba(255, 255, 255, 1); } .job_widget #page-count label { color: #6c6c6c !important; font-size: 13px !important; } .job_widget #widget-content #page-count label { margin-left: 20px; margin-right: 10px; } .job_widget #si_ei #page-count select { margin-left: 20px; } .job_widget .search-buttons { float: right; } .job_widget #job_board .buttonbar { padding: 0 !important; } .job_widget input[type=button], .job_widget input[type=submit], .job_widget .btn_alt-default, .job_widget .btn_primary, .job_widget .btn_default { border-radius: 15px !important; } .job_widget input[type=button] { min-width: 54px !important; margin: 0px !important; } .job_widget #csm-defaultheader a div, .job_widget .csm-text-footer { display: none; } .job_widget #csm-defaultheader a div, .job_widget .csm-text-footer { display: none; } .job_widget html, .job_widget #si_ei, .job_widget #si_ei_wrap, .job_widget #csm-wrap, .job_widget #page_content, .job_widget #csm-wrap.clearfix { background: rgba(255, 255, 255, 1) !important; } .job_widget #csm-wrap { max-width: 992px; margin: 0 auto; text-align: left; } .job_widget #si_ei .pgtitle { margin: 0; padding: 15px 0px; position: relative; color: #005f86; font-size: 28px; font-weight: 300; } .job_widget #si_ei .pgtitle.pgtitle-img img { max-width: 100%; } .job_widget #si_ei #job_board_widget_filter_keywords_ { width: 300px !important; } .job_widget #si_ei #clear-icon { top: 0; background: transparent !important; padding: 0; min-width: 15px; border: 0px; cursor: pointer; } .job_widget #si_ei #clear-icon:focus { outline: unset !important; cursor: pointer; } .job_widget .symp-footer { background: rgba(255, 255, 255, 1); padding: 20px 0px; } .job_widget #symp_branding { float: left; width: 180px; } .job_widget #symp_branding img { float: left; } .job_widget .layout-footer { float: right; font-size: 24px; letter-spacing: 0; line-height: 20px; } .job_widget #si_ei .layout-footer a:link, .job_widget #si_ei .layout-footer a:visited { text-decoration: none; } .job_widget #si_ei #page-count a.btn_default { width: auto; min-height: 30px; text-indent: 0 !important; display: "-webkit-flex !important"; display: "-moz-flex !important"; display: "-ms-flex !important"; display: flex !important; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin: 0; } .job_widget #si_ei #page-count a.btn_default span { visibility: visible; color: #333; font-size: 13px; font-weight: 400; } @media (max-width: 414px) { .job_widget .csm-wrap, .job_widget #csm-defaultheader a, .job_widget .symp-footer, .job_widget .home-zoom-fix { width: unset !important; } .job_widget #si_ei #job_board_widget_filter_keywords_ { width: 15em !important; } .job_widget #si_ei #symp_job_board_search_filters { width: unset; } .job_widget .layout-footer { display: none; } .job_widget .symp-footer { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .job_widget #si_ei a.lst-prev-btn, .job_widget #si_ei a.lst-prev-btn:hover { height: 15px !important; width: 15px !important; border: 0px !important; } .job_widget #si_ei a.lst-next-btn, .job_widget #si_ei a.lst-next-btn:hover { height: 15px !important; width: 15px !important; border: 0px !important; } .job_widget .lst-prev-btn span, .job_widget .lst-next-btn span { visibility: hidden !important; } .job_widget #si_ei input[type=submit].btn_primary { min-width: 54px !important; } } @media (max-width: 991px) { .job_widget #si_ei .pgtitle { padding: 10px 20px 15px 20px; } .job_widget .symp-footer { padding: 20px 15px; } } @media (min-width: 414px) { .job_widget #si_ei a.lst-prev-btn, .job_widget #si_ei a.lst-prev-btn:hover { background: transparent !important; } .job_widget #si_ei a.lst-next-btn, .job_widget #si_ei a.lst-next-btn:hover { background: unset; } } @media only screen and (max-width: 767px) { body:not(.modal-view-desktop).job_widget .buttonbar .btn, body:not(.modal-view-desktop).job_widget .buttonbar .input-button, body:not(.modal-view-desktop).job_widget .buttonbar .input-submit { display: unset !important; width: unset; margin-bottom: unset; } }