@charset "UTF-8";
/**********************/
/* General Styling */
body {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  clear: both;
}

h1, h2 {
  letter-spacing: 1px;
  color: #4C4C4C;
}

h1 {
  font-size: 2.2em;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.7em;
  color: #333333;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.3em;
}

h6 {
  font-size: 1em;
}

a {
  color: #004493;
}

a:link {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a.buttonLink {
  cursor: pointer;
}

.strong {
  font-weight: bold;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.clearLeft {
  clear: left;
}

.clearRight {
  clear: right;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.d-none {
  display: none;
}

.hidden, .hiddenInline {
  display: none !important;
}

input[type=hidden] {
  display: none;
}

input.no-button {
  cursor: pointer;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  color: #004493;
  padding: 0 0;
  display: inline-block;
  outline: none;
  border: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

td, th {
  vertical-align: top;
  padding: 5px 2px;
}

/**********************/
/* CvwMenu */
.cvwMenu {
  float: right;
  width: 200px;
  margin: 55px 0 0;
}

.cvwMenu .loginLink,
.cvwMenu .registerLink {
  padding: 3px 10px;
}

.menu ul {
  list-style-type: none;
}

/*************************************/
/* Application Form CVWarehouse menu */
.cvwApplicationFormMenu .row {
  margin: initial;
}

.applFormLinkedInLink {
  display: inline-block !important;
  *display: inline;
  zoom: 1;
  background: url("../../../images/applywithlinkedinsmall.png") no-repeat 0 0 !important;
  height: 20px !important;
  width: 117px !important;
  vertical-align: middle !important;
  text-indent: -9999px !important;
  line-height: 0 !important;
  font-size: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  clear: none !important;
  float: none !important;
}

.applFormLinkedInLink:hover {
  cursor: pointer !important;
}

/**********************/
/* CvwMainContent */
.cvwMainContent {
  width: 490px;
  float: left;
}

.cvwMainContent .jobNameTitle {
  padding: 0;
}

.cvwMainContent [id$=pnlInformation] {
  padding: 0;
}

.cvwMainContent [id$=pnlInformation] [id$=tblInformationFields] {
  padding: 0;
}

.cvwMainContent ul.form {
  width: 100%;
  list-style: none outside none;
  padding: 0;
  margin: 0 0 20px;
}

.cvwMainContent ul.form li.apart {
  margin: 30px 0 0 !important;
}

.cvwMainContent ul.form li {
  clear: both;
  display: block;
  padding: 4px; /*margin: 0px;*/
  min-height: 20px;
  background: none;
}

.cvwMainContent ul.form li label {
  clear: both;
  display: block;
  float: left;
  padding-left: 20px;
  margin: 3px;
  padding-top: 3px;
  line-height: 1.5em;
}

.cvwMainContent ul.form li label,
.cvwMainContent ul.form li label.wideLabel,
.cvwMainContent ul.form li span.wideLabel {
  width: 50%;
  margin: 0;
}

.cvwMainContent ul.form li label.checkBoxLabel {
  width: 80%;
}

.cvwMainContent ul.form li span.checkBox input {
  margin-right: 10px;
  margin-top: 8px;
}

.cvwMainContent ul.form:after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.toggle-passwords-panel {
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 11px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}

.cvwMainContent ul.form li.requiredField label, .cvwMainContent .lblMandatoryFields {
  background: url("../../../images/required.gif") no-repeat scroll left 4px transparent;
  min-height: 20px;
  padding-left: 20px;
}

.cvwMainContent .lblMandatoryFields {
  padding-left: 20px;
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  margin: 3px 3px 10px 3px;
  font-style: italic;
}

.cvwMainContent ul.form li.requiredField ul[data-controlType=checkboxList] label {
  background: none;
  padding-left: 0px;
}

.cvwMainContent ul.form li.requiredFrame h3 label {
  background: url("../../../images/required_big.gif") no-repeat scroll left 5px transparent;
  display: inline-block;
  float: none;
  min-height: 25px;
  padding-left: 25px;
}

.cvwMainContent textarea {
  height: 220px;
}

.cvwMainContent textarea,
.cvwMainContent input {
  padding: 2px;
}

.cvwMainContent input.signup:hover,
.cvwMainContent input.documentManagement:hover {
  cursor: pointer;
}

select {
  margin: 3px 0;
  padding: 2px;
}

.cvwMainContent ul.form li input,
.cvwMainContent ul.form li select,
.cvwMainContent ul.form li textarea {
  clear: right;
  display: block;
  float: right;
  margin: 3px 0;
  padding: 2px;
}

.cvwMainContent ul.form li select.wideField,
.cvwMainContent ul.form li table.nationalities select,
.cvwMainContent ul.form li table.datePicker {
  width: 50%;
  margin: 0;
}

.cvwMainContent ul.form li input.wideField,
.cvwMainContent ul.form li textarea.wideField {
  width: 50%;
}

.cvwMainContent ul.form li select {
  width: 209px;
}

.cvwMainContent .documentsPanel {
  display: inline-block;
  padding: 0;
  margin-top: 20px;
  max-width: 100%;
  width: 100%;
}

/*.cvwMainContent .documentsPanel *                           { display: block; }*/
.cvwMainContent .documentsPanel .integratedPanel {
  padding: 0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

.cvwMainContent .documentsPanel .integratedPanel table.document { /*display: block;*/
  padding: 0;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .cvwMainContent ul.form li label,
  .cvwMainContent ul.form li label.wideLabel,
  .cvwMainContent ul.form li span.wideLabel,
  .cvwMainContent ul.form li select,
  .cvwMainContent ul.form li select.wideField {
    line-height: 1.6em;
    width: 100%;
    margin-bottom: 3px;
  }
  .cvwMainContent ul.form li table.nationalities select,
  .cvwMainContent ul.form li table.datePicker,
  .cvwMainContent ul.form li textarea.wideField,
  .cvwMainContent ul.form li input.wideField {
    width: 100%;
    min-width: initial;
    float: left;
  }
}
.alignRight {
  text-align: right;
}

/*CSS for Nationalities and Languages*/
.addNationalityButton, .addLanguageButton {
  clear: both;
  float: right;
  margin: 3px 0 10px 0;
}

/*.CandidateProfileLanguageControl {
    width: 50%;
    float: right;
    margin: 0;
}

.languageItem {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

.languageItem .lang
{
    float:none !important;
    width: 50% !important;
    display: inline-block;
}*/
.languageItem {
  float: right;
}

.cvwMainContent ul.form li .languageItem select {
  float: left !important;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .CandidateProfileLanguageControl {
    width: 100%;
  }
  .languageItem .lang {
    width: 50%;
  }
}
/***********************/
/* Message boxes */
.cvwMainContent .info,
.cvwMainContent .success,
.cvwMainContent .warning,
.cvwMainContent .error,
.cvwMainContent .validation {
  clear: both;
  font-weight: normal;
  border: 1px solid;
  margin: 10px 45px;
  padding: 15px 10px 15px 65px;
  display: block;
}

.cvwMainContent .info {
  border-color: transparent;
  color: #004A80;
  background: #CBEBFB url("../images/google-material-design-info.svg") no-repeat 10px center;
  background-size: 30px;
  border-radius: 0;
  padding-left: 40px;
}

.cvwMainContent .info h2 {
  color: #2F9EDF;
}

.cvwMainContent .success {
  border-color: transparent;
  color: #005E20;
  background: #DAF1D6 url("../images/google-material-design-success.svg") no-repeat 10px center;
  font-weight: bold;
  background-size: 30px;
}

.cvwMainContent .success h2 {
  color: #C5E1C8;
}

.cvwMainContent .error {
  border-color: transparent;
  color: #9E0B0F;
  background: #F9C8C7 url("../images/google-material-design-error.svg") no-repeat 10px center;
  background-size: 30px;
}

.cvwMainContent .error h2 {
  color: #F02F2F;
}

.cvwMainContent .warning {
  border-color: transparent;
  color: #555555;
  background: #FFEFBC url("../images/google-material-design-warning.svg") no-repeat 10px center;
  background-size: 30px;
}

.cvwMainContent .documentsPanel .warning {
  margin: 0;
}

.cvwMainContent .warning h2 {
  color: #D79A2A;
}

.cvwMainContent .validation {
  border-color: transparent;
  color: #9E0B0F;
  background: #F9C8C7 url("../images/google-material-design-validation.svg") no-repeat 10px center;
  font-weight: bold;
  background-size: 30px;
}

.cvwMainContent .validation h2 {
  color: #F02F2F;
}

.cvwMainContent .warning ul {
  list-style-image: url("../../../images/bullet_validationError.gif");
  list-style: none outside none;
}

.cvwMainContent .error ul {
  list-style-type: disc;
}

/***********************/
/* Boxes */
.cvwMainContent ul.form li.boxed {
  padding: 0 10px;
  margin: 30px 0 0;
  background-color: White;
  min-height: 5px;
}

.cvwMainContent .boxed {
  display: block;
  border: 1px solid #BEBEBE;
  padding: 5px;
}

.cvwMainContent .validationError {
  width: 350px;
  position: relative;
  clear: both;
  padding: 3px 0 15px 30px;
  background: transparent url("../../../images/validationError.gif") 5px 2px no-repeat;
  color: #E75C58 !important;
  font-weight: bold;
  display: block;
  text-align: left;
}

.boxed .validationError {
  float: left;
}

/***********************/
/* Linkbuttons */
.cvwMainContent ul.form li.buttonRow {
  text-align: right;
}

.cvwMainContent ul.form li.buttonRow input {
  display: inline;
  float: none;
  clear: none;
  width: auto !important;
}

.cvwMainContent .linkButton {
  color: #004493;
  text-decoration: underline;
  border: 0;
  background: 0;
  margin: 0;
  cursor: hand;
  cursor: pointer;
  padding: 0 0.25em;
  width: auto;
  overflow: visible;
}

.cvwMainContent .linkButton:hover {
  color: white;
  text-decoration: none;
  background: #004493;
  border: 0;
}

/***********************/
/* Datepickers => in li table with class wideField & datePicker*/
.datePickerWidget {
  background-color: #dc006e;
  color: White;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}

.datePickerWidget .datePickerWidget {
  background-color: White;
  color: Black;
}

.datePickerWidget .datePickerWidget td,
.datePickerWidget .footer {
  padding: 5px;
}

.datePickerWidget .datePickerWidget .box {
  border: 1px solid #BEBEBE;
}

.datePickerWidget .datePickerWidget .disabled {
  background-color: #F8F8F8;
}

.datePickerWidget select {
  display: inline;
  clear: none;
  float: none;
  width: 100px;
}

.datePickerWidget .heading, .datePickerWidget .footer {
  font-weight: bold;
}

.datePickerWidget .datePickerWidget .box,
.cvwMainContent ul.form li table.datePicker .footer {
  text-decoration: underline;
}

.cvwMainContent ul.form li table.datePicker {
  border: 1px solid #A7A6AA;
  float: right;
  background-color: White;
}

.cvwMainContent ul.form li table.datePicker td {
  height: 10px;
  margin: 0;
  padding: 0;
}

/************************/
/* JQuery Pop-up Boxes */
.popupBox .warning,
.popupBox .error,
.popupBox .info {
  padding-left: 90px;
  width: auto;
  min-height: 70px;
  text-align: left;
}

.popupBox .warning {
  border: 1px solid #E6E5D8;
  color: #555555;
  background: #FEFBEB url("../images/warning.gif") no-repeat scroll 10px center;
}

.popupBox .error {
  border: 1px solid #F5C1C2;
  color: #9E0B0F;
  background: #FEFBEB url("../images/error.gif") no-repeat scroll 10px center;
}

.popupBox .info {
  border: 1px solid #CFDFE5;
  color: #004A80;
  background: #E8F8FE url("../images/info.gif") no-repeat scroll 10px center;
}

.popupBox .warning ul,
.popupBox .error ul,
.popupBox .info ul {
  margin: 0 0 10px 2px;
  list-style-type: disc;
}

/************************/
/************************/
/* Document upload */
.cvwMainContent ul.form li .documentUpload .upload,
.cvwMainContent ul.form li .documentUpload .linkButton {
  display: inline;
  float: none;
  clear: none;
  width: auto;
}

.cvwMainContent table.document {
  margin: 10px 0 10px 0;
  border: 2px solid #afafaf;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.cvwMainContent table.document th {
  background-color: #8F8F8F;
  color: #fff;
  font-size: 1.2em;
}

.cvwMainContent table.document th a {
  color: #fff;
}

.cvwMainContent table.document td, .cvwMainContent table.document th, .cvwMainContent table.blendColumns th {
  border: 0;
  padding: 5px;
}

.cvwMainContent table.document tr {
  border: 0;
}

.cvwMainContent table.document tr.even {
  background-color: #F2F2F2;
}

.cvwMainContent table.blendColumns td,
.cvwMainContent table.blendColumns th {
  border-left: none;
  border-right: none;
}

.cvwMainContent table.document input,
.cvwMainContent table.document label {
  float: none;
  clear: none;
  display: inline;
}

.cvwMainContent table.document label {
  padding: 10px;
}

.cvwMainContent table.document span.document span {
  font-size: 0;
}

.cvwMainContent span.document {
  background-image: url("../../../images/page_white.gif");
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  width: 20px;
}

.cvwMainContent span.document span {
  font-size: 0;
}

.cvwMainContent span.pdf {
  background-image: url("../../../images/page_white_acrobat.gif");
}

.cvwMainContent span.doc, .cvwMainContent span.docx {
  background-image: url("../../../images/page_white_word.gif");
}

.cvwMainContent span.xls, .cvwMainContent span.xlsx {
  background-image: url("../../../images/page_white_excel.gif");
}

.cvwMainContent span.ppt, .cvwMainContent span.pps, .cvwMainContent span.pptx {
  background-image: url("../../../images/page_white_powerpoint.gif");
}

.cvwMainContent span.gif, .cvwMainContent span.png, .cvwMainContent span.jpg, .cvwMainContent span.bmp, .cvwMainContent span.tif {
  background-image: url("../../../images/page_white_paint.gif");
}

.cvwMainContent span.odt, .cvwMainContent span.ods, .cvwMainContent span.odp {
  background-image: url("../../../images/page_white_tux.gif");
}

/* document grid: extension, document name, delete, allCompanies */
.cvwMainContent table.document th.extension {
  width: 25px;
}

/* Error upload */
.cvwMainContent .documentsPanel h2.level0 {
  font-size: 1.5em;
}

.cvwMainContent .documentsPanel .level1 {
  padding: 0px 15px;
}

/************************/
/* LanguageTable */
.cvwMainContent .languageTable {
  float: right;
}

.cvwMainContent table.languageTable {
  text-align: right;
}

.cvwMainContent .languageTable select.languageRating,
.cvwMainContent .languageTable select.languageField {
  display: inline;
  float: none;
  clear: none;
  margin-left: 5px;
  text-align: left;
}

.cvwMainContent .languageTable select.languageField {
  width: 162px !important;
}

.cvwMainContent .languageTable select.languageRating {
  width: 130px !important;
}

/*DocumentManagement screen*/
.documentsPanel h3, .documentsPanel h4 {
  color: #303030;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 15px 0 5px;
  float: none;
  width: auto;
}

.documentsPanel .clearfix {
  display: inline-block;
}

.documentsPanel .clearfix {
  display: block;
  clear: both;
}

.documentsPanel div.actionPanel {
  background-color: #E8F8FE;
  border: 1px solid #CFDFE5;
  margin: 15px 0;
  padding: 10px;
}

.documentsPanel table.genuine {
  margin: 10px 0 10px 0;
  border: 2px solid #afafaf;
  width: 100%;
  table-layout: fixed;
}

.documentsPanel table.genuine thead { /*display: block;*/
  background-color: #8F8F8F;
}

@media screen and (max-width: 769px) {
  .documentsPanel table.genuine thead {
    display: none;
  }
}
.documentsPanel table.genuine tbody { /*display: block;*/
  width: 100%;
  border: 1px solid #eaeaea;
}

.documentsPanel table.genuine th {
  background-color: #8F8F8F;
  color: #fff;
  font-size: 1.2em;
}

.documentsPanel table.genuine th a {
  color: #fff;
}

.documentsPanel table.genuine td,
.documentsPanel table.genuine th,
.documentsPanel table.blendColumns th {
  border: 0;
  padding: 5px;
}

.documentsPanel table.genuine thead tr {
  border-bottom: 0;
}

.documentsPanel table.genuine tr {
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  width: 100%;
}

.documentsPanel table.genuine tr.even {
  background-color: #F2F2F2;
}

.documentsPanel table.blendColumns td,
.documentsPanel table.blendColumns th {
  border-left: none;
  border-right: none;
}

.documentsPanel table.genuine input,
.documentsPanel table.genuine label {
  float: none;
  clear: none;
  display: inline;
}

.documentsPanel table.genuine input {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
}

.documentsPanel table.genuine input.button {
  text-align: center;
}

.documentsPanel table.genuine label {
  padding: 10px;
}

/***********************/
/* Execute last in IE6 */
.hidden, .hiddenInline {
  display: none !important;
  display: none;
}

button {
  width: auto;
  padding: 4px;
  overflow: visible;
}

button img {
  margin-right: 5px;
  vertical-align: middle;
}

/* ignorable fields popups */
.tooltipdialogWrapper {
  position: relative;
  background-color: rgb(245, 245, 245);
  background-color: rgba(245, 245, 245, 0.9);
  text-align: center;
  padding: 20px;
  border: 1px solid #ccc;
  webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 5px 8px 1px #ccc;
  box-shadow: 0px 5px 8px 1px #999;
}

.tooltipdialogWrapper .closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  text-indent: -10000px;
  overflow: hidden;
  height: 20px;
  border: none;
  width: 20px;
  padding: 0px;
  background: transparent url("../../../images/cross.png") left top no-repeat;
}

.tooltipdialogWrapper ul, .tooltipdialogWrapper ul * {
  text-align: left;
}

.onClickPopUp {
  display: none;
}

/*************************************************************************************/
.info {
  color: #000 !important;
  font-size: 16px;
  padding-bottom: 10px;
}

.info, .success, .warning, .error, .validation {
  clear: left;
  padding: 15px 10px 15px 65px;
}

.info {
  background-color: #fff;
  border-radius: 10px 10px 10px 10px;
  margin-top: 2px;
  padding-left: 40px;
  padding-right: 40px;
}

.info {
  border-color: #CFDFE5;
}

.info a {
  color: #004A80 !important;
  text-decoration: underline !important;
}

.info a:hover {
  text-decoration: underline !important;
}

.ui-state-active, .ui-state-default {
  color: #004A80 !important;
}

.ui-state-hover {
  background: #004A80 !important;
  border: 1px solid #004A80 !important;
  color: #FFFFFF !important;
}

#loginMain ul {
  padding-left: 0;
}

#loginMain li {
  list-style-type: none;
  margin: 10px 0 !important;
}

#loginMain label {
  display: inline-block;
  width: 100% !important;
  padding-bottom: 8px;
  padding-top: 18px;
}

#loginMain input {
  width: 100% !important;
  height: 35px;
  font-size: 16px;
  margin-bottom: 8px;
}

.button.login-submit {
  display: inline-block;
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: 5px;
}

.feedbackLoginButton > ul {
  display: inline-block;
}

.feedbackLoginButton > ul > li > a {
  font-size: 14px;
}

.ui-dialog {
  border-top: 4px solid #017bc2 !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: none !important;
  width: 500px !important;
}

.ui-widget-overlay {
  background: #000000 !important;
}

@media screen and (max-width: 500px) {
  .ui-dialog {
    width: 100% !important;
  }
}
.ui-widget-header {
  background: #fff !important;
  border: 1px solid #fff !important;
}

.firstColumn {
  /*float: left;*/
  clear: left;
  /*width: 50%;*/
  padding-bottom: 10px;
  width: 100%;
}

.secondColumn {
  float: left;
  clear: right;
  width: 50%;
  padding-bottom: 10px;
  width: 100%;
}

/* New Information on the top of the application form */
div.applyFormInfo {
  padding: 20px 20px 20px 20px;
}

div.applyFormInfo div img {
  width: 16px;
}

div.applyFormInfo div img.infoFieldImgEnvelope {
  width: 16px;
}

div.applyFormInfo div img.infoFieldImgLock {
  width: 16px;
}

div.applyFormInfo div p.infoFieldText {
  display: inline;
  margin-top: 0;
}

/*div.applyFormInfo div {align-self: center;}
div.applyFormInfo div a {display: flex;}*/
div.applyFormInfo div.marginTopBottom {
  margin-top: 10px;
  margin-bottom: 10px;
}

#loginPopUp {
  padding: 0;
}

#loginPopUp .signUpWrapper {
  width: 100%;
  margin: 0;
  max-width: 100%;
}

#needHelpPopUp {
  padding: 0;
}

/* ---------------------------------- applyFormInfo-2 block --------------------------------- */
/* reset bootstrap css*/
.applyFormInfo-2 .row {
  margin: 0;
  padding: 0;
}

.applyFormInfo-2 .col-md-8, .applyFormInfo-2 .col-md-6, .applyFormInfo-2 .col-md-4 {
  margin: 0;
  padding: 0;
  width: auto;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.applyFormInfo-2 .candidateAuthBlock {
  float: left;
}

.applyFormInfo-2 .NoAccountPanel {
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .applyFormInfo-2 .NoAccountPanel {
    padding-left: 0px;
  }
}
.applyFormInfo-2 .login-block {
  margin-bottom: 0px;
  width: 100%;
  padding: 15px 20px 20px 0;
  box-sizing: border-box;
}

.applyFormInfo-2 .login-block .row {
  width: 100%;
}

.login-block {
  background-color: #eaeaea;
  background-color: rgba(234, 234, 234, 0.3);
}

@media screen and (max-width: 768px) {
  .applyFormInfo-2 .login-block {
    display: inline-block;
  }
}
.applyFormInfo-2 .login-block a {
  text-decoration: none !important;
}

.applyFormInfo-2 .login-block a:hover {
  text-decoration: none !important;
}

.applyFormInfo-2 .login-block .login-block-label {
  line-height: 36px;
}

.applyFormInfo-2 .login-block p {
  padding-left: 10px;
  margin-bottom: 8px;
}

.applyFormInfo-2 .login-block p.infoFieldText {
  display: inline-block;
  margin-top: 0;
}

.applyFormInfo-2 .login-block .login-block-username {
  float: left;
  width: auto;
}

.applyFormInfo-2 div {
  align-self: center;
}

.applyFormInfo-2 div a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.applyFormInfo-2 > div.marginTopBottom {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Login options panel */
.login-buttons {
  line-height: 36px;
  text-transform: uppercase;
  text-align: center;
  box-shadow: inset -1px -1px 0px 0px rgba(255, 255, 255, 0.3);
}

.cvw-button, #loginMain .login-submit {
  background-color: #017bc2; /*client buttons color*/
  color: #ffffff !important;
  border: 1px solid #017bc2; /*client buttons color*/
  display: flex;
  align-items: center;
  height: 46px;
  transition: all 200ms linear;
}

.cvw-button:hover, #loginMain .login-submit:hover, .fillinform-button:hover .button-icon {
  filter: brightness(90%);
}

.cvw-button div {
  padding-right: 10px;
  padding-left: 10px;
}

.cvw-button .button-icon {
  display: flex;
  align-self: center;
  width: 40px;
  box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.3);
  height: 100%;
}

.cls-1 {
  fill: #fff;
  /*cvw-logo color | client buttons text color*/
}

.linkedin-button .button-icon {
  text-align: center;
  padding: 0 8px;
  background-color: #007bb5;
  /*Linkedin color*/
  border-radius: 50%;
  margin-right: 8px;
  height: 34px;
  width: 34px;
  display: flex;
  align-items: center;
}

.fillinform-button .button-icon {
  text-align: center;
  background-color: #017bc2; /*client buttons color*/
  border: 1px solid #017bc2; /*client buttons color*/
  margin-right: 8px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  transition: all 200ms linear;
}

.cvw-button .button-icon svg {
  width: 35px;
  padding: 12px 8px;
  text-align: left;
}

.fillinform-button .button-icon svg {
  width: 32px;
  height: 35px;
  padding: 8px;
  box-sizing: border-box;
}

.fillinform-button .button-icon img {
  width: 20px;
}

.linkedin-button .button-icon img {
  width: 20px;
  padding-right: 1px;
}

.linkedin-button {
  color: #666;
  text-align: left;
  float: left;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  height: 46px;
}

.linkedin-button a, .fillinform-button a {
  color: #666 !important;
}

.fillinform-button {
  color: #666;
  text-align: left;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  height: 46px;
}

.logout-btn {
  float: left;
  right: 15px;
  top: 5px;
  background-color: #fff;
  color: #000000;
  border: 1px solid #000000;
  padding-right: 15px;
  padding-left: 15px;
}

#loginPopUp .form-group {
  margin: 0;
}

#loginPopUp .ui-widget,
#loginPopUp .ui-widget label {
  font-family: inherit !important;
}

#loginPopUp .info {
  width: 100%;
  max-width: 100%;
  position: relative;
  box-sizing: border-box;
}

#loginPopUp label {
  padding-top: 15px;
  padding-bottom: 5px;
  color: #222;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
}

#loginPopUp input {
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}

#loginPopUp .login-submit {
  display: block;
  margin-top: 20px;
  line-height: 27px;
  height: auto;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 13px;
  /*letter-spacing: 2px;*/
}

#loginPopUp a {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 2px;
  line-height: 0;
  color: #999;
  text-decoration: none !important;
  border-bottom: 1px solid;
  padding-bottom: 2px;
  transition: all 200ms linear;
}

#loginPopUp a:hover {
  color: #222;
}

.ui-dialog {
  border-top: none !important;
}

.ui-dialog .ui-dialog-title {
  display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
  background: transparent;
  right: 0 !important;
  border: none !important;
  text-decoration: none !important;
  padding: 0px !important;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  color: #222 !important;
  text-align: center;
}

.ui-dialog .ui-dialog-titlebar-close:after {
  content: "🗙";
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover:after {
  color: #999 !important;
  text-decoration: none !important;
}

/*.ui-dialog .ui-dialog-titlebar-close span {
    display: none !important;
}*/
.cvwMainContent .info, .cvwMainContent .success, .cvwMainContent .warning, .cvwMainContent .error, .cvwMainContent .validation {
  margin: 10px 0;
}

/* Thank you text */
div#dvWantToContinue {
  margin: 15px 0 0 0;
}

div#dvWantToContinue h4 {
  margin: 0 0 15px 0;
}

div a#hplYes.button.yes-answer, div a#hplNo.button.no-answer {
  margin: 5px 10px 0 0;
}

div a#hplYes.button.yes-answer:hover, div a#hplNo.button.no-answer:hover {
  text-decoration: none;
}

/* Label after the apply button */
form .labelRow p {
  float: right;
  display: block;
  margin-top: 5px;
  font-size: 12px;
}

/* START no active job or no job found division */
.NoActiveJobOrFound {
  font-size: 12px;
}

/* apply only the margin top if the element .NoActiveJobOrFound has any content */
.NoActiveJobOrFound:not(:empty) {
  margin-top: 10%;
}

/* END no active job or no job found division */
/* START Candidate picture css */
.candPic {
  width: 100%;
  display: inline-block;
}

.candPic .preview {
  width: 32%;
  float: left;
}

.candPic .preview #myCroppic {
  width: 140px;
  height: 140px;
  position: relative;
  border: 1px solid #ccc;
  background-color: #eee;
  background-image: url(/images/placeholder.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80px 60px;
}

.candPic .preview #myCroppic form[class$=_imgUploadForm] {
  display: none;
} /* Fix to the plug-in css */
/* Hide the crop button on croppic pluggin */
.candPic .preview #myCroppic .cropControls .cropControlCrop {
  display: none;
  visibility: hidden;
}

/* Hide the reset button on croppic pluggin */
.candPic .preview #myCroppic .cropControls .cropControlReset,
.candPic .preview #myCroppic .cropControls .cropControlRemoveCroppedImage {
  display: none;
  visibility: hidden;
}

/* Hide image when loading it to the page, so that it doesn't appear on it's initial size */
.candPic .preview #myCroppic.uploading > img {
  display: none;
  visibility: hidden;
}

/* Hide the background picture when loading an image to the page */
.candPic .preview #myCroppic.uploading {
  background-image: none;
}

.candPic .controls {
  width: 68%;
  float: left;
}

@media screen and (max-width: 768px) {
  .candPic .controls {
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
  }
}
.candPic .controls .displayBlock {
  display: block;
  margin-bottom: 5px;
}

.candPic .controls .displayBlock.link {
  font-size: 14px;
  margin-left: 4px;
}

.candPic .controls p.displayBlock.helperText {
  font-size: 14px;
  margin-left: 4px;
}

.candPic .controls .displayBlock p {
  margin-bottom: 0;
}

.candPic .controls .applyWithPictureJs {
  margin: 0 5px 0 0;
}

.candPic .controls .applyWithPictureLabel {
  font-weight: bold;
  display: inline-block;
}

.candPic.medium80 .preview {
  width: 11%;
  float: left;
}

.candPic.medium80 .controls {
  width: 89%;
  float: left;
}

.candPic .avatar .round {
  /* fill the container, preserving aspect ratio, and cropping to fit */
  background-size: cover;
  /* center the image vertically and horizontally */
  background-position: center;
  /* round the edges to a circle with border radius 1/2 container size */
  border-radius: 50%;
  /* Width */
  /* Matching with class: medium80 */
  /* Matching with js var candidatePictureClassName */
  width: 80px;
}

.candPic .avatar .rectangular {
  /* fill the container, preserving aspect ratio, and cropping to fit */
  background-size: cover;
  /* center the image vertically and horizontally */
  background-position: center;
  /* round the edges to a circle with border radius 1/2 container size */
  border-radius: 5px;
  /* Width */
  /* Matching with class: medium80 */
  /* Matching with js var candidatePictureClassName */
  width: 80px;
}

/* Candidate picture manage companies modal */
.manageCompaniesDialog h3 {
  font-size: 14px;
}

.manageCompaniesDialog table {
  margin: 15px 0;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}

.manageCompaniesDialog thead tr {
  border-top: none;
}

.manageCompaniesDialog th {
  text-align: left;
  border-bottom: 2px solid #ddd;
  padding: 5px;
}

.manageCompaniesDialog tbody tr {
  border-top: 1px solid #ddd;
}

.manageCompaniesDialog td {
  padding: 5px;
  font-size: 12px;
}

.manageCompaniesDialog td.centerManageCompanies {
  padding: 5px;
  text-align: center;
}

.manageCompaniesDialog .controlsManageCompanies {
  display: inline-block;
  float: right;
}

/* Candidate picture remove picture dialog */
.removeCurrentPictureDialog h3 {
  font-size: 14px;
}

.removeCurrentPictureDialog .controls .button.confirm {
  float: right;
}

/* END Candidate picture css */
/* START Flipbase adjustments */
/* NOTE: Make sure the flipbaseModal has the following settings: 
    FancyboxRecord: { width: (480), height: (300) },
    FlipbaseRecordContainer: { width: (480), height: (289) },
    FancyboxPlay: { width: (480), height: (380) },
    FlipbasePlayContainer: { width: (480), height: (289) },
*/
#fancybox-wrap {
  width: 510px !important;
  height: auto !important;
}

#fancybox-wrap #fancybox-content {
  width: 490px !important;
  height: auto !important;
}

.fancybox-container.flipbase .fancybox-content {
  padding: 0;
  overflow: hidden;
  background: transparent;
}

.fancybox-container.flipbase .fancybox-content a.flipbasePrivacyLink {
  display: block;
  color: #fff;
  text-decoration: none;
  opacity: 0.4;
  transition: all 200ms linear;
  font-size: 12px;
  text-align: center;
  width: 100%;
}

/*
#fancybox-wrap #fancybox-content *:first-child {
    height: auto !important;
}
*/
/* END Flipbase adjustments */
/*404 error page*/
.circle {
  height: 200px;
  padding-top: 35px;
  background-image: url(../../../images/circle-01.png);
  background-repeat: no-repeat;
  background-position: center 0%;
  color: #999;
  font-weight: 600;
  font-size: 85px;
  letter-spacing: 3.4px;
  text-align: center;
  line-height: 1.5;
}

.dear,
.NoActiveJobOrFound h1:first-of-type {
  margin-top: 20px;
  color: #000 !important;
  font-weight: 400;
  font-size: 32px;
  text-align: center;
}

.sorry,
.NoActiveJobOrFound h1 {
  margin-top: 10px;
  font-weight: 200;
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
  color: #000 !important;
}

#signUp {
  width: 100%;
}

/* WARNING: style that needs to be available in the company custom-skins as well as the main candidate site styling */
.warning {
  background: url(../images/baseline_warning_black_18dp.png) 15px 50% no-repeat rgb(255, 250, 186);
  padding-left: 40px;
}

.dialogScreen {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}

.buttonScreen {
  height: 100%;
  width: 100%;
  background-color: #0083b6;
  position: absolute;
  top: 0;
  left: 0;
}

.bubbleThrobber {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.documentUploadZone {
  display: block;
  text-align: center;
  vertical-align: middle;
  border: 2px #e0e0e0 dashed;
  padding: 40px;
}

.documentUploadZone.dz-drag-hover {
  border: 2px #1db8e8 solid;
}

.documentUploadZone.dz-clickable {
  cursor: pointer;
}

.document span.required {
  display: block;
  height: 20px;
  width: 20px;
  background: url(../../../images/required.gif) no-repeat center center;
  margin: auto;
}

.document span.document {
  margin: auto;
}

.document span.validationErrorIcon {
  display: block;
  height: 20px;
  width: 20px;
  background: transparent url("../../../images/validationError.gif") 5px 2px no-repeat;
  margin: auto;
}

.nav-tabs a:link {
  text-decoration: none;
  color: inherit;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem 1rem !important;
  margin: -1rem -1rem -1rem auto;
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  cursor: pointer;
}

.modal-header .close:hover {
  opacity: 1;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  display: inline-block;
  font: 400 13.3333px Arial;
}