/* Generic reset */ @-ms-viewport { width: device-width; } @media screen and (-webkit-min-device-pixel-ratio: 1) { HTML { overflow-y: scroll; } HTML.tb_iframe { overflow-y: auto; } } HTML { -webkit-font-smoothing: antialiased; overflow: -moz-scrollbars-vertical; } ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, MAIN, NAV, SECTION, SUMMARY { display: block; } AUDIO, CANVAS, VIDEO { display: inline-block; } AUDIO:not([controls]) { display: none; height: 0; } [hidden] { display: none; } ABBR[title] { border-bottom: 1px dotted; } HTML { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } HTML, BODY, BUTTON, INPUT, SELECT, TEXTAREA { font-family: sans-serif; } BODY, HTML { padding: 0; margin: 0; height: 100%; } B, STRONG { font-weight: bold; } BLOCKQUOTE { margin: 1em 0 0 5em; } DFN { font-style: italic; } LABEL { cursor: pointer; } CODE, KBD, PRE, SAMP { font-family: monospace, serif; font-size: 100%; } PRE { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } SMALL { font-size: 80%; } SUB, SUP { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } SUP { top: -0.5em; } SUB { bottom: -0.25em; } TABLE { border-collapse: collapse; border-spacing: 0; width: 100%; } TABLE CAPTION { display: none; } TABLE TH { border: 1px solid; padding: .5em .8em; text-align: left; vertical-align: top; } TABLE TD { border: 1px solid; padding: .5em .8em; text-align: left; vertical-align: top; } .skin1 TABLE TH { border: solid #fff; border-width: 0 0 1px 0; color: #2e2e2e; background: #e2eff4; } .skin1 TABLE TD { border: none; color: #2e2e2e; } .skin1 TABLE TBODY TR.odd { background-color: #f5fafb; } .skin2 TABLE TH { border-color: #3b3b00; color: #000; background: #ff0; } .skin2 TABLE TBODY TR.odd { background-color: #3b3b00; } .skin3 TABLE TH { border-color: #000080; color: #000080; background: #fff; } .skin3 TABLE TBODY TR.odd { background-color: #0000CD; } TABLE TR.footable-row-detail { border-bottom: 1px solid; } .skin1 TABLE TR.footable-row-detail { border-color: #e2eff4; } .skin2 TABLE TR.footable-row-detail { border-color: #ffff00; } .skin3 TABLE TR.footable-row-detail { border-color: #fff; } TABLE TR.footable-row-detail DIV.footable-row-detail-inner > DIV { overflow: hidden; } TABLE TH.footable-sortable { padding-left: 1.8em; } TABLE TH.footable-sortable-ajax { padding-left: 1.8em; } TABLE TH SPAN.footable-sort-indicator { display: block; position: absolute; background: url(bg02.png) 0 -2400px; width: 10px; height: 10px; opacity: 0.3; margin: 3px 0 0 -15px; } TABLE TH.footable-sorted SPAN.footable-sort-indicator { background-position: 0 -2400px; opacity: 1; } TABLE TH.footable-sorted-desc SPAN.footable-sort-indicator { background-position: 0 -2296px; opacity: 1; } IMG { border: 0; -ms-interpolation-mode: bicubic; } SVG:not(:root) { overflow: hidden; } FIGURE, FORM { margin: 0; } /* Helpers */ .hidden { display: none !important; visibility: hidden; } .contenthidden { visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .posrel { position: relative; } .nofloat { float: none !important; } .clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; } .clear { zoom: 1; } .clear2 { overflow: hidden; } .clear3 { height: 3px; line-height: 1px; clear: both; overflow: hidden; } .clear5 { height: 5px; line-height: 1px; clear: both; overflow: hidden; } .clear7 { height: 7px; line-height: 1px; clear: both; overflow: hidden; } .clear10 { height: 10px; line-height: 1px; clear: both; overflow: hidden; } .clear15 { height: 15px; line-height: 1px; clear: both; overflow: hidden; } .clear20 { height: 20px; line-height: 1px; clear: both; overflow: hidden; } .clear30 { height: 30px; line-height: 1px; clear: both; overflow: hidden; } .clear40 { height: 40px; line-height: 1px; clear: both; overflow: hidden; } .clear-both { clear: both; } BUTTON::-moz-focus-inner, INPUT[type="reset"]::-moz-focus-inner, INPUT[type="button"]::-moz-focus-inner, INPUT[type="submit"]::-moz-focus-inner, INPUT[type="file"] > INPUT[type="button"]::-moz-focus-inner { padding: 0 !important; border: 0 !important; } .responsive-hide { display: none; } .nonresponsive .responsive-hide { display: block; } .nonresponsive A.responsive-hide, .nonresponsive SPAN.responsive-hide { display: inline; } .nonresponsive-forced .responsive-hide { display: none; } .nonresponsive-forced .responsive-forced-hide { display: none !important; } /* Basic styling */ BODY { font: 13px/150% Arial, Helvetica, sans-serif; } .fontsize1 { font-size: 13px; } .fontsize2 BODY { font-size: 16px; } .fontsize3 BODY { font-size: 26px; } .lineheight1 { line-height: 150%; } .lineheight2 BODY { line-height: 225%; } .lineheight3 BODY { line-height: 300%; } P, PRE, TABLE, H1, H2, H3, H4, H5, H6 { margin: 1em 0 0 0; } P.mt0 { margin-top: 0; } H1, H2, H3, H4, H5, H6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; } H1 { font-size: 200%; line-height: 1.2; } H2 { font-size: 180%; } H3 { font-size: 160%; } H4 { font-size: 140%; } H5 { font-size: 120%; } H6 { font-size: 100%; } P.type02 { font-size: 140%; } H3.type02 { border-bottom: 2px solid; font-size: 140%; padding-bottom: .5em; } H4.type02 { font-size: 100%; font-weight: bold; border-bottom: 1px solid; padding-bottom: .3em; } .skin1 H1, .skin1 H2, .skin1 H3, .skin1 H4, .skin1 H5, .skin1 H6, .skin1 P.type02 { color: #0c4962; } .skin1 H2 { color: #2e7591; } .skin1 H3.type02 { border-color: #d9e5e9; } .skin2 H3.type02 { border-color: #ffff00; } .skin3 H3.type02 { border-color: #fff; } .skin1 H4.type02 { border-color: #d9e5e9; } .skin2 H4.type02 { border-color: #ffff00; } .skin3 H4.type02 { border-color: #fff; } .skin1 A { color: #cf3f00; text-decoration: none; } .skin2 A { color: #ff0; text-decoration: underline; } .skin3 A { color: #fff; text-decoration: underline; } A:focus { outline: thin dotted; } A:active, A:hover { outline: 0; text-decoration: underline; } .skin1 A[target="_blank"] { padding: .3em 16px 0 0; background: url(ico_external.png) no-repeat 100% .6em; } .skin2 A[target="_blank"] { padding: .3em 16px 0 0; background: url(ico_external02.png) no-repeat 100% .6em; } .skin3 A[target="_blank"] { padding: .3em 16px 0 0; background: url(ico_external02.png) no-repeat 100% .6em; } A.back {} .skin1 .red { color: #c80101; } .skin2 .red, .skin3 .red { color: #ff0000; } .ico-alert { display: inline-block; white-space: nowrap; } .ico-alert:before { content: ""; width: 16px; height: 16px; display: none; margin-right: 5px; position: relative; top: .2em; } .skin1 .ico-alert:before { display: inline-block; background: url(bg02.png) no-repeat 0 -1600px; } .skin2 .ico-alert:before { display: inline-block; background: url(bg02.png) no-repeat -100px -1600px; } .skin3 .ico-alert:before { display: inline-block; background: url(bg02.png) no-repeat -200px -16100px; } .add { padding-left: .6em !important; } .add:before { content: ""; width: 12px; height: 16px; display: none; margin-right: 5px; } .skin1 .add:before { float: left; display: block; background: url(bg02.png) no-repeat 0 -1100px; } .skin2 .add:before { float: left; display: block; background: url(bg02.png) no-repeat -100px -1100px; } .skin3 .add:before { float: left; display: block; background: url(bg02.png) no-repeat -200px -11100px; } P.printico { float: right; } P.printico:before { content: ""; float: left; width: 16px; height: 16px; margin-right: 5px; background: url(bg02.png) no-repeat; display: none; } .skin1 P.printico:before { background-position: 0 -1400px; display: block; } .skin2 P.printico:before { background-position: -100px -1400px; display: block; } .skin3 P.printico:before { background-position: -200px -1400px; display: block; } A.expand { display: block; font-size: 115%; font-weight: bold; line-height: 22px; margin: 1em 0 0 ; width: 96%; } A.expand:before { content: ""; float: left; width: 21px; height: 22px; display: none; margin-right: 5px; } .skin1 A.expand:before { display: block; background: url(bg02.png) no-repeat 0 -2100px; } .skin2 A.expand:before { display: block; background: url(bg02.png) no-repeat -100px -2100px; } .skin3 A.expand:before { display: block; background: url(bg02.png) no-repeat -200px -2100px; } .skin1 A.expand.open:before { display: block; background: url(bg02.png) no-repeat 0 -2200px; } .skin2 A.expand.open:before { display: block; background: url(bg02.png) no-repeat -100px -2200px; } .skin3 A.expand.open:before { display: block; background: url(bg02.png) no-repeat -200px -2200px; } A.send { } .skin1 A.send { display: block; background: url(bg02.png) no-repeat 0 -2000px; padding: 0 0 5px 26px; white-space: nowrap; } .skin2 A.send { display: block; background: url(bg02.png) no-repeat -100px -2025px; padding: 0 0 5px 26px; white-space: nowrap; } .skin3 A.send { display: block; background: url(bg02.png) no-repeat -200px -2050px; padding: 0 0 5px 26px; white-space: nowrap; } A.bookmark { } .skin1 A.bookmark { display: block; background: url(bg02.png) no-repeat 0 -3100px; padding: 0 0 5px 26px; white-space: nowrap; } .skin2 A.bookmark { display: block; background: url(bg02.png) no-repeat -100px -3125px; padding: 0 0 5px 26px; white-space: nowrap; } .skin3 A.bookmark { display: block; background: url(bg02.png) no-repeat -200px -3150px; padding: 0 0 5px 26px; white-space: nowrap; } .skin1 A.bookmark.active { background: url(bg02.png) no-repeat 0 -3000px; } .skin2 A.bookmark.active { background: url(bg02.png) no-repeat -100px -3025px; } .skin3 A.bookmark.active { background: url(bg02.png) no-repeat -200px -3050px; } TABLE A.add { margin: 0 ; font-size: 100%; } A.edit { } .skin1 A.edit { display: block; background: url(bg02.png) no-repeat 0 -1200px; padding: 0 0 5px 26px; white-space: nowrap; } .skin2 A.edit { display: block; background: url(bg02.png) no-repeat -100px -1225px; padding: 0 0 5px 26px; white-space: nowrap; } .skin3 A.edit { display: block; background: url(bg02.png) no-repeat -200px -1250px; padding: 0 0 5px 26px; white-space: nowrap; } A.delete { } .skin1 A.delete { display: block; background: url(bg02.png) no-repeat 0 -1300px; padding: 0 0 5px 26px; white-space: nowrap; } .skin2 A.delete { display: block; background: url(bg02.png) no-repeat -100px -1325px; padding: 0 0 5px 26px; white-space: nowrap; } .skin3 A.delete { display: block; background: url(bg02.png) no-repeat -200px -1350px; padding: 0 0 5px 26px; white-space: nowrap; } A.ddoc { white-space: nowrap; } A.ddoc:before { content: ""; display: inline-block; width: 16px; height: 16px; margin: 0 3px 0 0; background: url(bg02.png) no-repeat 0 -1497px; } DIV.items A.ddoc:before { margin: -.2em 3px 0 2em; } A.pdf { } A.pdf:before { content: ""; display: inline-block; width: 16px; height: 16px; margin: -.1em 5px 0 0; background: url(bg02.png) no-repeat -50px -1500px; } A.xls { } A.xls:before { content: ""; display: inline-block; width: 16px; height: 16px; margin: -.1em 5px 0 0; background: url(bg02.png) no-repeat -250px -1500px !important; } A.preview { } A.preview:before { content: ""; display: inline-block; width: 16px; height: 16px; margin: -.1em 5px 0 0; background: url(bg02.png) no-repeat -200px -1500px !important; } A.print { } A.print:before { content: ""; display: inline-block; width: 16px; height: 16px; margin: -.1em 5px 0 0; background: url(bg02.png) no-repeat 0 -1400px !important; } A.ico-help { } .skin1 A.ico-help { display: inline-block; background: url(bg02.png) no-repeat 0 -1700px !important; width: 22px; height: 22px; margin: 0 1em; text-indent: -10000px; padding: 0; } .skin2 A.ico-help { display: inline-block; background: url(bg02.png) no-repeat -100px -1700px !important; width: 22px; height: 22px; margin: 0 1em; text-indent: -10000px; padding: 0; } .skin3 A.ico-help { display: inline-block; background: url(bg02.png) no-repeat -200px -1700px !important; width: 22px; height: 22px; margin: 0 1em; text-indent: -10000px; padding: 0; } LABEL A.ico-help { margin: 0 0 0 5px !important; position: relative; top: .5em; } UL.checkboxes A.ico-help { position: relative; top: 0 !important; } DIV.items A.ico-help { margin: 0 !important; position: relative; top: .5em; } TH A.ico-help { margin: 0 !important; position: relative; left: .5em; } .skin1 SPAN.ico.primary { text-indent: -10000px; float: left; width: 16px; height: 20px; background: url(bg02.png) no-repeat 0 -1900px; } .skin2 SPAN.ico.primary { text-indent: -10000px; float: left; width: 16px; height: 20px; background: url(bg02.png) no-repeat 0 -1900px; } .skin3 SPAN.ico.primary { text-indent: -10000px; float: left; width: 16px; height: 20px; background: url(bg02.png) no-repeat 0 -1900px; } TD SPAN.ico.primary { margin-right: -20px; } SPAN.cv { display: inline-block; width: 16px; height: 16px; margin: 0 0 0 5px; background: url(bg02.png) no-repeat -100px -1500px; } SPAN.recommend { display: inline-block; width: 16px; height: 16px; margin: 0 0 0 5px; background: url(bg02.png) no-repeat -150px -1500px; } .skin1 P.meta { color: #686868; } .skin1 P.gray { color: #686868; } SPAN.tag01 { font-size: 80%; display: inline-block; padding: 0 5px; border-radius: 1em; margin: 0 0 0 10px; position: relative; top: -.2em; } .skin1 SPAN.tag01 { background: #e2eff4; color: #0c4962; } .skin2 SPAN.tag01, .skin3 SPAN.tag01 { background: #00ff00; color: #000; } BUTTON, INPUT, SELECT, TEXTAREA { font-family: inherit; font-size: 100%; margin: 0; vertical-align: baseline; } * html BUTTON, * html INPUT, * html SELECT, * html TEXTAREA, *+html BUTTON, *+html INPUT, *+html SELECT, *+html TEXTAREA { vertical-align: middle; } BUTTON, INPUT { line-height: normal; } BUTTON, SELECT { text-transform: none; } BUTTON, HTML INPUT[type="button"], INPUT[type="reset"], INPUT[type="submit"] { -webkit-appearance: button; cursor: pointer; } * html BUTTON, * HTML INPUT[type="button"], * html INPUT[type="reset"], * html INPUT[type="submit"], *+html BUTTON, *+HTML INPUT[type="button"], *+html INPUT[type="reset"], *+html INPUT[type="submit"] { overflow: visible; } BUTTON[disabled], HTML INPUT[disabled] { cursor: default; } INPUT[type="checkbox"], INPUT[type="radio"] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; } * html INPUT[type="checkbox"], * html INPUT[type="radio"], *+html INPUT[type="checkbox"], *+html INPUT[type="radio"] { height: 13px; width: 13px; } INPUT[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } INPUT[type="search"]::-webkit-search-cancel-button, INPUT[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } BUTTON::-moz-focus-inner, INPUT::-moz-focus-inner { border: 0; padding: 0; } TEXTAREA { overflow: auto; vertical-align: top; resize: none; } TEXTAREA, SELECT, INPUT[type="date"], INPUT[type="datetime"], INPUT[type="datetime-local"], INPUT[type="email"], INPUT[type="month"], INPUT[type="number"], INPUT[type="password"], INPUT[type="search"], INPUT[type="tel"], INPUT[type="text"], INPUT[type="time"], INPUT[type="url"], INPUT[type="week"] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-appearance: none; border: 1px solid; } .skin1 TEXTAREA, .skin1 SELECT, .skin1 INPUT[type="date"], .skin1 INPUT[type="datetime"], .skin1 INPUT[type="datetime-local"], .skin1 INPUT[type="email"], .skin1 INPUT[type="month"], .skin1 INPUT[type="number"], .skin1 INPUT[type="password"], .skin1 INPUT[type="search"], .skin1 INPUT[type="tel"], .skin1 INPUT[type="text"], .skin1 INPUT[type="time"], .skin1 INPUT[type="url"], .skin1 INPUT[type="week"] { background-color: #fff; border-color: #8bb1c0; color: #2e2e2e; } .skin2 TEXTAREA, .skin2 SELECT, .skin2 INPUT[type="date"], .skin2 INPUT[type="datetime"], .skin2 INPUT[type="datetime-local"], .skin2 INPUT[type="email"], .skin2 INPUT[type="month"], .skin2 INPUT[type="number"], .skin2 INPUT[type="password"], .skin2 INPUT[type="search"], .skin2 INPUT[type="tel"], .skin2 INPUT[type="text"], .skin2 INPUT[type="time"], .skin2 INPUT[type="url"], .skin2 INPUT[type="week"] { background-color: #000; border-color: #ff0; color: #ff0; } .skin3 TEXTAREA, .skin3 SELECT, .skin3 INPUT[type="date"], .skin3 INPUT[type="datetime"], .skin3 INPUT[type="datetime-local"], .skin3 INPUT[type="email"], .skin3 INPUT[type="month"], .skin3 INPUT[type="number"], .skin3 INPUT[type="password"], .skin3 INPUT[type="search"], .skin3 INPUT[type="tel"], .skin3 INPUT[type="text"], .skin3 INPUT[type="time"], .skin3 INPUT[type="url"], .skin3 INPUT[type="week"] { background-color: #000080; border-color: #fff; color: #fff; } SELECT { padding: 3px; height: 1.9167em; background: url('data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==') 100% 50% no-repeat; } * html SELECT { height: auto; } .skin1 SELECT { background: #fff url('data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==') 100% 50% no-repeat; color: #2e2e2e; } .skin2 SELECT { background: #000 url('data:image/gif;base64,R0lGODlhDQAEAIAAAP//AP///yH5BAEAAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==') 100% 50% no-repeat; color: #ff0; } .skin3 SELECT { background: #000080 url('data:image/gif;base64,R0lGODlhDQAEAIAAAP///////yH5BAEAAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==') 100% 50% no-repeat; color: #fff; } @media (-webkit-min-device-pixel-ratio: 0) { SELECT { padding-right: 20px; text-overflow: ellipsis; overflow: hidden; } } INPUT[type="date"], INPUT[type="datetime"], INPUT[type="datetime-local"], INPUT[type="email"], INPUT[type="month"], INPUT[type="number"], INPUT[type="password"], INPUT[type="search"], INPUT[type="tel"], INPUT[type="text"], INPUT[type="time"], INPUT[type="url"], INPUT[type="week"] { line-height: 1.85em; padding: 0 5px; height: 1.92em; } * html INPUT[type="date"], * html INPUT[type="datetime"], * html INPUT[type="datetime-local"], * html INPUT[type="email"], * html INPUT[type="month"], * html INPUT[type="number"], * html INPUT[type="password"], * html INPUT[type="search"], * html INPUT[type="tel"], * html INPUT[type="text"], * html INPUT[type="time"], * html INPUT[type="url"], * html INPUT[type="week"] { height: auto; } TEXTAREA { padding: 2px 5px; } .skin1 SELECT:focus { border-color: #c86829; } .skin2 SELECT:focus { border-color: #ff0; } .skin3 SELECT:focus { border-color: #fff; } .skin1 SELECT:focus OPTION { background: #fff; } .skin2 SELECT:focus OPTION { background: #000; } .skin3 SELECT:focus OPTION { background: #000080; } .skin1 INPUT[type="date"]:focus, .skin1 INPUT[type="datetime"]:focus, .skin1 INPUT[type="datetime-local"]:focus, .skin1 INPUT[type="email"]:focus, .skin1 INPUT[type="month"]:focus, .skin1 INPUT[type="number"]:focus, .skin1 INPUT[type="password"]:focus, .skin1 INPUT[type="search"]:focus, .skin1 INPUT[type="tel"]:focus, .skin1 INPUT[type="text"]:focus, .skin1 INPUT[type="time"]:focus, .skin1 INPUT[type="url"]:focus, .skin1 INPUT[type="week"]:focus { border-color: #c86829; } .skin2 INPUT[type="date"]:focus, .skin2 INPUT[type="datetime"]:focus, .skin2 INPUT[type="datetime-local"]:focus, .skin2 INPUT[type="email"]:focus, .skin2 INPUT[type="month"]:focus, .skin2 INPUT[type="number"]:focus, .skin2 INPUT[type="password"]:focus, .skin2 INPUT[type="search"]:focus, .skin2 INPUT[type="tel"]:focus, .skin2 INPUT[type="text"]:focus, .skin2 INPUT[type="time"]:focus, .skin2 INPUT[type="url"]:focus, .skin2 INPUT[type="week"]:focus { border-color: #ff0; } .skin3 INPUT[type="date"]:focus, .skin3 INPUT[type="datetime"]:focus, .skin3 INPUT[type="datetime-local"]:focus, .skin3 INPUT[type="email"]:focus, .skin3 INPUT[type="month"]:focus, .skin3 INPUT[type="number"]:focus, .skin3 INPUT[type="password"]:focus, .skin3 INPUT[type="search"]:focus, .skin3 INPUT[type="tel"]:focus, .skin3 INPUT[type="text"]:focus, .skin3 INPUT[type="time"]:focus, .skin3 INPUT[type="url"]:focus, .skin3 INPUT[type="week"]:focus { border-color: #fff; } /* Basic stylesets */ #maincontent { display: none; } #notsupported { display: none; } HTML, BODY { background: Window; } HTML.skin1, HTML.skin1 BODY { background: #fff; color: #2e2e2e; } HTML.skin2, HTML.skin2 BODY { background: #000; color: #ff0; } HTML.skin3, HTML.skin3 BODY { background: #000080; color: #fff; } .f-left, .fl-left { float: left; } .f-right, .fl-right { float: right; } .c-left { clear: left; } .c-right { clear: right; } .c-both { clear: both; } .c-none { clear: none!important; } .nowrap { white-space: nowrap; } .fw-normal { font-weight: 400!important; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .bold { font-weight: bold; } .italic { font-style: italic; } .mt1em { margin-top: 1em; } .mt2em { margin-top: 2em; } .mb1em { margin-bottom: 1em; } .mb2em { margin-bottom: 2em; } .ml05em { margin-left: 0.5em; } .ml1em { margin-left: 1em; } .ml2em { margin-left: 2em; } .w1p { width: 1%; } /* 1. Accessibility block */ /* 2. Form */ DIV.form01 { margin: 5px 0 0 0; word-wrap: break-word; } DIV.form01 DIV.row { padding: 0; position: relative; } DIV.form01 DIV.row SPAN.label, DIV.form01 DIV.row LABEL { float: left; width: 28%; font-weight: bold; text-align: right; margin-right: 2%; padding: 8px 0 4px 0; } DIV.form01 DIV.row.row-wd LABEL { width: 22%; margin-right: 2%; padding: 8px 0 4px 0; } DIV.form01.readonly DIV.row SPAN.label, DIV.form01.readonly DIV.row LABEL { font-weight: normal !important; } DIV.form01 DIV.row SPAN.text { float: left; padding: 9px 1% 4px 0; margin: 0; word-break: keep-all; max-width: 100%; } DIV.form01 DIV.row DIV.items { float: left; width: 69.5%; } DIV.form01 DIV.row.row-wd DIV.items { float: left; width: 75%; } DIV.form01 DIV.row DIV.items label { width: auto; padding-right: 10px; } .breakWords { word-break: break-all !important; } DIV.form01 .max { width: 77%; } DIV.form01 .default { width: 38%; } DIV.form01 .min { width: 25%; } DIV.form01 .salary { width: 80px; } DIV.form01 .min2x { width: 51%; } DIV.form01 .year { width: 50px; } DIV.form01 .pickdatewrapper { float: left; position: relative; margin: 5px 1% 0 0; padding-right: 28px; } DIV.form01 .pickdatewrapper A { position: absolute; right: 0; top: 0; } DIV.form01 .pickdatewrapper .wdate { width: 83px; margin: 0; } DIV.form01 P.desc { margin: 0; padding: .5em 0; clear: both; font-size: 90%; } .skin1 DIV.form01 P.desc { color: #686868; } DIV.form01 P.desc.error:before { content: ""; background: url(bg02.png) no-repeat 0 -1600px; width: 16px; height: 16px; float: left; margin: .15em 5px 0 0; } DIV.form01 P.longtext { margin: 10px 0; } DIV.form01 TEXTAREA, DIV.form01 INPUT[type="date"], DIV.form01 INPUT[type="datetime"], DIV.form01 INPUT[type="datetime-local"], DIV.form01 INPUT[type="email"], DIV.form01 INPUT[type="month"], DIV.form01 INPUT[type="number"], DIV.form01 INPUT[type="password"], DIV.form01 INPUT[type="search"], DIV.form01 INPUT[type="tel"], DIV.form01 INPUT[type="text"], DIV.form01 INPUT[type="time"], DIV.form01 INPUT[type="url"], DIV.form01 INPUT[type="week"], DIV.form01 SELECT, DIV.form01 .select2 { float: left; margin: 5px 1% 0 0; } DIV.form01 UL.checkboxes { padding: 4px 0 0 0; margin: 0; } DIV.form01 UL.checkboxes.hilite LABEL { font-weight: bold; } DIV.form01 UL.checkboxes.hilite { margin: 1em 0 0 0; padding: 4px; border: 2px solid; border-radius: 5px; } .skin1 DIV.form01 UL.checkboxes.hilite { border-color: #d9e5e9; } .skin2 DIV.form01 UL.checkboxes.hilite { border-color: #ffff00; } .skin3 DIV.form01 UL.checkboxes.hilite { border-color: #fff; } DIV.form01 UL.checkboxes LI { padding: 0; margin: 0; background: transparent; overflow: hidden; clear: both; width: 100%; display: block; } DIV.form01 UL.checkboxes LI DIV.item { float: left; padding: 0; width: auto; } DIV.form01 UL.checkboxes LI DIV.item.margr { margin-right: 2em; } DIV.form01 UL.checkboxes LI LABEL { padding: 4px 0 4px 24px; margin: 0 5px 0 0; float: left; width: auto; text-align: left; font-weight: normal; position: relative; overflow: hidden; } DIV.form01 UL.checkboxes LI LABEL INPUT[type="checkbox"], DIV.form01 UL.checkboxes LI LABEL INPUT[type="radio"] { margin: 5px 0; width: 24px; height: 14px; position: absolute; left: 0; top: 0; } DIV.form01 UL.checkboxes LI SELECT { float: left; margin: 0 5px 0 0; } DIV.form01 UL.checkboxes LI.stripetop { padding-top: 5px; margin-top: 5px; border-top: 1px solid; } .skin1 DIV.form01 UL.checkboxes LI.stripetop { border-color: #ccc; } .skin2 DIV.form01 UL.checkboxes LI.stripetop { border-color: #ff0; } .skin3 DIV.form01 UL.checkboxes LI.stripetop { border-color: #fff; } DIV.form01 UL.checkboxes LI.stripebottom { border-bottom: 1px solid; padding-bottom: 5px; margin-bottom: 5px; } DIV.form01 DIV.stripebottom { border-bottom: 1px solid; padding-bottom: 2em !important; margin-bottom: 2em; } .skin1 DIV.form01 UL.checkboxes LI.stripebottom, .skin1 DIV.form01 DIV.stripebottom { border-color: #d9e5e9; } .skin2 DIV.form01 UL.checkboxes LI.stripebottom, .skin2 DIV.form01 DIV.stripebottom { border-color: #ff0; } .skin3 DIV.form01 UL.checkboxes LI.stripebottom, .skin3 DIV.form01 DIV.stripebottom { border-color: #fff; } DIV.form01 DIV.row01 DIV.items { width: 100%; } DIV.form01 DIV.row01 DIV.items LABEL, DIV.form01 DIV.row01 DIV.items SPAN.label { width: auto; font-weight: normal; } DIV.form01 DIV.row01 DIV.items LABEL.type02, DIV.form01 DIV.row01 DIV.items SPAN.type02 { font-size: 140%; } DIV.form01 DIV.row01 DIV.items UL.checkboxes { float: left; margin-top: .15em; } DIV.form01 DIV.row01 DIV.items INPUT, DIV.form01 DIV.row01 DIV.items SELECT, DIV.form01 DIV.row01 DIV.items TEXTAREA { clear: none; } .skin1 DIV.form01 DIV.row01 LABEL.type02 { color: #0c4962; } DIV.form01 UL.checkboxes DIV.row LABEL { padding: 0.5em 0 0 0; font-weight: bold; } DIV.form01 FIELDSET { border: 1px solid; border-radius: 6px; margin: 1em 0 0 0; padding: 0; } DIV.form01 FIELDSET UL.checkboxes { padding: 1em; } DIV.form01 FIELDSET UL.tabs02 { padding: 0 1em; } DIV.form01 FIELDSET DIV.tabcontent01 { padding: 1em; } DIV.form01 FIELDSET DIV.tabcontent01 UL.checkboxes { padding: 4px 0 0 0; } .skin1 DIV.form01 FIELDSET { border-color: #d9e5e9; } .skin2 DIV.form01 FIELDSET { border-color: #ffff00; } .skin3 DIV.form01 FIELDSET { border-color: #fff; } DIV.form01 DIV.row.center { text-align: center; } DIV.form01 DIV.row.center INPUT { float: none; } .skin1 DIV.form01 H3.type02, .skin1 DIV.form01 H2.type02 { border-bottom: none; background: #fff; background: -moz-linear-gradient(top, #f0f5f6 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f5f6), color-stop(100%,#fff)); background: -webkit-linear-gradient(top, #f0f5f6 0%,#fff 100%); background: -o-linear-gradient(top, #f0f5f6 0%,#fff 100%); background: -ms-linear-gradient(top, #f0f5f6 0%,#fff 100%); background: linear-gradient(to bottom, #f0f5f6 0%,#fff 100%); padding: 13px 13px 14px; margin: 1em -13px 0 -13px !important; } .skin1 DIV.form01 H3.type02:first-child, .skin1 DIV.form01 H2.type02:first-child { border-radius: 5px 5px 0 0; margin: -13px -13px 0 -13px !important; } .skin1 DIV.form01 H2.type03 { margin: 0; padding: 0; } INPUT.w100p, TEXTAREA.w100p, SELECT.w100p { width: 99%; } TABLE TEXTAREA, TABLE SELECT, TABLE INPUT[type="text"] , TABLE INPUT[type="password"] { margin-bottom: .6em; } TABLE TEXTAREA { height: 4.45em; } .skin1 DIV.form01 .error, .skin1 DIV.form01 P.error { color: #c80101; } .skin1 DIV.form01 INPUT.error, .skin1 DIV.form01 SELECT.error, .skin1 DIV.form01 TEXTAREA.error, .skin1 DIV.form01 .error INPUT, .skin1 DIV.form01 .error SELECT, .skin1 DIV.form01 .error TEXTAREA { color: #c80101; border-color: #c80101; background: #fff4f4; } .skin1 DIV.form01 hr { margin: 10px 0; padding: 0; } TABLE INPUT[type="text"], TABLE TEXTAREA, TABLE SELECT { position: relative; top: -.2em; } TABLE .wdate { width: 83px; margin: 0; } TABLE .max { width: 130px; } TABLE .default { width: 110px; } TABLE .min { width: 37px; } TABLE .min2x { width: 70px; } TABLE .year { width: 50px; } .row-vert-mid { display: flex; align-items: center; } .row-vert-mid .items { display: flex; align-items: center; } /* SELECT2 overrided */ .select2-with-external-options .select2-container .select2-selection--single { height: 25px!important; } .select2-with-external-options .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 24px!important; } .select2-with-external-options .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 3px!important; } .select2-with-external-options .select2-container--default .select2-selection--single .select2-selection__arrow { height: 24px!important; } .select2-with-external-options .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent transparent!important; border-width: 4px 4px 0 4px!important; } .select2-selection--multiple:after { content: ""; position: absolute; right: 10px; top: 12px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; } /* 3. Tooltip */ #tooltip { position: absolute; left: -1000px; top: -1000px; max-width: 240px; text-align: left; line-height: 16px; z-index: 999; margin: 0; padding-right: 12px; } #tooltip-inner { background: Menu; color: MenuText; padding: 9px 30px 9px 10px; border: 1px solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #tooltip-inner P { margin: 5px 0 0 0; } #tooltip-inner P:first-child { margin: 0; } #tooltip-arrow { content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 12px 6px 0 6px; border-color: transparent; border-top-color: MenuText; } #tooltip-arrow DIV { display: block; width: 0; height: 0; border: solid; border-width: 11px 5px 0 5px; border-color: transparent; border-top-color: Menu; margin: -12px 0 0 -5px; } #tooltip-close { display: none; position: absolute; width: 20px; height: 20px; right: 0; top: 0; z-index: 999; } #tooltip.type01 #tooltip-close { display: block; } #tooltip-close A { display: block; width: 20px; height: 20px; } .skin1 #tooltip-close A { text-indent: -10000px; background: url(bg02.png) no-repeat 0 -1800px; } .skin2 #tooltip-close A { text-indent: -10000px; background: url(bg02.png) no-repeat -100px -1800px; } .skin3 #tooltip-close A { text-indent: -10000px; background: url(bg02.png) no-repeat -200px -1800px; } #tooltip-arrow { display: none; } #tooltip.left.top { margin-top: -12px; padding-right: 0; } #tooltip.left.top #tooltip-arrow { left: 8px; bottom: 0; margin-bottom: -11px; } #tooltip.right.top { margin-top: -12px; padding-right: 0; } #tooltip.right.top #tooltip-arrow { right: 8px; bottom: 0; margin-bottom: -11px; } #tooltip.center.top { margin-top: -12px; padding-right: 0; } #tooltip.center.top #tooltip-arrow { right: 50%; bottom: 0; margin: 0 0 -11px -6px; } #tooltip.left.side { padding-right: 0; margin: -6px 0 0 -12px; } #tooltip.left.side #tooltip-arrow { right: 0; top: 12px; margin-right: -11px; border-width: 6px 0 6px 12px; border-color: transparent; border-left-color: MenuText; } #tooltip.left.side #tooltip-arrow DIV { border-width: 5px 0 5px 11px; border-color: transparent; margin: -5px 0 0 -12px; border-left-color: Menu; } #tooltip.right.side { padding-right: 0; margin: -6px 0 0 12px; } #tooltip.right.side #tooltip-arrow { left: 0; top: 12px; margin-left: -11px; border-width: 6px 12px 6px 0; border-color: transparent; border-right-color: MenuText; } #tooltip.right.side #tooltip-arrow DIV { border-width: 5px 11px 5px 0; border-color: transparent; margin: -5px 0 0 1px; border-right-color: Menu; } .skin1 #tooltip-inner { background: #fff9e6; color: #644200; border-color: #cdc6a4; } .skin1 #tooltip-arrow { border-top-color: #cdc6a4; } .skin1 #tooltip-arrow DIV { border-top-color: #fff9e6; } .skin1 #tooltip.left.side #tooltip-arrow { border-left-color: #cdc6a4; } .skin1 #tooltip.left.side #tooltip-arrow DIV { border-left-color: #fff9e6; } .skin1 #tooltip.right.side #tooltip-arrow { border-right-color: #cdc6a4; } .skin1 #tooltip.right.side #tooltip-arrow DIV { border-right-color: #fff9e6; } .skin2 #tooltip-inner { background: #000; color: #ff0; border-color: #ff0; } .skin2 #tooltip-arrow { border-top-color: #ff0; } .skin2 #tooltip-arrow DIV { border-top-color: #000; } .skin2 #tooltip.left.side #tooltip-arrow { border-left-color: #ff0; } .skin2 #tooltip.left.side #tooltip-arrow DIV { border-left-color: #000; } .skin2 #tooltip.right.side #tooltip-arrow { border-right-color: #ff0; } .skin2 #tooltip.right.side #tooltip-arrow DIV { border-right-color: #000; } .skin3 #tooltip-inner { background: #000080; color: #fff; border-color: #fff; } .skin3 #tooltip-arrow { border-top-color: #fff; } .skin3 #tooltip-arrow DIV { border-top-color: #000080; } .skin3 #tooltip.left.side #tooltip-arrow { border-left-color: #fff; } .skin3 #tooltip.left.side #tooltip-arrow DIV { border-left-color: #000080; } .skin3 #tooltip.right.side #tooltip-arrow { border-right-color: #fff; } .skin3 #tooltip.right.side #tooltip-arrow DIV { border-right-color: #000080; } /* 4. Buttons */ UL.actions01 { padding: 0; margin: .7em 0 0 0 !important; list-style: none; line-height: normal !important; } UL.actions01.mt0 { margin-top: 0 !important; } UL.actions01.mt2em { margin-top: 2em !important; } UL.actions01.clear { border-bottom: 1px solid transparent !important; margin-bottom: -1px !important; } /* chrome 25 fix */ UL.actions01.nofloat { float: none !important; } UL.actions01 LI { float: left; padding: 0; margin: .3em .3em 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; overflow: hidden; } UL.actions01 LI.posrel { overflow: visible; z-index: 10; } UL.actions01 LI.f-right { float: right!important; margin: .3em 0 0 .3em; } UL.actions01 LI A { display: block; text-decoration: none; border-radius: 4px; } UL.actions01 LI INPUT { overflow: visible; border-radius: 4px; } UL.actions01 LI A:hover, UL.actions01 LI INPUT:hover { text-decoration: underline; } UL.actions01 LI A, UL.actions01 LI INPUT { background: ButtonFace; cursor: pointer; color: ButtonText; padding: .308em 1em; text-align: center; border: 1px solid ButtonText; font-weight: bold; } UL.actions01 LI INPUT:focus { outline: 0; } UL.actions01 A.disabled, UL.actions01 INPUT.disabled { cursor: default; color: GrayText; opacity: .5; } UL.actions01 LI.discrete { box-shadow: none; -moz-box-shadow: none; } UL.actions01 LI.discrete A, UL.actions01 LI.discrete INPUT { margin: 1px 0; background: none !important; border: none !important; font-weight: normal; text-shadow: none; } .centered { text-align: center; margin-bottom: -10px; } .centered UL.actions01 { float: none !important; display: inline-block !important; } .skin1 UL.actions01 LI.discrete A.ico-help { background: url(bg02.png) no-repeat 0 -1700px !important; margin: .2em 0 0 1em !important; } .skin2 UL.actions01 LI.discrete A.ico-help { background: url(bg02.png) no-repeat -100px -1700px !important; margin: .2em 0 0 1em !important; } .skin3 UL.actions01 LI.discrete A.ico-help { background: url(bg02.png) no-repeat -200px -1700px !important; margin: .2em 0 0 1em !important; } UL.actions01 LI.discrete A.ddoc:before { content: ""; width: 16px; height: 16px; background: url(bg02.png) no-repeat 0 -1498px !important; margin: -.1em 5px 0 0 !important; } UL.actions01 LI.discrete A.pdf:before { content: ""; width: 16px; height: 16px; background: url(bg02.png) no-repeat -50px -1500px !important; margin: -.1em 5px 0 0 !important; } .skin1 UL.actions01 LI.discrete A, .skin1 UL.actions01 LI.discrete INPUT { color: #cf3f00; } .skin2 UL.actions01 LI.discrete A, .skin2 UL.actions01 LI.discrete INPUT { color: #ffff00; } .skin3 UL.actions01 LI.discrete A, .skin3 UL.actions01 LI.discrete INPUT { color: #fff; } .skin1 UL.actions01 A, .skin1 UL.actions01 INPUT { text-shadow: 0 1px 0 #fff; border-color: #bad5de; color: #0c4962; background: #eaf2f5; background: -moz-linear-gradient(top, #eaf2f5 0%, #d6e6ed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf2f5), color-stop(100%,#d6e6ed)); background: -webkit-linear-gradient(top, #eaf2f5 0%,#d6e6ed 100%); background: -o-linear-gradient(top, #eaf2f5 0%,#d6e6ed 100%); background: -ms-linear-gradient(top, #eaf2f5 0%,#d6e6ed 100%); background: linear-gradient(to bottom, #eaf2f5 0%,#d6e6ed 100%); } .skin1 .accessibilityblock01 UL.actions01 A, .skin1 .accessibilityblock01 UL.actions01 INPUT { border-color: #a4c1cd; text-shadow: 0 1px 0 #fff; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f5f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f5f6)); background: -webkit-linear-gradient(top, #fff 0%,#f0f5f6 100%); background: -o-linear-gradient(top, #fff 0%,#f0f5f6 100%); background: -ms-linear-gradient(top, #fff 0%,#f0f5f6 100%); background: linear-gradient(to bottom, #fff 0%,#f0f5f6 100%); color: #005374; } .skin1 DIV.additional01 UL.actions01 A, .skin1 DIV.additional01 UL.actions01 INPUT { border-color: #a4c1cd; text-shadow: 0 1px 0 #fff; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f5f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f5f6)); background: -webkit-linear-gradient(top, #fff 0%,#f0f5f6 100%); background: -o-linear-gradient(top, #fff 0%,#f0f5f6 100%); background: -ms-linear-gradient(top, #fff 0%,#f0f5f6 100%); background: linear-gradient(to bottom, #fff 0%,#f0f5f6 100%); color: #005374; } .skin1 DIV.additional01 UL.actions01 A.red, .skin1 DIV.additional01 UL.actions01 INPUT.red { border-color: #e8aab4; color: #990019; text-shadow: 0 1px #fff; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f9e8eb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9e8eb)); background: -webkit-linear-gradient(top, #ffffff 0%,#f9e8eb 100%); background: -o-linear-gradient(top, #ffffff 0%,#f9e8eb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f9e8eb 100%); background: linear-gradient(to bottom, #ffffff 0%,#f9e8eb 100%); } .skin1 UL.actions01 A:hover, .skin1 UL.actions01 A:focus, .skin1 UL.actions01 A:active, .skin1 UL.actions01 INPUT:focus, .skin1 UL.actions01 INPUT:active, .skin1 UL.actions01 INPUT:hover { border-color: #00658e; } .skin1 UL.actions01 A.green, .skin1 UL.actions01 INPUT.green { border-color: #97cb9e; color: #00740b; text-shadow: 0 1px #fff; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e6f7e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6f7e7)); background: -webkit-linear-gradient(top, #ffffff 0%,#e6f7e7 100%); background: -o-linear-gradient(top, #ffffff 0%,#e6f7e7 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e6f7e7 100%); background: linear-gradient(to bottom, #ffffff 0%,#e6f7e7 100%); } .skin1 UL.actions01 A.accept, .skin1 UL.actions01 INPUT.accept { border-color: #97cb9e; color: #00740b; background: #ffffff; background-image: linear-gradient(-180deg, #A1D271 0%, #8DBB61 100%); border: 1px solid #8EBB62; font-size: 14px; color: #1B3101; text-shadow: 0 1px 0 #C0EF93; } .skin1 UL.actions01 A.accept:hover, .skin1 UL.actions01 A.accept:focus, .skin1 UL.actions01 A.accept:active, .skin1 UL.actions01 INPUT.accept:hover { border: 1px solid #1B3101; } .skin1 UL.actions01 A.apply, .skin1 UL.actions01 INPUT.apply { border-color: #97cb9e; color: #084058!important; background: #ffffff; background-image: linear-gradient(-180deg, #6CC6FF 0%, #27AAFF 100%); border: 1px solid #289AE4; font-size: 14px; color: #1B3101; text-shadow: 0 1px 0 #C0EF93; } .skin1 UL.actions01 A.apply:hover, .skin1 UL.actions01 A.apply:focus, .skin1 UL.actions01 A.apply:active, .skin1 UL.actions01 INPUT.apply:hover { border: 1px solid #1B3101; color: #1B3101; } .skin1 UL.actions01 A.reject, .skin1 UL.actions01 INPUT.reject { border-color: #97cb9e; color: #00740b; background: #ffffff linear-gradient(-180deg, #EAF2F5 0%, #D6E6ED 100%); border: 1px solid #D25000; font-size: 14px; color: #D25000; text-shadow: 0 1px 0 #C0EF93; } .skin1 UL.actions01 A.reject:hover, .skin1 UL.actions01 A.reject:focus, .skin1 UL.actions01 A.reject:active, .skin1 UL.actions01 INPUT.reject:hover { border: 1px solid #0C4962; color: #0C4962!important; } .skin1 UL.actions01 A.green:hover, .skin1 UL.actions01 A.green:focus, .skin1 UL.actions01 A.green:active, .skin1 UL.actions01 INPUT.green:hover, .skin1 UL.actions01 INPUT.green:focus, .skin1 UL.actions01 INPUT.green:active { border-color: #00740b; } .skin1 UL.actions01 A.red, .skin1 UL.actions01 INPUT.red { border-color: #e8aab4; color: #990019; text-shadow: 0 1px #fff; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f9e8eb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9e8eb)); background: -webkit-linear-gradient(top, #ffffff 0%,#f9e8eb 100%); background: -o-linear-gradient(top, #ffffff 0%,#f9e8eb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f9e8eb 100%); background: linear-gradient(to bottom, #ffffff 0%,#f9e8eb 100%); } .skin1 UL.actions01 INPUT.red[disabled="disabled"] { color: #e8aab4;} .skin1 UL.actions01 A.red:hover, .skin1 UL.actions01 A.red:focus, .skin1 UL.actions01 A.red:active, .skin1 UL.actions01 INPUT.red:hover, .skin1 UL.actions01 INPUT.red:focus, .skin1 UL.actions01 INPUT.red:active { border-color: #990019; } .skin1 UL.actions01 A.main, .skin1 UL.actions01 INPUT.main { border-color: #B13300; color: #fff; text-shadow: 0 1px 0 #d25000; background: #B13300; background: -moz-linear-gradient(top, #CA4C00 0%, #B13300 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CA4C00), color-stop(100%,#B13300)); background: -webkit-linear-gradient(top, #CA4C00 0%,#B13300 100%); background: -o-linear-gradient(top, #CA4C00 0%,#B13300 100%); background: -ms-linear-gradient(top, #CA4C00 0%,#B13300 100%); background: linear-gradient(to bottom, #CA4C00 0%,#B13300 100%); } .skin1 UL.actions01 A.main:hover, .skin1 UL.actions01 INPUT.main:hover { background: #971900; background: -moz-linear-gradient(top, #CA4C00 0%, #971900 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CA4C00), color-stop(100%, #971900)); background: -webkit-linear-gradient(top, #CA4C00 0%, #971900 100%); background: -o-linear-gradient(top, #CA4C00 0%, #971900 100%); background: -ms-linear-gradient(top, #CA4C00 0%, #971900 100%); background: linear-gradient(to bottom, #CA4C00 0%, #971900 100%); text-decoration: underline; } .skin1 UL.actions01 A.main:active, .skin1 UL.actions01 INPUT.main:active, .skin1 UL.actions01 A.main:focus, .skin1 UL.actions01 INPUT.main:focus{ text-decoration: underline; background: #7E0000; background: -moz-linear-gradient(top, #B1331A 0%, #7E0000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B1331A), color-stop(100%, #7E0000)); background: -webkit-linear-gradient(top, #B1331A 0%, #7E0000 100%); background: -o-linear-gradient(top, #B1331A 0%, #7E0000 100%); background: -ms-linear-gradient(top, #B1331A 0%, #7E0000 100%); background: linear-gradient(to bottom, #B1331A 0%, #7E0000 100%); text-shadow: 0 1px 0 #650000; } .skin1 UL.actions01 INPUT.main[disabled], .skin1 UL.actions01 INPUT.main[disabled="disabled"] { background: linear-gradient(to bottom, rgba(202, 76, 0, 0.5), rgba(177, 51, 0, 0.7)); color: #fff; text-shadow: 0px 1px 0px #B1331A; border-color: rgba(202, 76, 0, 0.5); } .skin1 UL.actions01 A.blue, .skin1 UL.actions01 INPUT.blue { color: #fff; border-color: #176686; text-shadow: 0 1px 0 #003353; background: #176686; background: -moz-linear-gradient(top, #307F9F 0%, #176686 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #307F9F), color-stop(100%, #176686)); background: -webkit-linear-gradient(top, #307F9F 0%, #176686 100%); background: -o-linear-gradient(top, #307F9F 0%, #176686 100%); background: -ms-linear-gradient(top, #307F9F 0%, #176686 100%); background: linear-gradient(to bottom, #307F9F 0%, #176686 100%); } .skin1 UL.actions01 A.blue:hover, .skin1 UL.actions01 INPUT.blue:hover { background: #004C6C; background: -moz-linear-gradient(top, #176686 0%, #004C6C 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #176686), color-stop(100%, #004C6C)); background: -webkit-linear-gradient(top, #176686 0%, #004C6C 100%); background: -o-linear-gradient(top, #176686 0%, #004C6C 100%); background: -ms-linear-gradient(top, #176686 0%, #004C6C 100%); background: linear-gradient(to bottom, #176686 0%, #004C6C 100%); text-shadow: 0 1px 5px #001A3A; } .skin1 UL.actions01 A.blue:active, .skin1 UL.actions01 INPUT.blue:active, .skin1 UL.actions01 A.blue:focus, .skin1 UL.actions01 INPUT.blue:focus { background: #003353; background: -moz-linear-gradient(top, #176686 0%, #003353 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #176686), color-stop(100%, #003353)); background: -webkit-linear-gradient(top, #176686 0%, #003353 100%); background: -o-linear-gradient(top, #176686 0%, #003353 100%); background: -ms-linear-gradient(top, #176686 0%, #003353 100%); background: linear-gradient(to bottom, #176686 0%, #003353 100%); text-shadow: 0 1px 2px #001A3A; } .skin2 UL.actions01 A, .skin2 UL.actions01 INPUT { background: #ff0; border-color: #000; color: #000; } .skin2 UL.actions01 A:hover, .skin2 UL.actions01 A:active, .skin2 UL.actions01 A:focus, .skin2 UL.actions01 INPUT:hover, .skin2 UL.actions01 INPUT:focus, .skin2 UL.actions01 INPUT:active { border-color: #ff0 !important; text-decoration: underline; } .skin2 UL.actions01 A.green, .skin2 UL.actions01 INPUT.green { background: #0f0; color: #000; } .skin2 UL.actions01 A.red, .skin2 UL.actions01 INPUT.red { background: #f00; color: #000; } .skin2 UL.actions01 A.main, .skin2 UL.actions01 INPUT.main { background: #e85700; color: #000; } .skin3 UL.actions01 A, .skin3 UL.actions01 INPUT { background: #fff; border-color: #000080; color: #000080; } .skin3 UL.actions01 A:hover, .skin3 UL.actions01 A:active, .skin3 UL.actions01 A:focus, .skin3 UL.actions01 INPUT:hover, .skin3 UL.actions01 INPUT:focus, .skin3 UL.actions01 INPUT:active { border-color: #fff !important; text-decoration: underline; } .skin3 UL.actions01 A.green, .skin3 UL.actions01 INPUT.green { background: #0f0; color: #000; } .skin3 UL.actions01 A.red, .skin3 UL.actions01 INPUT.red { background: #f00; color: #000; } .skin3 UL.actions01 A.main, .skin3 UL.actions01 INPUT.main { background: #e85700; color: #000; } .skin1 UL.actions01 INPUT[disabled], .skin1 UL.actions01 INPUT.red[disabled], .skin1 UL.actions01 INPUT.blue[disabled], .skin1 UL.actions01 INPUT.green[disabled], .skin1 UL.actions01 INPUT.main[disabled], .skin1 UL.actions01 INPUT[disabled="disabled"], .skin1 UL.actions01 INPUT.red[disabled="disabled"], .skin1 UL.actions01 INPUT.blue[disabled="disabled"], .skin1 UL.actions01 INPUT.green[disabled="disabled"], .skin1 UL.actions01 INPUT.main[disabled="disabled"] { border-color: #ccc; color: #aaa; background: #eee; text-shadow: 0 1px 0 #fff; } DIV.form01 UL.actions01 LI { float: left; margin: 5px 5px 0 0; padding: 0; } DIV.form01 UL.actions01 LI A SPAN SPAN, DIV.form01 UL.actions01 LI DIV SPAN INPUT { padding-top: 4px; padding-bottom: 4px; } .modal-content .form01 h3 { padding: 10px 0 7px 0; font-size: 18px; margin: 0; } .modal-content .form01 h3.line { margin-bottom: 7px; border-bottom: 1px solid #d9e5e9; } TABLE UL.actions01 { margin: -.5em 0 0 0 !important; } UL.actions01 A.ico:before { content: " "; width: 16px; height: 16px; background: url(bg02.png) no-repeat; float: left; margin: -1px .3em -0.5em 0; display: none; } .skin1 UL.actions01 LI A.ico:before, .skin2 UL.actions01 LI A.ico:before, .skin3 UL.actions01 LI A.ico:before { display: block; } .skin1 UL.actions01 LI A.ico06:before { background-position: 0 -500px; } .skin2 UL.actions01 LI A.ico06:before { background-position: -100px -500px; } .skin3 UL.actions01 LI A.ico06:before { background-position: -200px -500px; } UL.actions01 A.toggler { white-space: nowrap; padding-right: 30px; position: relative; } UL.actions01 A.toggler:before { content: " "; width: 16px; height: 16px; background: url(bg02.png) no-repeat; position: absolute; right: 5px; top: 50%; margin: -10px 0 -0.5em 1em; display: none; } .skin1 UL.actions01 LI A.toggler:before, .skin2 UL.actions01 LI A.toggler:before, .skin3 UL.actions01 LI A.toggler:before { display: block; } .skin1 UL.actions01 LI A.toggler:before { background-position: 0 -600px; } .skin2 UL.actions01 LI A.toggler:before { background-position: -100px -600px; } .skin3 UL.actions01 LI A.toggler:before { background-position: -200px -600px; } .skin1 UL.actions01 LI A.toggler.open:before { background-position: 0 -700px; } .skin2 UL.actions01 LI A.toggler.open:before { background-position: -100px -700px; } .skin3 UL.actions01 LI A.toggler.open:before { background-position: -200px -700px; } UL.actions01 DIV.additional01 { margin-top: 3px; border-radius: 3px; padding: .5em; } UL.actions01 DIV.additional01 DIV.row { clear: both; margin: .3em .5em 0 0; } UL.actions01 DIV.additional01 DIV.row SPAN.text { padding: .308em .5em; float: left; font-weight: bold; } UL.actions01 DIV.additional01 DIV.row UL.actions01 { float: right; margin: 0 !important; } UL.actions01 DIV.additional01 DIV.row UL.actions01 LI { margin: 0 0 .3em .3em; } .skin1 UL.actions01 DIV.additional01 { background: #2e7a97; color: #fff; } .skin2 UL.actions01 DIV.additional01 { background: #ffff00; color: #000; } .skin3 UL.actions01 DIV.additional01 { background: #fff; color: #000080; } UL.actions01.center { text-align: center; } UL.actions01.center LI { display: inline-block; float: none; } UL.actions01.fl-right { float: right!important; } .row .items ul.actions01.row-actions { margin: 10px 10px 0 10px!important; } .row .items ul.actions01.row-actions div.ajax-progress div.throbber, .row .items label div.ajax-progress div.throbber { margin: 0; } .row .items ul.actions01.row-actions div.ajax-progress div.message, .row .items label div.ajax-progress div.message { display: none; } .row .items .comp-logo { border: 4px solid #d9e5e9; display: inline-block; float: left; width: 176px; height: 82px; margin: 4px 8px 4px 0; box-sizing: border-box; } .row .items .comp-logo img { width: auto; max-width: 75%; object-fit: contain; height: 70%; margin: 9px auto; display: block; } UL.actions01.f-right { float: right; } UL.actions01.f-right LI { margin: .3em 0 0 .3em; } /* 5. Thickbox */ #tb_close { position: absolute; right: 5px; top: 5px; } .skin1 #tb_close { display: block; background: url(bg02.png) no-repeat 0 -2600px; width: 21px; height: 22px; margin: auto; text-indent: -10000px; } .skin2 #tb_close { display: block; background: url(bg02.png) no-repeat -100px -2600px; width: 21px; height: 22px; margin: auto; text-indent: -10000px; } .skin3 #tb_close { display: block; background: url(bg02.png) no-repeat -200px -2600px; width: 21px; height: 22px; margin: auto; text-indent: -10000px; } /* 6. Menus */ /* 7. Search box */ /* 8. Site tools */ .skin1 .sitetools01 UL LI A.ico01:before { background-position: 0 0; } .skin1 .sitetools01 UL LI A.ico02:before { background-position: 0 -100px; } .skin1 .sitetools01 UL LI A.ico04:before { background-position: 0 -300px; } .skin1 .sitetools01 UL LI A.ico05:before { background-position: 0 -400px; } .skin1 .sitetools01 UL LI A.ico06:before { background-position: 0 -2500px; } .skin2 .sitetools01 UL LI A.ico01:before { background-position: -100px 0; } .skin2 .sitetools01 UL LI A.ico02:before { background-position: -100px -100px; } .skin2 .sitetools01 UL LI A.ico04:before { background-position: -100px -300px; } .skin2 .sitetools01 UL LI A.ico05:before { background-position: -100px -400px; } .skin2 .sitetools01 UL LI A.ico06:before { background-position: -100px -2500px; } .skin3 .sitetools01 UL LI A.ico01:before { background-position: -200px 0; } .skin3 .sitetools01 UL LI A.ico02:before { background-position: -200px -100px; } .skin3 .sitetools01 UL LI A.ico04:before { background-position: -200px -300px; } .skin3 .sitetools01 UL LI A.ico05:before { background-position: -200px -400px; } .skin3 .sitetools01 UL LI A.ico06:before { background-position: -200px -2500px; } /* 9. Mobile menu button */ /* 10. Language selection */ /* 11. General frame parts */ /* 12. User info block */ /* 13. Columns */ /* 14. Footers */ .skin1 .footer01 { border-color: #dbe4e8; } .skin1 .footer01 H2 { color: #0c4962; } .skin1 .footer01 UL { padding: 0; margin: 1em 0 0 0; list-style: none; } .skin1 .footer01 UL LI { padding: 2px 0 0 22px; background: url(dot01.png) 0 0.6em no-repeat; } .skin2 .footer01 UL LI { padding: 2px 0 0 22px; background: url(dot01b.png) 0 0.6em no-repeat; } .skin3 .footer01 UL LI { padding: 2px 0 0 22px; background: url(dot01c.png) 0 0.6em no-repeat; } .skin1 .footer01b P { overflow: hidden; } .skin1 .footer01b P IMG { float: left; margin: -20px; } /* 15. Breadcrumb */ /* 16. Frontpage parts */ DIV.front02a UL.tabs01 LI { width: 50%; margin: 0; } DIV.front02a UL.tabs01 LI A { margin-left: 4px; } DIV.front02a UL.tabs01 LI A:focus { text-decoration: underline; } DIV.front02a UL.tabs01 LI:first-child A { margin-left: 0; } DIV.front02a DIV.tabcontent01 { padding: 0 20px 30px 20px; border-style: solid; border-width: 0 1px 1px 1px; border-radius: 0 0 6px 6px; min-height: 196px; } DIV.front02a P.openpositions { font-size: 131.3%; font-weight: 700; margin-top: 20px; } DIV.front02a INPUT.default, DIV.front02a SELECT.default { width: 100%; font-size: 123.1%; } DIV.front02a UL.actions01 INPUT.main { font-size: 123.1%; padding: .375em 1em; } DIV.front02a UL.actions01 LI.link { box-shadow: none; } DIV.front02a UL.actions01 LI.link A { border-color: transparent; text-decoration: underline; background: none !important; text-shadow: none; font-size: 123.1%; padding: .375em .5em; } .front02b ul { column-count: 3; -moz-column-count: 3; list-style: none; } DIV.front02d { border: 1px solid #000; padding: 20px; border-radius: 6px; min-height: 280px; } DIV.front02d a.auth-btn { background: #c0c0c0; border: 1px solid #000; border-radius: 6px; display: block; overflow: hidden; margin: 0 0 0.769em 0; } DIV.front02d h2 { font-size: 169.2%; margin: 0; padding: 0 0 0.7em 0; } DIV.front02d p { font-size: 107.7%; line-height: 153.8%; margin: 0 0 0.231em 0; } DIV.front02d a.auth-btn .logo { display: none; } DIV.front02d a.auth-btn .txt { font-size: 112.5%; font-weight: 700; color: #000; float: left; display: block; margin: 0.462em 0 0.4em 1em; } DIV.front02d a.auth-btn:hover .txt { text-decoration: underline; } DIV.front02c { border: 1px solid #000; padding: 20px; border-radius: 6px; min-height: 280px; } DIV.front02c h2 { font-size: 169.2%; margin: 0; padding: 0 0 0 0; } .skin1 UL.tabs01 LI A.active { color: #fff; } .skin1 DIV.front02a UL.tabs01 { border: none; } .skin1 DIV.front02a UL.tabs01 LI A { border-color: #dbe4e8; } .skin1 DIV.front02a UL.actions01 INPUT.main { border: none; text-shadow: 0 1px 0 #FFFFFF; color: #003353; background: #FFC57B; background: -moz-linear-gradient(top, #FFF2AE 0%, #FFC57B 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF2AE), color-stop(100%,#FFC57B)); background: -webkit-linear-gradient(top, #FFF2AE 0%,#FFC57B 100%); background: -o-linear-gradient(top, #FFF2AE 0%,#FFC57B 100%); background: -ms-linear-gradient(top, #FFF2AE 0%,#FFC57B 100%); background: linear-gradient(to bottom, #FFF2AE 0%,#FFC57B 100%); } .skin1 DIV.front02a UL.actions01 INPUT.main:hover { -webkit-box-shadow:inset 0 0 0 1px #003353; -moz-box-shadow:inset 0 0 0 1px #003353; box-shadow:inset 0 0 0 1px #003353; background: #FFE5A1; } .skin1 DIV.front02a UL.actions01 INPUT.main:active, .skin1 DIV.front02a UL.actions01 INPUT.main:focus { -webkit-box-shadow:inset 0 0 0 2px #003353; -moz-box-shadow:inset 0 0 0 2px #003353; box-shadow:inset 0 0 0 2px #003353; } .skin1 DIV.front02a UL.actions01 LI.link A { color: #fff; } .skin1 DIV.front02a UL.actions01 LI.link A:focus { color: #0c4962; } .skin2 DIV.front02a UL.actions01 LI.link A { color: #ff0; } .skin2 DIV.front02a UL.actions01 LI.link A:focus { color: #fff; } .skin3 DIV.front02a UL.actions01 LI.link A { color: #fff; } .skin3 DIV.front02a UL.actions01 LI.link A:focus { color: #f00; } .skin1 DIV.front02a P.openpositions { color: #fbf1ce; } .skin1 DIV.front02a INPUT.default, .skin1 DIV.front02a SELECT.default { border: 1px solid #d24f00; box-shadow: 0 2px 0 #f4792f; } .skin1 DIV.front02a INPUT.default:focus, .skin1 DIV.front02a SELECT.default:focus { border-color: #00658e; } .skin1 DIV.front02a DIV.tabcontent01 { background: #e85700 url(bg04.png) 100% 10px no-repeat; border-color: #d25000; } .skin1 DIV.front02 DIV.front02b{ float: left; } .skin1 DIV.front02 DIV.front02b h2 { font-size: 169.2%; color: #0D4962; margin: 20px 0 0 0; padding: 0 0 0 0; } .skin1 DIV.front02 DIV.front02b UL { list-style: none; padding: 0; margin: 1em 0 0 0; } .skin2 DIV.front02 DIV.front02b UL { list-style: none; padding: 0; margin: 1em 0 0 0; } .skin3 DIV.front02 DIV.front02b UL { list-style: none; padding: 0; margin: 1em 0 0 0; } .skin1 DIV.front02 DIV.front02b UL LI { padding: 4px 0 0 18px; background: url(dot01.png) 0 0.6em no-repeat; } .skin2 DIV.front02 DIV.front02b UL LI { padding: 4px 0 0 18px; background: url(dot01b.png) 0 0.6em no-repeat; } .skin3 DIV.front02 DIV.front02b UL LI { padding: 4px 0 0 18px; background: url(dot01c.png) 0 0.6em no-repeat; } .skin1 DIV.front02c { border: 1px solid #DBE4E8; } .skin1 DIV.front02c h2 { font-size: 169.2%; color: #0D4962; margin: 0; padding: 0 0 0 0; } .skin1 DIV.front02c p { margin: 0; } .skin1 DIV.front02d { background-image: linear-gradient(0deg, #DEECF2 0%, #F5F9FB 100%); border: 1px solid #DBE4E8; border-radius: 6px; } .skin2 DIV.front02c { border: 1px solid #ff0; } .skin2 DIV.front02c h2 { font-size: 169.2%; margin: 0; padding: 0 0 0 0; } .skin3 DIV.front02d { border: 1px solid #fff; border-radius: 6px; min-height: 280px; padding: 20px 20px 20px 20px; } .skin3 DIV.front02d h2 { font-size: 169.2%; color: #0D4962; margin: 0; padding: 0 0 0 0; } .skin1 DIV.front02d h2 { color: #0D4962; margin: 0; padding: 0 0 0.462em 0; } .skin1 DIV.front02d p { color: #0D4962; margin: 0 0 0.231em 0; } .skin1 DIV.front02d a.auth-btn { background-image: linear-gradient(-180deg, #176485 0%, #013555 100%); border: 1px solid #013454; border-radius: 6px; display: block; overflow: hidden; margin: 0 0 10px 0; } .skin1 DIV.front02d a.auth-btn .logo { background: #F6F6F6; display: block; width: 6.923em; height: 2.462em; border-radius: 4px; float: left; background-position: center center; background-repeat: no-repeat; } .skin1 DIV.front02d a.auth-btn .txt { color: #fff; } .skin1 DIV.front02d a.auth-btn.idcard .logo { background-image: url('../img/id_logo.svg'); } .skin1 DIV.front02d a.auth-btn.mid .logo { background-image: url('../img/mid_logo.svg'); } DIV.front02d UL { margin: 0; padding: 0; list-style: none; } DIV.front02d UL LI { line-height: 184.6%; } .skin1 DIV.front02d UL LI { padding: 4px 0 0 18px; background: url(dot01.png) 0 0.75em no-repeat; } .skin2 DIV.front02d UL LI { padding: 4px 0 0 18px; background: url(dot01b.png) 0 0.75em no-repeat; } .skin3 DIV.front02d UL LI { padding: 4px 0 0 18px; background: url(dot01c.png) 0 0.75em no-repeat; } .skin2 DIV.front02d { border: 1px solid #ff0; } .skin2 DIV.front02d a.auth-btn { background: #ff0; border-radius: 6px; display: block; overflow: hidden; margin: 10px 0 10px 0; } .skin2 DIV.front02d a.auth-btn .logo { display: none; } .skin2 DIV.front02d a.auth-btn .txt { font-size: 112.5%; font-weight: 700; color: #000; float: left; display: block; margin: 0.462em 0 0.462em 1em; } .skin2 DIV.front02d a.auth-btn:hover .txt { text-decoration: underline; } .skin3 DIV.front02c { border: 1px solid #fff; } .skin3 DIV.front02d h2 { color: #fff; } .skin3 DIV.front02d a.auth-btn { background: #fff; border-radius: 6px; display: block; overflow: hidden; margin: 10px 0 10px 0; } .skin3 DIV.front02d a.auth-btn .logo { display: none; } .skin3 DIV.front02d a.auth-btn .txt { font-size: 112.5%; font-weight: 700; color: #000080; float: left; display: block; margin: 0.462em 0 0.462em 1em; } .skin3 DIV.front02d a.auth-btn:hover .txt { text-decoration: underline; } .skin1 DIV.front02d .userlogged ul.actions01 { list-style: none; margin: 0; padding: 0; } .skin1 DIV.front02d .userlogged ul.actions01 li { background: none; margin: 0; padding: 0; } DIV.front02d .userlogged .username { font-size: 123.1%; font-weight: 700; line-height: 184.6%; margin: 0.4em 0 0.4em 0; } DIV.front02d .userlogged ul.actions01 li a { line-height: normal; } DIV.front02d .userlogged ul.actions01 li { background: none; margin: 0; padding: 0; } DIV.front02d .userlogged p { line-height: 184.6%; margin: 0 0 1.2em 0; } /* 17. Listings */ UL.listing01 { padding: 0; margin: 0 !important; list-style: none; } UL.listing01 LI { margin: 20px 0 0 0; padding: 0; background: transparent; } UL.listing01 LI A { display: block; } UL.listing01 P { margin: 0; } UL.listing01 P SPAN.date { display: block; } UL.listing01 P:first-child { margin-bottom: 5px; } UL.listing01 P:first-child A { font-weight: bold; } .skin1 UL.listing01 P SPAN.date { color: #686868; } DIV.links-in-text UL.listing01 LI A, DIV.links-in-text UL.listing02 LI A { display: initial; } UL.listing02 { padding: 0; margin: 0 !important; list-style: none; } UL.listing02 LI { margin: 20px 0 0 0; padding: 0; background: transparent; } UL.listing02 LI A { display: block; } UL.listing02 P:first-child { margin-bottom: 5px; font-weight: bold; } .skin1 UL.listing02 P { margin: 0; color: #686868; } .skin1 UL.listing02 P:first-child { color: #2e2e2e; } UL.listing04 { padding: 0; margin: 0; list-style: none; } UL.listing04 LI { margin: 20px 0 0 0; padding: 0; background: transparent; } UL.listing04 LI A { display: block; overflow: hidden; } UL.listing04 LI A IMG { width: 80px; float: left; } UL.listing04 LI A SPAN.a { width: 100%; float: left; margin-left: -80px; } UL.listing04 LI A SPAN.a SPAN { padding-left: 90px; display: block; } UL.listing04 LI A:hover SPAN.title { text-decoration: underline; } .skin1 UL.listing04 LI A SPAN.author { color: #797979; } .fontsize2 UL.listing04 LI A IMG, .fontsize3 UL.listing04 LI A IMG { float: none; width: 100%; } UL.listing05 { padding: 0; margin: .5em 0 0 0; list-style: none; } UL.listing05 LI { padding: 0; margin: .5em 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; overflow: hidden; box-shadow: 0 1px 0 #9b4d1b; } UL.listing05 LI A { display: block; text-align: center; font-size: 123.1%; padding: .375em 1em; font-weight: bold; border-radius: 4px; } .skin1 UL.listing05 LI A { border: 1px solid transparent; text-shadow: 0 1px 0 #f7e5a5; color: #0c4962; position: relative; background: #f9ab61; background: -moz-linear-gradient(top, #ffe5a1 0%, #f9ab61 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe5a1), color-stop(100%,#f9ab61)); background: -webkit-linear-gradient(top, #ffe5a1 0%,#f9ab61 100%); background: -o-linear-gradient(top, #ffe5a1 0%,#f9ab61 100%); background: -ms-linear-gradient(top, #ffe5a1 0%,#f9ab61 100%); background: linear-gradient(to bottom, #ffe5a1 0%,#f9ab61 100%); } .skin1 UL.listing05 LI A:focus { border-color: #0c4962; } .skin1 UL.listing05 LI A.login:before { content: " "; display: block; width: 16px; height: 21px; background: url(ico_login01.png) no-repeat; float: right; margin: -1px -8px 0 -16px; } .skin2 UL.listing05 LI A { border: 1px solid #000; background: #ff0; color: #000; text-decoration: none; } .skin2 UL.listing05 LI A:hover { border-color: #ff0; text-decoration: underline; } .skin3 UL.listing05 LI A { border: 1px solid #000080; background: #fff; color: #000080; text-decoration: none; } .skin3 UL.listing05 LI A:hover { border-color: #fff; text-decoration: underline; } UL.listing06 LI { padding-left: 20px; } .skin1 UL.listing06 LI { background: url(dot02.png) no-repeat 0 .2em; } .skin2 UL.listing06 LI { background: url(dot02b.png) no-repeat 0 .2em } .skin3 UL.listing06 LI { background: url(dot02c.png) no-repeat 0 .2em } DIV.block01 UL.listing06 { margin-top: 0; } UL.listing07 { list-style: none; margin: 0; padding: 0; } UL.listing07 A { display: block; } .skin1 UL.listing07 A { padding: .3em 0 0 24px; background: url(dot03.png) no-repeat 0 .3em; } .skin2 UL.listing07 A { padding: .3em 0 0 24px; background: url(dot03b.png) no-repeat 0 .3em; } .skin3 UL.listing07 A { padding: .3em 0 0 24px; background: url(dot03c.png) no-repeat 0 .3em; } .skin1 UL.listing07b A { padding: .3em 0 0 24px; background: url(dot02.png) no-repeat 0 .6em; } .skin2 UL.listing07b A { padding: .3em 0 0 24px; background: url(dot02b.png) no-repeat 0 .6em; } .skin3 UL.listing07b A { padding: .3em 0 0 24px; background: url(dot02c.png) no-repeat 0 .6em; } UL.listing08 { } UL.listing08 LI { border-bottom: 1px solid; padding: .7em 0 1em; margin: 0 0 .3em 0; } UL.listing08 LI.last { border-bottom: none; } .skin1 UL.listing08 LI { border-color: #d9e5e9; } .skin2 UL.listing08 LI { border-color: #ffff00; } .skin3 UL.listing08 LI { border-color: #fff; } UL.listing09 { list-style: none; padding: 0; margin: 1em 0 0 0; } UL.listing09 UL { margin: 0 0 .5em 0 !important; } TABLE TD UL.listing09 { margin: 0 0 0 0; } .skin1 UL.listing09 LI { padding: 2px 0 0 22px; background: url(dot04.png) 0 0.5em no-repeat; } .skin2 UL.listing09 LI { padding: 2px 0 0 22px; background: url(dot04b.png) 0 0.5em no-repeat; } .skin3 UL.listing09 LI { padding: 2px 0 0 22px; background: url(dot04c.png) 0 0.5em no-repeat; } /* 18. Tabs related */ UL.tabs01 { padding: 0; margin: 1em 0 0 0; list-style: none; border-bottom: 1px solid; } UL.tabs01 LI { float: left; margin: 0 0.3em 0 0; border-radius: 6px 6px 0 0; overflow: hidden; } UL.tabs01 LI A { display: block; padding: 0.8em 0.1em 0.7em 0.1em; text-align: center; border-radius: 6px 6px 0 0; border-style: solid; border-width: 1px 1px 0 1px; text-decoration: none; overflow: hidden; } UL.tabs01 LI A:hover { text-decoration: underline !important; } UL.tabs01 LI A.active { text-decoration: underline; } .skin1 UL.tabs01 { border-color: #dbe4e8; } .skin1 UL.tabs01 LI A { border-color: #dbe4e8; color: #0c4962; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #deecf2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#deecf2)); background: -webkit-linear-gradient(top, #fff 0%,#deecf2 100%); background: -o-linear-gradient(top, #fff 0%,#deecf2 100%); background: -ms-linear-gradient(top, #fff 0%,#deecf2 100%); background: linear-gradient(to bottom, #fff 0%,#deecf2 100%); } .skin1 UL.tabs01 LI A.active { text-decoration: none; border-color: #d25000 !important; text-shadow: 0 1px 0 #d25000; background: #e85700; background: -moz-linear-gradient(top, #f87526 0%, #e85700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f87526), color-stop(100%,#e85700)); background: -webkit-linear-gradient(top, #f87526 0%,#e85700 100%); background: -o-linear-gradient(top, #f87526 0%,#e85700 100%); background: -ms-linear-gradient(top, #f87526 0%,#e85700 100%); background: linear-gradient(to bottom, #f87526 0%,#e85700 100%); } .skin2 UL.tabs01 LI A.active { background: #3b3b00; } .skin3 UL.tabs01 LI A.active { background: #0000CD; } UL.tabs02 { padding: 0; margin: 1em 0 0 0; list-style: none; border-bottom: 1px solid; } UL.tabs02 LI { float: left; margin: 0 0.3em 0 0; border-radius: 6px 6px 0 0; overflow: hidden; } UL.tabs02 LI A { display: block; padding: .5em 1em; text-align: center; border-radius: 6px 6px 0 0; border-style: solid; border-width: 1px 1px 0 1px; text-decoration: none; overflow: hidden; } UL.tabs02 LI A:hover { text-decoration: underline !important; } UL.tabs02 LI A.active { text-decoration: underline; } UL.tabs02 LI.hashelp { position: relative; } UL.tabs02 LI.hashelp A { padding: .5em 3em .5em 1em; } UL.tabs02 LI.hashelp A.ico-help { padding: 0; position: absolute; right: .5em; top: 50%; border: none; border-radius: 0; border-width: 0; margin: -11px 0 0 0; } .skin1 UL.tabs02 LI.hashelp A.ico-help { background-position: 0 -3200px !important; } .skin1 UL.tabs02 { border-color: #dbe4e8; } .skin1 UL.tabs02 LI A { border-color: #dbe4e8; color: #cf3f00; background: #fff; } .skin1 UL.tabs02 LI A.active { text-decoration: none; color: #fff; border-color: #29708d !important; text-shadow: 0 1px 0 #073e55; background: #29708d; background: -moz-linear-gradient(top, #2f80a0 0%, #29708d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f80a0), color-stop(100%,#29708d)); background: -webkit-linear-gradient(top, #2f80a0 0%,#29708d 100%); background: -o-linear-gradient(top, #2f80a0 0%,#29708d 100%); background: -ms-linear-gradient(top, #2f80a0 0%,#29708d 100%); background: linear-gradient(to bottom, #2f80a0 0%,#29708d 100%); } .skin1 UL.tabs02 LI A:focus, .skin1 UL.tabs02 LI A:active { border-color: #29708d; } .skin1 UL.tabs02 LI A.active:focus, .skin1 UL.tabs02 LI A.active:active { border-color: #d25000 !important; } .skin2 UL.tabs02 LI A.active { background: #3b3b00; } .skin3 UL.tabs02 LI A.active { background: #0000CD; } /* 19. Content boxes */ .block02 { border-radius: 10px; border: 1px solid; margin: 10px 0 0 0; } .block02 DIV.pad { padding: 20px; } .block02 DIV.pad :first-child { margin-top: 0; } .skin1 .block02 { border: 1px solid #d9e5e9; } .skin2 .block02 { border: 1px solid #ffff00; } .skin3 .block02 { border: 1px solid #fff; } .block02-b { border: 2px solid; } .skin1 .block02-b { border: 2px solid #eee8ac; background: #fffef4; } .skin2 .block02-b { border: 2px solid #ffff00; background: #3b3b00; } .skin3 .block02-b { border: 2px solid #fff; background: #0000CD; } .skin1 .block02-b H3.type02 { border-color: #eee8ac; } .skin1 .block02-b UL.listing08 LI { border-color: #eee8ac; } /* 20. Jobsearches */ /* 21. Paging */ UL.pages01 { line-height: normal !important; margin: .7em 0 0 0; padding: 0; } UL.pages01 LI { float: left; margin: .3em .3em 0 0; list-style: none; } UL.pages01 LI A, UL.pages01 LI SPAN.shuffle { display: block; text-decoration: none; border-radius: 4px; } UL.pages01 LI A:hover { text-decoration: underline; } UL.pages01 LI A { background: ButtonFace; cursor: pointer; color: ButtonText; padding: .308em .7em; text-align: center; border: 1px solid ButtonText; font-weight: bold; } UL.pages01 LI SPAN.shuffle { background: ButtonFace; cursor: default; color: ButtonText; padding: .308em .7em; text-align: center; border: 1px solid ButtonText; font-weight: bold; opacity: .5; } UL.pages01 LI A.shuffle, UL.pages01 LI SPAN.shuffle { padding: .308em 1.4em; } .skin1 UL.pages01 LI.pagetools { color: #686868; } .skin1 UL.pages01 A, .skin1 UL.pages01 SPAN.shuffle { border-color: #d9e5e9; color: #00658e; background: #fafcfd; } .skin1 UL.pages01 LI.pagetools A { border-color: #29708d; text-shadow: 0 1px 0 #073e55; background: #29708d; background: -moz-linear-gradient(top, #2f80a0 0%, #29708d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f80a0), color-stop(100%,#29708d)); background: -webkit-linear-gradient(top, #2f80a0 0%,#29708d 100%); background: -o-linear-gradient(top, #2f80a0 0%,#29708d 100%); background: -ms-linear-gradient(top, #2f80a0 0%,#29708d 100%); background: linear-gradient(to bottom, #2f80a0 0%,#29708d 100%); color: #fff; } .skin1 UL.pages01 LI.pagetools A { color: #fff; border-color: #176686; text-shadow: 0 1px 0 #003353; background: #176686; background: -moz-linear-gradient(top, #307F9F 0%, #176686 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #307F9F), color-stop(100%, #176686)); background: -webkit-linear-gradient(top, #307F9F 0%, #176686 100%); background: -o-linear-gradient(top, #307F9F 0%, #176686 100%); background: -ms-linear-gradient(top, #307F9F 0%, #176686 100%); background: linear-gradient(to bottom, #307F9F 0%, #176686 100%); } .skin1 UL.pages01 LI.pagetools A:hover { background: #004C6C; background: -moz-linear-gradient(top, #176686 0%, #004C6C 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #176686), color-stop(100%, #004C6C)); background: -webkit-linear-gradient(top, #176686 0%, #004C6C 100%); background: -o-linear-gradient(top, #176686 0%, #004C6C 100%); background: -ms-linear-gradient(top, #176686 0%, #004C6C 100%); background: linear-gradient(to bottom, #176686 0%, #004C6C 100%); text-shadow: 0 1px 5px #001A3A; } .skin1 UL.pages01 LI.pagetools A:focus, .skin1 UL.pages01 LI.pagetools A:active { background: #003353; background: -moz-linear-gradient(top, #176686 0%, #003353 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #176686), color-stop(100%, #003353)); background: -webkit-linear-gradient(top, #176686 0%, #003353 100%); background: -o-linear-gradient(top, #176686 0%, #003353 100%); background: -ms-linear-gradient(top, #176686 0%, #003353 100%); background: linear-gradient(to bottom, #176686 0%, #003353 100%); text-shadow: 0 1px 2px #001A3A; } .skin1 UL.pages01 A.shuffle, .skin1 UL.pages01 SPAN.shuffle { border-color: #a4c1cd; text-shadow: 0 1px 0 #fff; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f0f5f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f5f6)); background: -webkit-linear-gradient(top, #fff 0%,#f0f5f6 100%); background: -o-linear-gradient(top, #fff 0%,#f0f5f6 100%); background: -ms-linear-gradient(top, #fff 0%,#f0f5f6 100%); background: linear-gradient(to bottom, #fff 0%,#f0f5f6 100%); color: #005374; } .skin1 UL.pages01 A:hover, .skin1 UL.pages01 A:focus, .skin1 UL.pages01 A:active, .skin1 UL.pages01 INPUT:focus, .skin1 UL.pages01 INPUT:active, .skin1 UL.pages01 INPUT:hover { border-color: #00658e; } .skin1 UL.pages01 A.active { border-color: #29708d; text-shadow: 0 1px 0 #073e55; background: #29708d; background: -moz-linear-gradient(top, #2f80a0 0%, #29708d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f80a0), color-stop(100%,#29708d)); background: -webkit-linear-gradient(top, #2f80a0 0%,#29708d 100%); background: -o-linear-gradient(top, #2f80a0 0%,#29708d 100%); background: -ms-linear-gradient(top, #2f80a0 0%,#29708d 100%); background: linear-gradient(to bottom, #2f80a0 0%,#29708d 100%); color: #fff; } .skin1 UL.pages01 A.active:focus, .skin1 UL.pages01 A.active:hover, .skin1 UL.pages01 A.active:active { border-color: #d25000; } .skin2 UL.pages01 A, .skin2 UL.pages01 SPAN.shuffle { background: #000; color: #ffff00; border: 1px solid #ffff00; } .skin2 UL.pages01 A.active { background: #ffff00; color: #000; } .skin3 UL.pages01 A, .skin3 UL.pages01 SPAN.shuffle { background: #000080; color: #fff; border: 1px solid #fff; } .skin3 UL.pages01 A.active { background: #fff; color: #000080; } /* 22. Progressbar */ OL.progress01, OL.progress01 * { box-sizing: border-box; } OL.progress01 { list-style: none; overflow: hidden; position: relative; padding: 0; margin: 0; } OL.progress01.separate { margin: 20px 0; } OL.progress02 { padding: 1em; margin: 10px 0 0 0; list-style: none; counter-reset: section; border: 1px solid #aaa; border-radius: 5px; } OL.progress02 > LI { padding: 0; margin: .5em 0 0 0; counter-increment: section; position: relative; } .skin1 OL.progress02 { border-color: #d9e5e9; color: #0c4962; } .skin2 OL.progress02 { border-color: #ffff00; color: #ff0; } .skin3 OL.progress02 { border-color: #fff; color: #fff; } OL.progress02 > LI > A, OL.progress02 > LI > H3 { display: block; color: inherit; text-decoration: none; } OL.progress02 > LI > A { padding: .2em .5em .2em 2.5em; } OL.progress02 > LI > H3 { padding: .5em .5em .2em 2.5em; } OL.progress02 > LI > A:hover { text-decoration: underline; } OL.progress02 > LI > A:before, OL.progress02 > LI > H3:before { content: counter(section); position: absolute; left: 0; top: 0; padding: .2em 0; text-align: right; min-width: 1.9em; text-align: center; border-radius: 50%; border: 1px solid #aaa; line-height: 1.5em; } OL.progress02 > LI:first-child { margin: 0; } .skin1 OL.progress02 > LI.complete > A, .skin1 OL.progress02 > LI.complete > H3 { color: #0c4962; } .skin1 OL.progress02 > LI.complete > A:before, .skin1 OL.progress02 LI.complete > H3:before { background: #0c4962; border-color: #0c4962; color: #fff; } .skin1 OL.progress02 > LI.active > A, .skin1 OL.progress02 > LI.active > H3 { color: #cf3f00; } .skin1 OL.progress02 > LI.active > A:before, .skin1 OL.progress02 > LI.active > H3:before { background: #cf3f00; border-color: #cf3f00; color: #fff; } .skin1 OL.progress02 > LI.in-progress > A:before, .skin1 OL.progress02 > LI.in-progress > H3:before { border-color: #d9e5e9; background: #d9e5e9; color: #0c4962; } .skin2 OL.progress02 > LI.complete > A:before, .skin2 OL.progress02 > LI.complete > H3:before { background: #ffff00; border-color: #ffff00; color: #000; } .skin2 OL.progress02 > LI.active > A, .skin2 OL.progress02 > LI.active > H3 { color: #cf3f00; } .skin2 OL.progress02 > LI.active > A:before, .skin2 OL.progress02 > LI.active > H3:before { background: #cf3f00; border-color: #cf3f00; color: #fff; } .skin2 OL.progress02 > LI.in-progress > A:before, .skin2 OL.progress02 > LI.in-progress > H3:before { border-color: #ffff00; } .skin3 OL.progress02 > LI.complete > A:before, .skin3 OL.progress02 > LI.complete > H3:before { background: #fff; border-color: #fff; color: #000080; } .skin3 OL.progress02 > LI.active > A, .skin3 OL.progress02 > LI.active > H3 { color: #fff; } .skin3 OL.progress02 > LI.active > A:before, .skin3 OL.progress02 > LI.active > H3:before { background: #cf3f00; border-color: #cf3f00; color: #000080; } .skin3 OL.progress02 > LI.in-progress > A:before, .skin3 OL.progress02 > LI.in-progress > H3:before { border-color: #fff; } OL.progress01.f-left { clear: none; margin: -8px 0 0 15px; } /* 23. Ratings */ SPAN.rate { display: block; width: 72px; overflow: hidden; margin-bottom: 10px; } SPAN.rate A { float: left; width: 20px; height: 20px; margin: 0 4px 0 0; } .skin1 SPAN.rate A { text-indent: -10000px; background: url(bg13.png) no-repeat -21px 0; } .skin2 SPAN.rate A { text-indent: -10000px; background: url(bg13.png) no-repeat -21px -50px; } .skin3 SPAN.rate A { text-indent: -10000px; background: url(bg13.png) no-repeat -21px -100px; } .skin1 SPAN.rate A.active, .skin1 SPAN.rate A.hover-active { background-position: 0 0; } .skin2 SPAN.rate A.active, .skin2 SPAN.rate A.hover-active { background-position: 0 -50px; } .skin3 SPAN.rate A.active, .skin3 SPAN.rate A.hover-active { background-position: 0 -100px; } /* 24. Messages */ UL.msg01 { margin: 10px 0 0 0; padding: 0; } UL.msg01 LI { margin: 0 0 10px 0; padding: 5px 15px 15px 50px; background: transparent; font-size: 15px; overflow: hidden; border: 2px solid; border-radius: 6px; } UL.msg01 LI P { margin: 10px 0 0 0; padding: 0; color: inherit; text-align: left; } UL.msg01.in-content { margin: 20px 0 -10px 0; } .skin1 UL.msg01 LI.msg-error { background: #fff4f4 url(ico_alert.png) no-repeat 15px 13px; border-color: #f1d6d4; color: #c80101; } .skin1 UL.msg01 LI.msg-ok { background: #f4fde9 url(ico_ok.png) no-repeat 15px 13px; border-color: #309c00; } .skin1 UL.msg01 LI.msg-info { background: #fffef4 url(ico_info.png) no-repeat 15px 13px; border-color: #eee8ac; } .skin2 UL.msg01 LI.msg-error { background: url(ico_alert.png) no-repeat 15px 13px; border-color: #ff0000; color: #ff0000; } .skin2 UL.msg01 LI.msg-ok { background: url(ico_ok.png) no-repeat 15px 13px; border-color: #00ff00; color: #00ff00; } .skin2 UL.msg01 LI.msg-info { background: url(ico_info.png) no-repeat 15px 13px; border-color: #ffff00; color: #ffff00; } .skin3 UL.msg01 LI.msg-error { background: url(ico_alert.png) no-repeat 15px 13px; border-color: #ff0000; color: #ff0000; } .skin3 UL.msg01 LI.msg-ok { background: url(ico_ok.png) no-repeat 15px 13px; border-color: #00ff00; color: #00ff00; } .skin3 UL.msg01 LI.msg-info { background: url(ico_info.png) no-repeat 15px 13px; border-color: #ffff00; color: #ffff00; } /* 25. Map */ #mapcontainer { overflow: hidden; position: relative; padding: 10px; } /* Groups */ .group01 { border: 1px solid #ddd; margin: 10px 0 0 0; position: relative; padding: 13px 7px 13px 13px; border-radius: 5px; } .skin1 .group01 { border-color: #d9e5e9; } .skin2 .group01 { border-color: #ffff00; } .skin3 .group01 { border-color: #fff; } .group01 > .expand { border-bottom: none; background: #fff; padding: 13px; margin: 0; font-size: 115%; font-weight: 600; padding-left: 2.3em; position: relative; z-index: 1; } .group01 > .expand I { float: right; font-style: normal; font-weight: 400; opacity: 0.7; } .group01 > .expand:focus { outline: 1px dotted !important; } .skin1 .group01 > .expand { color: #0c4962; background: -moz-linear-gradient(top, #f0f5f6 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f5f6), color-stop(100%,#fff)); background: -webkit-linear-gradient(top, #f0f5f6 0%,#fff 100%); background: -o-linear-gradient(top, #f0f5f6 0%,#fff 100%); background: -ms-linear-gradient(top, #f0f5f6 0%,#fff 100%); background: linear-gradient(to bottom, #f0f5f6 0%,#fff 100%); } .skin2 .group01 > .expand { background: transparent; color: #ffff00; } .skin3 .group01 > .expand { background: transparent; color: #fff; } .group01 > .expand:before { display: block; content: " "; width: 0; height: 0; border-style: solid; border-width: 0.6em .45em 0 .45em; position: absolute; left: 13px; top: 50%; margin-top: -0.3em; border-color: black transparent transparent transparent; } .skin1 .group01 > .expand:before { border-color: #0c4a62 transparent transparent transparent; } .skin2 .group01 > .expand:before { border-color: #ffff00 transparent transparent transparent; } .skin3 .group01 > .expand:before { border-color: #fff transparent transparent transparent; } .group01 > .expand.open:before { border-width: 0 .45em 0.6em .45em; border-color: transparent transparent black transparent; position: absolute; left: 13px; top: 50%; margin-top: -0.3em; } .skin1 .group01 > .expand.open:before { border-color: transparent transparent #0c4a62 transparent; } .skin2 .group01 > .expand.open:before { border-color: transparent transparent #ffff00 transparent; } .skin3 .group01 > .expand.open:before { border-color: transparent transparent #fff transparent; } .group01 > .expand:first-child { border-radius: 5px 5px 0 0; margin: -13px; } .group01 .expanding-content { margin-top: 13px; } .group01 .expanding-content:before, .clear:after { content: " "; display: table; } .group01 .expanding-content:after { clear: both; } .skin1 .group01 .expanding-content H2, .skin1 .group01 .expanding-content H3, .skin1 .group01 .expanding-content H4, .skin1 .group01 .expanding-content H5, .skin1 .group01 .expanding-content H6 { color: #cf3f00; } .group01 .expand.open + .expanding-content { display: block; } .group01 UL.actions01.f-right, .group01 UL.actions01.f-right { float: right !important; position: relative; z-index: 1; } DIV.mobile-support-notification { display: none; } /* 26. Candidates view */ .jobsearch-header { margin: 20px 0 0 0; } .jobsearch-header .jobsearch-info { background: #F7F9FA; border-top: 1px solid #D9E5E9; border-right: 1px solid #D9E5E9; border-left: 1px solid #D9E5E9; border-radius: 4px 4px 0 0; padding: 16px 20px; } .jobsearch-header .jobsearch-info.jobsearch-info-bottom { border-bottom: 1px solid #D9E5E9; border-radius: 4px; padding-bottom: 0; } .jobsearch-header .jobsearch-info h1.jobsearch-title { margin: 0 0 9px 0; padding: 0; float: left; } .jobsearch-header .jobsearch-info h2 { margin: 0; } .jobsearch-header .jobsearch-info h2.jobsearch-secondary-title { font-size: 16px; color: #337A98; clear: left; margin: 0 0 9px 0; } .jobsearch-header .jobsearch-info .status { float: left; background: #DEECF2; border-radius: 17px; font-size: 13px; color: #084762; padding: 3px 11px; margin: 3px 0 0 8px; } .jobsearch-header .jobsearch-info p.jobsearch-description { font-size: 13px; color: #327998; line-height: 22px; margin: 0; padding: 0; clear: both; } .jobsearch-header .jobsearch-info p.jobsearch-tk-feedback { font-size: 13px; color: #327998; line-height: 22px; margin: 6px 0 0 0; padding: 0; } .jobsearch-header .jobsearch-info a.jobsearch-actions { margin: 3px 0 0 0; } .jobsearch-header .jobsearch-info.no-bg { background: #fff!important; } .jobsearch-header .jobsearch-info.solid-bg { background: #F7F9FA!important; } a.jobsearch-actions { float: right; display: inline-block; background-image: linear-gradient(-180deg, #EAF2F5 0%, #D6E6ED 100%); border: 1px solid #BAD5DE; border-radius: 4px; font-weight: 700; font-size: 13px; color: #0A4862; text-shadow: 0 1px 0 #FFF; padding: 4px 8px; } a.jobsearch-actions .ico { display: inline-block; width: 8px; height: 6px; background: url(action_button_carret.svg) top left no-repeat; margin: 0 0 0 2px; } a.jobsearch-actions:hover { border: 1px solid #00658e; } a.jobsearch-actions.jq-dropdown-open { background: #D6E6ED; border: 1px solid #00658e; } a.jobsearch-actions.jq-dropdown-open .ico { background: url(action_button_carret_op.svg) top left no-repeat; } .jobsearch-header .jobsearch-attr { border: 1px solid #D9E5E9; margin: 0; padding: 0; overflow: hidden; background: #F7F9FA; clear: both; } .jobsearch-header .jobsearch-attr ul { margin: 0; padding: 0; font-size: 0; line-height: 0; overflow: hidden; display: flex; } .jobsearch-header .jobsearch-attr ul li { list-style: none; display: inline; float: left; margin: 0; padding: 0; border-right: 1px solid #D9E5E9; overflow: hidden; } .jobsearch-header .jobsearch-attr.even-thrd ul li { width: 33%; } .jobsearch-header .jobsearch-attr.even-thrd ul li:last-child { width: 34%; border-right: none; } .jobsearch-header .jobsearch-attr.even-thrd ul li a { width: 100%; } .jobsearch-entry .jobsearch-entry-blocks table.address-table { margin: 0; } .jobsearch-entry .jobsearch-entry-blocks table.address-table tbody tr:first-child td { border-top: 1px solid #D9E5E9; } .jobsearch-entry .jobsearch-entry-blocks table.address-table tbody td { background: #f4fbfb; border-bottom: 1px solid #fff; } .jobsearch-entry .jobsearch-entry-blocks table.address-table tbody tr:last-child td { border-bottom: 1px solid #D9E5E9; } .jobsearch-header .jobsearch-attr ul li a { display: inline-block; box-sizing: border-box; min-width: 145px; background: url(ad_attr_carret.svg) center right no-repeat; margin: 0; padding: 14px 30px 14px 20px; } .jobsearch-header .jobsearch-attr ul li a.no-carret { background-image: none; padding: 14px 20px 14px 20px; } .jobsearch-header .jobsearch-attr ul li a .label { float: left; clear: left; font-weight: 700; font-size: 13px; color: #0A4862; line-height: 18px; margin-bottom: 5px; } .jobsearch-header .jobsearch-attr ul li a .label .note { font-weight: 400; color: #647882; letter-spacing: -1px; } .jobsearch-header .jobsearch-attr ul li a .value { float: left; clear: left; font-weight: 400; font-size: 18px; color: #327998; line-height: 22px; } .jobsearch-header .jobsearch-attr ul li a:hover { background: #fff; background: #fff url(ad_attr_carret_hover.svg) center right no-repeat; text-decoration: none; } .jobsearch-header .jobsearch-attr ul li a.no-carret:hover { background-image: none; } .jobsearch-header .jobsearch-attr ul li a:hover .label { color: #D1460F; text-decoration: none!important; } .jobsearch-header .jobsearch-attr ul li a:hover .label .note { color: #D1460F; } .jobsearch-header .jobsearch-attr ul li a:hover .value { color: #D1460F; } .jobsearch-header .jobsearch-attr ul li .param { display: inline-block; box-sizing: border-box; min-width: 145px; margin: 0; padding: 14px 25px 14px 20px; } .jobsearch-header .jobsearch-attr ul li .param .label { float: left; clear: left; font-weight: 700; font-size: 13px; color: #0A4862; line-height: 22px; } .jobsearch-header .jobsearch-attr ul li .param .value { float: left; clear: left; font-weight: 400; font-size: 18px; color: #327998; line-height: 22px; } .jobsearch-header .jobsearch-attr ul li .param .value.small { font-size: 13px; } .jobsearch-header .jobsearch-attr ul li.param-fluid { display: flex; flex-grow: 1; flex-direction: row; align-items: center; border-right: none; } .jobsearch-header .jobsearch-attr ul li.param-fluid a { display: flex; flex-grow: 1; flex-direction: column; align-items: stretch; min-height: 72px; justify-content: center; text-decoration: none; } .jobsearch-header.no-info { } .jobsearch-header.no-info .jobsearch-attr { background-image: linear-gradient(-180deg, #F0F5F6 0%, #FFF 55%); border-top: 1px solid #D9E5E9; border-right: 1px solid #D9E5E9; border-left: 1px solid #D9E5E9; border-bottom: 1px solid #D9E5E9; border-radius: 4px 4px 0 0; } .jobsearch-header .jobsearch-attr ul li .profile-progress { display: block; width: 100%; box-sizing: border-box; margin: 0 -4px 0 0; } .jobsearch-header .jobsearch-attr ul li .profile-progress .label { font-weight: 700; font-size: 13px; color: #0A4862; line-height: 22px; display: block; float: none; clear: both; overflow: hidden; } .jobsearch-header .jobsearch-attr ul li .profile-progress .label .val { display: block; font-weight: 400; float: right; } .jobsearch-header .jobsearch-attr ul li .profile-progress .progress { display: block; background: #D9E5E9; border: 2px solid #D9E5E9; margin-top: 0px; overflow: hidden; clear: both; } .jobsearch-header .jobsearch-attr ul li .profile-progress .progress .value { display: block; height: 14px; background: #327998; } .jobsearch-header .jobsearch-attr ul li:hover .profile-progress .progress .value { background: #cf3f00; } .jobsearch-header .jobsearch-header-filter { text-align: center; padding: 10px 0; } .jobsearch-header .jobsearch-header-filter a { font-weight: 700; color: #D1460F; font-size: 13px; } .jobsearch-header .jobsearch-header-filter a .ico { display: inline-block; width: 8px; height: 12px; background: url(action_button_carret.svg) center center no-repeat; margin: 0 0 0 2px; } .jobsearch-header .jobsearch-header-filter a.opened .ico { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .jobsearch-header .jobsearch-info ul.actions01 { margin-top: -0.25em!important; } .candidate-profile { overflow: hidden; clear: both; padding-top: 0.5em; padding-bottom: 0.3em; } .candidate-profile img.profile-pic { width: 104px; height: 104px; float: left; margin-right: 20px; } .candidate-profile h2.candidate-name { font-size: 20px; } .candidate-profile ul.candidate-skills { margin: 10px 0 0 0; padding: 0; overflow: hidden; float: left; } .candidate-profile ul.candidate-skills li { list-style: none; display: inline; float: left; } .candidate-profile ul.candidate-skills li .label { display: block; font-weight: 700; font-size: 13px; color: #0A4862; } .candidate-profile ul.candidate-skills li .value { display: block; font-weight: 400; font-size: 13px; color: #327998; } .candidate-profile ul.candidate-skills li.work-exp { width: 125px; } .candidate-profile ul.candidate-skills li.educ { width: 125px; } .candidate-profile ul.candidate-skills li.comp { width: 105px; } .candidate-profile ul.candidate-skills li.lang { width: 300px; } /* 27. jQuery dropdown */ .jq-dropdown { position: absolute; z-index: 1039; display: none; } .jq-dropdown .jq-dropdown-menu, .jq-dropdown .jq-dropdown-panel { min-width: 160px; max-width: 550px; list-style: none; background: white; border: solid 1px #99BAC7; border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); overflow: visible; padding: 4px 0; margin: 0; } .jq-dropdown .jq-dropdown-panel { padding: 10px; } .jq-dropdown.jq-dropdown-tip { margin-top: 8px; } .jq-dropdown.jq-dropdown-tip:before { position: absolute; top: -6px; left: 9px; content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #99BAC7; display: inline-block; } .jq-dropdown.jq-dropdown-tip:after { position: absolute; top: -5px; left: 10px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; display: inline-block; } .jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before { left: auto; right: 9px; } .jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after { left: auto; right: 10px; } .jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu, .jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel { max-height: 180px; overflow: auto; } .jq-dropdown .jq-dropdown-menu li { list-style: none; padding: 0 0; text-indent: 0; margin: 0; line-height: 22px; font-size: 14px; } .jq-dropdown .jq-dropdown-menu li > a, .jq-dropdown .jq-dropdown-menu label { display: block; color: #0A4862; text-decoration: none; line-height: 18px; padding: 3px 15px; margin: 0; white-space: nowrap; } .jq-dropdown .jq-dropdown-menu li > a:hover, .jq-dropdown .jq-dropdown-menu label:hover { background-color: #DEECF2; color: #0A4862; cursor: pointer; } .jq-dropdown .jq-dropdown-menu .jq-dropdown-divider { font-size: 1px; border-top: solid 1px #99BAC7; padding: 0; margin: 5px 0; } .jq-dropdown .jq-dropdown-menu .jq-dropdown-divider-txt { font-size: 14px; border-bottom: solid 1px #99BAC7; padding: 0; margin: 5px 0; color: #327998; font-size: 12px; padding: 3px 15px; } .jq-dropdown.jq-filter-dropdown { width: 375px; } .jq-dropdown.jq-filter-dropdown .jq-dropdown-menu { border-color: #99BAC7; margin-top: 4px; } .jq-dropdown.jq-filter-dropdown .jq-dropdown-menu li { padding-left: 12px; } .jq-dropdown.jq-filter-dropdown .jq-dropdown-menu li label { display: inline-block; color: #0A4862; text-decoration: none; line-height: 24px; padding: 5px 7px; margin: 0; white-space: nowrap; } .jq-dropdown.jq-filter-dropdown .jq-dropdown-menu li label:hover { background: none; cursor: pointer; } .jq-dropdown.jq-filter-dropdown .jq-dropdown-menu li label .count { display: inline-block; background: #CAD7DB; border-radius: 23px; font-weight: 700; font-size: 12px; line-height: 12px; padding: 4px 6px; color: #0A4862; } .jq-dropdown.jq-filter-dropdown .jq-dropdown-menu li a.select-only { float: right; } .jq-dropdown.jq-filter-dropdown .jq-dropdown-menu li a { background: none; display: none; color: #D1460F; } .jq-dropdown.jq-filter-dropdown .jq-dropdown-menu li:hover a { line-height: 24px; display: inline-block; padding: 5px 15px; } .jq-dropdown.jq-filter-dropdown .jq-dropdown-menu li:hover a:hover { text-decoration: underline; } .jq-dropdown.jq-jobsearch-results { width: 300px; } .jq-dropdown.jq-jobsearch-results .jq-dropdown-menu { border-color: #D3CDAE; background: #FFF9E6; } .jq-dropdown.jq-jobsearch-results.jq-dropdown-tip:before { position: absolute; top: -6px; left: 9px; content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #D3CDAE; display: inline-block; } .jq-dropdown.jq-jobsearch-results.jq-dropdown-tip:after { position: absolute; top: -5px; left: 10px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFF9E6; display: inline-block; } .jq-dropdown.jq-jobsearch-results .jq-dropdown-panel { border-color: #D3CDAE; background: #FFF9E6; } .jq-dropdown.jq-jobsearch-results .jq-dropdown-panel ul { margin: 2px 5px; padding: 0; color: #644200; } .jq-dropdown.jq-jobsearch-results .jq-dropdown-panel ul li strong { float: right; } /* 28. Lists filter */ .list-filter { background: #F7F9FA; border: 1px solid #8BB1C0; border-radius: 4px; height: 44px; margin: 16px 0 0 0; padding: 0; display: flex; box-sizing: border-box; } .list-filter a.dropdown { width: 375px; display: block; border-right: 1px solid #8BB1C0; height: 42px; padding: 12px 0 0 14px; font-size: 16px; color: #0A4862; text-decoration: none; background: url(action_button_carret.svg) 355px 20px no-repeat; box-sizing: border-box; } .list-filter a.dropdown.jq-dropdown-open { background: url(action_button_carret_op.svg) 355px 20px no-repeat; } .list-filter .search-field { flex-grow: 1; } .list-filter .search-field input[type="text"] { width: 100%; border: none; outline: none; border-radius: 0; background: url(ico_search.svg) 11px 12px no-repeat; height: 44px; padding: 0 0 0 36px; font-size: 16px; color: #0A4862; } .list-filter .search-field input[type="text"]::-webkit-input-placeholder { color: #5A666A; } .list-filter .search-field input[type="text"]:-moz-placeholder { color: #5A666A; opacity: 1; } .list-filter .search-field input[type="text"]::-moz-placeholder { color: #5A666A; opacity: 1; } .list-filter .search-field input[type="text"]:-ms-input-placeholder { color: #5A666A; } .list-filter a.search-btn { flex-grow: 0; text-shadow: 0 1px 0 #073e55; background: #29708d; background: linear-gradient(to bottom, #2f80a0 0%, #29708d 100%); font-weight: 700; font-size: 16px; color: #FFF; text-shadow: 0 1px 0 #094363; line-height: 44px; padding: 0 20px; border-radius: 0 3px 3px 0; } /* 29. Jobsearches list */ .jobsearches { padding: 20px 0 50px 0; overflow: hidden; } .jobsearches ul.jobsearches-list { list-style: none; margin: 0; padding: 0; } .jobsearches ul.jobsearches-list li.jobsearch-item { margin: 0; padding: 0; overflow: hidden; border: 1px solid #D9E5E9; border-bottom: 0; display: flex; } .jobsearches ul.jobsearches-list li.jobsearch-item:first-child { border-radius: 3px 3px 0 0; } .jobsearches ul.jobsearches-list li.jobsearch-item:last-child { border-radius: 0 0 3px 3px; border: 1px solid #D9E5E9; } .jobsearches ul.jobsearches-list li.jobsearch-item:only-child { border-radius: 3px; } .jobsearches ul.jobsearches-list li.jobsearch-item .jobsearch-check { background: #F7F9FA; width: 28px; display: flex; align-items: center; justify-content: space-around; flex-shrink: 0; } .jobsearches ul.jobsearches-list li.jobsearch-item .jobsearch-check input[type="checkbox"] { } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info { flex-direction: column; width: 100%; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr { display: flex; flex-direction: row; padding: 20px;} .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr img.candidate-pic { } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text { margin-left: 20px; width: 100%; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text h3 { font-size: 16px; margin: 10px 0 10px 0; padding: 0; float: left; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text h3 .rank { color: #317898; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text h3 a { font-weight: 700; color: #D1460F; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text ul.candidate-skills { margin: 10px 0 0 0; padding: 0; overflow: hidden; clear: left; width: 700px; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text ul.candidate-skills li { list-style: none; display: inline; float: left; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text ul.candidate-skills li .label { display: block; font-weight: 700; font-size: 13px; color: #0A4862; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text ul.candidate-skills li .value { display: block; font-weight: 400; font-size: 13px; color: #327998; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text ul.candidate-skills li.work-exp { width: 145px; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text ul.candidate-skills li.req-exp { width: 135px; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text ul.candidate-skills li.educ { width: 105px; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text ul.candidate-skills li.comp { width: 105px; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text ul.candidate-skills li.lang { } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text p.description { clear: both; overflow: hidden; color: #0A4862; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info a.candidate-notes { display: block; cursor: pointer; position: relative; color: #0B4963; text-decoration: none; margin: 0 20px; background: #FFFBD6 url(notes_carret.svg) right center no-repeat; border-top: 1px solid #F5F1BC; border-right: 1px solid #F5F1BC; border-left: 1px solid #F5F1BC; padding: 19px 30px 0 19px; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info a.candidate-notes .gradient { display: block; height: 20px; position: absolute; left: 0; right: 0; bottom: 0; background-image: linear-gradient(-180deg, rgba(255,251,214,0.00) 0%, #FFFBD6 100%); } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text .tag { float: right; border-radius: 17px; margin: 5px 0 0 0; padding: 4px 12px; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text .tag.regular { background: #DEECF2; color: #084762; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text .tag.fav { background: #A0D370; color: #1B3100; text-shadow: 0 1px 0 #C0F092; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text .tag.alert { background: #FFF9E6 url(ico_notification.svg) center center no-repeat; border: 1px solid #D3CDAE; width: 25px; height: 25px; margin: 5px 5px 0 0; padding: 0; text-indent: -9999px; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text .application-date { float: right; clear: right; text-align: right; color: #95A7AE; line-height: 19px; margin: 7px 0 0 0; } .jobsearches ul.jobsearches-list li.jobsearch-item.greyed-out .candidate-info .candidate-attr .candidate-text .tag.regular { background: #F2F2F2; color: #6A787D; text-shadow: 0 1px 0 rgba(255,255,255,0.50); } .jobsearches ul.jobsearches-list li.jobsearch-item.greyed-out .candidate-info .candidate-attr .candidate-text .tag.regular a { color: #B63807; } .jobsearches ul.jobsearches-list li.jobsearch-item.unread { background: #F6FCFF; } .jobsearches ul.jobsearches-list li.jobsearch-item.unread .jobsearch-check { background: #DFEDF4; } .jobsearches ul.jobsearches-list li.jobsearch-item .candidate-info .candidate-attr .candidate-text h3 .indicator { background: #00AAFF; display: inline-block; width: 12px; height: 12px; border-radius: 50%; } .jobsearches ul.jobsearches-list li.jobsearch-item.greyed-out { background: #FBFBFB; } .jobsearches ul.jobsearches-list li.jobsearch-item.greyed-out .candidate-pic { -webkit-filter: grayscale(100%); filter: grayscale(100%);} .jobsearches ul.jobsearches-list li.jobsearch-item.greyed-out .candidate-info .candidate-attr .candidate-text ul.candidate-skills li .label { color: #5A676C; } .jobsearches ul.jobsearches-list li.jobsearch-item.greyed-out .candidate-info .candidate-attr .candidate-text ul.candidate-skills li .value { color: #5A676C; } .jobsearches ul.jobsearches-list li.jobsearch-item.greyed-out .candidate-info .candidate-attr .candidate-text h3 .rank { color: #5A676C; } a.info-tip { float: right; text-decoration: none; margin: 0 8px 0 0; } a.info-tip .txt { color: #0A4862; line-height: 18px; vertical-align: middle; } a.info-tip .ico { display: inline-block; width: 18px; height: 18px; background: url(ico_info.svg) 0 0 no-repeat; vertical-align: middle; margin: 0 0 0 3px; } a.info-tip .txt:hover { color: #0A4862;text-decoration: underline; } ul.jobsearches-list-archived { list-style: none; margin: 0; padding: 0; } ul.jobsearches-list-archived li.jobsearch-item { margin: 0; padding: 0; overflow: hidden; border: 1px solid #D9E5E9; border-bottom: 0; } ul.jobsearches-list-archived li.jobsearch-item:first-child { border-radius: 3px 3px 0 0; } ul.jobsearches-list-archived li.jobsearch-item:last-child { border-radius: 0 0 3px 3px; border: 1px solid #D9E5E9; } ul.jobsearches-list-archived li.jobsearch-item:only-child { border-radius: 3px; } ul.jobsearches-list-archived li.jobsearch-item { padding: 12px 22px; } ul.jobsearches-list-archived li.jobsearch-item .name { float: left; font-weight: 700; } ul.jobsearches-list-archived li.jobsearch-item .name.removed { font-weight: 400; } ul.jobsearches-list-archived li.jobsearch-item .date { float: right; } .jobsearches a.load-more { display: block; border: 1px solid #D9E5E9; border-radius: 4px; text-align: center; font-size: 13px; font-weight: 700; padding: 9px; margin-top: 20px; } .jobsearches a.load-more .count { display: inline-block; background: #CAD7DB; border-radius: 23px; font-size: 12px; line-height: 13px; color: #0A4862; padding: 5px 8px 4px 8px; } /* 30. Modal content */ .tb_box01 .tb_box02 .modal-content-text p { line-height: 24px; font-size: 14px; margin: 10px 0; } .tb_box01_frameless { padding-top: 0!important; padding-bottom: 0!important; } /* 31. Bulk actions */ .jobsearches-bulk-actions { overflow: hidden; padding-bottom: 10px; } .jobsearches-bulk-actions .left { float: left; padding: 6px 0; } .jobsearches-bulk-actions .left input[type="checkbox"], .jobsearches-bulk-actions .left label { vertical-align: middle; } .jobsearches-bulk-actions .left input[type="checkbox"] { margin: 0 7px 0 10px; } .jobsearches-bulk-actions .right { float: right; } a.btn-light { float: right; display: inline-block; background-image: linear-gradient(-180deg, #EAF2F5 0%, #D6E6ED 100%); border: 1px solid #BAD5DE; border-radius: 4px; font-weight: 700; font-size: 13px; color: #0A4862; text-shadow: 0 1px 0 #FFF; padding: 4px 8px; } a.btn-light:hover { border: 1px solid #00658e; } /* 32. Tippy.js tooltip styles */ .tippy-touch{cursor:pointer!important}.tippy-notransition{-webkit-transition:none!important;transition:none!important}.tippy-popper{max-width:400px;-webkit-perspective:800px;perspective:800px;z-index:9999;outline:0;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;bottom:-5px}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px}.tippy-popper[x-placement^=top] [x-circle]{-webkit-transform-origin:0 33%;transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;top:-5px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px}.tippy-popper[x-placement^=bottom] [x-circle]{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-5%);transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;right:-5px}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-10px}.tippy-popper[x-placement^=left] [x-circle]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-5px}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px}.tippy-popper[x-placement^=right] [x-circle]{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:rgba(0,0,0,.7)}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{-webkit-transition-timing-function:cubic-bezier(.53,1,.36,.85);transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;-webkit-transition:all ease;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}} .tippy-tooltip.tkdark-theme { background-color: #0A4862; } .tippy-tooltip.tkdark-theme [x-arrow] { border-left: 7px solid #0A4862; } /* 33. My jobsearches list */ .my-jobsearches-list .list-filter { margin: 12px 0 20px 0; } .my-jobsearches-list .jobsearch-header { margin: 10px 0 0 0; } .my-jobsearches-list .jobsearch-header .jobsearch-attr { border-radius: 0 0 4px 4px; } .my-jobsearches-list header {} .my-jobsearches-list header h2 { margin: 20px 0 9px 0; } .my-jobsearches-list header ul.actions { margin-top: 10px!important; } /* 34. Jobsearch entry */ .jobsearch-entry { display: flex; justify-content: space-between; margin: 0 0 50px 0; padding: 10px 0 0 0; } .jobsearch-entry.centered { justify-content: space-around; } .jobsearch-entry .jobsearch-entry-header { overflow: hidden; } .jobsearch-entry .jobsearch-entry-header h1 { float: left; margin: 0 0 0px 0; padding: 0 10px 0 0; } .jobsearch-entry .jobsearch-entry-header h2 { float: left; clear: both; margin: 0; padding: 0; line-height: 160%; font-size: 120%; } .jobsearch-entry .jobsearch-entry-header ul.actions01 { margin: 0!important; } .jobsearch-entry .jobsearch-entry-blocks.jobsearch-blocks-centered { margin: 0 auto; } .jobsearch-entry .jobsearch-entry-sidebar { margin-top: 0px; } .jobsearch-entry .jobsearch-entry-blocks .jobsearch-block-head { border-bottom: 1px solid #D9E5E9; overflow: hidden; margin: 15px 0 0 0; } .jobsearch-entry .jobsearch-entry-blocks .jobsearch-block-head h3 { padding: 0 8px 10px 8px; float: left; } .jobsearch-entry .jobsearch-entry-blocks .jobsearch-block-head h3.type02 { border: none!important; } .jobsearch-entry .jobsearch-entry-blocks .jobsearch-block-head .actions01 { float: right!important; } .jobsearch-entry .jobsearch-entry-blocks p { font-size: 13px; line-height: 24px; margin: 10px 8px; } .jobsearch-entry .jobsearch-entry-blocks .jobsearch-block-blank { overflow: hidden; } .jobsearch-entry .jobsearch-entry-blocks .jobsearch-block-blank { background: #F6FCFF; border: 1px solid #D9E5E9; padding: 20px 30px; } .jobsearch-entry .jobsearch-entry-blocks .jobsearch-block-blank p { text-align: center; color: #0A4862; } .jobsearch-entry .jobsearch-entry-blocks .jobsearch-block-blank ul.actions01 { text-align: center; } .jobsearch-entry .jobsearch-entry-blocks .jobsearch-block-blank ul.actions01 li { float: none; } .jobsearch-entry .jobsearch-entry-blocks .jobsearch-block-blank ul.actions01 li a { display: inline-block; } .jobsearch-entry .jobsearch-entry-blocks table.language-table { margin: 15px 0 0 0; } .jobsearch-entry .jobsearch-entry-blocks table.language-table thead th { background: none; border-bottom: 1px solid #D9E5E9; } .jobsearch-entry .jobsearch-entry-blocks table.language-table tbody th, .jobsearch-entry .jobsearch-entry-blocks table.language-table tbody td { background: #f4fbfb; border-bottom: 1px solid #fff; } .jobsearch-entry .jobsearch-entry-blocks table.language-table tbody th .note, .jobsearch-entry .jobsearch-entry-blocks table.language-table tbody td .note { color: #647882; font-weight: 400; } .jobsearch-entry .jobsearch-entry-blocks table.language-table tbody tr:last-child th, .jobsearch-entry .jobsearch-entry-blocks table.language-table tbody tr:last-child td { border-bottom: 1px solid #D9E5E9; } .jobsearch-entry .jobsearch-entry-blocks table.address-table { margin: 0; } .jobsearch-entry .jobsearch-entry-blocks table.address-table tbody tr:first-child td { border-top: 1px solid #D9E5E9; } .jobsearch-entry .jobsearch-entry-blocks table.address-table tbody td { background: #f4fbfb; border-bottom: 1px solid #fff; } .jobsearch-entry .jobsearch-entry-blocks table.address-table tbody tr:last-child td { border-bottom: 1px solid #D9E5E9; } p.long-description { margin-top: 0!important; } .items.field-w-action { display: flex; position: relative; } .items.field-w-action > span { width: 100%; } .items.field-w-action ul.actions01 { flex-shrink: 0; margin-top: 10px!important; margin-left: 6px!important; margin-right: -5px!important; } .items.field-w-action a.hidden-action { position: absolute; right: 0; top: 5px; line-height: 25px; margin: auto 10px; display: inline-block; } .items.field-w-action .typeahead-spinner { background: url(/misc/throbber-active.gif) no-repeat right center; position: absolute; right: 60px; top: 5px; line-height: 25px; margin: auto 10px; display: inline-block; } .terms-scroll { background: #fafcfd; border: 1px solid #D9E5E9; border-radius: 4px; height: 300px; overflow-y: auto; margin-top: 6px; } .jobsearch-preview-scroll { height: 500px; overflow-y: auto; margin-left: -20px; margin-right: -20px; padding: 0 20px; border-top: 1px solid #d9e5e9; } .jobsearch-preview-scroll .jobsearch-entry { padding: 0 0 0 0; } .jobsearch-preview-scroll .jobsearch-entry .jobsearch-entry-blocks { width: auto; } .jobsearch-preview-scroll .jobsearch-entry .jobsearch-entry-blocks .company-params { border-bottom: 1px solid #d9e5e9; margin-top: 0; margin-left: -20px; margin-right: -20px; padding: 20px 20px; background: #eaf2f5; } .jobsearch-preview-scroll .jobsearch-entry .jobsearch-entry-blocks .jobsearch-entry-header { margin: 30px 10px 10px 10px; } .jobsearch-preview-scroll .jobsearch-entry .jobsearch-entry-blocks .jobsearch-entry-header p.jobsearch-meta { font-size: 14px; color: #2e7591; display: block; clear: both; margin-left: 0; margin-bottom: 0; } .jobsearches-additional-logos { padding: 0 8px; } .jobsearches-additional-logos img { margin-right: 20px; } .jobsearch-parameters { background-image: linear-gradient(-180deg, #F0F5F6 0%, #FFF 55%); border: 1px solid #D9E5E9; border-radius: 4px; padding: 16px 20px; } /* 35. Jobsearch list block */ dl.jobsearch-params-list { overflow: hidden; } dl.jobsearch-params-list dt { float: left; clear: left; text-align: left; font-weight: bold; padding: 1em 0.2em 0.40em 0.4em; background: #fff; } dl.jobsearch-params-list dt.company-name { font-size: 160%; font-weight: 700; vertical-align: bottom; padding: 0em 0em 0em 0.4em; max-width: 50%; height: 70px; display: flex; flex-direction: column; justify-content: center; } dl.jobsearch-params-list dd { margin: 0; padding: 0; text-align: right; border-bottom: 1px dotted #f0f0f0; padding: 1em 0.4em 0.3em 0.4em; } dl.jobsearch-params-list dd.note { padding: 0.3em 0.4em 0.3em 0.4em; color: #647882; border: none; } dl.jobsearch-params-list dd.logo { padding: 0; border: none; margin-top: 30px; overflow: hidden; } dl.jobsearch-params-list dd.logo img { height: 70px; width: auto; max-width: 40%; } dl.jobsearch-params-list dd.logo .logo-placeholder { border: 1px solid #D9E5E9; display: inline-block; text-transform: uppercase; color: #0A4862; background: #fafcfd; width: 180px; height: 70px; display: flex; flex-direction: column; justify-content: center; text-align: center; float: right; } dl.company-params dt.company-name { display: block!important; height: auto; } dl.company-params dt { background: transparent; } hr { border: none; border-bottom: 1px solid #D9E5E9; height: 0px; margin: 20px 0 10px 0; overflow: hidden; clear: both; } /* 36. Jobsearch filling assistant */ .jobsearch-filling-assistant { border-radius: 4px; border: 1px solid #D9E5E9; overflow: hidden; } .jobsearch-filling-assistant .top { background-image: linear-gradient(0deg, #DEECF2 0%, #F5F9FB 100%); border-radius: 3px 3px 0 0; overflow: hidden; padding: 10px 15px; border-bottom: 1px solid #D9E5E9; color: #0c4962; } .jobsearch-filling-assistant .top p { font-size: 14px; font-weight: 700; line-height: 20px; margin: 4px 0 0 0; } .jobsearch-filling-assistant .top .count { font-size: 48px; font-weight: 700; letter-spacing: -1px; line-height: 54px; } .jobsearch-filling-assistant .bottom { padding: 10px 15px 15px 15px; overflow: hidden; } .jobsearch-filling-assistant .bottom p { font-size: 14px; font-weight: 700; line-height: 20px; margin: 4px 0 0 0; color: #0c4962; } .jobsearch-filling-assistant .bottom ul.actions01 { } /* 37. Jobsearch translation interface */ .translatable { background: #FFFBD5; border-right: 2px solid #29708d; padding: 2px 4px; cursor: pointer; position: relative; display: inline-block; } .translatable:hover { background: #FCF8CD; } h1.translatable { padding: 2px 4px!important; margin-bottom: 5px!important; } .translatable.translated { background: #E9F9D5; } .translatable.translated:hover { background: #DEF3C4; } .translatable .ico { background: url(ico_translatable.svg) 0 0 no-repeat; background-size: cover; width: 16px; height: 14px; display: block; position: absolute; top: 50%; right: -26px; margin-top: -7px; } .translation-form { width: 550px; margin: -10px; } .translation-form h1 { border-bottom: 1px solid #99BAC7; margin: 0; padding: 15px 20px; font-size: 16px; line-height: 24px; } .indicator-translated { background: #309c00 url(ico_check.svg) center center no-repeat; width: 24px; height: 24px; border-radius: 50%; display: inline-block; line-height: 24px; } .translation-form .row { padding: 10px 20px; } .translation-form .row .label { display: block; clear: both; font-weight: 700; padding: 0 0 5px 5px; } .translation-form .row .items input[type="text"], .translation-form .row .items textarea { width: 100%; resize: none; } .translation-form ul.actions01 { border-top: 1px solid #99BAC7; padding: 10px 20px 15px 20px; width: 510px; overflow: hidden; } /* 38. Toggle tabs */ .toggle-tabs { text-align: center; margin: 10px 0; } .toggle-tabs ul { border: 1px solid #d9e5e9; display: table; border-radius: 4px; margin: 0 auto!Important; background: #eaf2f5; } .toggle-tabs ul li { display: table-cell; } .toggle-tabs ul li:first-child a { border-radius: 3px 0 0 3px; } .toggle-tabs ul li:last-child a { border-radius: 0 3px 3px 0; } .toggle-tabs ul li.active a { background: #fafcfd; color: #cf3f00; } .toggle-tabs ul li a { display: inline-block; padding: 4px 8px; border-right: 1px solid #d9e5e9; color: #0c4962; } .toggle-tabs ul li a:hover { color: #cf3f00; text-decoration: underline; } .toggle-tabs ul li:last-child a { border-right: 0; padding: 4px 9px 4px 8px; } /* 39. modals */ .ui-dialog-titlebar.ui-widget-header { display: none; } .row textarea { resize: none; } .row ul.checkboxes.inline { margin-left: 7px!important; } .row label .note { color: #647882; font-weight: 400; } .row-top label { padding: 10px 8px 2px 8px!important; width: 100%!important; } .row-top label.title { font-size: 140%; color: #0c4962; font-weight: 400!important; } .row-top .items { float: left; clear: both; width: 100%!important; margin: 0 0 10px 0; } .row-top .items .max { width: 100%; } .row-top .items ul.checkboxes { margin: 0 0 0 10px; } .row-top .items ul.checkboxes li { display: inline; } .row-top .items ul.checkboxes li .item {} .row-top .items ul.checkboxes li .item label { padding: 2px 8px 2px 22px!important; } .row-top .items ul.checkboxes li .item label input[type="radio"] { margin-right: 5px; } .row.highlighted { background: #F7F9FA; border-top: 1px solid #D9E5E9; border-bottom: 1px solid #D9E5E9; margin: 0 -20px 10px -20px; padding: 10px 20px!important; } .row.highlighted h2 { font-size: 20px; padding: 10px 0 0 0; float: left; } .row.highlighted p.iscos { margin: 5px 0; float: left; clear: left; } .row.highlighted ul.actions01.edit { padding-top: 10px; } DIV.row-mid > label { padding: 4px 8px 4px 8px; } DIV.row-mid .items { } DIV.row-mid .items .max { width: 100%; } DIV.row-qrt > label { padding: 4px 8px 4px 8px; } DIV.row-qrt .items { } DIV.row-qrt .items .max { width: 100%; } /* 40. select2- when adding select2 styles, make sure the barometer's table is still functioning */ .row .select2-with-external-options.select2 { width: auto; } .row .select2-with-external-options.select2 .select2-selection { font-size: 13px; line-height: 13px; border: 1px solid #8bb1c0!important; padding: 0!important; border-radius: 3px; min-height: 23px; } .row .select2-with-external-options.select2 .select2-search { width: 100%;} .row .select2-with-external-options.select2 .select2-search input.select2-search__field { width: 100%!important; line-height: 23px!important; margin: 0!important; padding: 5px 0 0 0!important; height: 23px; } .select2-container.select2-with-external-options .select2-dropdown .select2-results ul { margin: 0 0 0 0!important; } .external-tags-container { list-style: none; padding: 0 0 0 6px; height: 0px!important; clear: both; } .external-tags-container ul { margin: 0.15em 0 0 0!important; } .external-tags-container ul li.tag-selected { background: linear-gradient(to bottom, #2f80a0 0%, #29708d 100%); color: #fff; border: 1px solid #29708d; } .external-tags-container ul li.tag-selected a.destroy-tag-selected { color: #fff; float: right; text-decoration: none; font-size: 24px; font-weight: 300; margin: 0 -3px 0 2px; } .tag-selected { list-style: none; background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .destroy-tag-selected { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .destroy-tag-selected:hover { text-decoration: none; } .select2-with-external-options .select2-selection__choice { display: none; } .select2-container--items-inside.select2-with-external-options .select2-selection__rendered { margin: 0; padding: 0; } .select2-container--items-inside.select2-with-external-options .select2-selection__choice { display: block; float: left; } .select2-container--items-inside.select2-with-external-options .select2-search--inline { float: left; width: 20px!important; } .select2-container--items-inside.select2-with-external-options .select2-search--inline input[type="search"] { width: 20px!important; outline: none; } .select2-container--items-inside.select2-with-external-options li.select2-selection__choice { background: linear-gradient(to bottom, #2f80a0 0%, #29708d 100%); color: #fff; border: 1px solid #29708d; } .destroy-tag-selected { color: #fff; float: right; text-decoration: none; font-size: 24px; font-weight: 300; margin: 0 -3px 0 2px; } .destroy-tag-selected:hover { text-decoration: none; } /* 41. skills list */ ul.skills-list { margin: 0; padding: 0; } ul.skills-list li { margin: 10px 0; padding: 5px; display: flex; } ul.skills-list li label { } ul.skills-list li input[type="radio"] { flex-shrink: 0; margin: 3px 8px 0 3px; } ul.skills-list li.active { background: #F7F9FA; } /* 42. language table edit */ .langtable-edit { color: #0A4862; } .langtable-edit .note { color: #327998; } .langtable-edit thead th { background: #fff; border-bottom: 1px solid #D9E5E9; } .langtable-edit thead th a.ico-help { margin: 0 0 0 5px; } .langtable-edit tbody td { background: #fff; border-bottom: 1px solid #D9E5E9; border-right: 1px solid #D9E5E9; } .langtable-edit tbody td .row .items { width: 100%!important; } .langtable-edit tbody td .row .items .max { width: 100%; } .langtable-edit tbody td .row .items .min2x { float: right; width: 70%; margin-right: 0px; } .langtable-edit tbody td:last-child { border-right: none; } .langtable-edit tbody td ul.actions01.f-right { margin: -0.15em!important; } /* 43. skills helper */ .jq-skills-helper { background: white; border: solid 1px #99BAC7; border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); max-width: 570px; padding: 15px 15px; } .jq-skills-helper.jq-dropdown-tip { margin-top: 9px; } .jq-skills-helper.jq-dropdown-tip:before { position: absolute; top: -7px; left: 9px; content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #99BAC7; display: inline-block; } .jq-skills-helper.jq-dropdown-tip:after { position: absolute; top: -6px; left: 10px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; display: inline-block; } .jq-skills-helper h2 { color: #0c4962; font-size: 160%; margin: 10px 10px 20px 10px; padding: 0; } .jq-skills-helper .accordion { } .jq-skills-helper .accordion h3 { background: #DEECF2; font-size: 15px; border-radius: 2px; margin: 0 0 2px 0; padding: 10px; cursor: pointer; } .jq-skills-helper .accordion h3:hover { background: #D9E5E9; } .jq-skills-helper .accordion h3 .ico { float: right; display: inline-block; width: 16px; height: 16px; background: url(action_button_carret.svg) 6px 8px no-repeat; } .jq-skills-helper .accordion h3.ui-accordion-header-active .ico { background: url(action_button_carret_op.svg) 6px 8px no-repeat; } .jq-skills-helper .accordion .panel { padding: 10px 10px 5px 10px; } .jq-skills-helper .accordion .panel h4 { font-size: 13px; font-weight: 700; margin: 0 0 0 0; padding: 0 0 0 0; } .jq-skills-helper .accordion .panel p { margin: 0 0 0 0; padding: 0 0 10px 0; } /* 44. logo mangement */ .logo-grid { background: #F7F9FA; border-top: 1px solid #D9E5E9; border-bottom: 1px solid #D9E5E9; margin: 16px -20px 0 -20px; padding: 20px 0 20px 28px; height: 144px; overflow-y: auto; } .logo-grid h3 { color: #2e2e2e; font-size: 13px; font-weight: 700; } .logo-grid ul li { display: inline; float: left; margin: 0 15px 15px 0; } .logo-thumb { background: #DEECF2; width: 190px; overflow: hidden; padding: 2px; } .logo-thumb .logo { background: #fff; height: 70px; text-align: center; vertical-align: middle; display: flex; justify-content: center; align-items: center; } .logo-thumb .logo img { max-width: 120px; max-height: 40px; } .logo-thumb .logo.disabled img { opacity: .4; } .logo-thumb .status { padding: 4px; vertical-align: middle; } .logo-thumb .status input[type="checkbox"] { float: none; } .logo-thumb .status label { font-weight: 400!important; float: none!important; } /* 45. inline message */ .inline-message { background-image: linear-gradient(-180deg, #F0F5F6 0%, #FFF 55%); border: 1px solid #D9E5E9; border-radius: 4px; padding: 16px 20px; overflow: hidden; clear: both; text-align: center; margin-bottom: 20px; } .inline-message p { color: #0c4962; text-align: center; } .inline-message ul.actions01 { display: inline-block; float: none; margin: 0!important; } /* 46. prefill-list */ .prefill-list { height: 400px; border-top: 1px solid #D9E5E9; border-bottom: 1px solid #D9E5E9; margin: 16px -20px 8px -20px; overflow-y: auto; } .prefill-list ul { margin: 0!important; padding: 0; } .prefill-list ul li { border-top: 1px solid #D9E5E9; padding: 20px 22px; overflow: hidden; } .prefill-list ul li:first-child { border-top: none; } .prefill-list ul li h2 { font-size: 150%; margin: 0; padding: 9px 0 0 0; float: left; clear: none; max-width: 420px; } .prefill-list ul li h3 { font-size: 120%; margin: 0; padding: 7px 0 0 0; float: left; clear: left; max-width: 420px; } .prefill-list ul li .actions01 { float: right!important; margin: 0 0 0 0!important; } .prefill-list ul li .txt { overflow: hidden; clear: both; padding-top: 10px; } .prefill-list ul li .txt .descr { float: left; text-align: left; } .prefill-list ul li .txt .dates { float: right; text-align: right; color: #647882; margin-right: 5px; } /* 47. prefill-list */ .row .items table.items-table { } /* 48. typehead.js */ .tt-menu { right: 0; } .tt-menu .tt-dataset { background: white; border: solid 1px #99BAC7; border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .tt-menu .tt-dataset .tt-suggestion.tt-selectable { padding: 4px; } .tt-menu .tt-dataset .tt-suggestion.tt-selectable:hover { background: #d6e6ed; } .tt-menu .tt-dataset .tt-suggestion.tt-selectable.tt-cursor { background: #29708d; color: #fff; } /* 49. mini dashboard */ .mini-dashoard { background-image: linear-gradient(-180deg, #F0F5F6 0%, #FFF 55%); border-top: 1px solid #D9E5E9; border-right: 1px solid #D9E5E9; border-left: 1px solid #D9E5E9; border-bottom: 1px solid #D9E5E9; border-radius: 4px; margin-top: 10px; } .mini-dashoard ul { margin: 0!important; padding: 0; display: flex; } .mini-dashoard ul li { display: inline; border-right: 1px solid #D9E5E9; } .mini-dashoard ul li:last-child { border-right: none; } .mini-dashoard ul li a { display: inline-block; box-sizing: border-box; width: 100%; background: url(ad_attr_carret.svg) center right no-repeat; margin: 0; padding: 14px 30px 8px 20px; } .mini-dashoard ul li a .label { float: left; clear: left; font-weight: 700; font-size: 13px; color: #0A4862; line-height: 18px; } .mini-dashoard ul li a .label .note { font-weight: 400; color: #647882; letter-spacing: -1px; } .mini-dashoard ul a .value { float: left; clear: left; font-weight: 400; font-size: 18px; color: #327998; line-height: 24px; margin-top: 5px; } .mini-dashoard ul a:hover { background: #fff; background: #fff url(ad_attr_carret_hover.svg) center right no-repeat; } .mini-dashoard ul a:hover .label { color: #D1460F; } .mini-dashoard ul a:hover .value { color: #D1460F; } .mini-dashoard ul li .param { display: inline-block; box-sizing: border-box; min-width: 145px; margin: 0; padding: 14px 25px 14px 20px; } .mini-dashoard ul li .param .label { float: left; clear: left; font-weight: 700; font-size: 13px; color: #0A4862; line-height: 22px; } .mini-dashoard ul li .param .value { float: left; clear: left; font-weight: 400; font-size: 18px; color: #327998; line-height: 22px; } .mini-dashoard ul li .param .value.small { font-size: 13px; } /* 50. job preferences */ ul.job-prefs { margin: 0; overflow: hidden; clear: both; margin: 20px -20px 0 -20px!important; padding: 0; } ul.job-prefs li { overflow: hidden; border-top: 1px solid #D9E5E9; padding: 0 20px 12px 20px; box-sizing: border-box; } ul.job-prefs li h2.job-title { font-size: 18px; float: left; } ul.job-prefs .notif-status { float: right; margin: 17px 0 0 0; display: inline-block; line-height: 17px; color: #0A4862; } ul.job-prefs .notif-status .icon { display: inline-block; width: 24px; height: 17px; margin: 0 0 -4px 6px; } ul.job-prefs .notif-status.notif-enabled .icon { background: url(ico_notif_enabled.svg); } ul.job-prefs .notif-status.notif-disabled .icon { background: url(ico_notif_disabled.svg); } ul.job-prefs li ul.params { border: none; margin: 0; padding: 7px 0 0 0; overflow: hidden; clear: both; color: #0A4862; } ul.job-prefs li ul.params li { border: none; margin: 0; padding: 0; display: inline-block; float: left; width: 50%; line-height: 24px; } ul.job-prefs li ul.params li:nth-child(even) { text-align: right; } ul.job-prefs li ul.params li.secondary { color: #327998; } /* 51. responsive table */ .responsive-table { border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } .responsive-table caption { } .responsive-table tr { padding: .35em; } .responsive-table th, .responsive-table td { padding: .625em; } .responsive-table th { } @media screen and (max-width: 600px) { .responsive-table { border: 0; } .responsive-table caption { font-size: 1.3em; } .responsive-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .responsive-table tr { border: 1px solid #ccc; display: block; margin-bottom: 5px; border-radius: 4px; } .responsive-table td { display: block; text-align: right; } .responsive-table td:before { content: attr(data-label)!important; float: left; background: none!important; } .responsive-table td:last-child { border-bottom: 0; } } @media screen and (min-width: 650px) { /* 52. fixed header table */ table.sticky-table { width: 650px; border-collapse: collapse; margin-top: 15px; } table.sticky-table thead { display: block; width: 630px; overflow: auto; color: #fff; background: #000; } table.sticky-table tbody { display: block; width: 630px; height: 250px; overflow: auto; } table.sticky-table th, table.sticky-table td { width: 150px; } } /* define height and width of scrollable area. Add 16px to width for scrollbar */ div.tableContainer { clear: both; border: 1px solid #963; height: 285px; overflow: auto; width: 900px } /* Reset overflow value to hidden for all non-IE browsers. */ html>body div.tableContainer { overflow: hidden; width: 900px } /* define width of table. IE browsers only */ div.tableContainer table { float: left; } thead.fixedHeader tr { position: relative; } thead.fixedHeader th { background: #C96; border-left: 1px solid #EB8; border-right: 1px solid #B74; border-top: 1px solid #EB8; font-weight: normal; padding: 4px 3px; text-align: left } html>body tbody.scrollContent { display: block; height: 262px; overflow: auto; width: 100% } html > body thead.fixedHeader { display: table; overflow: auto; width: 100%; } tbody.scrollContent td, tbody.scrollContent tr.normalRow td { background: #FFF; border-bottom: none; border-left: none; border-right: 1px solid #CCC; border-top: 1px solid #DDD; padding: 2px 3px 3px 4px; } tbody.scrollContent tr.alternateRow td { background: #EEE; border-bottom: none; border-left: none; border-right: 1px solid #CCC; border-top: 1px solid #DDD; padding: 2px 3px 3px 4px; } /* 53. profile status popover */ .profile-status .jq-dropdown-panel { padding: 0; } .profile-status.jq-dropdown.jq-dropdown-tip:after { border-bottom-color: #F7F9FA; } .profile-status .current-status { background: #F7F9FA; padding: 20px; border-radius: 2px 2px 0 0; } .profile-status .current-status .status { } .profile-status .current-status .status .label { font-size: 13px; font-weight: 700; color: #0A4862; } .profile-status .current-status .status .value { font-size: 18px; line-height: 22px; color: #327998; } .profile-status .status-option { padding: 10px 20px 15px 20px; border-top: 1px solid #D9E5E9; } .profile-status .status-footer { background: #F7F9FA; border-top: 1px solid #D9E5E9; border-radius: 0 0 5px 5px; padding: 3px 20px 15px 20px; } .profile-status .status-footer a { white-space: nowrap; } /* 53.1- profile status popover */ .profile-completeness .jq-dropdown-panel { padding: 0; overflow: hidden; width: 250px; } .profile-completeness.jq-dropdown.jq-dropdown-tip:after { border-bottom-color: #fff; } .profile-completeness .jq-dropdown-panel ul { margin: 15px 15px 15px 15px; } .profile-completeness .jq-dropdown-panel ul li { font-size: 12px; line-height: 16px; color: #0A4862; background: url('list_bull_orange.svg') 0 5px no-repeat; padding: 0 0 0 12px; margin: 0 0 5px 0; } /* 54. notification settings list */ ul.notif-settings-list { } ul.notif-settings-list > li { border-bottom: 1px solid #D9E5E9; padding: 20px; overflow: hidden; } ul.notif-settings-list > li h2 { font-size: 16px; margin: 0; padding: 2px 0; color: #0c4962; } ul.notif-settings-list > li h2 strong { font-weight: 700; } ul.notif-settings-list > li .location { padding: 2px 0; color: #0c4962; } ul.notif-settings-list > li .salary { padding: 2px 0; color: #327998; } ul.notif-settings-list > li .toggle-tabs { float: right!important; clear: none; margin-top: -25px; } ul.notif-settings-list > li h2, ul.notif-settings-list > li .location, ul.notif-settings-list > li .salary { width: 450px; float: left; clear: left; } ul.notif-settings-list > li.disabled h2, ul.notif-settings-list > li.disabled .location, ul.notif-settings-list > li.disabled .salary { color: #647882; } /* 55. profile visits popup */ .visist-chart { border-radius: 4px; border: 1px solid #D9E5E9; background-image: linear-gradient(-180deg, #F0F5F6 0%, #FFF 55%); margin: 15px 0 0 0; } .visist-chart h2 { font-size: 16px; text-align: center; margin: 10px 0 10px 0; } /* 56. */ .candidate-profile.candidate-params {} .candidate-profile.candidate-params img.profile-pic { float: left; width: 64px; height: 64px; } .candidate-profile.candidate-params dl { float: left; } .my-jobsearches-list .candidate-params { margin: 0 0px; } .my-jobsearches-list .candidate-params dl .toggle-tabs { margin-top: -10px; margin-bottom: -6px; } .my-jobsearches-list .candidate-params dl .toggle-tabs ul.actions01 li.active a, .my-jobsearches-list .candidate-params dl .toggle-tabs ul.actions01 li a { padding: 0px 8px 0px 4px; } .my-jobsearches-list .candidate-params dl .comp-logo { border: 4px solid #d9e5e9; display: inline-block; float: left; width: 176px; height: 82px; margin: 4px 8px 4px 0; box-sizing: border-box; } .my-jobsearches-list .candidate-params dl .comp-logo img { width: auto; max-width: 75%; object-fit: contain; height: 70%; margin: 9px auto; display: block; } .candidate-params { color: #0A4862; line-height: 24px; } .candidate-params h2 { margin: 0; padding: 0; } .candidate-params h3 { border-bottom: 1px solid #D9E5E9; padding: 0.4em; margin-top: 0.5em; font-size: 140%; color: #0c4962; } .candidate-params > p { padding: 0; line-height: 24px; overflow: hidden; } .candidate-params .title { overflow: hidden; clear: both; } .candidate-params dl { padding: 0 0.5em 0 0; clear: both; } .candidate-params dt { float: left; clear: left; width: 144px; text-align: left; font-weight: bold; margin-bottom: 2px; } .candidate-params dd { margin: 0 0 0 154px; padding: 0 0 0.5em 0; margin-bottom: 2px; } .candidate-params dl dd ul.actions01 { margin: 0px; float: left; margin: -10px 0 0 0!important; } .candidate-params dl dd ul.actions01 li { margin-top: -2px; } .candidate-params dl dd ul.actions01 li a.jobsearch-actions { margin-left: 20px; } .candidate-params dl dt.disabled, .candidate-params dl dd.disabled { color: #737373; } /* 57. profile filling steps */ .profile-filling-steps { border-right: 1px solid #D9E5E9; } .profile-filling-steps h1 { margin: 17px 0 7px 5px; } .profile-filling-steps a.profile-status { border-top: 1px solid #D9E5E9; border-bottom: 1px solid #D9E5E9; border-left: 1px solid #D9E5E9; display: block; color: #0A4862; padding: 7px 10px; text-decoration: none; background: #F7F9FA url(ad_attr_carret.svg) center right no-repeat; } .profile-filling-steps a.profile-status:hover { background: #fff url(ad_attr_carret_hover.svg) center right no-repeat; color: #cf3f00; } .profile-filling-steps a.profile-status .label { display: block; font-size: 13px; font-weight: 700; } .profile-filling-steps a.profile-status .value { display: block; font-size: 18px; margin-top: 3px; } .profile-filling-steps ul { } .profile-filling-steps ul li a .marker { display: inline-block; width: 8px; height: 8px; border: 1px solid #2e7591; border-radius: 50%; margin: 0 7px 0 7px; } .profile-filling-steps ul li a { display: inline-block; padding: 3px 0; } .profile-filling-steps ul li.active a .marker { background: #2e7591; } .profile-filling-steps ul li a .highlight { display: inline-block; width: 16px; height: 16px; background: #F8E520; border-radius: 50%; margin: 0 0 -3px 5px; } .profile-filling-steps a.profile-progress { border-top: 1px solid #D9E5E9; border-bottom: 1px solid #D9E5E9; border-left: 1px solid #D9E5E9; margin-top: 10px; padding: 7px 10px 10px 10px; background: #F7F9FA; display: block; text-decoration: none; } .profile-filling-steps a.profile-progress:hover { background: #fff; } .profile-filling-steps a.profile-progress .label { margin: 0 0 0 3px; } .profile-filling-steps a.profile-progress .val { margin: 0 3px 0 0; } .profile-filling-steps a.profile-progress .label { font-weight: 700; font-size: 13px; color: #0A4862; line-height: 22px; display: block; float: none; clear: both; overflow: hidden; } .profile-filling-steps a.profile-progress .label .val { display: block; font-weight: 400; float: right; } .profile-filling-steps a.profile-progress .progress { display: block; background: #D9E5E9; border: 2px solid #D9E5E9; margin-top: 0px; overflow: hidden; clear: both; } .profile-filling-steps a.profile-progress .progress .value { display: block; height: 14px; background: #327998; } .profile-filling-steps a.profile-progress:hover .label { color: #cf3f00; } .profile-filling-steps a.profile-progress:hover .label .val { color: #cf3f00; } .profile-filling-steps a.profile-progress:hover .progress .value { background: #cf3f00; } .profile-filling-steps .steps-actions { border-top: 1px solid #D9E5E9; overflow: hidden; clear: both; padding: 0 4px 13px 7px; } .profile-filling-steps .steps-actions ul.actions01 { overflow: hidden; } .profile-filling-steps .steps-actions ul.actions01 li { overflow: hidden; display: block; float: none; clear: both; } .profile-filling-steps .steps-actions ul.actions01 a { display: block; } /* 58. profile filling steps */ ul.experience-list { border-top: 1px solid #D9E5E9; margin: 14px -20px 0 -20px!important; } ul.experience-list > li { padding: 15px 20px; border-bottom: 1px solid #D9E5E9; overflow: hidden; } ul.experience-list > li:last-child { border-bottom: none; } ul.experience-list > li .title { overflow: hidden; clear: both; } ul.experience-list > li .title h3 { border: none; margin: 0; padding: 0; float: left; font-size: 16px; } ul.experience-list > li .title h3 strong { font-weight: 700; } ul.experience-list > li.disabled div.date, ul.experience-list > li.disabled div.description, ul.experience-list > li.disabled div.title h3 { color: #737373; } ul.experience-list > li .title h3.missing { background: #F8E520; color: #0c4962!important; font-style: italic; padding-right: 3px; padding-left: 3px; } ul.experience-list a.jobsearch-actions { margin: 0 0 0 0!important; } ul.experience-list li .text { overflow: hidden; } ul.experience-list li .note { color: #327998; } ul.experience-list li .text dl { margin: 0 0 -12px 0; } ul.experience-list li .text dl dt {} ul.experience-list li .text dl dd { width: 370px; } /* 59. profile view */ body.profile-view { background-image: linear-gradient(-180deg, #F1F8F9 0%, #FFFFFF 100%)!important; } .profile-view .wrapper { max-width: 760px; min-width: 320px; margin: 0 auto; } .profile-view header { background: #fff; border-bottom: 1px solid #E0EAED; overflow: hidden; padding: 10px 0; } .profile-view header ul.actions01 { margin: 0!important; } .profile-view header ul.actions01 li { padding: 0 0 0 8px; } .profile-view header a.back-link { font-weight: 700; line-height: 27px; display: inline-block; font-size: 14px; } .profile-view header a.back-link .ico { display: inline-block; width: 6px; height: 12px; margin: 0 5px -1px 9px; background: url(ad_attr_carret.svg) top left no-repeat; background-size: cover; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .profile-view .jobsearch-header h1 { margin: -3px 5px 0 5px; } .profile-view .jobsearch-header .jobsearch-info { background: #fff; border: 1px solid #E0EAED; padding-top: 36px; } .profile-view .jobsearch-header .jobsearch-info h3 { border-bottom: 2px solid #D9E5E9; color: #CE3C00; margin-top: 25px; } .profile-view .jobsearch-header .jobsearch-info .candidate-params > p, .profile-view .jobsearch-header .jobsearch-info .candidate-params > dl { padding: 0 0.4em; } .profile-view .jobsearch-header .jobsearch-info .candidate-profile ul.actions01 { margin-top: 3px; } .profile-view .jobsearch-header .jobsearch-info .candidate-profile img.profile-pic { margin-left: 5px; } .profile-view .jobsearch-header .jobsearch-info .candidate-profile dl { margin: 5px 0 0 0; clear: none; } .profile-view header .wrapper .toggle-tabs { margin: 0!important; } .profile-view table.language-table { } .profile-view table.language-table tr th, .profile-view table.language-table tr td, .profile-view table.language-table tr { background: none!important; color: #0A4862; } .profile-view table.language-table tbody tr th { font-weight: 400; } .profile-view table.language-table thead tr th, .profile-view table.language-table tbody tr th, .profile-view table.language-table tbody tr td { border-bottom: 1px solid #D9E5E9; } /* 60. isco selector */ .isco-selector { position: relative; } .isco-selector .overlay { background-color: rgba(255, 255, 255, 0.90); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; } .isco-selector a.add-more { clear: both; float: left; margin: 8px; } .isco-selector p { padding: 0 8px; } .isco-selector p.note { padding: 0 8px; color: #327998; } .isco-selector .reccomendations { display: block; clear: both; padding: 8px 8px; } /* 61. Brandnames table */ table.brandnames-table tr.odd, table.brandnames-table tr td, table.brandnames-table tr th { background: none!important; font-weight: 400; } table.brandnames-table tr:first-child th { border-top: 1px solid #D9E5E9; } table.brandnames-table th { border-bottom: 1px solid #D9E5E9; } table.brandnames-table th, table.brandnames-table td { vertical-align: middle; padding: 10px 4px; } table.brandnames-table tr.entry-box th { padding: 0 4px; } /* 62. Applied jobs list */ .applied-jobs { border: 1px solid #D9E5E9; margin: 32px 0 64px 0; } .applied-jobs .application { border-bottom: 1px solid #D9E5E9; overflow: hidden; position: relative; display: flex; } .applied-jobs .application:last-child { border-bottom: none; } .applied-jobs .application .job-content { padding-left: 30px; width: 730px; border-right: 1px solid #D9E5E9; float: left; display: flex; justify-content: space-between; } .applied-jobs .application .job-content .left-content { float: left; padding: 15px 0; } .applied-jobs .application .job-content .left-content h2 { margin: 0; padding: 0; font-size: 18px; line-height: 20px; font-weight: 700; } .applied-jobs .application .job-content .left-content h3 { margin: 7px 0 0 0; padding: 0; font-size: 16px; line-height: 24px; color: #337A98; } .applied-jobs .application .job-content .left-content p { color: #327998; margin: 7px 0 0 0; padding: 0; } .applied-jobs .application .job-content .left-content p strong { color: #0A4862; } .applied-jobs .application .job-content .left-content p a { color: #0A4862; text-decoration: underline; } .applied-jobs .application .job-content .left-content p a:hover { text-decoration: none;} .applied-jobs .application .job-content .right-content { float: right; padding: 15px 15px; } .applied-jobs .application .job-content .right-content .application-date { float: right; color: #95A7AE; line-height: 24px; display: block; clear: both; } .applied-jobs .application .tag { float: right; border-radius: 17px; margin: -3px -3px 3px 0; padding: 4px 12px; clear: both; } .applied-jobs .application .tag.regular { background: #DEECF2; color: #084762; white-space: nowrap; } .applied-jobs .application .tag.fav { background: #A0D370; color: #1B3100; text-shadow: 0 1px 0 #C0F092; } .applied-jobs .application .application-logo { float: right; overflow: hidden; flex-grow: 0; display: flex; align-content: center; width: 217px } .applied-jobs .application .application-logo img { max-width: 80%; max-height: 80px; object-fit: contain; margin: 0 auto; display: block; align-self: center; } .applied-jobs .application.unread .job-content { background: #F6FCFF; } .applied-jobs .application.unread .indicator { display: block; width: 12px; height: 12px; background: #00AAFF; border-radius: 50%; position: absolute; top: 18px; left: 12px; } .applied-jobs .application.greyed-out .left-content h2 {} .applied-jobs .application.greyed-out .left-content h3 { color: #5A676C; } .applied-jobs .application.greyed-out .left-content p { color: #5A676C; } .applied-jobs .application.greyed-out .right-content .application-date { color: #5A676C; } .applied-jobs .application.greyed-out .right-content .tag { color: #6A787D; background: #F2F2F2; white-space: nowrap; } .applied-jobs .application.greyed-out .right-content .tag a { color: #cf3f00; } /* 63. Jobsearch header filter */ .jobsearch-header-panel { } .jobsearch-header-panel .filter-block { background: #F7F9FA; margin: 0; padding: 15px 20px; overflow: hidden; border-left: 1px solid #D9E5E9; border-bottom: 1px solid #D9E5E9; border-right: 1px solid #D9E5E9; display: flex; } .jobsearch-header-panel .filter-block p.description { font-size: 16px; color: #0A4862; margin: 0; padding: 0; line-height: 22px; } .jobsearch-header-panel .filter-block p.location { font-size: 14px; margin: 0; padding: 0; color: #0A4862; line-height: 22px; } .jobsearch-header-panel .filter-block p.salary { font-size: 14px; margin: 0; padding: 0; color: #327998; line-height: 22px; } .jobsearch-header-panel .filter-block.disabled { background: #fbfcfd; } .jobsearch-header-panel .filter-block.disabled p.description { color: #95A7AE; } .jobsearch-header-panel .filter-block.disabled p.location { color: #95A7AE; } .jobsearch-header-panel .filter-block.disabled p.salary { color: #95A7AE; } .jobsearch-header-panel .filter-block .filter-left { float: left; width: 730px; } .jobsearch-header-panel .filter-block .filter-right { float: right; flex-grow: 1; display: flex; align-content: flex-end; justify-content: center; flex-direction: column; } .jobsearch-header-panel .filter-block .filter-right .toggle-tabs { align-self: flex-end; margin: 0; } /* 64. */ .jobsearch-search { border: 1px solid #d9e5e9; background: #fafcfd; padding: 0 15px 15px 15px; } .jobsearch-search-advanced { background: #F7F9FA; overflow: hidden; border-left: 1px solid #d9e5e9; border-right: 1px solid #d9e5e9; border-bottom: 1px solid #d9e5e9; background: #F7F9FA; padding: 0 15px 15px 15px; } .jobsearch-search-actions { overflow: hidden; border-left: 1px solid #d9e5e9; border-right: 1px solid #d9e5e9; border-bottom: 1px solid #d9e5e9; background: #F7F9FA; padding: 0 15px 15px 15px; } .jobsearch-search-actions p { line-height: 25px; } .jobsearch-search .external-tags-container { width: 427px; margin-bottom: 8px; } .slider-container { margin: 5px -15px 15px -15px; padding: 8px 15px 0 15px; overflow: hidden; max-width: 427px; } .slider-container .ui-slider-horizontal { border: 1px solid #8bb1c0; border-radius: 6px!important; background: #fff; } .slider-container .ui-slider-range { background: #8bb1c0; } .slider-container .slider-value { border: none; background: transparent!important; width: 100%; text-align: center; margin: 7px 0 0 0; } .slider-container .ui-slider-handle { border-radius: 50%; border: 2px solid #0A4862!important; cursor: pointer; } .slider-container .ui-slider-handle:hover { border: 2px solid #cf3f00!important; } .slider-container .ui-slider-handle:active { border: 2px solid #cf3f00!important; background: #fff; } /* 65. JQUERY UI STYLES */ /*! jQuery UI - v1.12.1 - 2017-12-03 * http://jqueryui.com * Includes: core.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(ui-icons_444444_256x240.png); } .ui-widget-header .ui-icon { background-image: url(ui-icons_444444_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(ui-icons_555555_256x240.png); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(ui-icons_777620_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(ui-icons_cc0000_256x240.png); } .ui-button .ui-icon { background-image: url(ui-icons_777777_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* 66. MODAL INTRO */ .modal-intro { background: #fff; border-bottom: 1px solid #D9E5E9; margin: -20px -20px 0 -20px; padding: 20px 20px 20px 20px; } .modal-intro img.logo { margin: 10px 0 10px 0; } .modal-intro h1 { margin: 10px 0 5px 0!important; } /* 67. INLINE SCROLLABLE LIST */ .inline-jobs-list { background: #F7F9FA; border: 1px solid #D9E5E9; height: 284px; overflow-y: auto; margin-top: 15px; } .inline-jobs-list ul { margin: 0 10px!important; padding: 0; } .inline-jobs-list ul li { border-bottom: 1px solid #D9E5E9; padding: 10px 5px; } .inline-jobs-list ul li:last-child { border: none; } .inline-jobs-list ul li a.title { font-size: 16px; color: #cf3f00; } .inline-jobs-list ul li .description { font-size: 14px; color: #327998; } /* 68. DASHBOARD BLOCKS */ .dash-block { min-height: auto!important; background: transparent!important; margin-top: 20px!important; } .dash-block dl { width: 100%; overflow: hidden; padding: 0; margin: 0; color: #0D4962; line-height: 22px; } .dash-block dt { float: left; width: 30%; padding: 0; margin: 0; font-weight: 700; } .dash-block dd { float: left; width: 70%; padding: 0; margin: 0; } .dash-block ul.actions01.block-btn { display: block; width: 100%; } .dash-block ul.actions01.block-btn li { display: block!important; width: 100%; } .dash-block ul.actions01.block-btn li a { display: block; } .dash-block:first-child { margin-right: 18px!important; } .dash-block:only-child { margin-right: 0px!important; } .dash-block.noprofile { overflow: hidden; } .dash-block.noprofile p { margin: 10px 0 10px 0!important; } .dash-block.noprofile ul.checkboxes li, .dash-block.noprofile ul.actions01 li { padding: 0!important; background: none; } .dash-block .row { overflow: hidden; box-sizing: border-box; } .dash-block .row .column { width: 50%; float: left; box-sizing: border-box; } .dash-block .row .column:first-child { padding-right: 10px; } .dash-block .row .column:last-child { padding-left: 10px; } /* 69. OUT OF JOBS MESSAGE */ .out-of-jobs-box { text-align: center; background-image: linear-gradient(-180deg, #F0F5F6 0%, #FFF 55%); border-top: 1px solid #D9E5E9; border-right: 1px solid #D9E5E9; border-left: 1px solid #D9E5E9; border-bottom: 1px solid #D9E5E9; border-radius: 1px; margin: -50px 0 60px 0; padding: 0 0 20px 0; } .out-of-jobs-box p { font-size: 18px; color: #0c4962; font-weight: 700; padding: 10px 0; } .out-of-jobs-box ul.actions01 { margin: 0 auto!important; float: none; display: inline-block; } /* 70. MORE INFO BOX */ .more-info { border-radius: 6px; background: #fff; border: 1px solid #d9e5e9; overflow: hidden; margin: 20px 0 0 0; padding: 20px 20px 20px 20px; background: #f7f9fa; } .more-info a.close { background: url(bg02.png) no-repeat 0 -2600px; display: block; width: 21px; height: 22px; text-indent: -9999px; float: right; margin: -23px -5px 0 0; } .more-info h2 { font-size: 123.1%; font-weight: 700; color: #0D4962; margin: 0; padding: 0; } .more-info p, .more-info ul { color: #0D4962; line-height: 172%; } .more-info ul { list-style-type: disc!important; margin-bottom: 16px!important; } .more-info ul li { margin-left: 22px; } .more-info ul.actions01 li { margin-left: 0; } .more-info.inline { margin-bottom: 50px; } /* 71. TEXT MODAL */ .text_modal {} .text_modal h2 { font-size: 123.1%; font-weight: 700; color: #0D4962; margin-top: 10px!important; } .text_modal ul { list-style-type: disc!important; margin-bottom: 16px!important; } .text_modal ul li { margin-left: 22px; } .text_modal p, .text_modal ul { color: #0D4962; line-height: 172%; } .text_modal p { margin-top: 10px!important; } /* 72. LOGIN BLOCKS */ .front02.auth-cols { } .front02.auth-cols .col { width: 439px; float: left; } .front02.auth-cols .col:last-child { margin-right: 0; } .user-auth { overflow: hidden; height: 108px; } .user-auth ul.actions01 { clear: both; } .user-auth ul.actions01 li { margin: 0 0 0 3px; background: none!important; padding: 0!important; } .user-auth .mid-form { margin-bottom: 20px; } .user-auth .mid-form .field { float: left; width: 211px; } .user-auth .mid-form .field label { padding: 10px 8px 6px 8px!important; display: block; font-weight: 700; } .user-auth .mid-form .field input[type="text"] { width: 100%; margin-bottom: 12px; } .user-auth .mid-form .field:first-child { margin-right: 5px; margin-left: 3px; } .user-auth .mid-form .field:last-child { margin-left: 5px; margin-right: 3px; } /* 73. CANDIDATES HISTORY */ ul.actions-history { margin-bottom: 30px!important; color: #0A4862; } ul.actions-history li { padding: 3px 0; } ul.actions-history li .date { color: #327998; display: inline-block; width: 80px; } ul.actions-history li ul.subactions { margin: 3px 0 3px 80px; } ul.actions-history li ul.subactions li { padding: 3px 0; } /* 74. CONTENT TABS*/ .content-tabs { margin-top: 20px; } ul.tabs { margin: 0px; padding: 0px; list-style: none; } ul.tabs li { background: #eaf2f5; border-color: #E0EAED; border-style: solid; border-width: 1px 1px 0 1px; border-radius: 4px 4px 0 0; display: inline-block; padding: 10px 15px 9px 15px; cursor: pointer; color: #0c4962; font-weight: 700; font-size: 14px; } ul.tabs li:hover { text-decoration: underline; color: #cf3f00; } ul.tabs li .count { background: #2e7591; display: inline-block; padding: 2px 8px; border-radius: 12px; color: #fff; margin-left: 4px; } ul.tabs li.current{ background: #fff; padding: 10px 15px; } .tab-content { display: none; background: #fff; padding: 0px 20px; border: 1px solid #E0EAED; border-radius: 0 4px 4px 4px; margin-top: -1px; } .tab-content.current{ display: inherit; } .tab-content ul.actions-history { margin-bottom: 16px!important; } /* 75. NOTES BLOCK */ .notes { margin-top: 20px; background: #FFFDE9; border-radius: 4px; border: 1px solid #F5F1BC; max-height: 200px; overflow-y: auto; } .notes .content { padding: 15px 20px; color: #0c4962; } /* 76. INLINE SCROLL LIST */ .inline-scroll-list { border: 1px solid #8bb1c0; height: 200px; border-radius: 3px; overflow-y: scroll; margin: 5px 0 0 0; } .inline-scroll-list ul { margin: 0!important; padding: 0!important; } .inline-scroll-list ul li { margin: 0; overflow: hidden; clear: both; border-top: 1px solid #D9E5E9; padding: 9px 10px 5px 10px; } .inline-scroll-list ul li:first-child { border: none; } .inline-scroll-list ul li .value { margin: 0; padding: 0; float: left; color: #0A4862; } .inline-scroll-list ul li a.action { float: right; color: #cf3f00; } .inline-scroll-list ul li ul.actions01 { margin-top: 2px!important; float: right; } .inline-scroll-list ul li ul.actions01 li input[type="submit"]{ padding: .308em 0em; } .shareblock { overflow: hidden; margin: 10px 0 -10px 0; } .shareblock label { float: right; display: block; margin: 6px 8px 0 0; line-height: 28px; height: 28px; } .shareblock .share-icos { float: right; } .shareblock a.btn-pdf { display: block; float: right; width: 28px; height: 28px; border-radius: 50%; text-indent: -9999px; background: #242D3D url('../img/ico_share_pdf.svg') center center no-repeat; margin: 3px 2px 0 2px; } .shareblock .jssocials-shares .jssocials-share { display: inline-block; width: 28px; height: 28px; border-radius: 50%; margin: 0 2px; } .shareblock .jssocials-shares .jssocials-share a.jssocials-share-link { display: inline-block; width: 28px; height: 28px; text-indent: -9999px; background: none; } .shareblock .jssocials-shares .jssocials-share-twitter { background: #1dcaff url('../img/ico_share_tw.svg') center center no-repeat; } .shareblock .jssocials-shares .jssocials-share-facebook { background: #3B5998 url('../img/ico_share_fb.svg') center center no-repeat; } .shareblock .jssocials-shares .jssocials-share-googleplus { background: #dd4b39 url('../img/ico_share_goog.svg') center center no-repeat; } .shareblock .jssocials-shares .jssocials-share-email { background: #607689 url('../img/ico_share_email.svg') center center no-repeat; } /* ON-OFF SWITCH */ .switch { position: relative; display: inline-block; padding-right: 48px; vertical-align: middle; height: 25px; line-height: 25px; margin: 0 4px; } .switch .btn { display: inline-block; float: right; height: 25px; width: 42px; position: absolute; right: 0; top: 0; } .switch .btn input { display: none; } .switch .btn .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; width: 42px; display: inline-block; vertical-align: middle; background-color: #B6CBD2; -webkit-transition: .2s; transition: .2s; border: 1px solid #26647E; } .switch .btn .slider:before { position: absolute; content: ""; height: 19px; width: 19px; left: 1px; bottom: 1px; background: linear-gradient(-180deg, #FFFFFF 0%, #E7F0F4 100%); -webkit-transition: .2s; transition: .2s; border: 1px solid #879EA4; } .switch .btn input:checked + .slider { background-image: linear-gradient(0deg, #2C7895 0%, #29708D 100%); } .switch .btn input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .switch .btn input:checked + .slider:before { -webkit-transform: translateX(17px); -ms-transform: translateX(19px); transform: translateX(19px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /* 77. PROCESSING LIST */ ul.processing-list {} ul.processing-list li { margin: 10px 0; display: flex; min-height: 32px; } ul.processing-list li .status { display: flex; width: 24px; height: 24px; margin: 0; align-self: center; margin-right: 7px; } ul.processing-list li .status.status-done { border: 2px solid #66AA1C; border-radius: 50%; background: url(../img/ico_done.svg) 0 0 no-repeat; } ul.processing-list li .status.status-error { border: 2px solid #C20000; border-radius: 50%; background: url(../img/ico__error.svg) 0 0 no-repeat; } ul.processing-list li .status.status-loading { background: url('../img/loader.gif'); } ul.processing-list li .status.status-waiting { border: 2px solid #DBE4E8; border-radius: 50%; background: url(../img/ico_waiting.svg) 0 0 no-repeat; } ul.processing-list li .txt { overflow: hidden; display: inline-block; align-self: center; } ul.processing-list li .txt .error-msg { color: #C20000; font-size: 12px; display: block; }