/** STYLES FOR CHRISTMAS SNOWING **/
/**
It is necessary add a Row with snow_wrap class before frontpage's main banner
***/
 .frontpage .snow_wrap {
  height: 70vh;
  width: 100%;
  background-size: cover;
  background-position: center bottom;
  overflow: hidden;
  position: absolute;
}
.frontpage .snow, .frontpage .snow:before, .frontpage .snow:after {
  position: absolute;
  top: -650px;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:
  radial-gradient(4px 4px at 100px 50px, #fff , transparent),
  radial-gradient(6px 6px at 200px 150px, #fff, transparent),
  radial-gradient(3px 3px at 300px 250px, #fff 50%, transparent),
  radial-gradient(4px 4px at 400px 350px, #fff 50%, transparent),
  radial-gradient(6px 6px at 500px 100px, #fff 50%, transparent),
  radial-gradient(3px 3px at 50px 200px, #fff 50%, transparent),
  radial-gradient(4px 4px at 150px 300px, #fff 50%, transparent),
  radial-gradient(6px 6px at 250px 400px, #fff 50%, transparent),
  radial-gradient(3px 3px at 350px 500px, #fff 50%, transparent);
  background-size: 650px 650px;
  animation: snow 3s linear infinite;
  content: "";
}

.frontpage .snow:after {
  margin-left: -250px;
  opacity: 0.5;
  filter: blur(2px);
  animation-duration: 6s;
  animation-direction: reverse;
}

.frontpage .snow:before {
  margin-left: -350px;
  opacity: 0.7;
  filter: blur(1px);
  animation-duration: 9s;
  animation-direction: reverse;
}

@keyframes snow {
  to {
    transform: translateY(650px);
  }
}

/** NODE MAIN CONTENT JOB OFFER **/
.main__job_offer .field--name-body {
  margin-top: 1.62em;
}
.main__job_offer .field--name-requirements {
  margin-top: 1.45em;
}

/** USER PAGE USER-BLOCK Block-views-blockuser-header-block-block-2 **/
.block-views-blockuser-header-block-block-2 .view-content-wrap > .item {
  text-align: center;
}

.block-views-blockuser-header-block-block-2 .views-field-user-name,
.block-views-blockuser-header-block-block-2 .views-field-user-lastname {
  font-weight: bold;
}

/** MODAL MEASSANGE UI **/
button.ui-dialog-titlebar-close {
  background-color: orangered;
}

button.ui-dialog-titlebar-close::before {
  content:"-";
}

/** STYLES FOR ARTICLES **/
.path-blog-insights .main-page,
.node--type-article .main-page {
  margin-top: 1rem;
}

/** Footer Social Copyright */
.social-copyright {
  float: none;
  margin: 1em auto;
  text-align: center;
}

/** Scrolling for engnineer reports*/
.table_eng_report_wrap {
  overflow: auto;
}

/** Corrige el width del reset input file */
.file--mime-application-pdf + input.js-form-submit {
  width: auto;
  background: #ee450a;
  margin-left: 1em;
}
/** User page Tabs justified **/
.nav-justified.md-tabs .nav-link.active {
  background: #EE450A;
  color: #fff;
}
.nav-justified.md-tabs + .tab-content.card {
  border: 0;
}
.content-bottom .nav-tabs > li > a {
  padding: 12px 2px;
}
/**/

/** TOPBAR REGION **/
.topbar {
  background-color: #bdbdbd;
}
.topbar-content > div {
  display: flex;
  flex-direction: row-reverse;
}
.topbar .topbar-content-inner .topbar-content {
  top: 0;
}
.topbar .topbar-content-inner .topbar-content a {
  text-decoration: none;
  padding: 0 1em;
}
.gva-search-region.search-region {
  top: 0.8em;
}

/** DEV STYLES Masquerade **/
.masquerade-block-form {
  padding-right: 1em;
  order: 2;
}

/** LANGUAGE BLOCK SWITCHER **/
.block.block-language {
  order: -1;
  position: relative;
  top: 4px;
}
.block.block-language ul li {
  line-height: 0;
}
/** END LANGUAGE BLOCK SWITCHER **/

.frontpage .help .messages__wrapper {
  border: none;
}

#block-gavias-uxima-help {
  display: none;
}

.webform-submission-information {
  display: none;
}

.invoice-icon {
  text-align: center;
  padding: 1px 0;
}
.icon-task {
  margin-left: 1.23rem;
}

.contact-message-form .js-form-item-mail{
  margin: 0;
  padding: 0;
}

.contact-message-form .form-item input[type="email"] {
  border: none;
  max-height: 40px;
}

header .site-branding-logo {
  padding: 10px 0;
}


/* Masquerade Block */
.masquerade-block-form {
  display: inline-block;
}

.masquerade-block-form form .container-inline {
  display: inherit;
}

.masquerade-block-form form .container-inline .js-form-item {
  display: inline-block;
}

.navigation.menu--account > .contextual {
  right: -25px;
  top: 0;
}

.carousel {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  margin-right: 0.8em;
}

.galleria {
  width: 100%;
  height: 400px;
  background: #000
}

.view-smtes.item {
  padding: 0.8em 0;
  border-bottom: 2px solid lightgrey;
}

.view-smtes  .field--name-field-descripcion {
  display: inline-block;
  max-width: 60%;
  vertical-align: top;
}

.sse-bottom {
  display: flex;
  justify-content: end;
  align-items: center;
}

.view-smtes .links {
  list-style: none;
}

.view-smtes .links .node-readmore > a {
  color:white;
  background-color:black;
  padding: 0.45em 1em;
}
.view-smtes .links .node-readmore > a:hover {
  background-color: #EE450A;
}
.quick-side-icon {
  background-color: white;
}

.webform-submission-form .form-item > legend {
  font-size: 12px;
  font-weight: 700;
  color:#0a0f2b;
  text-transform: uppercase;
}

.smtes-check-tab > tbody > tr:nth-child(odd),
.smtes-signed-tab > tbody > tr:nth-child(odd) {
  background-color: lightgray;
}

.smtes-check-tab > tbody > tr > .checkboxes-field-title {
  padding-left: 0.8em;
}

.fake-signatura,
.smtes-check-tab > thead > tr,
.smtes-signed-tab > thead > tr {
  background-color: #990f07;;
  color: #fff;
}

.smtes-check-tab > thead > tr > th {
  padding: 1.2em;
}

.smtes-signed-tab > thead > tr > th {
  text-align: center;
  width: 200px;
}

.smtes-signed-tab > thead > tr > th:first-child {
  min-width: 225px;
}

.form-item input.checkbox-smtes ~ label,
.form-item input.checkbox-smtes {
  width: auto;
}


.webform-submission-form .form-item input {
  line-height: 28px;
  font-size: 12px;
}

.webform-document-file .js-form-file {
  max-width: 255px;
}

.js-form-item-planta-azteca-01-signed canvas {
  min-width: 150px;
}

.signed-smtes {
  visibility: hidden;
}

.button.firmado {
  background-color: green;
}

.smtes-signed-tab .js-webform-signature-pad .button {
  background-color: #EE450A;
  color:white;
  margin: .25em;
  width: 78px;
  border-radius: 25px;
  font-weight: bold;
  font-size: smaller;
  line-height: 18px;
}

.smtes-signed-tab .signed-smtes .button:hover {
  background-color: #f8794d;
}

.smtes-signed-tab .signed-smtes {
  background-color: white;
  border: 2px solid lightgray;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  max-width: 600px;
  z-index: 110;
  padding: 1em;
}

@media (max-width: 420px) {
  .smtes-signed-tab .signed-smtes {
    width: 100%;
  }

  .smtes-signed-tab .webform-signature-pad canvas {
    width: 324px !important;
    height: 112px !important;
  }
}

.header-signed {
  display: flex;
  border: 1px solid #dddddd;
  background: #e9e9e9;
  border-radius: 3px;
  margin-bottom: .53em;
  padding: .4em 1em;
}

.help.gav-help-region {
  z-index: 98;
}

.user-report_button .block-content > .field {
  margin: 1em;
}

.block-content .views-exposed-form {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1.8em;
}

.path-user .block-views table thead tr {
  background-color: rgb(235, 235, 235);
}

.report_no {
  color: red;
}

.report_yes {
  color: green;
}

.js-form-type-datetime .container-inline {
  display: flex;
  flex-wrap: wrap;
}

.js-form-type-datetime .container-inline .form-item:first-child {
  margin-right: 1.2em;
}

.js-form-type-datetime .container-inline .form-item input {
  min-height: 38px;
  vertical-align: text-top;
}

.webform-submission-form .form-item select {
  vertical-align: text-top;
}

.smtes-signed-tab > tbody > tr.fake-signatura {
  background-color: #990f07;
  color: #fff;
}

.smtes-signed-tab > tbody > tr.fake-signatura > td {
  font-weight: bold;
  text-align: center;
}


.webform-table tr td.fake-colspan-4 > div {
  margin: 8px auto;
  text-align: center;
  font-weight: 600;
}

/** FOOTER **/

#footer .contextual-links a {
  color: black;
}

#footer .contextual-links a:hover {
  color:rgb(246, 112, 16)
}

.footer {
  margin-top: 1.6em;
}
/** */

.webform-table td.signature-btn,
.webform-table td a.button {
  margin-top: .43em;
  text-align: center;
}

.smtes-signed-tab a.button {
  max-width: 95px;
  font-size: 11px;
  padding: 0 12px;
  line-height: 30px;
}

.webform-submission-form  td  div.form-item {
  margin-bottom: 0px;
}

.js-webform-signature-pad > input.button {
  color: gray;
  font-size: 12px;
  max-width: 100px;
}

.textarea-discrepancies {
  visibility: hidden;
  position: absolute !important;
  width: 250px;
  right: 3px;
  z-index: 999;
}

.textarea-discrepancies.visible {
  visibility: visible;
}

.textarea-discrepancies .ui-button-icon {
  cursor: pointer;
  position: absolute;
  top: 3px;
  right: 3px;
}

.textarea-discrepancies .form-textarea {
  padding-top: 10px;
}

tr.highlight {
  background-color: orange !important;
}

/* Webform submission data */
.webform-submission-data .smtes-signed-tab li > article {
  display: flex;
  flex-direction: row;
}

.webform-submission-data .field--name-user-name {
  padding-right: 0.25em;
}

.content-main {
  margin-bottom: 2.54em;
}

/* Responsive min-width */
#admin-toolbar-search-tab {
  display: none;
}

.smtes-signed-tab div.js-form-type-entity-autocomplete > label.visually-hidden {
  display: none;
}

.smtes-signed-tab {
  margin-bottom: 10.7em;
  width: 1180px;
}

.webform-submission-data .webform-element-type-webform-table,
.js-form-type-webform-table {
  overflow-x: scroll;
  overflow-y: hidden;
}

.smtes--user-admin_reports .gva-view {
  overflow: auto;
}

.smtes--user-admin_reports table {
  width: 800px;
}

/* Class added from content builder */
.smtes-video_banner {
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 1em;
}

.top-about_img {
  margin-bottom: 1em;
}
/**-- */

.youtube-bg {
  background-image: url('/themes/custom/gavias_uxima/images/front_hero_responsive.jpg');
  background-repeat: no-repeat;
  background-position: center top;
}

@media (min-width: 769px) {
  .youtube-bg {
    background-image: none;
  }

  #admin-toolbar-search-tab {
    display: block;
  }

  .smtes-signed-tab div.js-form-type-entity-autocomplete > label.visually-hidden {
    display: block;
  }

  .smtes-signed-tab {
    margin-bottom: 10.7em;
    width: 100%;
  }

  .webform-submission-data .webform-element-type-webform-table,
  .js-form-type-webform-table {
    overflow: hidden;
  }

  .smtes--user-admin_reports table {
    width: 100%;
  }

  #toolbar-administration {
    display: block;
  }
  .smtes-hero-video_banner {
    height: 580px;
  }
}

.wrap-icons {
  display: flex;
  flex-wrap: wrap;
}

.flex-icon {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: .72em;
  text-align: center;
}

.tooltip {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.float-button {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  text-decoration: none;
  z-index: 9;
}

.phone-number {
  background-color: #51adcf;
  bottom: 100px;
}

.phone-number:hover {
  background-color: #448aa3;
  color: white;
}

.telegram {
  bottom: 30px;
}

.float-button {
  width: 50px;
  height: 50px;
  right: 30px;
}

/*Cookie Consent Management styles */
body #cookiesjsr {
  --btn-bg-color: #EE450A;
  --banner-bg-color: #726e6e;
  --btn-prime-font-color:#011b32;
}

#__replain_widget {
  z-index: 9900 !important;
}

@media (prefers-color-scheme: dark) {
  #footer .cookies_magnament .cookiesjsr-banner--links a:hover {
    color: lightgray;
    text-decoration: underline;
  }
}

/** USER DASHBOARD**/
.menu_user_account > li {
  display: inline-block;
}

.label-active-since > i {
  color: rgb(123, 198, 11);
}

.menu_user_account > .menu-item.log-out {
  display: none;
}

.label-active-since {
  font-style: oblique;
}

.views-field-user-picture img {
  border-radius: 17%;
  border: 5px solid lightgrey; padding: 3px; max-width: 122px; height: 122px;
}

.block-views-blockuser-header-block-block-1 .views-field-created {
  text-align: center;
}

.add-report > a.btn,
.dropdown.user-page-add-report > button {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
}

.dropdown.user-page-add-report > button:after {
  content: none;
}

a.dropdown-item:hover {
  background-color: #f89a1e;
}

div.dropdown-menu.show {
  transform: translate3d(-92px, 56px, 0px) !important;
}

.path-user .content-top > div {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding-top: 1.32em;
}

.btn.user-name {
  background-color: lightgray;
  color: #3a3a3a;
}

.btn.user-name > span:after {
  font-family: "Font Awesome 6 Free";
  content: " \f007";
  display: inline-block;
  padding-left: 4px;
}

.smtes-chart {
  border: 4px solid lightgray;
  padding: 0em 1em 1.25em;
  border-radius: 1em;
}

.smtes-chart .data {
  font-size: 2.42rem;
  text-align: center;
}

.smtes-chart .count {
  color: rgb(8, 167, 8);
}

/**  LANGUAGE ICON BLOCK **/
a.language-link::after {
  line-height: 16px;
}
.language-link.icon-es::after {
  content: 'ES';
}
.language-link.icon-en::after {
  content: 'EN';
}

.br-eaas .item-columns .service-block {
  border-radius: 8px;
}

/** CONTENT TYPE SERVICE */
.service-block-singe .post-content {
  padding-top: 0;
}
/** Hidden title full content */
body.hidden-title .node--view-mode-full .post-title {
  display: none!important;
}
.node--type-service.node--view-mode-full .gsc-heading .title {
  text-transform: none;
}

/** JOB OFFER CONTENT-TYPE */
.wrap-job-offer {
  border: 1px solid #dee2e6;
  background: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 1em;
}
.job-icon i {
  color:#EE450A;
  width: 20px;
  font-size: 15px;
}
.container__btn-job-offer{
  align-self: end;
  margin-top: auto;
}
.btn-job-offer {
  color: #ec6a5c;
  border: 2px solid #ec6a5c;
  text-transform: uppercase;
  font-size: 10px;
  padding: 3px 10px;
  font-weight: 700;
  letter-spacing: 2px;
}
.btn-job-offer:hover{
  color: #000;
  border-color: #000;
}
.job-container {
  display: flex;
  padding: 15px;
}
.field--name-jobs-icon {
  padding-right: 1em;
}
.employ {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  color: #EE450A;
}
.job-title {
  font-size: 14px;
  font-weight: 700;
  font-family: "Raleway",sans-serif;
  color: #0a0f2b;
  text-transform: uppercase;
}
.views-view-grid .views-col {
  margin-bottom: 0.75em;
}
.full-job_offer .field--name-body{
  padding-top: 1.5em;
}
.main__job_offer {
  padding-top: 1.5em;
}
@media (max-width: 575px) {
  .col-xs-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/** END JOB OFFER CONTENT-TYPE */

.form-required::after {
  content: '';
  vertical-align: super;
  display: inline-block;
  background-image: url(/core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  }

/** HERO BANNER PAGES */
  #row-frontpage {
    background-image: url(/sites/default/files/gbb-uploads/smtes/horizontal/front5.webp) !important;
    background-color: rgba(40, 38, 38, 0.6);
    background-blend-mode: darken;
  }
  #row-contact-us{
    background-image: url(/sites/default/files/gbb-uploads/smtes/horizontal/front12.jpg) !important;
    background-color:rgba(120, 119, 119, 0.6);
    background-position: center;
    background-blend-mode: darken;
  }
  #row-electrical-facilities {
    background-image: url(/sites/default/files/gbb-uploads/smtes/horizontal/electrical_facilities.jpg) !important;
    background-color: rgba(40, 38, 38, 0.6);
    background-blend-mode: darken;
  }
  #row-aboutus {
    background-image: url(/sites/default/files/gbb-uploads/smtes/horizontal/banner-aboutus.jpg) !important;
    background-color: rgba(40, 38, 38, 0.6);
    background-blend-mode: darken;
  }
  #row-eaas {
    background-image: url(/sites/default/files/gbb-uploads/smtes/horizontal/banner-engineer.jpg) !important;
    background-color: rgba(40, 38, 38, 0.6);
    background-blend-mode: darken;
  }
  #row-careers {
    background-image: url(/sites/default/files/gbb-uploads/s1.jpg) !important;
    background-color: rgba(218, 218, 218, 0.8);
    background-blend-mode: darken;
  }
  @media only screen and (max-width:680px) {
    #row-frontpage {
      background-image: url(/sites/default/files/gbb-uploads/smtes/horizontal/front5_mobile.webp) !important;
    }
  }

/** TYPEWRITING EFFECT */
#row-aboutus + div {
  display: none;
}
@media only screen and (min-width:770px) {
  #row-aboutus + div {
    display: block;
  }
}
@media only screen and (max-width:980px) {
  .rotate-about-us .rotate-text > .primary-text {
    font-size: 2.87vw;
  }
}
  .rotate-text > .primary-text p {
    overflow: hidden;
    /* border-right: .15em solid orange; */
    margin: 0 auto;
    white-space: nowrap;
  }
  .rotate-text > .primary-text p:nth-child(1) {
    opacity: 0;
    animation:
      typing 2s steps(40, end);
    animation-delay: 1s;
    animation-fill-mode: forwards;
  }
  .rotate-text > .primary-text p:nth-child(2) {
    opacity: 0;
    animation: typing 2s steps(40, end);
    animation-delay: 3s;
    animation-fill-mode: forwards;
  }
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
    1%{
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange; }
    90% {border-color: transparent;}

  }
/** TYPEWRITING EFFECT END*/

/** ELECTRICAL FACILITIES PAGE */
#electrical-video-box .column-inner {
  padding: 0 30px;
}
#electrical-video-box .gsc-video-box {
  display: flex;
  justify-content: end;
}
#electrical-video-box .video-inner {
  max-width: 450px;
}

/** EaaS PAGE*/
.text-nocap .gsc-heading .title,
#row-eaas h2.title {
  text-transform: none;
}

.blue-gradient_background {
  background: rgb(8,6,135);
  background: linear-gradient(156deg, rgba(8,6,135,1) 0%, rgba(9,69,121,1) 48%, rgba(0,140,255,1) 100%);
}

.rotate-about-us .primary-text > p {
  color: rgb(227, 217, 217);
}

/** WEBFORM CONFIRMATION MESSAGE */
.messages--status.job-aplication-submitted {
  padding: 2em;
  font-size: 1.05rem;
  border: 3px solid lightblue;
  margin-top: 1.8em;
}

/** USER LOGIN FORM */
.smtes-login.help {
  display: block !important;
}
.smtes-login .messages--error {
  border: #eb3737c2 3px solid;
  padding: 1px 5px;
}
.messages--error a,
.fpass > a {
  color: blue;
}
.messages--error a:hover,
.fpass > a:hover {
  color: lightblue;
}