@font-face { font-family: 'Roboto Light'; font-style: normal; font-weight: 300; src: url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-300.eot?xet=1587739112377'); /* IE9 Compat Modes */ src: local('Roboto Light'), local('Roboto-Light'), local('Roboto'), url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-300.eot%3F%23iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-300.woff2?xet=1587739112543') format('woff2'), /* Super Modern Browsers */ url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-300.woff?xet=1587739112488') format('woff'), /* Modern Browsers */ url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-300.ttf?xet=1587739112443') format('truetype'), /* Safari, Android, iOS */ url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-300.svg%23Roboto') format('svg'); /* Legacy iOS */}
@font-face { font-family: 'Roboto Medium'; font-style: normal; font-weight: 500; src: url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-500.eot?xet=1587739112549'); /* IE9 Compat Modes */ src: local('Roboto Medium'), local('Roboto-Medium'), url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-500.eot%3F%23iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-500.woff2?xet=1587739112657') format('woff2'), /* Super Modern Browsers */ url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-500.woff?xet=1587739112655') format('woff'), /* Modern Browsers */ url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-500.ttf?xet=1587739112608') format('truetype'), /* Safari, Android, iOS */ url('https://ti8mcareer.abacuscity.ch/abauserimage/fonts/roboto-v20-latin-500.svg%23Roboto') format('svg'); /* Legacy iOS */}
body { font-family: 'Roboto','Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif; background-color: #ffffff; font-size: 16px;}
.font { color: #292929; }
.form-control { background: #f5f5f5; border-radius: 0; border: 0; outline: 0; width: 100%; height: 50px; padding-left: 20px; font-weight: 500; margin-bottom: 24px; -webkit-box-shadow: none !important; box-shadow: none !important;}
.form-control:focus { outline: 1px solid #ccc;}
h1 { font-family: 'Roboto Medium','Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 32px; line-height: 40px; color: #292929 !important; margin-top: 0; padding: 0;}
h3, .h-3 { font-family: 'Roboto Medium','Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 24px; line-height: 32px; color: #292929; margin-top: 0;}
h4, .h-4 { font-family: 'Roboto Medium','Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; color: #666666; margin-bottom: 10px;}
.mt8 { margin-top: 8px;}
.mt16 { margin-top: 16px;}
.mt32 { margin-top: 32px;}
.mb16 { margin-bottom: 16px;}
.mb24 { margin-bottom: 24px;}
.mb64 { margin-bottom: 64px;}
@media (max-width: 992px) {
  .mh-xs-5 { margin-left: 5px; margin-right: 5px; }
}
hr { border: 0; border-top: 1px solid #ccc; margin: 0 0 0 0; width: 100%;}
.tabs { overflow: hidden;}
.tabs li { display: inline-block;}
.tabs.fourth, .tabs.fourth .tab-title { width: 100%;}
.tabs.fourth li { width: 24.5%;}
.button-tabs { width: 100%; padding: 8px;}
.button-tabs .tab-title.active { background: #004d9f; color: #fff;}
.button-tabs .tab-title, .load-button { color: #004d9f; padding: 13px; display: inline-block; text-align: center; min-width: 150px; background: #f5f5f5; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; border: none; outline: none;}
.loadmore .load-button { width: 100%; font-size: 11pt; line-height: 24px; letter-spacing: 2px; font-weight: 700; color: #555555; cursor: pointer;}
.load-button:focus { color: #004d9f; outline: none; box-shadow: none;}
.button-tabs .tab-title:hover, .load-button:hover { background: #EEEEEE;}
.button-tabs .tab-title.active:hover { background: #004d9f;}
.button-tabs label { font-size: 12px; line-height: 24px; letter-spacing: 2px; font-weight: 700;}
@media (max-width: 767px) {
  .tabs.fourth li, .filter-button-group li, .button-tabs, .button-tabs .tabs li { width: 100%; padding: 0; }
  .button-tabs .tab-title { margin: 6px 0; }
}
.btn { border-radius: 0;}
.btn.tab-title.active, .btn.tab-title:active { webkit-box-shadow: none; box-shadow: none;}
.btn.tab-title:focus,.btn.tab-title.active:focus,.btn.tab-title.focus,.btn.tab-title.active.focus { outline: none;}
.button.apply-button { height: 50px; line-height: 48px; border: 2px solid #004d9f; background: #004d9f; color: #fff; width: 100%; font-size: 11pt; font-weight: bold; letter-spacing: 1px; padding: 0;}
.pb-2 { padding-bottom: 0.5rem !important;}
.pb-3 { padding-bottom: 1rem !important;}
.pb-4 { padding-bottom: 1.5rem !important;}
.pb-5 { padding-bottom: 3rem !important;}
.mb-5 { margin-bottom: 3rem !important;}
a, a:focus, .nav-button { color: #004d9f; font-weight: 600;}
a:hover { color: #002779; }
a:focus, a:hover { text-decoration: none; }
.nav-item, .button { background-color: #ffffff; border-color: #ffffff; color: #004d9f; }
.button { border: 2px solid #004d9f; }
.button:hover, .button:focus { background-color: #004d9f; color: #ffffff; }
.nav-row [class*="col-"] { padding-top: 8px; padding-bottom: 8px; }
.nav-row, .nav-row td, .nav-row .nav-item, .nav-row [class*="col-"] { background-color: #ffffff; min-height: 36px; }
@media (min-width: 767px) {
  .pdfasjobdetail .nav-row [class*="col-"] { line-height: 40px; }
}
.nav-row.even, .nav-row.even td, .nav-row.even .nav-item, .nav-row.even [class*="col-"] { background-color: #d9d9d9; }
.nav-row a { color: #004d9f; }
.nav-row.even a { color: #004d9f; }
a.nav-item:hover { color: #002779; }
.nav-row.even .nav-item:hover { color: #002779; }
.nav-row span.nav-item, .nav-row span.nav-item:hover { color: #666666; }
.nav-row.even a.button:hover { color: #ffffff; }
.languageselection { position: absolute; top: 10px; right: 25px; list-style: none; text-transform: uppercase; }
.content-title { font-weight: normal; }
.required.control-label:after { content: "*"; color: red; }
.table { table-layout: fixed; width: 100%; border-spacing: 0; background-color: #ffffff; border: none; }
.table>tbody>tr>td { border-top: none; }
.progress, .abort-btn, .percent { display: none; }
.progress-bar-border { height: 15px; display: block; border: 1px solid #000000; }
.progress-bar-bulk { height: 100%; background-color: #000000; }
.fileDeleteBtn:hover { cursor: pointer; }
.errortext { color: #c00000; }
#appform { color: #666666; }
#appform input, #appform { margin-top: 5px;}
#appform input[type="checkbox"] { margin-bottom: 27px; }
#appform input[type="checkbox"].interest-boxes { margin-left: 20px; margin-bottom: 10px; }
#appform input[type="checkbox"].termsandconditions { margin-bottom: 5px; }
#appform input[type="checkbox"].imageAgreementCheckbox { margin-bottom: 0px; }
#appform label { font-weight: normal; cursor: pointer; }
#appform .error { border-color: #c00000; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#appform .error:focus, #appform .error:focus + small.error { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(192, 0, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(192, 0, 0, 0.6); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
#appform small.error { background-color: #c00000; margin-top: -10px; display: block; padding: 5px 15px; color: #ffffff; margin-bottom: 10px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
/* [CUSTOM ARROW] */
.custom-select select { appearance: none; -webkit-appearance: none; -moz-appearance: none; margin-bottom: 27px; margin-top: 5px;}
.custom-select { position: relative; overflow: hidden;}
.custom-select:after { /* [HTML symbol you want to use] */ content: "\25bc"; /* Positioning for the custom arrow */ position: absolute; right: 10px; top: 20px; z-index: 1; height: 100%; pointer-events: none;}
.questions-title { font-family: "Roboto Medium", sans-serif; font-size: 16pt; margin-bottom: 22px;}
.question-text { font-family: "Roboto Light", sans-serif; font-size: 14pt;}
.contact-row { padding-top: 45px; padding-bottom: 30px; padding-left: 15px;}
.contact-image { border-radius: 50%; width: 160px; object-fit: contain; }
.contact-link, .contact-link:hover, .contact-link:focus { color: #666666; float: left; margin-right: 24px;}
.icon { font-size: 34px; padding-right: 10px;}
.icon-whatsapp { font-size: 40px; margin-top: -3px;}
.col-contact-image { min-width: 160px; position: relative; padding-right: 45px;}
.contact-link label { margin-bottom: 0; line-height: 32px; font-weight: 500; color: #555; cursor: pointer;}
.contact-title { padding-top: 30px; font-weight: bold; font-size: 20px;}
.contact-link:last-child { margin-right: 0;}
.v-align-children { display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: flex !important;}
.gmaps-frame { border: 0; width: 100%; height: 300px;}
.abacus-footer { margin-top: 40px; margin-bottom: 20px; color: #666666;}
.logo { width: 88px; height: 33px; margin-bottom: 25px; margin-top: 20px;}
.top-image { max-width: 100%; margin-bottom: 40px; height: 240px; object-fit: cover;}
.jobdetailpage .pdf-container iframe { width: 100%; height: 100%; border: none; }
.jobdetailpage .pdf-container { height: 1320px; }
.jobdetailpage .pdf-container .pdf-navigation .item { vertical-align: middle;}
.jobdetailpage .pdf-container .pdf-navigation { color: #004d9f; margin: 0; width: 260px; min-width: 260px; height: 52px; background-color: #ffffff; position:relative; left: 50%; margin-left: -130px; bottom: 140px; opacity: 0.9; overflow-x: hidden; }
.jobdetailpage .pdf-container .pdf-navigation .item { padding: 0; }
.jobdetailpage .pdf-container .pdf-navigation .item > div { display: inline-block; padding-top: 15px; vertical-align: middle; width: 100%; text-align: center; }
.jobdetailpage .pdf-container #pdf-prev-btn, .jobdetailpage .pdf-container #pdf-next-btn { display: none; cursor:pointer;}
.jobdetailpage .pdf-container #pdf-zoom-in-btn, .jobdetailpage .pdf-container #pdf-zoom-out-btn, .jobdetailpage .pdf-container #pdf-full-screen-btn { cursor: pointer; }
.jobdetailpage .pdf-container .row.pdf-navigation .item { height: 18px; }
.jobdetailpage .pdf-container .pdf-navigation img { display: inline-block; height: auto; vertical-align: middle; width: 18px; }
.jobdetailpage .pdf-container #pdf-page-info { text-align: center; padding-top: 18px; }
.nav-menu-container { z-index: 100; padding: 0 0 0; }
.nav-menu { background: #ffffff; }
.nav-menu .icon-link, .end-link { float: left; text-align: left; height: 35px; background-size: 20px 20px; color: #004d9f; vertical-align: middle; font-size: 13px; line-height: 32px; }
.nav-menu .icon-link { margin-top: 20px; width: 160px; }
.nav-menu .icon-link.right { float: right; text-align: right; }
.nav-menu .icon-link:hover { background-size: 23px 23px; color: #002779; }
.nav-menu .arrow { width: 10px; height: 10px; border-top: 2px solid #004d9f; border-left: 2px solid #004d9f; margin-top: 11px; }
.nav-menu .icon-link:hover .arrow { border-color: #002779; }
.nav-menu .arrow.left { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); float: left; }
.nav-menu .arrow.right { -webkit-transform: rotate(135deg); transform: rotate(135deg); float: right; }
.picture-dropzone, .files-dropzone { padding: 5px 0px 10px 0px; width: 100%; border: 1px dashed #666666; color: #666666; text-align: center; }
.button.dz-clickable { margin-top: 30px; }
.dz-drag-hover { border-style: solid; }
.display-table { display: table; }
.table-layout-fixed { table-layout: fixed; }
.display-table-cell { display: table-cell; }
@media (max-width: 767px) {
  .nav-row .display-table-cell { display: inline-block !important; padding-right: 8px; }
  .nav-row .display-table-cell.hidden { display: none !important; }
  .filter-nav-button { width: 100%; margin-bottom: 5px; }
  .apply-btn { width: 100%; }
}
.flex-row.row { display: flex; flex-wrap: wrap; }
.flex-row.row > [class*='col-'] { display: flex; flex-direction: column; justify-content: top; }
.flex-row.row:after, .flex-row.row:before { display: flex; }
.flex-row.row > [class*='col-'] > .box { display: flex; flex: 1; }
.filtercolumntitle { color: #333333; }
.jobsfiltercolumncontent { color: #333333; }
.filterdetail { color: #333333; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000000; }
.caret.up { border-top: none; border-bottom: 4px solid #000000; }
.caret.active { border-top-color: #004d9f; border-bottom-color: #004d9f; }
.shorten-text { height: 20px; overflow: hidden; position: relative; }
.shorten-text.open { height: auto; }
.shorten-text .shorten-text-controller { position: absolute; right: 0; top: 2px; background-color: #ffffff; padding-left: 35px; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 32px); cursor: pointer; }
@media (max-width: 992px) {
  .contact-title { padding-top: 0; }
}
@media (max-width: 767px) {
  .contact-row { padding-top: 16px; padding-left: 0; }
  .v-align-children { display: grid !important; }
  .contact-link, .contact-link:hover, .contact-link:focus { float: none; margin-right: 0; margin-bottom: 24px; }
  .contact-link:last-child { margin-bottom: 0; }
  .col-contact-image, .text-center-xs { text-align: center; }
  .col-contact-image { padding-right: 0; padding-bottom: 15px; }
}