html,
body,
.dialog-off-canvas-main-canvas {
  min-height: 100vh;
}
#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#page #main-wrapper {
  flex-grow: 1;
}
html {
  scroll-behavior: auto;
  scroll-behavior: smooth;
}
body {
  background: url("/themes/custom/crm_sodex_front/images/desk/body_bg.png") no-repeat center center #ffffff;
  background-size: cover;
  background-attachment: fixed;
  font-family: sans-serif;
  font-size: 11pt;
  color: #707070;
  font-weight: 400;
}
input,
textarea {
  max-width: 100%;
}
.form-item-copy,
#edit-preview {
  display: none;
}
#edit-submit {
  margin: auto;
  display: block;
}
.alert p:last-child {
  margin-bottom: 0;
}
.alert.alert-warning {
  background: #ff7700;
  color: #ffffff;
  position: relative;
  padding: 1.75rem 1rem 1.75rem 5rem;
}
.alert.alert-warning .fa-solid.fa-triangle-exclamation {
  font-size: 48px;
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.alert.alert-warning .fa-solid.fa-triangle-exclamation + strong {
  text-transform: uppercase;
}
p .placeholder {
  display: inline;
  min-height: inherit;
  cursor: default;
  opacity: 1;
  background: none;
}
a {
  text-decoration: none;
  color: #535353;
}
a:hover {
  color: #e3191d;
}
ul,
li,
ul.menu {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
  height: auto !important;
}
.button,
.btn {
  display: block;
  text-align: center;
  width: max-content;
  max-width: 100%;
  white-space: normal;
  margin: auto;
  border: 0;
  padding: 0.25rem 1rem;
  text-transform: uppercase;
  color: #ffffff;
  background: #000000;
  border-radius: 30px;
  font-size: 0.9rem;
  transition: all ease 0.6s;
}
.button:focus,
.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.button:hover,
.btn:hover {
  text-decoration: none;
  background: #e3191d;
  transition: all ease 0.6s;
}
.btn-cover {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  text-indent: -9999px;
}
div[data-drupal-messages] div[role="contentinfo"] {
  padding: 0.5rem;
  border-top: 1px solid #20262b;
  background: #3c434a;
  color: #ffffff;
  position: relative;
}
div[data-drupal-messages] div[role="contentinfo"]:last-child {
  border-bottom: 1px solid #20262b;
}
div[data-drupal-messages] div[role="contentinfo"]::before {
  position: absolute;
  width: 14px;
  height: 100%;
  content: "";
  display: block;
  top: 0;
  left: 0;
}
div[data-drupal-messages] div[role="contentinfo"] a {
  text-decoration: underline;
  color: #ffffff;
}
div[data-drupal-messages] div[role="contentinfo"] a:hover {
  text-decoration: none;
}
div[data-drupal-messages] div[role="contentinfo"] .content-wrap {
  display: flex;
}
div[data-drupal-messages] div[role="contentinfo"] .content-wrap .icon-wrap {
  width: 24px;
  flex-grow: 0;
}
div[data-drupal-messages] div[role="contentinfo"] .content-wrap .content ul {
  margin-left: 1.2rem;
}
div[data-drupal-messages] div[role="contentinfo"] .content-wrap .placeholder {
  background: none;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-status:before {
  background: #32ac8a;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-status .icon-wrap i {
  color: #32ac8a;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-warning:before {
  background: #ff7700;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-warning .icon-wrap i {
  color: #ff7700;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-error:before {
  background: #d94f4f;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-error .icon-wrap i {
  color: #d94f4f;
}
nav.tabs li a {
  color: #000;
  display: block;
  background: #ccc;
  border-radius: 4px 4px 0 0;
  padding: 10px;
}
.eu-cookie-compliance-banner {
  background: rgba(0, 0, 0, 0.75);
  font-size: 0.8rem;
}
.eu-cookie-compliance-banner h2 {
  font-size: 0.9rem;
  font-weight: 500;
}
#header {
  background: #ffffff;
  top: 0;
}
#header .header-top > .container > .row {
  align-items: center;
}
#header .header-title-wrapper {
  background: #e3191d;
  padding: 15px 0;
  text-align: center;
  color: #ffffff;
}
#header .header-title-wrapper > .container > .row {
  align-items: center;
}
#header .header-title-wrapper .page-title {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
}
#header .header-title-wrapper .custumer-id {
  margin: 0;
}
#header .header-title-wrapper .tools-wrapper {
  display: flex;
  justify-content: end;
}
#header .header-title-wrapper .tools-wrapper .tools {
  margin: 0.2rem;
}
#header .header-title-wrapper .tools-wrapper .tools .icon {
  display: block;
  width: 36px;
  height: 36px;
  background: #ffffff;
}
#header .header-title-wrapper .tools-wrapper .tools.tools-pdf .icon {
  mask: url("/themes/custom/crm_sodex_front/images/icons/file-pdf-solid.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/crm_sodex_front/images/icons/file-pdf-solid.svg") no-repeat center / contain;
}
#header .header-title-wrapper .tools-wrapper .tools.tools-comment .icon {
  mask: url("/themes/custom/crm_sodex_front/images/icons/circle-exclamation-solid.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/crm_sodex_front/images/icons/circle-exclamation-solid.svg") no-repeat center / contain;
}
#header .header-title-wrapper .tools-wrapper .tools.tools-history .icon {
  mask: url("/themes/custom/crm_sodex_front/images/icons/clock-rotate-left.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/crm_sodex_front/images/icons/clock-rotate-left.svg") no-repeat center / contain;
}
#header .header-title-wrapper .tools-wrapper .tools.tools-edit .icon {
  mask: url("/themes/custom/crm_sodex_front/images/icons/file-pen.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/crm_sodex_front/images/icons/file-pen.svg") no-repeat center / contain;
}
#header .header-title-wrapper .tools-wrapper .tools:hover .icon {
  background: #000000;
}
#header .btn-distrilog {
  display: flex;
  align-items: center;
}
#header .btn-distrilog:before {
  content: "";
  display: block;
  height: 32px;
  width: 32px;
  background: #707070;
  margin: 0 0.4rem 0 0;
}
#header .btn-distrilog::before {
  width: 24px;
  height: 24px;
  mask: url("/themes/custom/crm_sodex_front/images/icons/house-solid.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/crm_sodex_front/images/icons/house-solid.svg") no-repeat center / contain;
}
#header .btn-distrilog:hover::before {
  background: #e3191d;
}
.website-logo {
  display: block;
  width: 100%;
  max-width: 160px;
  margin: 1rem auto;
}
.website-logo img {
  width: 100%;
}
.view-slides {
  position: relative;
}
.view-slides .widget_pager {
  width: 100%;
  position: absolute;
  bottom: 15px;
  left: 0;
  display: flex;
  justify-content: center;
  margin: 0;
}
.view-slides .widget_pager li {
  display: block;
  margin: 0 0.25rem;
  width: 20px;
  height: 20px;
  text-indent: -1000px;
  overflow: hidden;
  border: 2px solid #fff;
  background: #e3191d;
  border-radius: 0;
  cursor: pointer;
}
.view-slides .widget_pager li.active,
.view-slides .widget_pager li:hover {
  background: #a3c73d;
}
.breadcrumb {
  font-size: 0.8em;
  margin: 1em 0;
  padding: 0;
  background: none;
}
#footer {
  font-size: 0.9rem;
  padding: 25px 0;
  background: #ffffff;
}
#footer .site-footer-bottom {
  position: relative;
}
.socialMedia {
  display: flex;
  justify-content: center;
  align-items: center;
}
.socialMedia .blockButton {
  display: block;
  height: 32px;
  width: 32px;
  background: #535353;
  margin: 0.2rem;
  transition: all ease 0.6s;
}
.socialMedia .blockButton:hover {
  background: #ffffff;
  transition: all ease 0.6s;
}
.socialMedia .blockButton.i-facebook {
  mask: url("/themes/custom/crm_sodex_front/images/icons/facebook.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/crm_sodex_front/images/icons/facebook.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i-linkedin {
  mask: url("/themes/custom/crm_sodex_front/images/icons/linkedin.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/crm_sodex_front/images/icons/linkedin.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i-instagram {
  mask: url("/themes/custom/crm_sodex_front/images/icons/instagram.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/crm_sodex_front/images/icons/instagram.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i-youtube {
  mask: url("/themes/custom/crm_sodex_front/images/icons/youtube.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/crm_sodex_front/images/icons/youtube.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i-twitter {
  mask: url("/themes/custom/crm_sodex_front/images/icons/twitter.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/crm_sodex_front/images/icons/twitter.svg") no-repeat center / contain;
}
.i-studio509 {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  background: #000000;
  mask: url("/themes/custom/crm_sodex_front/images/icons/studio509.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/crm_sodex_front/images/icons/studio509.svg") no-repeat center / contain;
}
.container {
  max-width: 96%;
}