/**
 * Hide node title for welcome node.
 */
#arjang_customerportal_welcome_node_wrapper h2.node__title {
  display: none;
}
#arjang_customerportal_welcome_node_wrapper {
  margin-bottom: 4rem;
}


body.path-my .region-content #block-system-wrapper {
  background-color: #fff;
  padding: 2em 2.5em;
  margin: 0 0 2em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.04);
  -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.04);
  -o-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.04);
  box-shadow: 0 3px 20px 0 rgba(0,0,0,0.04);
}

body.path-my .card {
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  margin-bottom: 20px;
}
body.path-my .card .card-body {
  padding: 15px;
}

body.path-my a.panel-title {
  display: block;
}
body.path-my a.panel-title,
body.path-my a.panel-title:active,
body.path-my a.panel-title:focus {
  text-decoration: none;
  outline: 0 none;

  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
body.path-my .card-header {
  padding: 1rem;
  font-size: 1.6rem;
}

body.path-my .trainingfile-details-wrapper .card-title::before {
  font-family: "Font Awesome 5 Free";
  float: left;
  color: #002b58;
}
body.path-my #trainingfile-wrapper .card-title::before {
  content: "\f501";
  font-weight: 900;
}
body.path-my #courseinfo-wrapper .card-title::before {
  content: "\f51b";
  font-weight: 900;
}
body.path-my #laberatoryaccess-wrapper .card-title::before {
  content: "\f0c3";
  font-weight: 900;
}
body.path-my #onlineclassaccess-wrapper .card-title::before {
  content: "\f109";
  font-weight: 900;
}
body.path-my #helpvideos-wrapper .card-title::before {
  content: "\f03d";
  font-weight: 900;
}
body.path-my #evaluationinfo-wrapper .card-title::before {
  content: "\f005";
  font-weight: 900;
}
body.path-my #certificateinfo-wrapper .card-title::before {
  content: "\f2c2";
  font-weight: 400;
}
body.path-my #disciplinarycase-wrapper .card-title::before {
  content: "\f507";
  font-weight: 900;
}
body.path-my #archived-courses-wrapper .card-title::before {
  content: "\f1c8";
  font-weight: 900;
}


/**
 * Style secondary tabs
 */
body.path-my .tabs--secondary {
  display: block;
  padding-bottom: 5px;
  margin: 2em 1em -1.1em 0;
}
body.path-my .tabs--secondary li {
  display: inline;
}
body.path-my .tabs--secondary li a {
  display: inline-block;
  float: none;
  font-size: 15px;

  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;

  padding: 6px 13px 6px;
  margin-left: 0.5em;

  white-space: nowrap;
}
body.path-my .tabs--secondary li a.active {
  background-color: #fff !important;
}
body.path-my .tabs--secondary li a.active:hover {
  background-color: #fff !important;
}

/**
 * Override and fix the Anhari's fucked code bug in customerportal
 */
@media (max-width: 992px) {
  .no-more-tables caption {
    display: block;
  }

  body.path-my .no-more-tables table > tbody > tr > td {
    text-align: left !important;
  }
}

body.path-my #helpdesk-add-ticket,
body.path-my form#profile-password,
body.path-my form#profile-edit,
body.path-my form#training-files-vote {
  max-width: 65rem;
  margin: 0 auto;
}

body.path-my .region-content > nav.tabs > ul.nav-tabs {
  justify-content: center !important;
}
body.path-my .region-content > nav.tabs a {
  font-size: 1.3rem !important;
  padding: 1.5rem 0.9rem;
}

/**
 * Customer portal profile pages
 */
form#profile-password {
  max-width: 40em;
  border: 1px solid #ddd;
  padding: 2em 3em;
  background-color: #fbfbfb;
  border-radius: 9px;
}
form#profile-password input.form-text {
  max-width: 25em;
  text-align: left;
  direction: ltr;
}
form#profile-edit #edit-mobile,
form#profile-edit #edit-email,
form#profile-edit #edit-enfname,
form#profile-edit #edit-enlname,
form#profile-edit #edit-nationalcode,
form#profile-edit #edit-bank-account,
form#profile-edit #edit-postalcode
{
  text-align: left;
  direction: ltr;
}

/**
 * New ticket form in customer portal
 */
form#helpdesk-add-ticket #edit-category,
form#helpdesk-add-ticket #edit-certificate-sending-method {
  max-width: 20em;
}

/**
 * Ticket View
 */
.ticket_item dl {
  display: flex;
  flex-flow: row wrap;
  border: solid #333;
  border-width: 1px 0 0 1px;
}
.ticket_item dl dt {
  flex-basis: 30%;
  padding: 0.5em 0.7em;
  background: #888;
  text-align: right;
  color: #fff;
  border-bottom: 1px solid #eee;
}
.ticket_item dl dd {
  flex-basis: 70%;
  flex-grow: 1;
  margin: 0;
  padding: 0.5em 0.7em;
  border-bottom: 1px solid #333;
}

.ticket_item .ticket_title,
.ticket_item .ticket_solution h2,
.ticket_item .ticket_comments h2 {
  padding: 0.25em 0.3em;
  border-right: 5px solid #2198d5;
  border-bottom: 1px solid #2198d5;
}

.ticket_comments_add {
  max-width: 40em;
  margin-top: 2em;
  border: 1px dashed #aaa;
  padding: 1em 1.5em;
  background-color: #fafafa;
  -moz-box-shadow: 0 0 7px #aaa;
  -webkit-box-shadow: 0 0 7px #aaa;
  -o-box-shadow: 0 0 7px #aaa;
  -ms-box-shadow: 0 0 7px #aaa;
  box-shadow: 0 0 7px #aaa;
}
.ticket_comments_add h2 {
  font-size: 1.5em;
}
.portal-ticket-comment {
  border-bottom: 1px dashed #ccc;
  padding: 1em 1em 0;
}
.portal-ticket-comment:hover {
  background-color: #f8f8f8
}
.portal-ticket-comment .comment-author {
  font-size: 0.75em;
  text-align: left;
}

/**
 * Style coupons table
 */
body.path-my table .coupon-more-info {
  margin-top: 0;
}
body.path-my table .coupon-more-info td {
  padding: 0;
  border: 0 !important;
}
body.path-my table .coupon-more-info table {
  width: 95%;
  max-width: 80rem;
  margin: 1rem auto;
}
body.path-my table .coupon-more-info table tr td {
  text-align: right !important;
  padding-right: 2rem;
  border: 1px solid  #ddd !important;
}

/**
 * Style instructors list
 */
body.path-my ul.instructor-names-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
}

/**
 * Style iban field in profile edit form
 */
.arjang-iban-field {
  direction: ltr;
}
.arjang-iban-field .input-group-addon {
  border-right: 0 none;
  border-left: 1px solid #ccc;

  -moz-border-radius: 4px 0 0 4px !important;
  -webkit-border-radius: 4px 0 0 4px !important;
  -o-border-radius: 4px 0 0 4px !important;
  border-radius: 4px 0 0 4px !important;
}
.arjang-iban-field input {
  -moz-border-radius: 0 4px 4px 0 !important;
  -o-border-radius: 0 4px 4px 0 !important;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0 !important;
}

/**
 * Style archived-courses links in trainingfiles details page
 */
@media (max-width: 670px) {
  .archived-courses-links {
    max-height: 25rem;
    overflow: auto;
  }
}
@media (min-width: 670px) {
  .archived-courses-links {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;

    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
  }
}
@media (min-width: 996px) {
  .archived-courses-links {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;

    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
  }
}
.archived-courses-links {
  padding-top: 1rem;
  text-align: center;
}
.archived-courses-links a {
  background-color: #eee;
  color: #000;
  padding: 3px 10px;
  display: inline-block;

  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;

  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.archived-courses-links a:hover {
  background-color: #555;
  color: #fff;
  text-decoration: none;
}


/**
 * Hero region
 */
body.path-user #hero_bg_wrapper,
body.path-my #hero_bg_wrapper {
  background-image: url("../asset/home-parallax.jpg");
  background-attachment: fixed;
  background-size: cover;
}
body.path-user #hero_bg_wrapper h1,
body.path-my #hero_bg_wrapper h1 {
  text-align: center;
  margin: 2rem 1rem 5rem
}

/**
 * Style role switcher block.
 */
body.path-my .block-arjang-customerportal-switch-instructor-student {
  text-align: center;
  border: 1px solid #ddd;
  padding: 2rem;
  background-color: #f9f9f9;
  border-radius: 5px;
}

/**
 * Style the lab request form
 */
body.path-my #arjang-customerportal-lab-request-form #edit-trainingfiles-id {
  max-width: 35rem;
}
body.path-my #arjang-customerportal-lab-request-form #edit-start-time input {
  max-width: 13rem;
  width: fit-content;
}
body.path-my #arjang-customerportal-lab-request-form #edit-duration {
  max-width: 20rem;
}
body.path-my #arjang-customerportal-lab-request-form #edit-description {
  max-width: 50rem;
}
body.path-my #arjang-customerportal-lab-request-form #edit-start-date {
  max-width: 20rem;
}
body.path-my #arjang-customerportal-lab-request-form #edit-start-time-minute {
  pointer-events: none;
  color: gray;
  background-color: #e9ecef;
}

/**
 * Style manage labs
 */
#customerportal-manage-labs-wrapper .card-header,
#customerportal-manage-labs-tasks-wrapper .card-header {
  background-color: #ddd;
  border-right: 4px solid #f7941e;
  border-bottom: 1px solid #f7941e;
}
#customerportal-manage-labs-wrapper .card-title,
#customerportal-manage-labs-tasks-wrapper .card-title {
  text-align: center;
  margin: 1rem;
}
#customerportal-manage-labs-wrapper .card-title .accordion-toggle,
#customerportal-manage-labs-tasks-wrapper .card-title .accordion-toggle {
  font-size: 2rem !important;
  padding: 1rem;
}

/**
 * Style CustomerPortal Profile Completeness Checker
 */
.block-arjang-customerportal-profile-complete-checker {
  padding: 1rem 2rem;
  background-color: #f7941e7a;
  margin: 1rem 0;
  border-radius: 5px;
}

/**
 * Style email verification in profile edit form
 */
form#profile-edit .email-verified {
  border: 1px solid green;
  background-color: #73b57382;
}
form#profile-edit .email-not-verified {
  border: 1px solid red;
  background-color: #b5737382;
}
form#profile-edit #email-not-verified {
  border: 1px solid #ffa8a8;
  background-color: #ff8b8b21;
  margin: 0 1rem 2rem;
  padding: 1rem 1.5rem;
}