/* Style the outer container */
.dashboard-msg {
  /* background-color: #ffcc00;

  border: 2px solid #ff6600;

  margin-top: 0px;
  margin-bottom: 40px !important;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 20px, rgba(0, 0, 0, 0.22) 0px 5px 9px; */

  background: #edf4ef5c;
  border-radius: 0.3rem;
  padding: 1rem;
  border-radius: 0.2rem;
  margin-bottom: 1rem;
  /* width: 97%; */
  margin-left: auto;
  margin-right: auto;
  border: 3px solid #edeff4;
  /* box-shadow: 1px 1px 1px 2px silver; */
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 20px, rgba(0, 0, 0, 0.22) 0px 5px 9px;
  border-left: 3px solid green;

}

/* Style the paragraph */
.dashboard-msg p {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 8px;

}

/* Style the email and password spans */
.dashboard-email-span {
  color: #0073e6;
  font-weight: bold;
  /* content: "\1F4E7"; */
}

.dashboard-password-span {
  color: #e60000;
  font-weight: bold;
}

.dashboard-change-password-link {
  /*/* text-decoration: underline !important; */
  color: blue;
  font-weight: lighter;
}

.unselectable {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* color: #cc0000; */
}

/* Media query for screens smaller than 768px (adjust breakpoint as needed) */
@media (max-width: 768px) {

  /* Adjust styles for smaller screens here */
  .dashboard-msg {
    padding: 5px;
    /* Reduce padding for smaller screens */
    /* border: 1px solid #ff6600; */
    /* Reduce border size */
  }

  .dashboard-msg p {
    font-size: 14px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* Style for the user profile block container */
.user-profile-block {
  /* border: 1px solid #ccc;
  padding: 20px;
  /* background-color: #f0f0f0; */
  /* margin: 20px 0;
  background-color: #ffcc00;
  border: 2px solid #ff6600;
  color: #333;
  font-weight: bold; */ 
  
  margin: 20px 0;
  background: #edf4ef5c;
  border-radius: 0.3rem;
  padding: 1rem;
  border-radius: 0.2rem;
  margin-bottom: 1rem;
  /* width: 97%; */
  margin-left: auto;
  margin-right: auto;
  border: 3px solid #edeff4;
  /* box-shadow: 1px 1px 1px 2px silver; */
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 20px, rgba(0, 0, 0, 0.22) 0px 5px 9px;


}
.user-profile-block span.name-lable{
  font-size: 15px;
  font-weight: bold;
}
.user-profile-block span.email-lable{
  font-size: 15px;
  font-weight: bold;
}
.user-profile-block span.cv-link-lable{

  font-weight: bold;
}
/* Style for the user profile image */
.user-profile-image img {
  max-width: 150px;
  max-height: 150px;
  border-radius: 50%;
  margin-right: 20px;
}

/* Style for the user profile name */
.user-profile-fname {
  font-size: 14px;
  margin-bottom: 5px;
}

.user-profile-lname {
  font-size: 14px;
  margin-bottom: 5px;
}

/* Style for the user profile email */
.user-profile-email {
  font-size: 14px;
}

.user-profile-cv {
  font-size: 14px;
}

.user-profile-cv-link {
  font-size: 14px;
}

.user-profile-cv-link a {
  font-size: 14px;
  /* text-decoration: underline !important; */
  color: blue;
  font-weight: lighter;
}

.user-profile-cv a {
  font-size: 14px;
  /* text-decoration: underline !important; */
  color: blue;
  font-weight: lighter;
}

body.path-my-dashboard-page div.w3-sidebar-second {
  padding: 0 !important;
  padding-top: 24px;
}

.user-update-cv {
  align-items: center;
  display: flex;
}

.user-update-cv-div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
  margin-top: 1rem;

}

.update-cv-button {
  /* font-size: 14px; */
  font-size: small;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin: 1px 2px;
  background-color: #e60000;
  padding: 0.3rem 1rem;
  border-radius: 0.3rem;
  border: 1px solid #e60000;
  cursor: pointer;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.223), 0 3px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 0.4rem;
}

.update-cv-button:hover {
  background-color: #c70202;
}

body.path-my-dashboard-page #block-views-block-my-dashboard-block-1 {
  display: none !important;
  /* opacity: 0 !important; */
}

body.path-view-my-dashboard td.views-field-title {
  font-size: 18px !important;
}

body.path-view-my-dashboard section#block-views-block-more-related-jobs-block-1 th {
  font-size: 20px !important;
}

body.path-view-my-dashboard div.views-element-container {
  margin-top: 3% !important;
}

body.path-my-dashboard-page section#block-userandpassword h2.w3-block-title {
  display: none !important;
}

body.path-my-dashboard-page section#block-userprofileblock h2.w3-block-title {
  display: none !important;
}

body.path-my-dashboard-page div.view-display-id-page_1 header h2 {
  background-color: #ffcc00;
  border: 2px solid #ff6600;
  text-align: center;
  font-family: poppins !important;
}

body.path-my-dashboard-page section#block-views-block-more-related-jobs-block-1 h2 {
  font-size: 32px !important;
  text-decoration: none;
  text-align: center;
  background-color: #ffcc00;
  border: 2px solid #ff6600;
}

body.path-my-dashboard-page div.view-display-id-block_1 td.views-field.views-field-title {
  color: #0000eeb2 !important;
  /* color: revert !important; */
  /* text-decoration: underline !important; */
  font-weight: normal !important;
}

body.path-my-dashboard-page footer.view-footer h2 {
  font-size: 32px !important;
  text-decoration: none;
  text-align: center;
  background-color: #ffcc00;
  border: 2px solid #ff6600;
  font-family: poppins !important;
  /* padding-bottom: 10px; */
  /* padding-top: 10px; */
}

/* body.path-my-dashboard-page
  footer.view-footer
  div.view-display-id-block_1
  td.views-field {
  color: #0000eeb2 !important;
  font-size: 16px !important;
 /* text-decoration: underline !important; */
font-weight: normal !important;
}

*/ body.path-my-dashboard-page footer.view-footer header.view-header {
  margin-top: 3% !important;
}

/* body.path-my-dashboard-page footer.view-footer div.view-more-recent-jobs {
  margin-top: 8% !important;
} */
body.path-my-dashboard-page footer.view-footer div.view-more-recent-jobs thead th.views-field-title {
  font-size: 16px !important;
}

body.path-my-dashboard-page div.view-display-id-page_1 div.view-content tbody td.views-field-nothing span {
  font-size: 15px !important;
  font-weight: bold !important;
  color: green !important;
  letter-spacing: 0.5px !important;
  padding: 5px !important;
  border-radius: 5px !important;
}

/* body.path-my-dashboard-page
  div.view-display-id-page_1
  div.view-content
  tbody
  td.views-field-nothing
  span:hover {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #fff !important;
  background-color: green !important;
  letter-spacing: 1.5px !important;
  cursor: pointer;
  padding: 5px !important;
  border-radius: 5px !important;
} */

/* body.page-node-type-figover-jobs .messages--error .error-message-custom {
  display: none !important;
} */
/* body.page-node-type-figover-jobs
  div.messages--error:has(.error-message-custom) {
  display: none !important;
} */

body.page-node-type-figover-jobs div.messages--error p.error-message-custom {
  display: none !important;
}

form.webform-submission-add-form div.form-item-previous-cv-link {
  display: none !important;
}

body.user-logged-in form.webform-submission-add-form div.your_uploaded-cv-message-container {
  margin-bottom: 24px !important;
}

body.user-logged-in form.webform-submission-add-form div.your_uploaded-cv-message-container p.your_uploaded-cv-message {
  font-family: initial !important;
  font-weight: bold !important;
}

body.user-logged-in form.webform-submission-add-form div.your_uploaded-cv-message-container a.previous-cv_link_place {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

body.user-logged-in form.webform-submission-add-form div.form-item-upload-cv div.your_uploaded-cv-message-container+label#edit-upload-cv--label {
  display: none !important;
}

body.user-logged-in form.webform-submission-add-form div.form-item-upload-cv div.your_uploaded-cv-message-container+label#edit-upload-cv--label+div#edit-upload-cv div.webform-document-file-placeholder {
  /* display: none !important; */
  font-size: small !important;
}

body.user-logged-in form.webform-submission-add-form div.form-item-upload-cv div.your_uploaded-cv-message-container+label#edit-upload-cv--label+div#edit-upload-cv input#edit-upload-cv-upload {
  width: 37%;
  background: white;
  padding-bottom: 7%;
}

body.user-logged-in form.webform-submission-add-form div.form-item-upload-cv div.your_uploaded-cv-message-container a {
  color: #0000eeb2 !important;
  /* color: revert !important; */
  /* text-decoration: underline !important; */
  font-weight: normal !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  background: transparent !important;
}

/* body {
  font-size: 15px !important;
  line-height: 1.2 !important;
} */
/* body.path-my-dashboard-page div.field-content{
  display: inline;
} */

@media (min-width: 320px) and (max-width: 600px) {
  .user-profile-block {

    margin: 0;
    padding: 15px;
    font-weight: normal !important;
    margin-bottom: 1.5rem;

  }

  .user-profile-fname {

    margin-bottom: 0px;
  }

  .user-profile-image {
    text-align: center;
  }

  body.path-my-dashboard-page .w3-sidebar-second img {
    margin-left: 0% !important;
    margin-bottom: 0% !important;
  }

  .user-profile-image img {
    max-width: 150px;
    max-height: 150px;
    border-radius: 50%;
    margin-right: 0px;
  }

  .update-cv-button {
    border-radius: 5px !important;
    font-size: small !important;
  }

  .update-cv-button:hover {
    border-radius: 5px !important;
  }

  #block-userprofileblock {
    width: 85%;
    margin: auto;
  }

  body.path-my-dashboard-page div.view-display-id-page_1 header h2 {
    /* font-family: poppins !important; */
    /* background-color: #ffcc00; */
    /* border: 2px solid #ff6600; */
    /* text-align: center; */
    font-size: 20px !important;
  }

  body.path-my-dashboard-page footer.view-footer h2 {
    font-size: 20px !important;
  }

  body.path-my-dashboard-page .user-profile-info p {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

}

.user-profile-image {
  display: none !important;
}

body.path-my-dashboard-page .view-header {
  padding: 0 0px !important;
}


@media (min-width: 1020px) and (max-width: 2100px) {
  body.path-my-dashboard-page div.w3-sidebar-second {
    padding-top: 0px !important;

  }
}

body.path-my-dashboard-page .views-field a:hover {
  text-decoration: underline !important;
}