.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* ==================================================================================== MASTHEAD =====================================================================================*/ #JobsbanksLanding #jumbo_container.industry_insight_hotel { background:url(../common/batch7d/images/wda_industryInsights_hotel_masthead.jpg) center bottom no-repeat; background-size:cover; height: 600px; padding: 0px; } .sectorialinsights_card.industryInsight_hotel { background:transparent; border: 0px; height: auto; } .sectorialinsights_card .industryInsight_hotel_contentHolder { padding-top: 50px; width: 50%; } .sectorialinsights_card .industryInsight_hotel_contentHolder { } .sectorialinsights_card .formbox { margin-bottom: 10px; } .sectorialinsights_card .formbox .input-group { border-radius: 3px; border: 1px solid #e68717; width: 100%; position: relative; font-size:32px; text-transform: uppercase; } .sectorialinsights_card .formbox .input-group .dropdown-menu { width:100%; } .sectorialinsights_card .formbox .input-group .form-control { font-size:32px; text-transform: uppercase; color:#e68717; line-height:32px; text-align:left; } .sectorialinsights_card .formbox .input-group.dropdownmenu .form-control::after { font-family: 'FontAwesome'; font-size: 16px; color:#e68717; content: "\f107"; position: absolute; right: 10px; } .stats_bar.indusyInsight_hotel_stats { background-color:rgba(255,255,255,0.8); width: 100%; padding:30px 30px; text-align: center; } .stats_bar .stats_item { padding:0px; display:inline-block; width:30%; vertical-align: top; text-align: left; } .stats_bar .stats_item .icon { padding:0 10px 0 0; display:inline-block; width:60px; text-align:left; float:left; } .stats_bar .stats_item .content { padding:0 10px 0 0; display:inline-block; width:120px; text-align:left; } .stats_bar .stats_item .content .figure { font-size:42px; line-height:38px; padding-top: 0; padding-bottom: 10px; font-weight:300; color:#777; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ EMPLOYER ALERT SETTINGS */ /* ==================================================================================== GENERAL CSS =====================================================================================*/ .masterlistingtemplatestyle .coursetitle.employerAlertSettings { text-transform:none; font-size:20px; } #JobAuditHistory #accordion_panel_container .itemrow .contentHolder .ctabox a.textlink{ color:#8d4097; font-size: 13px; } #JobAuditHistory #accordion_panel_container .itemrow .contentHolder .fa_add::before { font-family: 'FontAwesome'; font-size: 13px; font-weight: normal; color: #8c4198; content: '\f067'; padding-right: 5px; } /* ==================================================================================== ACCORDION AMENDMENTS =====================================================================================*/ #accordion_panel_container .panel .panel-title.noAccordion { padding: 19px; } #JobAuditHistory #accordion_panel_container .panel-title .itemrow .panel_subtitle { font-size: 17px; font-weight: 600; color: #8d4097; text-transform: uppercase; } #JobAuditHistory #accordion_panel_container .panel-title .itemrow .panel_subtitle.noAccordion { width: 50%; display:inline-block; } #JobAuditHistory #accordion_panel_container .panel-title .itemrow .toggleSwitchHolder { width: 50%; display:inline-block; font-size: 17px; text-align:right; } #JobAuditHistory #accordion_panel_container .itemrow .contentHolder{ font-size: 20px; } /* ==================================================================================== BASIC TABLE CSS AND MEDIA QUERY =====================================================================================*/ .responsiveTable { width: 100%; font-size:16px; text-align:center; } .responsiveTable th { color: #666666; text-transform: uppercase; font-weight:600; } .responsiveTable th.alignCenter { text-align:center; } .responsiveTable td { padding-bottom: 10px; } .responsiveTable td:first-child { text-align:left; } .responsiveTable .bt-content .bt-content-title { color: #8d4097; text-transform:uppercase; font-weight:600; } .responsiveTable .bt-content .bt-content-p { color: #666666; } .responsiveTable .bt-content .input-group { width: 100%; margin-top: 10px; } table.bt tfoot th::before, table.bt tfoot td::before, table.bt tbody td::before { width: 40%; } .responsiveTable.jobPostingContactTable th { padding-bottom: 15px; } .responsiveTable.companyContactPersonTable { margin-top: 20px; } .responsiveTable.companyContactPersonTable thead th { padding-bottom: 15px; } .responsiveTable.companyContactPersonTable tbody td { padding-top: 15px; padding-left: 15px; padding-right: 15px; } .responsiveTable.companyContactPersonTable tbody .greyBkg { background: #f1f1f1; } /* .responsiveTable.companyContactPersonTable tbody tr:before{ display: none; } .responsiveTable.companyContactPersonTable tbody tr:after{ font-family: 'FontAwesome'; content:"\f00d"; position: relative; top: 5px; right: 10px; float: right; } */ @media(max-width:991px) { .responsiveTable { text-align: left; font-size: 16px; color: #666666 } .responsiveTable td:first-child { text-align:left; margin-bottom: 5px; color: #333333; } .responsiveTable td:last-child { padding-bottom: 15px; border-bottom: 1px solid #f1f1f1; margin-bottom: 15px; } .responsiveTable thead { display: none; } .responsiveTable tbody td { border: none; display: block; vertical-align: top; padding-bottom: 10px; } .responsiveTable tbody td:before { content: attr(data-th) ": "; display: inline-block; font-weight: bold; width: 40%; } .responsiveTable tbody td.bt-hide { display: none; } .responsiveTable .bt-content { display: inline-block; vertical-align:top; width: 60%; } .responsiveTable .bt-content .input-group { width: 100%; } /* .responsiveTable.companyContactPersonTable tbody tr:after { display: none; } .responsiveTable.companyContactPersonTable tbody tr:before{ display: block; float: right; font-family: 'FontAwesome'; content:"\f00d"; position: relative; top: 10px; right: 10px; color: #8d4097; } */ } /* ==================================================================================== BOOTSTRAP SWITCH =====================================================================================*/ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { background-color: #e7892a; background-image: none; text-shadow:none; border: 1px solid #e7892a; border-color: #e7892a; } .bootstrap-switch { background-color: #e7892a; border: 2px solid #e7892a;; border-radius: 50px; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:hover, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:hover, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:focus, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:focus, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:active, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:active, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.active, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.active, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.disabled, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.disabled, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary[disabled], .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary[disabled] { background-color: #e7892a; background-image: none; text-shadow:none; border: 1px solid #e7892a; border-color: #e7892a; } .bootstrap-switch .bootstrap-switch-label { background: #ffffff; background-image:#ffffff; border: 2px solid #e7892a; border-color: #e7892a; } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { background-color: #ffffff; background-image:none; border:1px solid #ffffff; border-color: #ffffff; } .bootstrap-switch .bootstrap-switch-label:hover, .bootstrap-switch .bootstrap-switch-label:focus, .bootstrap-switch .bootstrap-switch-label:active, .bootstrap-switch .bootstrap-switch-label.active, .bootstrap-switch .bootstrap-switch-label.disabled, .bootstrap-switch .bootstrap-switch-label[disabled] { color: #ffffff; background-color: #ffffff; } .bootstrap-switch .bootstrap-switch-label:active, .bootstrap-switch .bootstrap-switch-label.active { background-color: #ffffff ; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ INDUSTRY INSIGHTS HOTEL */ /* ==================================================================================== WDA INDUSTRY INSIGHTS MASTHEAD =====================================================================================*/ #JobsbanksLanding #jumbo_container.industry_insight_hotel { background:url(../common/batch7d/images/wda_industryInsights_hotel_masthead.jpg) center bottom no-repeat; background-size:cover; height: auto; padding: 0px; } .sectorialinsights_card.industryInsight_hotel { background:transparent; border: 0px; height: auto; padding-top: 150px; margin-bottom: 50px; } .sectorialinsights_card .industryInsight_hotel_contentHolder { padding-top: 50px; width: 50%; } .sectorialinsights_card .industryInsight_hotel_contentHolder { } .sectorialinsights_card .formbox { margin-bottom: 10px; } .sectorialinsights_card .formbox .input-group { border-radius: 3px; border: 1px solid #e68717; width: 100%; position: relative; font-size:32px; text-transform: uppercase; } .sectorialinsights_card .formbox .input-group .dropdown-menu { width:100%; } .sectorialinsights_card .formbox .input-group .form-control { font-size:32px; text-transform: uppercase; color:#e68717; line-height:32px; text-align:left; } .sectorialinsights_card .formbox .input-group.dropdownmenu .form-control::after { font-family: 'FontAwesome'; font-size: 16px; color:#e68717; content: "\f107"; position: absolute; right: 10px; } .stats_bar.indusyInsight_hotel_stats { background-color:rgba(255,255,255,0.8); width: 100%; padding:30px 30px; text-align: center; } .stats_bar .stats_bar_wrapper { width: 80%; margin: 0 auto; } .stats_bar .stats_item { padding:0px; display:inline-block; vertical-align: top; text-align: left; } .stats_bar .stats_item .icon { padding:0 10px 0 0; display:inline-block; width:60px; text-align:left; float:left; } .stats_bar .stats_item .content { padding:0 10px 0 0; display:inline-block; width:120px; text-align:left; } .stats_bar .stats_item .content .figure { font-size:42px; line-height:38px; padding-top: 0; padding-bottom: 10px; font-weight:300; color:#777; } @media(min-width:320px) { #JobsbanksLanding #jumbo_container.industry_insight_hotel { height: auto; } .sectorialinsights_card .industryInsight_hotel{ margin: 0px; padding:0px; } .sectorialinsights_card .industryInsight_hotel_contentHolder { width: 93%; margin: 0 auto; margin-top: 10px; text-align:center; } .stats_bar .indusyInsight_hotel_stats{ padding: 0px; margin: 0px; } .stats_bar .stats_bar_wrapper { width: 100%; text-align:center; margin: 0 auto; } .stats_bar .stats_item { text-align:center; margin: 0 auto; width: 49%; } .stats_bar .stats_item .icon { text-align:center; margin: 0 auto; display: block; width: 100%; padding-bottom: 10px; } .stats_bar .stats_item .content { font-size: 13px; text-align:center; } #JobsbanksLanding .input-group .form-control { padding-left: 10px; } } @media(min-width:768px) { .sectorialinsights_card .industryInsight_hotel_contentHolder { width: 100%; text-align: left; margin:0px; } .sectorialinsights_card.industryInsight_hotel { background:transparent; border: 0px; height: auto; padding-top: 150px; margin-bottom: 50px; } .sectorialinsights_card .industryInsight_hotel_contentHolder { padding-top: 50px; width: 50%; } .sectorialinsights_card .industryInsight_hotel_contentHolder { } .sectorialinsights_card .formbox { margin-bottom: 10px; } .sectorialinsights_card .formbox .input-group { border-radius: 3px; border: 1px solid #e68717; width: 100%; position: relative; font-size:32px; text-transform: uppercase; } .stats_bar.indusyInsight_hotel_stats { background-color:rgba(255,255,255,0.8); width: 100%; padding:30px 30px; text-align: center; } .stats_bar .stats_bar_wrapper { width: 40%; margin: 0 auto; display: flex; } .stats_bar .stats_item { padding:0px; display:inline-block; vertical-align: top; text-align: left; width: auto; } .stats_bar .stats_item .icon { padding:0 10px 0 0; display:inline-block; width:60px; text-align:left; float:left; } .stats_bar .stats_item .content { padding:0 10px 0 0; display:inline-block; width:120px; text-align:left; } .stats_bar .stats_item .content .figure { font-size:42px; line-height:38px; padding-top: 0; padding-bottom: 10px; font-weight:300; color:#777; } } @media(max-width:991px) { .sectorialinsights_card .formbox .input-group .form-control { font-size: 18px; } } /* ==================================================================================== WDA INDUSTRY INSIGHTS TABS #029185; tiffany =====================================================================================*/ .industry_insights_occupational_insights { border-top: 1px solid #f1f1f1f1; } .industry_insights_backgroundTab_holder { } .industry_insights_backgroundTab_holder img { margin-top: 25px; width: 100%; height: auto; } .industry_insights_backgroundTab_holder p { line-height: 23px; margin-top: 25px; } .occupational_insights_tab_holder { } .occupational_insights_tab_holder .scrtabs-tabs-fixed-container { height: 60px; } .occupational_insights_tab_holder .scrtabs-tab-container .scrtabs-tab-scroll-arrow { border: 1px solid #e68717; background-color:#e68717; border-radius: 50px; color: #FFFFFF; cursor: pointer; float: left; font-size: 15px; height: 25px; margin-top: 5px; margin-bottom: -1px; padding-left: 4px; padding-top: 2px; width: 25px; } .occupational_insights_tab_holder .scrtabs-tab-container .scrtabs-tab-scroll-arrow:hover { background-color: #e68717; } .sectioncontent .occupational_insights_tab_tablinks { display: flex; justify-content: space-between; } .sectioncontent .occupational_insights_tab_tablinks > li { margin: 0; } .sectioncontent .occupational_insights_tab_tablinks > li a { border:0; } .sectioncontent .occupational_insights_tab_tablinks a, .sectioncontent .nav-tabs.nav-justified a { font-size:16px; line-height: 16px; padding-bottom:20px; } .sectioncontent .occupational_insights_tab_tablinks>li.active>a, .occupational_insights_tab_tablinks>li.active>a:hover, .occupational_insights_tab_tablinks>li.active>a:focus { border: 0; font-weight: 600; color: #e68717; } .occupational_insights_tab_tablinks>li>a:hover { background: none; border: 0; color: #e68717; } .sectioncontent .occupational_insights_tab_tablinks> .active > a, .sectioncontent .occupational_insights_tab_tablinks > .active > a:hover, .sectioncontent .occupational_insights_tab_tablinks > .active > a:focus { color:#e88a2d; border: 0px; } .sectioncontent .occupational_insights_tab_tablinks > .active > a:after { content:url(../common/batch7d/images/tab_selected.png); position:absolute; bottom:-5px; left:50%; } .sectioncontent .nav-tabs.nav-justified > .active > a:after { content:url(../common/batch7d/images/tab_selected.png); position:absolute; bottom: -4px; left:50%; } /* ==================================================================================== WDA INDUSTRY INSIGHTS CONTENT #029185; tiffany Green #e68717; Orange =====================================================================================*/ .career_details_holder { margin-left: 30px; margin-top: 40px; } .career_details_holder h3 { font-size: 16px; font-weight: 600; padding: 5px 0; color: #009185; text-transform: uppercase; margin-bottom:10px; } .career_details_holder ul { padding-left: 17px; } .career_details_holder p, .career_details_holder ul, .career_details_holder li { font-size: 16px; line-height: 19px; color: #666; margin-top: 0px; margin-bottom: 0px; padding-bottom: 10px; } .career_details_holder li { list-style-image: url(../common/batch7d/images/arrowright_tiffany.png); } .career_details_holder .lastUpdated { margin-top: 40px; color: #666666; } .career_pathway_holder { font-size: 15px; line-height:18px; padding-bottom: 1px; } .smallpanel .headerbar.tiffany { color: #029185; } #CourseDetails .smallpanel.career_pathway_holder { padding-bottom:0px; } /* CAREER PATH TIMELINE CSS ====================================== */ .career_pathway_holder .pathway-table-container { display:block; margin-top: 2px; margin-bottom: 20px; } .career_pathway_holder .pathway-table-container ul { list-style-type:none; padding: 0px; margin: 0px; padding-left: 20px; margin-left: 10px; } .career_pathway_holder .pathway-table-container ul li { list-style-position: outside; margin-bottom: 0px; padding-bottom: 15px; color: #e68717; } .career_pathway_holder .pathway-table-container ul li a { color: #029185; text-transform: uppercase; font-size:12px; font-weight:600; } .career_pathway_holder .pathway-table-container ul li a.fa_up:after { position: relative; top: 0; left: 0; font-family: 'FontAwesome'; content: "\f106"; padding-left: 3px; } .career_pathway_holder .pathway-table-container ul li a.fa_down:after { position: relative; top: 0; left: 0; font-family: 'FontAwesome'; content: "\f107"; padding-left: 3px; } .career_pathway_holder .pathway-table-container ul li a:hover { text-decoration:none; } .career_pathway_holder .pathway-table-container ul li:before { border-left: 3px solid #e68717; position: relative; left: -20px; top: -4px; bottom: 0px; height: auto; content: ""; padding-bottom: 15px; } .career_pathway_holder .pathway-table-container ul li span { background-color: #e68717; border-radius: 30px; padding-left: 27px; padding-top: 7px; padding-bottom: 8px; padding-right: 15px; position: relative; left: -35px; color: #ffffff; } .career_pathway_holder .pathway-table-container ul li span:before { position: relative; left: -16px; display: inline-block; content: ""; background-color: #ffffff; border-radius: 30px; height: 8px; width: 8px; } .career_pathway_holder .pathway-table-container ul li:first-child { background-image:url(../common/batch7d/images/occupation_insights_pathway.png); background-repeat: no-repeat; background-color:transparent; padding-left: 29px; margin: 0; margin-left: -30px; padding-bottom: 10px; position: relative; } .career_pathway_holder .pathway-table-container ul li:first-child:before { border-left: 3px solid #e68717; position: absolute; left: 10px; top: 21px; bottom: 0px; height: auto; content: ""; padding-bottom: 15px; } .career_pathway_holder .pathway-table-container ul li:last-child { background-image:url(../common/batch7d/images/occupation_insights_pathway_orange.png); background-repeat: no-repeat; background-color:transparent; padding-left: 30px; margin: 0; margin-left: -30px; margin-bottom: 0px; position: relative; z-index:10; } .career_pathway_holder .pathway-table-container ul li:last-child:before { border-left: 3px solid #e68717; position: absolute; left: 10px; top: -10px; height: 12px; content: ""; } .career_pathway_holder .pathway-table-container ul li:before { } /* END CAREER PATH TIMELINE CSS ====================================== */ .related_courses_holder { } .related_courses_holder img { width: 100%; height: auto; } .related_courses_holder h3 { font-size: 16px; text-transform: uppercase; color: #e68717; margin: 0px; padding: 0px; margin-top: 10px; font-weight: 600; } .related_courses_holder a { color: #029185; font-style:italic; } .actionbutton a.textlink, .career_details_holder a.textlink { color: #e68717; font-size: 16px; } @media(max-width:767px){ .pagebottomdragscroll.relatedcoursescontainer {height:auto;} } /* ==================================================================================== WDA JOB LISTINGS #029185; tiffany Green #e68717; Orange =====================================================================================*/ .jobListings_masthead { background: url(../common/batch7d/images/joblistings_masthead.jpg) center bottom no-repeat; background-size: cover; height: 400px; padding-top: 170px; margin-top: -160px; } .jobListingsHolder { padding-right: 15px; padding-left: 15px; } .responsiveTable td:first-child { text-align:left; } .jobListingTable .bt-content .bt-content-p { color: #666666; } .jobListingTable { border: 1px solid #029185; border-radius: 5px 5px 0px 0px; border-collapse:separate; width: 100%; font-size:16px; text-align:center; } .jobListingTable thead { background-color:#029185; } .jobListingTable th { padding: 20px; color: #ffffff; text-transform:uppercase; } .jobListingTable td { text-align: left; padding: 20px; color: #666666; } .jobListingTable tbody:nth-child(even) { background-color: #f1f1f1; } .jobListingsHolder .jobListingTable .bt-content-title { color: #333333; font-weight:600; text-transform:uppercase; } .sectorialinsights_card.joblisting_hotel { background:transparent; border: 0px; height: auto; padding-top: 0px; margin-bottom: 50px; } .sectorialinsights_card .joblisting_hotel_contentHolder { padding-top: 0px; width: 50%; } .sectorialinsights_card .formbox .input-group.joblisting_dropdown { width: 50%; } @media(min-width:768px) { .jobListingTable { text-align: left; font-size: 16px; } .jobListingTable td, .jobListingTable th { padding: 10px; } } @media(min-width:991px) { .jobListingTable th, .jobListingTable td { padding: 15px; } } @media(max-width:768px) { .jobListingTable { text-align: left; font-size: 14px; color: #666666; border: 0; padding-right: 15px; } .jobListingTable th { background-color:#029185; color: #ffffff; } .jobListingTable td { text-align: left; padding: 0px; } .jobListingTable tr:after { content: ""; display: block; border-bottom: 1px solid #ffffff; } .jobListingTable thead { display: none; } .jobListingTable tbody td { border: none; display: block; vertical-align: middle; } .jobListingTable tbody td:before { content: attr(data-th) ": "; display: inline-block; font-weight: bold; width: 40%; background: #029185; padding: 10px; color: #ffffff; } .jobListingTable tbody td.bt-hide { display: none; } .jobListingTable .bt-content { display: inline-block; vertical-align:top; width: 60%; padding-left: 10px; margin-top: 10px; } .jobListingTable .bt-content-title { color: #333333; font-weight: 600; } .sectorialinsights_card.joblisting_hotel { background:transparent; border: 0px; height: auto; padding-top: 0px; margin: 0 auto; text-align:center; padding-left: 10px; padding-right: 10px; } .sectorialinsights_card .joblisting_hotel_contentHolder { padding-top: 0px; width: 100%; text-align:center; } .sectorialinsights_card .formbox .input-group.joblisting_dropdown { width: 100%; } .sectorialinsights_card .formbox .input-group.joblisting_dropdown .form-control { font-size: 22px; line-height: 30px; padding-left: 10px; } } .jobListingTable { padding-right:0; } /* ==================================================================================== WDA JOB DETAILS #029185; tiffany Green #e68717; Orange =====================================================================================*/ #CourseDetails #jumbo_container.jobDetails_masthead { background-size: cover; height: 580px; padding-top: 170px; } #CourseDetails .detail_sectioncontent.block { border-top:1px solid #ebebeb; border-bottom: 0; } .riasecResultsHolder { width: 85%; display: inline-block; } .riasecProgressBarHolder { display: inline-block; width: 80%; } .riasecProgressBar { border-radius:10px; height: 7px; background-color:transparent; box-shadow:none; margin-bottom:5px; } .riasecProgressBarGreen { border-radius:10px; background-color:#029185; } .riasecProgressBarOrange { border-radius:10px; background-color:#e68717; } .smallpanel .riasecTitleHolder { width: 5%; text-align:center; display:inline-block; vertical-align: top; margin-right: 25px; } .riasecTitle { text-transform: uppercase; color: #666666; font-size: 21px; font-weight:600; } .riasecScoreHolder { width: 19%; display: inline-block; vertical-align: bottom; text-align: right; line-height: 10px; } .riasecScore { display: inline-block; font-size: 16px; text-align: right; font-weight: 600; } .riasecScore.green { color: #029185; } .riasecScore.orange { color: #e68717; } .careerAssessmentResultLegend { display:inline-block; width: 6%; margin-right: 7px; font-size: 15px; } .careerAssessmentResultLegend > .green { height: 12px; width: 12px; background-color:#029185; text-align: center; margin: 0 auto; border-radius:3px; } .careerAssessmentResultLegend > .orange { height: 12px; width: 12px; background-color:#e68717; text-align: center; margin: 0 auto; border-radius:3px; } .careerAssessmentResultHolder { display:inline-block; width: 87%; font-size: 15px; } .careerAssessmentResult > .green { color: #029185; } .careerAssessmentResult > .orange { color: #e68717; } .jobDetailsCarouselHolder { } .jobDetailsCarouselHolder .jobDetailsCarouselIndicator { position: relative; left:50%; top: 10px; } .jobDetailsCarouselHolder .jobDetailsCarouselIndicator li { border: 1px solid #029185; } .jobDetailsCarouselHolder .jobDetailsCarouselIndicator .active { background-color: #029185; } .jobDetailsCarouselHolder .item img { display:inline-block; width: 100%; } .jobDetailsCarouselHolder .jobDetailsCarouselCaption { display: inline-block; vertical-align: bottom; width: 100%; font-size: 14px; position: relative; left: 0; top: 0px; text-shadow:none; color: #666666; text-align:center; padding-bottom: 0; padding-left: 0px; } @media(min-width:1200px) { .jobDetailsCarouselHolder { } .jobDetailsCarouselHolder .jobDetailsCarouselIndicator { position: relative; left:30%; top: 10px; } .jobDetailsCarouselHolder .jobDetailsCarouselIndicator li { border: 1px solid #029185; } .jobDetailsCarouselHolder .jobDetailsCarouselIndicator .active { background-color: #029185; } .jobDetailsCarouselHolder .item img { display:inline-block; width: 58%; } .jobDetailsCarouselHolder .jobDetailsCarouselCaption { display: inline-block; vertical-align: bottom; width: 40%; font-size: 14px; position: relative; left: 0; top: 0px; text-shadow:none; color: #666666; text-align:left; padding-bottom: 0; padding-left: 20px; } } .header_tags_container.skillsAndCompetencies > .keyword_tags { font-size: 13px; font-weight: 400; line-height: 1.2em; background-color: rgba(0,145,133,1); padding: 8px 15px; border-radius: 17px; height: 31px; margin-bottom: 10px; display: inline-block; color: #fff; text-transform: uppercase; position: relative; } .detail_sectioncontent .lastUpdated { margin-top: 20px; color: #666666; } #CourseDetails .detail_sectioncontent h1.orange{ color: #e68717; } .scrtabs-tab-container *{box-sizing:border-box}.scrtabs-tab-container{height:42px}.scrtabs-tab-container .tab-content{clear:left}.scrtabs-tabs-fixed-container{float:left;height:42px;overflow:hidden;width:100%}.scrtabs-tabs-movable-container{position:relative}.scrtabs-tabs-movable-container .tab-content{display:none}.scrtabs-tab-scroll-arrow{border:1px solid #ddd;border-top:0;color:#428bca;cursor:pointer;float:left;font-size:12px;height:42px;margin-bottom:-1px;padding-left:2px;padding-top:13px;width:20px}.scrtabs-tab-scroll-arrow:hover{background-color:#eee}.scrtabs-tab-scroll-arrow.scrtabs-disable{color:#ddd;cursor:default}.scrtabs-tabs-fixed-container ul.nav-tabs>li{white-space:nowrap} #JobsbanksLanding .sectioncontent .nav-tabs a { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; outline: 0px; } div#s2id_faqselector { border: 1px solid #65b8fe; } .sectorialinsights_card .formbox .input-group .dropdown-menu { overflow-y: scroll; max-height: 300px; } main#JobsbanksLanding #jumbo_container.industry_insight_hotel { background: url(../core-base/Workforce/images/Help.jpg) center bottom / cover no-repeat; /* height: 460px; */ height: 360px; padding: 0px; } main#JobsbanksLanding #jumbo_container.industry_insight_hotel.for-further-assistance { background: url(../core-base/Workforce/images/for-further-assistance.jpg) center bottom / cover no-repeat; /* height: 460px; */ height: 360px; padding: 0px; } .sectorialinsights_card.industryInsight_hotel { padding-top: 30px !important; } .workforce_faq_page .sectioncontent h2 { text-transform: none; } .workforce_faq_page .panel.detail_sectioncontent .panel-body h2 { color: #3972D5; } .workforce_faq_page .contentpanel.sectioncontent.accordion_component .panel.detail_sectioncontent .panel-body { padding-top: 30px; padding-left:0; padding-bottom:0; border-bottom: 1px solid #ebebeb; } span.select2-selection.select2-selection--single.insightContainer:focus { outline-color: #65b8fe; } .workforce_faq_page .tabbedcontent .contenttabs .text{ font-size:16px; font-family: 'WorkSans-Semibold'; text-transform: uppercase; font-weight:400; } .workforce_faq_page .slick-dots li.slick-active button:before { color: #3972D5; opacity: 1; } .workforce_faq_page .contenttext{ padding-top:10px; } .workforce_faq_page .sectorialinsights_card .formbox #faqselector.input-group { font-family: 'WorkSans-Semibold'; font-size: 22px; color: #3972D5; line-height: 22px; text-align: left; height:60px; padding: 18px 20px; } .workforce_faq_page ol.workforce-ordered-list { font-size: 16px; font-family: 'WorkSans-Semibold'; font-weight: 400; text-transform: none; padding-bottom: 10px; color: #4a4a4a; margin: 0px; padding-left: 23px; } .workforce_faq_page ol.workforce-ordered-list .tab-content td p { font-family: 'WorkSans-Regular'; font-size: 16px; color: #666666; margin-left: 9px; } .workforce_faq_page ol.workforce-ordered-list .tab-content td p b { font-family: 'WorkSans-Semibold'; color: #4a4a4a; } .workforce_faq_page ol.workforce-ordered-list .tab-content td p a { font-family: 'WorkSans-Medium'; } .workforce_faq_page ol.workforce-ordered-list .tab-content h3 { font-family: 'WorkSans-Medium'; } .workforce_faq_page ol.workforce-ordered-list .tab-content p { font-family: 'WorkSans-Regular'; color: #666666; font-size: 16px; } .workforce_faq_page ol.workforce-ordered-list .tab-content p b { font-family: 'WorkSans-SemiBold'; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item h3{ font-size: 18px; font-weight: 400; text-transform: none; color: #4a4a4a; margin: 0px; padding-left:10px; padding-bottom:15px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item p{ font-size: 16px; font-family: 'WorkSans-Regular'; font-weight: normal; color: #666; margin-top: 0; margin-bottom: 0; line-height: 20px; padding: 0 0 10px 10px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item::after{ content:" "; margin-bottom:20px; display:block; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul{ font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight: normal; color: #606060; margin-top: 15px; margin-bottom: 15px; line-height: 18px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span>ol, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span>ul{ padding-left: 27px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul li{ padding-bottom:10px; padding-left:5px; padding-top:10px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol li { padding-bottom:10px; padding-left:5px; padding-top:10px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item ul{ list-style-type:disc; } .select2-container .select2-selection--single.insightContainer, .select2-container--default .select2-selection--single.insightContainer .select2-selection__rendered { font-family: 'WorkSans-Medium'; font-size: 22px; text-transform: uppercase; color: #3972D5; line-height: 22px; text-align: left; height: 60px; background:transparent; position:relative; z-index:0; } .workforce_faq_page .select2-container .selection { position:relative; } .select2-container--default .select2-selection--single.insightContainer::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .4; z-index: -1; background: #ffffff; } .workforce_faq_page .select2-container{ height:44px; } .select2-container .select2-selection--single.insightContainer .select2-selection__rendered { padding: 18px 20px; width:95%; } .insightDropdown.select2-dropdown{ font-family: 'WorkSans-Regular'; font-size:18px; color: #3972D5; top: 17px; } .insightDropdown.select2-dropdown .select2-search input{ font-family: 'WorkSans-Regular'; font-size:18px; } .select2-dropdown.insightDropdown .select2-results__option{ padding-left: 15px; } .select2-dropdown.insightDropdown .select2-search__field{ color: #333333; border-radius: 4px; padding-left: 15px; } .select2-container--default .select2-selection--single.insightContainer{ border-radius: 3px; border: 1px solid #3972D5; } .select2-container--default .select2-selection--single.insightContainer::after { font-family: 'FontAwesome'; font-size: 28px; color: #3972D5; content: "\f107"; position: absolute; right: 20px; top: 18px; } .select2-container--default .select2-selection--single.insightContainer .select2-selection__arrow { display: none; } .select2-container { width:auto; } .select2-container--default .insightDropdown .select2-results__option--highlighted[aria-selected] { background-color: #3972D5; color: #ffffff; } .select2-container--default .insightDropdown .select2-results__option[aria-selected=true] { background-color: #ffffff; color: #3972D5; } .select2-container--default .insightDropdown .select2-results__option--highlighted[aria-selected=true] { background-color: #3972D5; color: #ffffff; } .insightDropdown .select2-search input{ background:#ffffff; } .select2-container--default .insightDropdown .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; border-radius: 4px; } img.enlarge{ vertical-align: bottom; cursor:pointer; right: 40px; bottom: 7px; position: relative; } a.fancybox { vertical-align: middle; border: 1px solid #ccc; padding: 1px; background-color: #fff; margin: 20px 0 5px; display: inline-block; position:relative; } a.fancybox::before { content: url(../common/batch8d/images/EnlargeIcon.png); position: absolute; right: 0px; bottom: 0px; height: 40px; width: 40px; } #JobsbanksLanding .sectioncontent .nav-tabs a{ padding-top: 20px; } .workforce_faq_page .sectioncontent h2 { margin-top: 10px; text-align: left; } .workforce_faq_page .sectioncontent .detail_sectioncontent h2 { font-size: 30px; color: #4a4a4a; } .workforce_faq_page .userguide h2, .workforce_faq_page #workforce_faq_video_faqvideo h2, .workforce_faq_page .workforce_faq_video h2{ font-size: 30px; color: #4a4a4a; } .workforce_faq_video .slick-slider{ margin-top: 15px; } .workforce_faq_page .sectioncontent .workforce_faq_listitem { padding-top: 20px; } .workforce_faq_page .contentpanel.sectioncontent.accordion_component{ margin-bottom: 0; } .accordion_component > h2.accordion_title { padding-bottom: 20px !important; } .workforce_faq_page #jumbo_container .industryInsight_hotel_contentHolder .contenttext, .workforce_faq_page #jumbo_container .industryInsight_hotel_contentHolder .contenttext p{ text-align:left; font-size: 14px; line-height:18px; margin-top: 3px; margin-bottom: 0px; } .workforce_faq_page .sectorialinsights_card .industryInsight_hotel_contentHolder { padding-top:0; } .industryInsight_hotel_contentHolder .sectioncontent{ margin-top: 20px !important; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span>ol>li.HaveNext{ padding-top:10px; padding-bottom:10px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span>ol>li{ font-weight: normal; padding-top:10px; padding-bottom:10px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span>ul>li{ list-style-image: url("../common/batch7d/images/arrowright_tiffany.png"); padding-top:10px; padding-bottom:10px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol li ol li, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul li ol li{ font-weight: normal; list-style-type: lower-alpha; list-style-image: none; padding-top:5px; padding-bottom:5px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol li ol, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol li ul, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul li ol, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul li ul{ margin-left: -20px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol li ol li:first-of-type, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul li ol li:first-of-type{ padding-top:10px } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol li ul li, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul li ul li{ font-weight: normal; list-style-type: disc; list-style-image: none; padding-top:5px; padding-bottom:5px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol li ul li:first-of-type, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul li ul li:first-of-type{ padding-top:15px } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul li ol li ol li, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul li ul li ol li{ list-style-type: lower-roman; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul li ol li ul li, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul li ul li ul li{ list-style-type: circle; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol li ol li ol li, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol li ul li ol li{ list-style-type: lower-roman; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol li ol li ul li, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol li ul li ul li{ list-style-type: circle; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ol, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span ul{ margin:0px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span>ol>li:last-of-type, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span>ul>li:last-of-type{ padding-bottom:10px; } .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span>ol>li:first-of-type, .workforce_faq_page ol.workforce-ordered-list li.workforce-list-item span>ul>li:first-of-type{ padding-top:0; } #workforce_faq_video_faqvideo .dragscroll-item h2{ margin-bottom:20px; } .workforce_faq_page .contentpanel.sectioncontent.accordion_component .panel.detail_sectioncontent.block{ border-bottom: none; } .workforce_faq_page .contentpanel.sectioncontent.accordion_component .panel.detail_sectioncontent.block .panel-heading.headerbar { border-bottom: 1px solid #ebebeb; } .workforce_faq_page .sectioncontent .nav-tabs.nav-justified > .active > a::after { bottom: -10px; } /* Extra Small */ @media(max-width:767px){ .workforce_faq_page .sectioncontent .tabbox {width: 100%; height:100%; overflow: hidden;} .workforce_faq_page .sectioncontent .tabbox .nav-tabs {width: 100%; height: 100%;overflow-y: hidden;overflow-x: scroll; text-align: center; vertical-align: top;} .workforce_faq_page .sectioncontent .nav-tabs a {padding: 0px 10px !important;border-radius: 4px 4px 0 0;height:40px !important; text-align:center !important;} .workforce_faq_page .sectioncontent .nav-tabs a .text{width:auto;min-width:200px;height:40px !important;} .workforce_faq_page .sectioncontent .nav-tabs.nav-justified li {display:table-cell; width:1%;} .sectorialinsights_card.industryInsight_hotel {padding-top: 30px !important;} } /* Small */ @media(min-width:768px) and (max-width:991px){ .workforce_faq_page .sectioncontent .tabbox {width: 100% ; height:100%; overflow: hidden;} .workforce_faq_page .sectioncontent .tabbox .nav-tabs {width: 100%; height: 100%;overflow-y: hidden;overflow-x: scroll; text-align: center; vertical-align: top;} .workforce_faq_page .sectioncontent .nav-tabs a {padding: 0px 10px !important;border-radius: 4px 4px 0 0;height:40px !important; text-align:center !important;} .workforce_faq_page .sectioncontent .nav-tabs a .text{width:auto;min-width:200px;height:40px;} .workforce_faq_page .sectioncontent .nav-tabs.nav-justified li {display:table-cell; width:1%;} } /* Medium */ @media(min-width:992px) and (max-width:1199px){ .workforce_faq_page .sectioncontent .tabbox {width: 100%; height:100%; overflow: hidden;} .workforce_faq_page .sectioncontent .tabbox .nav-tabs {width: 100%; height: 100%;overflow-y: hidden;overflow-x: scroll; text-align: center; vertical-align: top;} .workforce_faq_page .sectioncontent .nav-tabs a {padding: 0px 10px !important;border-radius: 4px 4px 0 0;height:40px !important; text-align:center !important;} .workforce_faq_page .sectioncontent .nav-tabs.nav-justified li {display:table-cell; width:1%;} } /* Large */ @media(min-width:1200px){ .workforce_faq_page .sectioncontent .nav-tabs a {height:50px;border-radius: 4px 4px 0 0; } .workforce_faq_page .sectioncontent .nav-tabs.nav-justified li {display:table-cell;width:1%;} } .workforce_faq_page #tabbedcontent ul { padding-bottom: 17px !important; margin-bottom: -17px !important; } .workforce_faq_page .slick-dots{ bottom: 10px; } #select2-faqselector-container { text-transform: capitalize !important; } .workforce_faq_page .panel.detail_sectioncontent .headerbar a h2{ padding-top: 10px; font-size: 22px; margin-right: 10px; font-family: 'WorkSans-Medium'; } .workforce_faq_page .faqselectorBox{ margin-top: 15px !important; margin-bottom: 15px !important; } .workforce_faq_page .workforce_faq_multilistitem .workforce-list-item img { max-width: 100%; } .select2-container .select2-choice { height: 42px; border: none; } .select2-container .select2-choice .select2-arrow { border-left: none; background-clip: none; background: none; background-image: none; top:-5px; color: #3972D5; font-weight: 600; } .select2-container span.select2-chosen { margin-top: 10px; padding-left: 11px; font-size: 18px; font-family: 'WorkSans-Semibold'; text-transform: capitalize; color: #3972D5; } .select2-results .select2-result-label { padding: 3px 24px 4px; font-size: 16px; } .select2-results li.select2-highlighted { background: #9b9b9b; } .workforce_faq_page #tabbedcontent ul { padding-bottom: 0px !important; margin-bottom: 10px !important; } #JobsbanksLanding .sectioncontent .nav-tabs a { padding-top: 14px; } .workforce_faq_page .tabbedcontent .contenttabs .text { font-size: 15px; } thead, tbody, tfoot, tr, td, th { border: 1px solid; } footer{ position: relative; color: #f7f7f9; } .sectioncontent{ margin-bottom: 20px; margin-top: 30px; } li.workforce-list-item h3{ font-size: 18px; } .accordion-body .workforce_faq_orderedlist ol.workforce-ordered-list{ font-weight: 600; } .workforce-list-item p{ font-weight: normal; } .accordion-body ol>li>ol { font-weight: normal; } .workforce_faq_guide .contenttext li { /* list-style-image: url(../../../../apps/portal/components/content/pm/workforce_faq/workforce_faq_page_v3/clientlibs/common/batch7d/images/arrowright_tiffany.png); */ font-size: 16px; line-height: 19px; color: #65b8fe; margin-top: 0px; margin-bottom: 0px; padding-bottom: 10px; } .page-content-holder{ padding-top: unset; } @media (max-width: 992px){ .sectorialinsights_card.industryInsight_hotel { padding-top: 5px !important; } .sectorialinsights_card .industryInsight_hotel_contentHolder { padding-top: 0px; } } @media (max-width: 426px){ .sectorialinsights_card.industryInsight_hotel { padding-top: 10px !important; } .sectorialinsights_card .industryInsight_hotel_contentHolder { padding-top: 10px; } } @media (max-width: 376px){ .sectorialinsights_card.industryInsight_hotel { padding-top: 5px !important; } .sectorialinsights_card .industryInsight_hotel_contentHolder { padding-top: 0px; } } /* Article Content */ .pdtb-23{ padding-top: 32px; padding-bottom: 32px; } /* Sub header */ #careerSupportProgramme.cropPassFAQ h2::before { counter-increment: section; content: counter(section) "."; padding-right: 15px; } #careerSupportProgramme.cropPassFAQ h2{ color: black; } #careerSupportProgramme.cropPassFAQ h2 { margin-top: 20px; counter-reset: subsection; } #careerSupportProgramme.cropPassFAQ h5::before { counter-increment: section; content: counter(section) "."; padding-right: 15px; } #careerSupportProgramme.cropPassFAQ h5{ color: black; } #careerSupportProgramme.cropPassFAQ h5 { margin-top: 20px; counter-reset: subsection; } footer{ left: 0px; } table td{ word-wrap: break-word; } @media (max-width: 426px){ table td{ padding: 10px; max-width: 130px; } table td img{ width: 100px; } } .accordion-body ol li ul>li { list-style-image: url("../common/batch7d/images/arrowright_tiffany.png"); padding-top: 10px; padding-bottom: 10px; } .accordion-body ol li ul>li>ul>li{ font-weight: normal; list-style-type: disc; list-style-image: none; } .workforce_faq_multilistitem>li::marker { font-weight: bold; } .workforce-ordered-list>li::marker { font-weight: bold; } .select2-selection__rendered{ height: 40px; margin-top: 5px; } .insightDropdown.select2-dropdown{ font-family: inherit; font-size: inherit; color: inherit; top: 0px; } .select2-selection.select2-selection--single{ color: black; height: 40px; } .workforce_faq_guide .userguide a[target=_blank]:after { content: none; } .sectorialinsights_card .industryInsight_hotel_contentHolder{ text-align: left; } @media (min-width: 320px){ .sectorialinsights_card .industryInsight_hotel_contentHolder{ text-align: left; } } .sectorialinsights_card .formbox .input-group{ font-size: 16px; text-transform: none; } .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 8px; } @charset "UTF-8"; @font-face{ font-family:sgds-icons; font-weight:400;font-style:normal; } .sgds-icon{ font-family:sgds-icons!important; /*speak:none;*/ font-style:normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .sgds-icon-breadcrumb:before{content:"\e9a2"}.sgds-icon-callout:before{content:"\e9a3"}.sgds-icon-hero:before{content:"\e9a4"}.sgds-icon-mainnav:before{content:"\e9a5"}.sgds-icon-sidenav:before{content:"\e9a6"}.sgds-icon-table:before{content:"\e9a7"}.sgds-icon-typography:before{content:"\e9a8"}.sgds-icon-delete:before{content:"\e997"}.sgds-icon-grid-alt:before{content:"\e998"}.sgds-icon-pause-alt:before{content:"\e999"}.sgds-icon-pause:before{content:"\e99a"}.sgds-icon-pencil:before{content:"\e99b"}.sgds-icon-play-alt:before{content:"\e99c"}.sgds-icon-play:before{content:"\e99d"}.sgds-icon-privacy-alt:before{content:"\e99e"}.sgds-icon-privacy:before{content:"\e99f"}.sgds-icon-signal:before{content:"\e9a0"}.sgds-icon-stop:before{content:"\e9a1"}.sgds-icon-telephone:before{content:"\e97c"}.sgds-icon-bookmark-alt:before{content:"\e995"}.sgds-icon-star-alt:before{content:"\e996"}.sgds-icon-guides:before{content:"\e97d"}.sgds-icon-sentimeter:before{content:"\e97e"}.sgds-icon-sharepoint:before{content:"\e97f"}.sgds-icon-sitecore:before{content:"\e980"}.sgds-icon-sitefinity:before{content:"\e981"}.sgds-icon-swiit:before{content:"\e982"}.sgds-icon-wordpress:before{content:"\e983"}.sgds-icon-accordion:before{content:"\e984"}.sgds-icon-button:before{content:"\e985"}.sgds-icon-card:before{content:"\e986"}.sgds-icon-checklist:before{content:"\e987"}.sgds-icon-container:before{content:"\e988"}.sgds-icon-dropdown:before{content:"\e989"}.sgds-icon-footer:before{content:"\e98a"}.sgds-icon-grid:before{content:"\e98b"}.sgds-icon-icons:before{content:"\e98c"}.sgds-icon-masthead:before{content:"\e98d"}.sgds-icon-section:before{content:"\e98e"}.sgds-icon-tab:before{content:"\e98f"}.sgds-icon-atom:before{content:"\e990"}.sgds-icon-molecule:before{content:"\e991"}.sgds-icon-organism:before{content:"\e992"}.sgds-icon-page:before{content:"\e993"}.sgds-icon-template:before{content:"\e994"}.sgds-icon-add-image:before{content:"\e973"}.sgds-icon-attachment:before{content:"\e974"}.sgds-icon-cloud:before{content:"\e975"}.sgds-icon-contact:before{content:"\e976"}.sgds-icon-create-folder:before{content:"\e977"}.sgds-icon-delay:before{content:"\e978"}.sgds-icon-file-copy:before{content:"\e979"}.sgds-icon-file-pdf:before{content:"\e97a"}.sgds-icon-folder:before{content:"\e97b"}.sgds-icon-add-photo:before{content:"\e900"}.sgds-icon-browser:before{content:"\e901"}.sgds-icon-calculator:before{content:"\e902"}.sgds-icon-camera:before{content:"\e903"}.sgds-icon-clock:before{content:"\e904"}.sgds-icon-cloud-download:before{content:"\e905"}.sgds-icon-cloud-success:before{content:"\e906"}.sgds-icon-cloud-upload:before{content:"\e907"}.sgds-icon-database:before{content:"\e908"}.sgds-icon-download:before{content:"\e909"}.sgds-icon-file-add:before{content:"\e90a"}.sgds-icon-file-alt:before{content:"\e90b"}.sgds-icon-file:before{content:"\e90c"}.sgds-icon-hdd:before{content:"\e90d"}.sgds-icon-image:before{content:"\e90e"}.sgds-icon-link:before{content:"\e90f"}.sgds-icon-lock:before{content:"\e910"}.sgds-icon-mail:before{content:"\e911"}.sgds-icon-print:before{content:"\e912"}.sgds-icon-radar:before{content:"\e913"}.sgds-icon-save:before{content:"\e914"}.sgds-icon-share:before{content:"\e915"}.sgds-icon-unlock:before{content:"\e916"}.sgds-icon-upload:before{content:"\e917"}.sgds-icon-volume-mute:before{content:"\e918"}.sgds-icon-volume:before{content:"\e919"}.sgds-icon-docker:before{content:"\e91a"}.sgds-icon-facebook-alt:before{content:"\e91b"}.sgds-icon-facebook:before{content:"\e91c"}.sgds-icon-google:before{content:"\e91d"}.sgds-icon-instagram:before{content:"\e91e"}.sgds-icon-linkedin-alt:before{content:"\e91f"}.sgds-icon-linkedin:before{content:"\e920"}.sgds-icon-person-add:before{content:"\e921"}.sgds-icon-person-cancel:before{content:"\e922"}.sgds-icon-person-remove:before{content:"\e923"}.sgds-icon-person:before{content:"\e924"}.sgds-icon-rss:before{content:"\e925"}.sgds-icon-thumbs-down:before{content:"\e926"}.sgds-icon-thumbs-up:before{content:"\e927"}.sgds-icon-twitter:before{content:"\e928"}.sgds-icon-youtube:before{content:"\e929"}.sgds-icon-add-place:before{content:"\e92a"}.sgds-icon-boat:before{content:"\e92b"}.sgds-icon-bus:before{content:"\e92c"}.sgds-icon-car:before{content:"\e92d"}.sgds-icon-layers:before{content:"\e92e"}.sgds-icon-map:before{content:"\e92f"}.sgds-icon-my-location:before{content:"\e930"}.sgds-icon-place:before{content:"\e931"}.sgds-icon-taxi:before{content:"\e932"}.sgds-icon-traffic:before{content:"\e933"}.sgds-icon-train:before{content:"\e934"}.sgds-icon-arrow-down:before{content:"\e935"}.sgds-icon-arrow-left:before{content:"\e936"}.sgds-icon-arrow-right:before{content:"\e937"}.sgds-icon-arrow-top-left:before{content:"\e938"}.sgds-icon-arrow-top-right:before{content:"\e939"}.sgds-icon-arrow-up:before{content:"\e93a"}.sgds-icon-check:before{content:"\e93b"}.sgds-icon-chevron-down:before{content:"\e93c"}.sgds-icon-chevron-left:before{content:"\e93d"}.sgds-icon-chevron-right:before{content:"\e93e"}.sgds-icon-chevron-up:before{content:"\e93f"}.sgds-icon-cog:before{content:"\e940"}.sgds-icon-cross:before{content:"\e941"}.sgds-icon-ellipsis:before{content:"\e942"}.sgds-icon-home:before{content:"\e943"}.sgds-icon-menu:before{content:"\e944"}.sgds-icon-minus:before{content:"\e945"}.sgds-icon-notification:before{content:"\e946"}.sgds-icon-plus:before{content:"\e947"}.sgds-icon-sg-crest:before{content:"\e948";color:#db0000}.sgds-icon-text-center:before{content:"\e949"}.sgds-icon-text-justify:before{content:"\e94a"}.sgds-icon-text-left:before{content:"\e94b"}.sgds-icon-text-right:before{content:"\e94c"}.sgds-icon-add-comment:before{content:"\e94d"}.sgds-icon-ban:before{content:"\e94e"}.sgds-icon-bookmark:before{content:"\e94f"}.sgds-icon-calendar:before{content:"\e950"}.sgds-icon-chat:before{content:"\e951"}.sgds-icon-circle-info:before{content:"\e952"}.sgds-icon-circle-minus:before{content:"\e953"}.sgds-icon-circle-plus:before{content:"\e954"}.sgds-icon-circle-question:before{content:"\e955"}.sgds-icon-circle-warning:before{content:"\e956"}.sgds-icon-compress-alt:before{content:"\e957"}.sgds-icon-compress:before{content:"\e958"}.sgds-icon-edit:before{content:"\e959"}.sgds-icon-expand-alt:before{content:"\e95a"}.sgds-icon-expand:before{content:"\e95b"}.sgds-icon-external:before{content:"\e95c"}.sgds-icon-feedback:before{content:"\e95d"}.sgds-icon-filter:before{content:"\e95e"}.sgds-icon-info:before{content:"\e95f"}.sgds-icon-list:before{content:"\e960"}.sgds-icon-pin:before{content:"\e961"}.sgds-icon-question:before{content:"\e962"}.sgds-icon-refresh:before{content:"\e963"}.sgds-icon-rsvp-no:before{content:"\e964"}.sgds-icon-rsvp-yes:before{content:"\e965"}.sgds-icon-search:before{content:"\e966"}.sgds-icon-slider-horizontal:before{content:"\e967"}.sgds-icon-slider-vertical:before{content:"\e968"}.sgds-icon-star:before{content:"\e969"}.sgds-icon-sync:before{content:"\e96a"}.sgds-icon-toggle-minus:before{content:"\e96b"}.sgds-icon-toggle-off:before{content:"\e96c"}.sgds-icon-toggle-on:before{content:"\e96d"}.sgds-icon-toggle-plus:before{content:"\e96e"}.sgds-icon-triangle-warning:before{content:"\e96f"}.sgds-icon-warning:before{content:"\e970"}.sgds-icon-zoom-in:before{content:"\e971"}.sgds-icon-zoom-out:before{content:"\e972"} .collapse.in { display: block; } /* .accordion-body { display: inline-block; width: 100%; max-width: unset; } */ .accordion-body { word-wrap: break-word; } .course-section-body .accordion .single_youtube_video { padding: 15px; height: 480px; } @media(max-width:450px) { .course-section-body .accordion .single_youtube_video { height: 240px; } } @media(max-width:600px) { .accordion-body{ max-width: 450px; } } @media(max-width:450px) { .accordion-body{ max-width: 296px; } } #CareerTips .detail_sectioncontent.block .image img { max-height: 400px; max-width: 300px; padding: 0px; } #careerSupportProgramme .detail_sectioncontent.block p, #careerSupportProgramme .detail_sectioncontent.block li, #CareerTips .detail_sectioncontent.block p, .sectorarticle .detail_sectioncontent.block p, .sectorarticle .detail_sectioncontent.block li, .sectorarticle #tabbedcontent .tab-content p, .sectorarticle #tabbedcontent .tab-content li, .detail_sectioncontent.block p i { word-break: break-word; line-height: 20px; color: #4a4a4a; } .sectorarticle .detail_sectioncontent.block li, .sectorarticle #tabbedcontent .tab-content p, .sectorarticle #tabbedcontent .tab-content li { color: #333333; font-size: 16px; } .sectorarticle .DetailsPageStyle .detail_sectioncontent.block { border-bottom: 0px; margin: 0; padding: 10px 0; } .sectorarticle .DetailsPageStyle .detail_sectioncontent .content { padding: 20px 0; } #CareerTips .detail_sectioncontent.block img, .sectorarticle .detail_sectioncontent.block img, #careerSupportProgramme .detail_sectioncontent.block img { max-height: 450px; max-width: 360px; float: left; padding-right: 30px; padding-bottom: 20px; vertical-align: middle; border: 0; } @media (max-device-width: 767px) { .DetailsPageStyle .detail_sectioncontent h1 { font-size: 40px; line-height: 44px; } .row.aroundmyskillsfuture_container { width: 600px; } } @media (max-device-width: 450px) { .row.aroundmyskillsfuture_container { width: 340px; } .DetailsPageStyle .detail_sectioncontent h1 { font-size: 30px; } #CareerTips .detail_sectioncontent.textimonialblock .message { font-size: 20px; } .name { width: 340px; } #CareerTips .detail_sectioncontent.block .image.right { float: none !important; } .workforce_IndustryInsights_FeaturedTopic .article-card .contentblock .name, .workforce_IndustryInsights_FeaturedTopic .article-card .contentblock .description, .workforce_IndustryInsights_FeaturedTopic .article-card .contentblock .excerpt { width: 290px; } } @media (max-width: 768px) and (min-width: 700px){ .row.aroundmyskillsfuture_container { width: 700px; } .DetailsPageStyle .detail_sectioncontent h1 { font-size: 40px; line-height: 44px; } } } .landingpagestyle.CareerTipsArticle .DetailsPageStyle .detail_sectioncontent .content { padding-top: 0px; } #CareerTips .DetailsPageStyle .detail_sectioncontent.block, .sectorarticle .DetailsPageStyle .detail_sectioncontent.block { display: table-row-group; } /* start of page title & separator */ /* .page-header h1.article_title, h2 { color: #029185; } */ .sectorarticle h2 { color: #ef4125; } #CareerTips{ padding-top: 0px !important; } #CareerTips .DetailsPageStyle .detail_sectioncontent.first.withseparator { margin-top: 0px; } #CareerTips.CareerTipsArticle .sub_header .headerbar h1, #CareerTips.CareerTipsArticle .sub_header .headerbar h2, #CareerTips.CareerTipsArticle .sub_header .headerbar h3, #CareerTips.CareerTipsArticle .sub_header .headerbar h4 { color: #4a4a4a; font-family: WorkSans-SemiBold; text-transform: capitalize; } .detail_sectioncontent.msf_template_separator { margin-top: -50px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .page_title { padding-top: 50px; } /* end of page title */ /* start of last modified date */ .article_date_difference { color: #8d8d8d; font-size: 15px; } .article_date_difference { float: right; } /* end of last modified date */ /* start of video gallary */ .videophotograllery_container .videobox { border: 1px solid #ccc; padding: 2px; background-color: #fff; position: relative; margin-top: 20px; overflow: hidden; } #CareerTips .detail_sectioncontent.videophotograllery_container { padding-bottom: 50px; } .detail_sectioncontent { word-break: break-word;; } #video-photo-gallery-container ul, #video-photo-gallery-container ul li.slick-slide{ padding-left: 0px !important; } #videoandphotogalleryContainer .slick-slider{ margin-bottom: 0px; } .videophotograllery_container .slides-show{ margin-bottom: -10px; } .video-on-slider-show, #video-photo-gallery-container .slides-show iframe, #video-photo-gallery-container .slides-show img { width: 100%; max-height: 330px; min-height: 325px; } .article-main-slider-nav img, .article-main-slider-nav iframe{ width: 100%; height:auto; max-height: 79px; min-height: 79px; } #video-photo-gallery-container .slides .consolepanel .article-main-slider-nav{ padding-top: 20px; } #video-photo-gallery-container .slides{ margin-top: -15px; } @media (min-width: 1200px){ .CareerTipsArticle { width: 100%; } } .paneltable .contentrow td { border-right: 1px solid #e0e0e0; } /* end of video gallary */ /* workforce article page table same to design*/ /* start of workforce article page table*/ .CareerTipsArticle table{ border: 2px solid #005C54; font-size: 13px; line-height: 16px; color: #666; border-radius: 3px; display: table; width: 100%; border-collapse: collapse; } .CareerTipsArticle table tbody tr:first-child{ padding: 0; font-weight: bold; color: #fff; background-color: #005C54; vertical-align: top; } .CareerTipsArticle table tbody tr:first-child td{ border: none; } .CareerTipsArticle table tbody tr:first-child td p{ font-weight: bold; color: #F2F2F2!important; } .CareerTipsArticle table tbody tr:first-child td p:last-child{ font-size: 12px; font-weight: normal; } .CareerTipsArticle table tbody tr:not(:first-child) td{ border: 1px solid #e0e0e0; } .CareerTipsArticle table tbody tr td{ padding: 15px; text-align: left; } /* start of banner */ .article_300_x_250_banner { width: 300px; height: 250px; } #CareerTips.CareerTipsArticle #jumbo_container_article_banner { background-size: cover; height: 580px; padding-top: 200px; } /* end of banner */ #CareerTips .DetailsPageStyle .detail_sectioncontent ol li> ol li, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol li> ol li { padding-left: 10px; font-weight: normal; } #CareerTips .DetailsPageStyle .detail_sectioncontent ol li, #CareerTips .DetailsPageStyle .detail_sectioncontent ul li, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol li, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ul li{ font-size: 16px; padding: 3px 0px; } #CareerTips .DetailsPageStyle .detail_sectioncontent ul, #careerSupportProgramme .contentpanel.sectioncontent ul { margin-top: 0px; } #CareerTips .contentpanel.sectioncontent ul li, #CareerTips .DetailsPageStyle .detail_sectioncontent ol li, #careerSupportProgramme .contentpanel.sectioncontent ul li { padding-left: 10px !important; } #CareerTips #tabbedcontent.contentpanel.sectioncontent .tabbox ul li { padding: 0px !important; } #CareerTips .DetailsPageStyle .detail_sectioncontent ol, #CareerTips .DetailsPageStyle .detail_sectioncontent ol li, #CareerTips .DetailsPageStyle .detail_sectioncontent ul, #CareerTips .DetailsPageStyle .detail_sectioncontent ul li, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol li, .CareerTipsArticle .DetailsPageStyle .detail_sectioncontent p, .DetailsPageStyle .CareerTipsArticle .detail_sectioncontent ul, .CareerTipsArticle .DetailsPageStyle .detail_sectioncontent li, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent p, .DetailsPageStyle #careerSupportProgramme .detail_sectioncontent ul, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent li, #careerSupportProgramme .detail_sectioncontent.block a, #careerSupportProgramme .DetailsPageStyle .sectioncontent li{ font-size:16px; line-height:26px; font-weight: normal !important; } #careerSupportProgramme .DetailsPageStyle p.no-margin-bottom{ margin-bottom: 0 !important; } #CareerTips .DetailsPageStyle .detail_sectioncontent ol li ol { list-style: lower-alpha; } #CareerTips .DetailsPageStyle .detail_sectioncontent ol li ol li ol { list-style: lower-roman; } #CareerTips .DetailsPageStyle .detail_sectioncontent ol, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol{ padding-left: 15px; } #CareerTips .listing_container .itemset .description, #careerSupportProgramme .listing_container .itemset .description { line-height: 26px; } /* start of Share Article */ #share_article_social_media .icon.st_facebook_custom { background: url("http://w.sharethis.com/images/facebook_32.png") no-repeat scroll left top transparent; background-color: #3b5998; background-size: 30px; background-position: center; } #share_article_social_media .icon.st_twitter_custom { background: url("http://w.sharethis.com/images/twitter_32.png") no-repeat scroll left top transparent; background-color: #00a9f1; background-size: 35px; background-position: center; } #share_article_social_media .icon.st_email_custom { background: url(http://w.sharethis.com/images/email_32.png) no-repeat scroll left top transparent; background-color: #787878; background-size: 20px 15px; background-position: center; } #share_article_social_media { position: fixed; right: 0; top:30%; } /* end of Share Article */ /* start of Quote */ #CareerTips .detail_sectioncontent.textimonialblock .message::before, .sectorarticle .detail_sectioncontent.textimonialblock .message::before { line-height: 10px; content: '' !important; } #CareerTips .detail_sectioncontent.textimonialblock .message::after, .sectorarticle .detail_sectioncontent.textimonialblock .message::after { font-size: 32px; line-height: 10px; content: ''; } .sectorarticle .detail_sectioncontent.textimonialblock .message { font-size: 32px; font-weight: 600; line-height: 36px; color: #666; padding: 0px 50px; width: 100% ! important; } .sectorarticle .detail_sectioncontent.textimonialblock { text-align: center; } .sectorarticle .detail_sectioncontent { word-break: break-word; } .sectorarticle .detail_sectioncontent.textimonialblock .name { font-size: 15px; font-weight: bold; color: #ef4125; padding-top: 10px; margin-top: 15px; } .sectorarticle .detail_sectioncontent.textimonialblock .name span { border-top: 2px solid #f1f1f1; padding-top: 5px; } /* end of Quote */ /* start of single youtube video */ #CareerTips .single_youtube_video, .sectorarticle .single_youtube_video:not(.parbase) { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; padding-left:15%; padding-right:15%; } .sectorarticle .single_youtube_video.parbase > .single_youtube_video { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; padding-left:15%; padding-right:15%; } body.cq-wcm-edit .single_youtube_video.parbase { padding-bottom: 3rem; } #CareerTips .single_youtube_video iframe, .sectorarticle .single_youtube_video iframe { position:absolute; top:0; left:0; width:100%; height:100%; } #CareerTips .detail_sectioncontent.block.single_youtube_video, .sectorarticle .detail_sectioncontent.block.single_youtube_video { text-align: center; display: block; } /* end of single youtube video */ /* start of TabPanel for Sector Article */ /* Tabs */ .sectorarticle .contentpanel.sectioncontent ul.nav-tabs { padding: 0 34px; } .sectorarticle .contentpanel.sectioncontent ul.nav-tabs li {padding-left:0px;} .sectorarticle .sectioncontent .nav-tabs a { font-family: 'Source Sans Pro'; font-size: 14px; line-height: 16px; font-weight: bold; padding: 15px 5px; } .sectioncontent .nav-tabs.nav-justified > .active > a::after {bottom: -8px;} .sectorarticle .contentpanel.sectioncontent .tab-content { padding:10px 0; position:relative; } .sectorarticle .tabbox { position:relative; } .sectorarticle .tabbox .leftbuttonbox, .sectorarticle .tabbox .rightbuttonbox { position:absolute; top:0px; z-index: 10; height:65px; padding-top:25px; } .sectorarticle .tabbox .leftbuttonbox {left:0px;} .sectorarticle .tabbox .rightbuttonbox {right:0px;} /* Extra Small */ @media(max-width:767px){ .sectorarticle .tabbox .leftbuttonbox, .tabbox .rightbuttonbox {display:none;} } /* Small */ @media(min-width:768px) and (max-width:991px){ .sectorarticle .sectioncontent .nav-tabs a { height:50px;} .sectorarticle .tabbox .leftbuttonbox, .tabbox .rightbuttonbox {height:65px;} } /* Medium */ @media(min-width:992px) and (max-width:1199px){ .sectorarticle .sectioncontent .nav-tabs a { height:65px;} .sectorarticle .tabbox .leftbuttonbox, .tabbox .rightbuttonbox {height:80px;} } /* LArge */ @media(min-width:1200px){ .sectorarticle .sectioncontent .nav-tabs a { height:50px;} } /* tabbox collapse */ .sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel-group .panel, .sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel-group .panel { margin-bottom: 0; border-radius: 0px; } .sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel-default, .sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel-default { border-color: transparent; } .sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel, .sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel { background-color: transparent; border: 0px solid transparent; box-shadow: 0 0px 0px rgba(0,0,0,0.05); } .sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel-heading, .sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel-heading { background-color: transparent; border-color: transparent; padding: 0px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .panel-body, .sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 0px solid #ddd; } .sectorarticle .contentpanel.sectioncontent .tabbox .panel-body.js-tabcollapse-panel-body { padding: 20px 0px; } .sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .panel-body, .sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 0px solid #ddd; } .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:link, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:visited { color: #e88a2d; text-align: center; padding: 12px 0px 18px; background-color: transparent; display:block; border-bottom: 1px solid #e0e0e0; position:relative; text-transform: none; font-weight: bold; font-family: 'Source Sans Pro'; font-size: 14px; line-height: 16px; } .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:hover, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:focus { color: #e88a2d; text-decoration: none; } .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:link, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:visited { color: #666; } .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading::after, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:link::after, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:visited::after { position: absolute; bottom: -7px; left: 50%; } .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed::after, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:link::after, .sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:visited::after { content:' '; } .sectorarticle .tabbedcontent .tab-content .tab-pane { padding: 20px 50px; } .sectorarticle .tabbedcontent .sector_article_divider { text-align: center; width: 50%; margin: 0 auto; } .sectorarticle .tabbedcontent .sector_article_divider::after { content: "..................................................."; letter-spacing: 4px; } .sectorarticle .tabbedcontent a.btn-orange-light { background-color: #ef4125; border: 1px solid #ef4125 !important; text-transform: uppercase; color: #fff; border-radius: 50px; width: 30px; height: 30px; padding: 5px; } .sectorarticle .tabbedcontent a { color: #606060; } .sectorarticle .tabbedcontent ul li.active a { color: #ef4125; } /* end of TabPanel for Sector Article */ /* start of custom date */ #CareerTips .DetailsPageStyle .detail_sectioncontent p.custom_date, .sectorarticle .DetailsPageStyle .detail_sectioncontent p.custom_date { display: inline-block; color: #4a4a4a; } /* end of custom date */ #CareerTips.CareerTipsArticle .article_container .article-page-image { text-align: center; } #CareerTips .DetailsPageStyle .detail_sectioncontent.first { margin-top: 0px ! important; padding-bottom:20px; } #CareerTips .detail_sectioncontent.block .bootstrap_modal_text, #CareerTips .detail_sectioncontent.block .bootstrap_modal_text a, #CareerTips .detail_sectioncontent.block .bootstrap_modal_text p, #careerSupportProgramme .detail_sectioncontent.block .bootstrap_modal_text, #careerSupportProgramme .detail_sectioncontent.block .bootstrap_modal_text a, #careerSupportProgramme .detail_sectioncontent.block .bootstrap_modal_text p { display: inline; } #CareerTips .detail_sectioncontent.block .bootstrap_modal_text { margin-bottom: 20px; } #CareerTips .DetailsPageStyle .detail_sectioncontent h2, #careerSupportProgramme .DetailsPageStyle .detail_sectioncontent h2 { text-transform: none; padding-bottom: 10px; } #CareerTips.CareerTipsArticle .sub_header .headerbar h1.california, #CareerTips.CareerTipsArticle .sub_header .headerbar h2.california, #CareerTips.CareerTipsArticle .sub_header .headerbar h3.california, #CareerTips.CareerTipsArticle .sub_header .headerbar h4.california, #CareerTips.CareerTipsArticle .textwrapimage .detail_sectioncontent.block .content.california h3 { color: #4a4a4a; } #CareerTips .sub_header .headerbar h1.cyan, #CareerTips .sub_header .headerbar h2.cyan, #CareerTips .sub_header .headerbar h3.cyan, #CareerTips .sub_header .headerbar h4.cyan, #CareerTips .textwrapimage .detail_sectioncontent.block .content.cyan h3 { color: #005C54; } #CareerTips.CareerTipsArticle .sub_header .headerbar h1 { font-size: 50px; } #CareerTips.CareerTipsArticle .sub_header .headerbar h3 { font-size: 18px !important; margin-bottom: 0px; } #CareerTips.CareerTipsArticle .sub_header .headerbar h4 { font-size: 16px !important; } #CareerTips .detail_sectioncontent.block .image.right { padding-left: 30px; float: right; } /* start of Iframe Component */ .iframe_component { width: 300px; height: 250px; overflow: hidden; border: 1px solid #ccc; margin:-1px; } .iframeLink { position:relative; display:inline-block; } .divLink { position:absolute; width: 100%;height: 100%; z-index:1;} .iframeLink iframe { z-index: 2;} /* end of Iframe Component */ /* latest featured article */ .latest_featured_article .articleborder{ border: 1px solid #ccc; margin:-1px; } /* twitterssg */ .twitterssg .followus_cta { font-size:12px; color:#666; text-transform: uppercase; display: block; } .twitterssg .followus_cta a .fa-facebook-square {font-size:20px;color:#46569c;} .twitterssg .followus_cta a .fa-twitter-square {font-size:20px; color:#559ef7;} .twitterssg .followus_cta .text{ font-size:14px; line-height:17px; font-weight:400; color:#666; padding:15px 0; text-transform: uppercase; display: block; } .twitterssg .followus_cta .text, .twitterssg .followus_cta .icon { display:inline-block; vertical-align: middle; width:auto; } #CareerTips .sub_header .detail_sectioncontent.block .headerbar, #CareerTips.CareerTipsArticle .textwrapimage .headerbar { display: inline-block; padding-right: 10px !important; } #CareerTips .sub_header .detail_sectioncontent.block .fa-external-link:before, #CareerTips .textwrapimage .content .fa-external-link:before{ color: #e88a2d; } #CareerTips .panel.detail_sectioncontent .headerbar a h2::after { content: none; } #CareerTips .DetailsPageStyle .detail_sectioncontent .content { padding: 0px 0; } #CareerTips .DetailsPageStyle .aroundmyskillsfuture_container .detail_sectioncontent ol, #CareerTips .DetailsPageStyle .aroundmyskillsfuture_container .detail_sectioncontent ol li { font-size:16px; line-height:26px; } .accordion-body h3, .accordion-body ol { font-size: 18px; font-weight: 600; text-transform: none; margin: 0px; padding-left: 10px; padding-bottom: 15px; line-height: 26px; } .accordion-body p{ font-size: 16px; font-weight: normal; margin-top: 0; margin-bottom: 0; line-height: 20px; padding: 0 0 10px 10px; } .accordion-body ul{ font-size: 16px; font-weight: normal; } .accordion-body ol li ol{ font-size: 16px; font-weight: normal; } a[href] > h1, a[href] > h2, a[href] > h3, a[href] > h4, a[href] > h5, a[href] > h6{ display: inline-block; } .sectioncontent .bg-blue-10{ background-color: unset !important; } #tabbedcontent thead,#tabbedcontent tbody,#tabbedcontent tfoot,#tabbedcontent tr,#tabbedcontent td,#tabbedcontent th { border-width: 0; border-collapse: collapse; border: 1px solid; } .sectorialinsights_card.industryInsight_hotel { padding-top: 30px !important; margin-bottom: 0px; } main#JobsbanksLanding #jumbo_container.industry_insight_hotel{ height: 360px; padding: 0px; } .page-content-holder{ padding-top: 0px; } main#JobsbanksLanding #jumbo_container.industry_insight_hotel{ height: auto; min-height: 360px; } .row.sectioncontent{ margin-top: 30px; } .container.sectioncontent .page_title .detail_sectioncontent.first { margin-top: 0px; }