@charset "UTF-8";
@font-face {
  font-family: '29LT Bukra';
  src: url("../fonts/29LTBukra-Bold.eot");
  src: url("../fonts/29LTBukra-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/29LTBukra-Bold.woff2") format("woff2"), url("../fonts/29LTBukra-Bold.woff") format("woff"), url("../fonts/29LTBukra-Bold.ttf") format("truetype"), url("../fonts/29LTBukra-Bold.svg#29LTBukra-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '29LT Bukrabold';
  src: url("../fonts/29LTBukra-BoldItalic.eot");
  src: url("../fonts/29LTBukra-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/29LTBukra-BoldItalic.woff2") format("woff2"), url("../fonts/29LTBukra-BoldItalic.woff") format("woff"), url("../fonts/29LTBukra-BoldItalic.ttf") format("truetype"), url("../fonts/29LTBukra-BoldItalic.svg#29LTBukra-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: '29LT Bukra';
  src: url("29LTBukra-Black.eot");
  src: url("29LTBukra-Black.eot?#iefix") format("embedded-opentype"), url("29LTBukra-Black.woff2") format("woff2"), url("29LTBukra-Black.woff") format("woff"), url("29LTBukra-Black.ttf") format("truetype"), url("29LTBukra-Black.svg#29LTBukra-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '29LT Bukra';
  src: url("../fonts/29LTBukra-Bold.eot");
  src: url("../fonts/29LTBukra-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/29LTBukra-Bold.woff2") format("woff2"), url("../fonts/29LTBukra-Bold.woff") format("woff"), url("../fonts/29LTBukra-Bold.ttf") format("truetype"), url("../fonts/29LTBukra-Bold.svg#29LTBukra-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '29LT Bukra';
  src: url("../fonts/29LTBukra-Regular.eot");
  src: url("../fonts/29LTBukra-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/29LTBukra-Regular.woff2") format("woff2"), url("../fonts/29LTBukra-Regular.woff") format("woff"), url("../fonts/29LTBukra-Regular.ttf") format("truetype"), url("../fonts/29LTBukra-Regular.svg#29LTBukra-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '29LT Bukra';
  src: url("../fonts/29LTBukra-Light.eot");
  src: url("../fonts/29LTBukra-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/29LTBukra-Light.woff2") format("woff2"), url("../fonts/29LTBukra-Light.woff") format("woff"), url("../fonts/29LTBukra-Light.ttf") format("truetype"), url("../fonts/29LTBukra-Light.svg#29LTBukra-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '29LT Bukra';
  src: url("../fonts/29LTBukra-Bold.eot");
  src: url("../fonts/29LTBukra-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/29LTBukra-Bold.woff2") format("woff2"), url("../fonts/29LTBukra-Bold.woff") format("woff"), url("../fonts/29LTBukra-Bold.ttf") format("truetype"), url("../fonts/29LTBukra-Bold.svg#29LTBukra-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '29LT Bukrabold';
  src: url("../fonts/29LTBukra-BoldItalic.eot");
  src: url("../fonts/29LTBukra-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/29LTBukra-BoldItalic.woff2") format("woff2"), url("../fonts/29LTBukra-BoldItalic.woff") format("woff"), url("../fonts/29LTBukra-BoldItalic.ttf") format("truetype"), url("../fonts/29LTBukra-BoldItalic.svg#29LTBukra-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: '29LT Bukra';
  src: url("29LTBukra-Black.eot");
  src: url("29LTBukra-Black.eot?#iefix") format("embedded-opentype"), url("29LTBukra-Black.woff2") format("woff2"), url("29LTBukra-Black.woff") format("woff"), url("29LTBukra-Black.ttf") format("truetype"), url("29LTBukra-Black.svg#29LTBukra-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '29LT Bukra';
  src: url("../fonts/29LTBukra-Bold.eot");
  src: url("../fonts/29LTBukra-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/29LTBukra-Bold.woff2") format("woff2"), url("../fonts/29LTBukra-Bold.woff") format("woff"), url("../fonts/29LTBukra-Bold.ttf") format("truetype"), url("../fonts/29LTBukra-Bold.svg#29LTBukra-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '29LT Bukra';
  src: url("../fonts/29LTBukra-Regular.eot");
  src: url("../fonts/29LTBukra-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/29LTBukra-Regular.woff2") format("woff2"), url("../fonts/29LTBukra-Regular.woff") format("woff"), url("../fonts/29LTBukra-Regular.ttf") format("truetype"), url("../fonts/29LTBukra-Regular.svg#29LTBukra-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '29LT Bukra';
  src: url("../fonts/29LTBukra-Light.eot");
  src: url("../fonts/29LTBukra-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/29LTBukra-Light.woff2") format("woff2"), url("../fonts/29LTBukra-Light.woff") format("woff"), url("../fonts/29LTBukra-Light.ttf") format("truetype"), url("../fonts/29LTBukra-Light.svg#29LTBukra-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/*** Colors ****/
/**** Font ****/
/*** Function *****/
@-webkit-keyframes floating {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
@keyframes floating {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}

* {
  font-family: "29LT Bukra";
  text-align: start;
  color: #000000;
}

a {
  text-decoration: none;
}

a:hover, a:focus, a:active {
  text-decoration: none !important;
}

a,
img,
h1,
h2,
h3,
h4,
button {
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

body,
html {
  padding: 0;
  margin: 0;
  font-family: "29LT Bukra";
  font-size: 16px;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

ul {
  padding: 0;
  margin: 0 !important;
  list-style-type: none;
}

.innerpage-before-login {
  background: #f8f8f8;
}

.innerpage-before-login .main-content {
  background: #fff;
  -webkit-box-shadow: 10px 3px 6px rgba(217, 217, 217, 0.6);
          box-shadow: 10px 3px 6px rgba(217, 217, 217, 0.6);
  border-radius: 19px;
  padding: 30px;
  margin-top: 105px !important;
  margin-bottom: 15px;
}

.login-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 100vh;
  position: relative;
}

.login-right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
}

.login-right .data-login h3 {
  color: #954304;
  font-size: 17px;
  font-weight: bold;
}

.login-right a {
  background: #954304;
  color: #ffffff;
  border-radius: 10px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  margin-top: 50px;
}

.login-right a:hover {
  background: #58665c;
}

.login-left {
  background: #58665c;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login-left .logo {
  text-align: center;
}

.login-left .logo img {
  height: 200px;
}

.login-left::after {
  content: "";
  display: block;
  background-image: url("../images/logo-w.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 700px;
  height: 230px;
  position: absolute;
  bottom: 0;
  left: -275px;
}

*:lang(ar) .breadcrumb-item + .breadcrumb-item::before {
  float: right;
}

*:lang(en) .breadcrumb-item + .breadcrumb-item::before {
  float: left;
}

.breadcrumb {
  background: #f2f2f2;
  padding: 15px;
}

.breadcrumb a {
  color: #000;
  font-weight: 600;
}

.breadcrumb .breadcrumb-item.active {
  color: #954304 !important;
}

/***/
.main-web-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  direction: rtl;
}

.sidebar-right {
  background: #fff;
}

.content-left {
  width: 100%;
}

.main-content {
  min-height: calc(100vh - 147px);
  padding: 20px;
  background: #f8f8f8;
}

*:lang(ar) .breadcrumb-item + .breadcrumb-item::before {
  float: right;
}

*:lang(en) .breadcrumb-item + .breadcrumb-item::before {
  float: left;
}

.breadcrumb {
  background: #f2f2f2;
  padding: 15px;
}

.breadcrumb a {
  color: #000;
  font-weight: 600;
}

.breadcrumb .breadcrumb-item.active {
  color: #ffffff !important;
  font-weight: 600;
}

/****/
header {
  background: #ffffff;
  padding: 15px;
}

header .logo a {
  display: block;
  background: url("../images/logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  height: 70px;
  width: 175px;
}

header .block-data-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .header-left .block-user-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .header-left .block-user-header .img-user img {
  height: 50px;
  width: 50px;
  border-radius: 100%;
}

header .header-left .block-user-header .user-details-header {
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
}

header .header-left .block-user-header .user-details-header .welcome {
  color: #954304;
  font-size: 14px;
  font-weight: bold;
}

header .header-left .block-user-header .user-details-header .user-name {
  color: #58665c;
  font-size: 14px;
}

header .header-left .block-icon-left img {
  height: 20px;
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
}

/**/
footer {
  text-align: center;
  padding: 15px;
  background: #fff;
  font-size: 11px;
}

*:lang(ar) .breadcrumb-item + .breadcrumb-item::before {
  float: right;
}

*:lang(en) .breadcrumb-item + .breadcrumb-item::before {
  float: left;
}

.breadcrumb {
  background: #f2f2f2;
  padding: 15px;
}

.breadcrumb a {
  color: #000;
  font-weight: 600;
}

.breadcrumb .breadcrumb-item.active {
  color: #954304 !important;
}

.hamburger input[type="checkbox"] {
  width: 35px;
  height: 27px;
  position: absolute;
  top: 35px;
  right: 36px;
  display: block;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}

.hamburgerlines {
  width: 35px;
  height: 27px;
  position: absolute;
  top: 35px;
  right: 35px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hamburgerlines .lines {
  display: block;
  height: 4px;
  width: 100%;
  background: #954304;
  border-radius: 10px;
}

.hamburger {
  position: relative;
}

.menu-items {
  padding-top: 90px;
  width: 100px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  background: #fff;
  margin-top: -10px;
  color: #fff;
  padding-bottom: 1rem;
  height: 100vh;
}

.menu-items li {
  border-bottom: 2px solid #f0f0f0;
  -webkit-padding-start: 23px;
          padding-inline-start: 23px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.menu-items li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu-items li a i {
  font-size: 25px;
  color: #954304;
  padding: 7px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

.menu-items li a span {
  display: none;
  color: #58665c;
  font-size: 14px;
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
}

.menu-items li.active a i, .menu-items li:hover a i {
  background: #58665c;
  padding: 7px;
  color: #fff;
}

.hamburger input[type="checkbox"]:checked ~ .menu-items {
  display: block;
  background: #fff;
  width: 230px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.hamburger input[type="checkbox"]:checked ~ .menu-items li a span {
  display: block;
}

.hamburger input[type="checkbox"]:checked ~ .hamburgerlines .lines {
  background: #954304;
}

.hamburgerlines .line1 {
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.hamburgerlines .line3 {
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.hamburger input[type="checkbox"]:checked ~ .hamburgerlines .line1 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hamburger input[type="checkbox"]:checked ~ .hamburgerlines .line2 {
  display: none;
}

.hamburger input[type="checkbox"]:checked ~ .hamburgerlines .line3 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

a[data-tooltip] {
  position: relative;
}

a[data-tooltip]::before,
a[data-tooltip]::after {
  position: absolute;
  display: none;
  opacity: 1;
}

a[data-tooltip]::before {
  content: attr(data-tooltip);
  background: #58665c;
  color: #fff;
  font-size: 13px;
  padding: 5px;
  border-radius: 5px;
  white-space: nowrap;
  text-decoration: none;
  z-index: 999999;
}

a[data-tooltip]::after {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  content: '';
}

a[data-tooltip]:hover::before,
a[data-tooltip]:hover::after {
  display: block;
}

/** positioning **/
/* left tooltip */
a[data-tooltip][data-placement="left"]::before {
  top: 15%;
  right: 100%;
  margin-right: 10px;
}

a[data-tooltip][data-placement="left"]::after {
  border-left-color: #58665c;
  border-right: none;
  top: 50%;
  right: 100%;
  margin-top: -6px;
  margin-right: 4px;
}

/* right tooltip */
a[data-tooltip][data-placement="right"]::before {
  top: -25%;
  left: 100%;
  margin-left: 10px;
}

a[data-tooltip][data-placement="right"]::after {
  border-right-color: #58665c;
  border-left: none;
  top: 50%;
  left: 100%;
  margin-top: -6px;
  margin-left: 4px;
}

/* top tooltip */
a[data-tooltip][data-placement="top"]::before {
  bottom: 100%;
  left: 0;
  margin-bottom: 10px;
}

a[data-tooltip][data-placement="top"]::after {
  border-top-color: #58665c;
  border-bottom: none;
  bottom: 100%;
  left: 10px;
  margin-bottom: 4px;
}

/* bottom tooltip */
a[data-tooltip][data-placement="bottom"]::before {
  top: 100%;
  left: 0;
  margin-top: 10px;
}

a[data-tooltip][data-placement="bottom"]::after {
  border-bottom-color: #58665c;
  border-top: none;
  top: 100%;
  left: 10px;
  margin-top: 4px;
}

.main-content #block-ksrnr-permits-theme-page-title .title {
  color: #954304;
  font-size: 25px;
  font-weight: bold;
  display: block;
}

.main-content .form-advance-inner {
  padding-left: 0;
}

.main-content .content-fotm-inner {
  margin: 30px 0;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 6px;
  padding: 15px;
  /** date and time  **/
  /** end date and time  **/
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.step1-group1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.step1-group1 .field--type-entity-reference {
  width: 24%;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-entry-date-wrapper {
  width: 50%;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-exit-date-wrapper {
  width: 50%;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper .form-date {
  margin-top: 31px;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-entry-date-0-value,
.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-exit-date-0-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-entry-date-0,
.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-exit-date-0 {
  position: relative;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-entry-date-0 .js-form-item,
.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-exit-date-0 .js-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-entry-date-0 .fieldset-legend,
.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-exit-date-0 .fieldset-legend {
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  top: 7px;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-entry-date-0 .fieldset-wrapper,
.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-exit-date-0 .fieldset-wrapper {
  width: 100%;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-entry-date-0 .edit-field-entry-date-0-value,
.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper #edit-field-exit-date-0 .edit-field-entry-date-0-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper .form-item-field-exit-date-0-value-time .visually-hidden,
.main-content .content-fotm-inner .required-fields.field-group-html-element.dates-wrapper .form-item-field-entry-date-0-value-time .visually-hidden {
  overflow: initial !important;
  position: relative !important;
  margin: inherit !important;
  margin-bottom: 10px !important;
  width: auto !important;
  height: auto !important;
}

.main-content .content-fotm-inner #edit-field-entry-date-0-value label.visually-hidden {
  font-size: 0;
}

.main-content .content-fotm-inner #edit-field-entry-date-0-value label.visually-hidden:before {
  content: "وقت الدخول";
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}

.main-content .content-fotm-inner #edit-field-exit-date-0-value label.visually-hidden {
  font-size: 0;
}

.main-content .content-fotm-inner #edit-field-exit-date-0-value label.visually-hidden:before {
  content: "وقت الخروج";
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}

#edit-field-attendants-entity-browser-entity-browser,
.entity-browser-iframe-container {
  width: 100% !important;
}

#edit-field-attendants-wrapper summary,
#edit-field-vehicles summary,
#edit-field-events--2 summary,
#edit-group-vehicles summary,
#edit-field-events-wrapper summary,
#block-ksrnr-permits-theme-page-title .title {
  display: none;
}

#block-ksrnr-permits-theme-content {
  /*** General form ****/
  /*** form ****/
}

#block-ksrnr-permits-theme-content .eb-tabs ul {
  border-bottom: 0;
  background: #58665c;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  padding: 0 15px;
}

#block-ksrnr-permits-theme-content .eb-tabs ul li a {
  color: #ffffff;
  padding: 0;
}

#block-ksrnr-permits-theme-content .eb-tabs ul li.active {
  border: none;
}

#block-ksrnr-permits-theme-content .eb-tabs ul li:first-child a {
  font-size: 14px;
  font-weight: bold;
}

#block-ksrnr-permits-theme-content .eb-tabs ul li:last-child {
  font-size: 12px;
  font-weight: bold;
}

#block-ksrnr-permits-theme-content .eb-tabs ul li:last-child a {
  background: #798b7e;
  border-radius: 6px;
  padding: 7px 15px;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

#block-ksrnr-permits-theme-content .eb-tabs ul li:last-child a:hover {
  background: #954304;
}

#block-ksrnr-permits-theme-content .table {
  border-collapse: separate;
  border-spacing: 0 5px;
}

#block-ksrnr-permits-theme-content .table thead {
  background: transparent;
}

#block-ksrnr-permits-theme-content .table thead tr {
  border: none;
  vertical-align: middle;
}

#block-ksrnr-permits-theme-content .table thead tr th {
  color: #000;
  border: 0;
  padding: 18px 10px;
  font-size: 14px;
}

#block-ksrnr-permits-theme-content .table thead tr th:first-child {
  border-radius: 0 6px 6px 0;
}

#block-ksrnr-permits-theme-content .table thead tr th:last-child {
  border-radius: 6px 0 0 6px;
}

#block-ksrnr-permits-theme-content .table tbody tr {
  background: #fff;
  margin-bottom: 5px;
  vertical-align: middle;
}

#block-ksrnr-permits-theme-content .table tbody tr td {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  border: 0;
  padding: 15px 10px;
  border-bottom: 1px solid #d3d3d3;
  border-top: 1px solid #d3d3d3;
}

#block-ksrnr-permits-theme-content .table tbody tr td:first-child {
  border-radius: 0 6px 6px 0;
  border-right: 1px solid #d3d3d3;
}

#block-ksrnr-permits-theme-content .table tbody tr td:last-child {
  border-radius: 6px 0 0 6px;
  border-left: 1px solid #d3d3d3;
}

#block-ksrnr-permits-theme-content .table tbody .mb-3 {
  margin-bottom: 0 !important;
}

#block-ksrnr-permits-theme-content html.no-touchevents.js {
  background: #fff;
  height: 100%;
}

#block-ksrnr-permits-theme-content html.no-touchevents.js body {
  height: 100%;
}

#block-ksrnr-permits-theme-content .entity-browser-iframe-container iframe {
  height: 650px !important;
}

#block-ksrnr-permits-theme-content .entity-browser-form {
  background: #fff;
}

#block-ksrnr-permits-theme-content .entity-browser-form .form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
}

#block-ksrnr-permits-theme-content .entity-browser-form .form-wrapper .form-wrapper {
  width: calc(33% - 30px);
  margin: 15px;
}

#block-ksrnr-permits-theme-content .entity-browser-form .form-wrapper .form-wrapper .js-form-item {
  width: 100%;
}

#block-ksrnr-permits-theme-content .entity-browser-form .form-wrapper .form-wrapper .js-form-item label {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 7px;
}

#block-ksrnr-permits-theme-content .entity-browser-form .form-wrapper #edit-inline-entity-form-field-date-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#block-ksrnr-permits-theme-content .entity-browser-form .form-wrapper #edit-inline-entity-form-field-date-wrapper label {
  margin-bottom: 10px;
}

#block-ksrnr-permits-theme-content form .form-select,
#block-ksrnr-permits-theme-content form .form-control {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  height: 45px;
  font-size: 13px;
}

#block-ksrnr-permits-theme-content form .form-select {
  background-position: left 0.75rem center;
}

#block-ksrnr-permits-theme-content form label {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 7px;
}

#block-ksrnr-permits-theme-content form .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#block-ksrnr-permits-theme-content form .form-actions .js-form-submit {
  height: 45px;
  background: #58665c;
  border-radius: 6px;
  color: #fff;
  width: auto;
  padding: 0 25px;
  margin: 0 15px;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

#block-ksrnr-permits-theme-content form .form-actions .js-form-submit:hover {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

#block-ksrnr-permits-theme-content form .form-actions .js-form-submit:hover.btn-primary {
  background: #58665c;
}

#block-ksrnr-permits-theme-content form .form-actions #edit-back-button {
  background: #954304;
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
  margin-top: 20px;
  max-width: 1330px;
  margin: 0 auto;
  margin-bottom: 30px;
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label {
  background: #f7f5f4;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  font-weight: bold;
  color: #ddcdc2;
  position: relative;
  margin-left: 12%;
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label.active {
  background: #954304;
  color: #fff;
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label.active::before {
  color: #fff;
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label::after {
  content: "";
  border-bottom: 1px solid #d9d9d9;
  display: inline-block;
  width: 170%;
  position: absolute;
  left: -170px;
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label::before {
  display: block;
  color: #ddcdc2;
  font-family: "Font Awesome 6 Free";
  font-size: 35px;
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label:nth-child(1)::before {
  font-weight: 400;
  content: "\f044";
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label:nth-child(2)::before {
  content: "\f15c";
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label:nth-child(3)::before {
  content: "\f5e4";
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label:nth-child(4)::before {
  content: "\f073";
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label:nth-child(5)::before {
  content: "\f15c";
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label:last-child {
  margin-left: 0;
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label:last-child::after {
  display: none;
}

#block-ksrnr-permits-theme-content #edit-group-basic-information {
  padding: 0 30px;
}

#block-ksrnr-permits-theme-content .form-action-inner {
  padding-left: 0 !important;
}

#block-ksrnr-permits-theme-content iframe body {
  background: #f00 !important;
}

#block-ksrnr-permits-theme-content #entity_browser_iframe_events {
  display: block !important;
  visibility: visible !important;
}

#block-ksrnr-permits-theme-content .view-permits-list .permits-view-header {
  background: #58665c;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  padding: 0 15px;
  margin-bottom: 30px;
}

#block-ksrnr-permits-theme-content .view-permits-list .permits-view-header h3 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}

#block-ksrnr-permits-theme-content .view-permits-list .permits-view-header a {
  background: #798b7e;
  border-radius: 6px;
  padding: 7px 15px;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}

#block-ksrnr-permits-theme-content .view-permits-list .permits-view-header a:hover {
  background: #954304;
}

#block-ksrnr-permits-theme-content .view-permits-list .view-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#block-ksrnr-permits-theme-content .view-permits-list .view-filters .form-select {
  width: 300px;
}

#block-ksrnr-permits-theme-content .view-permits-list table thead tr th {
  text-align: center;
}

#block-ksrnr-permits-theme-content .view-permits-list table tbody tr td {
  text-align: center;
}

#block-ksrnr-permits-theme-content .view-permits-list table .views-field-nid {
  text-align: right;
}

#block-ksrnr-permits-theme-content .view-permits-list table .views-field-field-entry-date,
#block-ksrnr-permits-theme-content .view-permits-list table .views-field-field-exit-date,
#block-ksrnr-permits-theme-content .view-permits-list table .main-entry-date,
#block-ksrnr-permits-theme-content .view-permits-list table .main-exit-date {
  text-align: center;
}

#block-ksrnr-permits-theme-content .view-permits-list table .main-entry-time,
#block-ksrnr-permits-theme-content .view-permits-list table .main-exit-time {
  color: #aaaaaa;
  font-size: 10px;
  text-align: center;
}

#block-ksrnr-permits-theme-content .view-permits-list table img {
  height: 19px;
  width: auto;
}

#block-ksrnr-permits-theme-content .view-permits-list table .permit_workflow_request {
  color: #c69309;
}

#block-ksrnr-permits-theme-content .view-permits-list table .permit_workflow_reject {
  color: #bf1010;
}

#block-ksrnr-permits-theme-content .view-permits-list table .permit_workflow_modify {
  color: #0b63bc;
}

#block-ksrnr-permits-theme-content .view-permits-list table .permit_workflow_approve {
  color: #438e0c;
}

.detais-permit-page .header-title-page-permit {
  background: #58665c;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  padding: 0 15px;
  margin-bottom: 30px;
}

.detais-permit-page .header-title-page-permit .no-permit {
  font-size: 14px;
  font-weight: bold;
}

.detais-permit-page .header-title-page-permit .no-permit span {
  color: #fff;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
}

.detais-permit-page .header-title-page-permit .left-header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.detais-permit-page .header-title-page-permit .left-header-title .status-permit {
  background: #fff;
  border-radius: 11px;
  font-size: 14px;
  font-weight: bold;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
}

.detais-permit-page .header-title-page-permit .left-header-title .status-permit.permit_request {
  color: #c69309;
  background: #fff4d6;
}

.detais-permit-page .header-title-page-permit .left-header-title .status-permit.permit_reject {
  color: #bf1010;
  background: #ffcdcd;
}

.detais-permit-page .header-title-page-permit .left-header-title .status-permit.permit_modify {
  color: #0b63bc;
  background: #a7cff7;
}

.detais-permit-page .header-title-page-permit .left-header-title .status-permit.permit_approve {
  color: #438e0c;
  background: #daf3c8;
}

.detais-permit-page .header-title-page-permit .left-header-title .print-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.detais-permit-page .header-title-page-permit .left-header-title .print-share a {
  background: #fff;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
}

.detais-permit-page .header-title-page-permit .left-header-title .print-share a img {
  height: 18px;
}

.detais-permit-page .header-title-page-permit .left-header-title .print-share a:hover {
  background: #954304;
}

.detais-permit-page .header-title-page-permit .left-header-title .print-share a:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.detais-permit-page .main-details-permit {
  background: #fff;
  -webkit-box-shadow: 10px 3px 6px #d9d9d929;
          box-shadow: 10px 3px 6px #d9d9d929;
  border-radius: 19px;
  padding: 30px;
}

.detais-permit-page .main-details-permit .title-block-per {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: #954304;
  margin-bottom: 30px;
}

.detais-permit-page .main-details-permit .title-block-per i {
  -webkit-margin-end: 11px;
          margin-inline-end: 11px;
  color: #954304;
  font-size: 30px;
}

.detais-permit-page .main-details-permit .block-per {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.detais-permit-page .main-details-permit .input-group-per {
  width: calc(25% - 15px);
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
  margin-bottom: 30px;
}

.detais-permit-page .main-details-permit .input-group-per .text-input {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 7px;
}

.detais-permit-page .main-details-permit .input-group-per .data-input {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  background: #ededed;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  color: #aaaaaa;
  font-size: 16px;
}

.detais-permit-page .main-details-permit .block-attendants {
  margin: 25px 0;
}

.detais-permit-page .main-details-permit .title-blck-tbl {
  background: #58665c;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.rendered-entity {
  padding: 20px;
  width: 23%;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 7px 11px #d9d9d929;
          box-shadow: 0 0 7px 11px #d9d9d929;
  font-size: 13px;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

.rendered-entity .field__label {
  font-weight: bold;
  color: #333;
}

.rendered-entity .field {
  margin: 0;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 10px;
  padding-top: 10px;
}

.rendered-entity .field:last-child {
  border: none;
}

.rendered-entity .remove-button {
  background: #58665c;
}

.rendered-entity p {
  margin: 0;
}

.rendered-entity:hover {
  cursor: inherit !important;
  opacity: 1 !important;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.rendered-entity:hover .remove-button {
  background: #954304;
}

.horizontal-tabs.clearfix {
  border: none;
}

.horizontal-tabs.clearfix .horizontal-tabs-list {
  background: #58665c;
  border-radius: 6px;
  padding: 10px 15px;
}

.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button {
  background: transparent;
  border-radius: 6px;
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
  border: none;
}

.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button a {
  color: #fff;
}

.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button a span,
.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button a strong {
  color: #fff;
}

.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button a:hover {
  background: #f8f8f8;
  border-radius: 6px;
}

.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button a:hover a {
  color: #58665c !important;
}

.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button a:hover a span,
.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button a:hover a strong {
  color: #58665c;
}

.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button.selected, .horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button:hover {
  background: #f8f8f8;
  border-radius: 6px;
}

.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button.selected a, .horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button:hover a {
  color: #58665c !important;
}

.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button.selected a span,
.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button.selected a strong, .horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button:hover a span,
.horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button:hover a strong {
  color: #58665c;
}

.form-managed-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 233px;
  position: relative;
}

.form-managed-file img {
  width: 233px;
  height: 210px;
  border-radius: 6px;
}

.form-managed-file .image-preview {
  padding: 0 !important;
  margin-top: -30px;
}

.form-managed-file .image-widget-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  position: absolute;
  bottom: -5px;
  z-index: 1;
  text-align: center;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.form-managed-file .file--image {
  display: none;
}

.form-managed-file .js-form-submit {
  background: #58665c;
  border-radius: 10px !important;
  border: 0 !important;
  width: 190px;
  margin-right: 20px;
}

.form-managed-file .js-form-submit:hover {
  background: #954304;
}

.user-fields-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.user-fields-wrapper .field--type-string,
.user-fields-wrapper .field--type-list-string,
.user-fields-wrapper .field--type-mobile-number {
  width: calc(50% - 50px);
  -webkit-margin-end: 50px;
          margin-inline-end: 50px;
}

.field--type-mobile-number .local-number {
  width: 100% !important;
}

.field--name-field-agree-terms {
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.field--name-field-agree-terms .js-form-type-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin: 0;
  padding: 0;
}

.field--name-field-agree-terms .js-form-type-checkbox .form-check-label {
  -webkit-padding-end: 30px;
          padding-inline-end: 30px;
}

.field--name-field-agree-terms .js-form-type-checkbox .form-check-label a {
  color: #000000;
}

.js-form-managed-file {
  padding-top: 40px;
  width: calc(50% - 50px);
  -webkit-margin-end: 50px;
          margin-inline-end: 50px;
}

.js-form-managed-file .image-widget-data {
  width: 100%;
}

#edit-field-is-entity-representative--wrapper .fieldset-legend {
  font-size: 16px;
  font-weight: bold;
}

#edit-field-is-entity-representative {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#edit-field-is-entity-representative .form-check.js-form-item-field-is-entity-representative {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}

#edit-field-is-entity-representative label.form-check-label {
  padding-right: 30px;
}

#edit-group-entities .details-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#edit-group-entities .details-wrapper #edit-field-is-entity-representative-wrapper {
  width: 100%;
}

#edit-group-entities .details-wrapper #edit-field-entity-wrapper {
  width: calc(50% - 30px);
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}

#edit-group-entities .details-wrapper #edit-field-authorization-letter-wrapper {
  width: calc(50% - 30px);
}

#edit-group-entities .details-wrapper #edit-field-authorization-letter-wrapper .js-form-managed-file {
  padding-top: 0;
  width: 100%;
}

.details-wrapper .fieldset-legend {
  font-size: 18px;
  font-weight: bold;
}

.details-wrapper .ief-form .js-form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 50px;
}

.details-wrapper .ief-form .field--type-list-string {
  width: calc(33% - 30px);
  margin: 15px;
}

.details-wrapper .ief-form .field--type-list-string .js-form-item {
  width: 100%;
}

.details-wrapper .ief-form .field--type-datetime {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.details-wrapper .ief-form .field--name-field-id-number,
.details-wrapper .ief-form .field--name-title,
.details-wrapper .ief-form .field--type-entity-reference,
.details-wrapper .ief-form .field--type-datetime,
.details-wrapper .ief-form .field--name-field-model,
.details-wrapper .ief-form .field--name-field-manufacturing-year,
.details-wrapper .ief-form .field--name-field-color,
.details-wrapper .ief-form .field--name-field-plate-number {
  margin: 15px;
  width: calc(33% - 30px);
}

.details-wrapper .ief-form .js-form-type-select.form-type-select {
  width: 100%;
}

.details-wrapper [data-drupal-selector~="edit-field-attendants-form-0-actions"],
.details-wrapper [data-drupal-selector~="edit-field-vehicles-form-0-actions"] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.details-wrapper [data-drupal-selector~="edit-field-attendants-form-0-actions"] .button,
.details-wrapper [data-drupal-selector~="edit-field-vehicles-form-0-actions"] .button {
  width: 170px;
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
  background: #954304;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
  opacity: 0.8;
}

.details-wrapper [data-drupal-selector~="edit-field-attendants-form-0-actions"] .button.ief-entity-submit,
.details-wrapper [data-drupal-selector~="edit-field-vehicles-form-0-actions"] .button.ief-entity-submit {
  background: #58665c;
}

.details-wrapper [data-drupal-selector~="edit-field-attendants-form-0-actions"] .button:hover,
.details-wrapper [data-drupal-selector~="edit-field-vehicles-form-0-actions"] .button:hover {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

#block-ksrnr-permits-theme-page-title .title {
  display: none !important;
}

.text-muted {
  font-size: 11px;
}

.ief-entity-operations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ief-entity-operations .button {
  width: 170px;
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
  background: #58665c;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
  opacity: 0.8;
}

.ief-entity-operations .button:nth-child(2) {
  background: #954304;
}

.ief-entity-operations .button:hover {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

#edit-cancel,
#edit-delete {
  background: #954304;
  height: 45px;
  line-height: 45px;
  border-radius: 6px;
  color: #fff;
  width: auto;
  padding: 0 25px;
  margin: 0 15px;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

#edit-cancel:hover,
#edit-delete:hover {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.send-button {
  background: #58665c;
  color: #fff;
  width: auto;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

.send-button:hover, .send-button:active, .send-button:focus {
  background: #58665c;
  color: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.mobile-number-field .verification.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  margin-bottom: 10px;
}

.mobile-number-field .verification.show .description {
  width: 100%;
  font-size: 13px;
}

.mobile-number-field .verification.show .verify-button {
  background: #58665c;
  color: #fff;
  width: auto;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
  margin-top: 30px;
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
}

.mobile-number-field .verification.show .verify-button:hover, .mobile-number-field .verification.show .verify-button:active, .mobile-number-field .verification.show .verify-button:focus {
  background: #58665c;
  color: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.field--type-mobile-number {
  position: relative;
}

.field--type-mobile-number .mobile-number-field div.verified {
  position: absolute;
  top: 0;
  left: 0;
}

.js .dropbutton-widget ul li.dropbutton-action a {
  line-height: 30px;
  -webkit-padding-start: 15px;
          padding-inline-start: 15px;
}

.view-empty h3 {
  font-size: 15px;
}

*:lang(en) .main-web-layout {
  direction: ltr;
}

*:lang(en) #block-ksrnr-permits-theme-content .table thead tr th:first-child {
  border-radius: 6px 0 0 6px;
}

*:lang(en) #block-ksrnr-permits-theme-content .table thead tr th:last-child {
  border-radius: 0 6px 6px 0;
}

*:lang(en) #block-ksrnr-permits-theme-content .table tbody tr td:first-child {
  border-radius: 6px 0 0 6px;
  border-left: 1px solid #d3d3d3;
  border-right: none;
}

*:lang(en) #block-ksrnr-permits-theme-content .table tbody tr td:last-child {
  border-radius: 0 6px 6px 0;
  border-right: 1px solid #d3d3d3;
  border-left: none;
}

*:lang(en) #block-ksrnr-permits-theme-content form .form-select {
  background-position: right 0.75rem center;
}

*:lang(en) #block-ksrnr-permits-theme-content
#edit-steps-label
.multi-steps-label
.step-label {
  margin-right: 12%;
  margin-left: inherit;
}

*:lang(en) #block-ksrnr-permits-theme-content
#edit-steps-label
.multi-steps-label
.step-label::after {
  right: -170px;
  left: inherit;
  font-size: 11px;
}

*:lang(en) .hamburgerlines,
*:lang(en) .hamburger input[type="checkbox"] {
  left: 35px;
}

*:lang(en) header .block-data-header {
  -webkit-padding-end: 20px;
          padding-inline-end: 20px;
}

*:lang(en) .anonymous-header .container-header .main-menu-home ul li.has-child:hover ul {
  left: inherit;
  right: 0;
}

#block-ksrnr-permits-theme-content #edit-steps-label .multi-steps-label .step-label:nth-child(1) {
  font-size: 8px;
}

.is-entity-browser-submit {
  display: none;
}

.page-user-register ul.horizontal-tabs-list {
  display: none;
}

*:lang(ar) .breadcrumb-item + .breadcrumb-item::before {
  float: right;
}

*:lang(en) .breadcrumb-item + .breadcrumb-item::before {
  float: left;
}

.breadcrumb {
  background: #f2f2f2;
  padding: 15px;
}

.breadcrumb a {
  color: #000;
  font-weight: 600;
}

.breadcrumb .breadcrumb-item.active {
  color: #ffffff !important;
  font-weight: 600;
}

.anonymous-header {
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  padding: 0;
  position: fixed;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 999;
}

.anonymous-header .container-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}

.anonymous-header .container-header .logo-home img {
  height: 75px;
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
}

.anonymous-header .container-header .main-menu-home ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.anonymous-header .container-header .main-menu-home ul li a {
  color: #000000;
  font-size: 16px;
  -webkit-margin-start: 30px;
          margin-inline-start: 30px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  padding-bottom: 5px;
}

.anonymous-header .container-header .main-menu-home ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #58665c;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.anonymous-header .container-header .main-menu-home ul li a:hover, .anonymous-header .container-header .main-menu-home ul li a:focus, .anonymous-header .container-header .main-menu-home ul li a:active {
  color: #954304;
}

.anonymous-header .container-header .main-menu-home ul li a:hover:before, .anonymous-header .container-header .main-menu-home ul li a:focus:before, .anonymous-header .container-header .main-menu-home ul li a:active:before {
  left: 0;
  right: 0;
}

.anonymous-header .container-header .main-menu-home ul li.has-child {
  position: relative;
}

.anonymous-header .container-header .main-menu-home ul li.has-child a.link-child {
  background: #58665c;
  color: #fff;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  width: 250px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.anonymous-header .container-header .main-menu-home ul li.has-child a.link-child::after {
  content: "";
  display: block;
  background: url("../images/icon-dwon.svg");
  background-repeat: no-repeat;
  width: 15px;
  height: 10px;
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

.anonymous-header .container-header .main-menu-home ul li.has-child ul {
  display: none;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

.anonymous-header .container-header .main-menu-home ul li.has-child:hover a.link-child {
  background: #954304;
}

.anonymous-header .container-header .main-menu-home ul li.has-child:hover a.link-child::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.anonymous-header .container-header .main-menu-home ul li.has-child:hover ul {
  display: block;
  position: absolute;
  left: 0;
  background: #fff;
  padding: 15px;
  -webkit-box-shadow: 0px 4px 8px 2px #e5e5e594;
          box-shadow: 0px 4px 8px 2px #e5e5e594;
  width: calc(100% - 30px);
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

.anonymous-header .container-header .main-menu-home ul li.has-child:hover ul li a {
  font-size: 15px;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #f0ecec;
  padding: 9px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.anonymous-header .container-header .main-menu-home ul li.has-child:hover ul li a img {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}

.anonymous-header .nav-link {
  padding-top: 0;
}

.anonymous-header .show-mneu-mobile {
  display: none;
}

.block-slider {
  height: 100vh;
  width: 100%;
}

.block-slider .item-slider {
  height: 100%;
}

.block-slider .item-slider img {
  height: 100%;
  width: 100%;
}

.block-slider .item-slider .details-slider-home {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block-slider .item-slider .details-slider-home h1 {
  font-size: 60px;
  color: #fff;
  font-weight: 600;
}

.block-slider .item-slider .details-slider-home h1 span {
  color: #fff;
  display: block;
  font-size: 35px;
  font-weight: 100;
  margin-bottom: 15px;
}

.block-slider .item-slider .details-slider-home .desc-slider {
  color: #fff;
  line-height: 34px;
  text-align: justify;
  font-weight: 100;
}

.block-slider .item-slider .details-slider-home .btns-slider {
  text-align: center;
  margin-top: 40px;
}

.block-slider .item-slider .details-slider-home .btns-slider a {
  border: 1px solid #58665c;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  height: 48px;
  width: 170px;
  line-height: 48px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 15px;
}

.block-slider .item-slider .details-slider-home .btns-slider a:hover, .block-slider .item-slider .details-slider-home .btns-slider a:active, .block-slider .item-slider .details-slider-home .btns-slider a:focus, .block-slider .item-slider .details-slider-home .btns-slider a.active {
  background: #ffb800;
}

.block-slider:after {
  content: "";
  background: url(../images/bg-slider.png);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.block-slider .btn-show-down {
  position: absolute;
  z-index: 33;
  bottom: 30px;
  width: 100%;
  text-align: center;
}

.block-slider .btn-show-down a {
  color: #fff;
  text-align: center;
}

.block-slider .btn-show-down a::before {
  content: "";
  background: url(../images/icon-dwon.svg);
  width: 15px;
  height: 10px;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  -webkit-animation-name: floating;
          animation-name: floating;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.block-slider .btn-show-down a:hover {
  color: #ffb800;
}

.about-us {
  background: #f9f9f9;
  padding: 75px 0;
}

.about-us .block-aboutus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0;
}

.about-us .block-aboutus .about-right {
  -webkit-padding-end: 100px;
          padding-inline-end: 100px;
  margin-top: 50px;
}

.about-us .block-aboutus .about-right h1 {
  color: #954304;
  font-size: 35px;
  font-weight: 600;
}

.about-us .block-aboutus .about-right .desc {
  font-size: 20px;
  text-align: justify;
  margin-top: 30px;
  line-height: 40px;
}

.about-us .block-aboutus .about-left {
  position: relative;
}

.about-us .block-aboutus .about-left:before {
  content: "";
  display: block;
  background: url(../images/icon-img-about.png);
  background-repeat: no-repeat;
  width: 74px;
  height: 80px;
  position: absolute;
  left: 0;
}

.about-us .block-aboutus .about-left:after {
  content: "";
  display: block;
  background: url(../images/icon-img-about.png);
  background-repeat: no-repeat;
  width: 74px;
  height: 80px;
  position: absolute;
  right: 3px;
  bottom: 5px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.about-us .block-aboutus .about-left img {
  height: 350px;
}

.services {
  padding: 50px 0;
}

.services .block-services h1 {
  color: #954304;
  font-size: 35px;
  font-weight: 600;
}

.services .block-services ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px !important;
}

.services .block-services ul li {
  width: 18%;
}

.services .block-services ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background: rgba(88, 102, 92, 0.6);
  border: 1px solid #58665c;
  padding: 30px;
  position: relative;
}

.services .block-services ul li a img {
  height: 50px;
  margin-bottom: 15px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.services .block-services ul li a span {
  position: absolute;
  left: 10px;
  top: 5px;
  color: #000000;
  background-color: #ffc107;
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.services .block-services ul li a:hover {
  background: #954304;
  color: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid #954304;
}

.services .block-services ul li a:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.services .block-services ul li a:hover span {
  color: #fff;
}

.services .block-service2 {
  margin-top: 150px;
  background: -webkit-gradient(linear, left top, left bottom, from(#7b3a23), to(#b05c3e));
  background: linear-gradient(180deg, #7b3a23 0%, #b05c3e 100%);
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.services .block-service2 .s-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 45%;
  -webkit-padding-end: 30px;
          padding-inline-end: 30px;
}

.services .block-service2 .s-block .icon-sev {
  background: #c27357;
  border-radius: 100%;
  width: 95px;
  height: 95px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.services .block-service2 .s-block .icon-sev img {
  height: 45px;
}

.services .block-service2 .s-block .desc-serv-block {
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
  width: calc(100% - 100px);
}

.services .block-service2 .s-block .desc-serv-block .title-ser {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 5px;
}

.services .block-service2 .s-block .desc-serv-block .desc-serv {
  color: #ffffff;
}

.services .block-service2 .link-service a {
  background: #c27357;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px;
}

.services .block-service2 .link-service a .img-se {
  text-align: center;
  margin-bottom: 10px;
}

.services .block-service2 .link-service a .desc-link-se span {
  color: #fff;
  font-size: 14px;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}

.services .block-service2 .link-service a:hover {
  background: #58665c;
}

.events {
  background: #f3f4f5;
}

.events .container-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.events .img-event-left {
  background: url("../images/banner-event.png");
  width: 44%;
  height: auto;
  background-size: cover;
  display: block;
  background-position: -320px;
}

.events .event-b {
  width: 50%;
  padding: 50px 0;
}

.events h1 {
  color: #954304;
  font-size: 35px;
  margin-bottom: 50px;
  font-weight: 600;
}

.events .block-events .item-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-padding-end: 15px;
          padding-inline-end: 15px;
}

.events .block-events .item-event:hover {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.events .block-events .item-event .img-event img {
  width: 135px;
  height: 120px;
}

.events .block-events .item-event .title-event {
  margin: 0 20px;
}

.events .block-events .item-event .title-event .name-event {
  font-size: 18px;
  color: #954304;
}

.events .block-events .item-event .title-event .loction-event {
  font-size: 15px;
}

.events .block-events .item-event .date-event .date-ev {
  color: #9d9d9d;
  font-size: 11px;
  line-height: 24px;
}

.events .show-all {
  background: #954304;
  color: #fff;
  padding: 12px 15px;
  margin: 0 auto;
  display: table;
}

.events .show-all:hover {
  background: #58665c;
}

.main-footer {
  background: #58665c;
  padding: 0;
  padding-top: 30px;
  margin-top: 100px;
}

.main-footer .block-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.main-footer .block-footer .logo-footer {
  background: url("../images/logo.png");
  height: 100px;
  width: 250px;
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: screen;
}

.main-footer .block-footer .menu-footer .title-menu {
  font-size: 14px;
  color: #fff;
  margin-bottom: 20px;
}

.main-footer .block-footer .menu-footer ul li a {
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  font-weight: 200;
}

.main-footer .block-footer .menu-footer ul li a:hover {
  text-decoration: underline !important;
}

.main-footer .block-footer .contact-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-footer .block-footer .contact-footer .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-margin-end: 40px;
          margin-inline-end: 40px;
}

.main-footer .block-footer .contact-footer .contact a {
  font-size: 30px;
  color: #fff;
}

.main-footer .bottom-footer {
  background: #415145;
  text-align: center;
  color: #fff;
  padding: 15px 0;
  margin-top: 30px;
}

.footerwrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
}

.footerwrapper .icon {
  position: relative;
  background: #ffffff;
  border-radius: 50%;
  padding: 15px;
  margin: 10px;
  width: 50px;
  height: 50px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.footerwrapper .tooltip {
  position: absolute;
  top: 0;
  font-size: 14px;
  background: #ffffff;
  color: #ffffff;
  padding: 5px 8px;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.footerwrapper .tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: #ffffff;
  bottom: -3px;
  left: 50%;
  -webkit-transform: translate(-50%) rotate(45deg);
          transform: translate(-50%) rotate(45deg);
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.footerwrapper .icon:hover .tooltip {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.footerwrapper .icon:hover span,
.footerwrapper .icon:hover .tooltip {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}

.footerwrapper .linkedin:hover,
.footerwrapper .linkedin:hover .tooltip,
.footerwrapper .linkedin:hover .tooltip::before {
  background: #0066cc;
  color: #ffffff;
}

.footerwrapper .twitter:hover,
.footerwrapper .twitter:hover .tooltip,
.footerwrapper .twitter:hover .tooltip::before {
  background: #1da1f2;
  color: #ffffff;
}

.footerwrapper .instagram:hover,
.footerwrapper .instagram:hover .tooltip,
.footerwrapper .instagram:hover .tooltip::before {
  background: #e4405f;
  color: #ffffff;
}

.footerwrapper .youtube:hover,
.footerwrapper .youtube:hover .tooltip,
.footerwrapper .youtube:hover .tooltip::before {
  background: #cd201f;
  color: #ffffff;
}

.footerwrapper .twitter:hover i {
  color: #ffffff;
}

.footerwrapper .instagram:hover i {
  color: #ffffff;
}

.footerwrapper .linkedin:hover i {
  color: #ffffff;
}

.infofooter {
  color: #ffffff;
  margin-bottom: 5px;
  font-size: 12px !important;
  text-align: center;
}

.infofooter:hover {
  text-decoration: underline !important;
  color: #ffffff;
}

.footerwrapper a {
  font-size: 10px !important;
}

.fa-linkedin {
  font-size: 20px !important;
}

.fa-twitter {
  font-size: 20px !important;
}

.fa-instagram {
  font-size: 20px !important;
}

.back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
}

*:lang(ar) .breadcrumb-item + .breadcrumb-item::before {
  float: right;
}

*:lang(en) .breadcrumb-item + .breadcrumb-item::before {
  float: left;
}

.breadcrumb {
  background: #f2f2f2;
  padding: 15px;
}

.breadcrumb a {
  color: #000;
  font-weight: 600;
}

.breadcrumb .breadcrumb-item.active {
  color: #ffffff !important;
  font-weight: 600;
}

.progress-title {
  text-align: center;
}

.progress-tracker--center {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
  margin-top: 20px;
  margin: 0 auto;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.progress-step {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  margin: 0;
  padding: 0;
  min-width: 24px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.progress-step .progress-marker {
  background: #f4e9e4;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  padding: 0;
  font-size: 35px;
  font-weight: bold;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.progress-marker::before {
  content: attr(data-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 20;
  padding-bottom: 0;
  border-radius: 50%;
  -webkit-transition: background-color, border-color;
  transition: background-color, border-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 100px;
  height: 100px;
  text-align: center;
  padding: 20px;
}

.webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before, .webform-progress-tracker .progress-step:hover .progress-marker::before, .webform-progress-tracker .progress-step .progress-marker::after {
  background-color: transparent;
}

.progress-step .progress-marker::before {
  display: block;
  color: #dca883;
}

.progress-step.is-active .progress-marker::before {
  background: #954304;
  color: #fff;
}

.webform-progress-tracker .progress-step.is-active:hover .progress-marker::before {
  background-color: #954304;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker::before, .webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before, .webform-progress-tracker .progress-step.is-complete .progress-marker::after {
  background-color: #58665c;
}

.webform-progress-tracker .progress-step.is-active .progress-title {
  font-weight: bold;
  color: #954304;
}

.progress-marker::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -10;
  top: 50%;
  right: -12px;
  width: 100%;
  height: 4px;
  -webkit-transition: background-color 0.3s, background-position 0.3s;
  transition: background-color 0.3s, background-position 0.3s;
  content: "";
  border-bottom: 1px solid #d9d9d9;
  display: inline-block;
  width: 325%;
  position: absolute;
  right: -326% !important;
}

[dir=rtl] .progress-tracker--center .progress-marker::after {
  left: 235% !important;
  right: 100% !important;
}

#edit-wizard-prev {
  background-color: #f4e9e4;
  border: 1px solid #f4e9e4;
  width: auto;
  color: #dca883;
}

#edit-wizard-next {
  background: #58665c;
  border: 1px solid #58665c;
  width: auto;
}

#edit-submit {
  background: #58665c;
  border: 1px solid #58665c;
  width: auto;
}

#edit-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

div#edit-page-2 {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  margin-top: 30px;
}

div#edit-page-2 fieldset#edit-gender--wrapper {
  width: 30%;
}

div#edit-page-2 fieldset#edit-registered-in-nvg--wrapper {
  width: 100%;
}

.form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-check .form-check-input {
  float: left;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.select2-container--default .select2-selection--single {
  height: 38px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.main-footer {
  background: #58665c;
  padding: 0;
  padding-top: 30px;
  margin-top: 100px;
}

.main-footer .block-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.main-footer .block-footer .logo-footer {
  background: url("../images/logo.png");
  height: 100px;
  width: 250px;
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: screen;
}

.main-footer .block-footer .menu-footer .title-menu {
  font-size: 14px;
  color: #fff;
  margin-bottom: 20px;
}

.main-footer .block-footer .menu-footer ul li a {
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  font-weight: 200;
}

.main-footer .block-footer .menu-footer ul li a:hover {
  text-decoration: underline !important;
}

.main-footer .block-footer .contact-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-footer .block-footer .contact-footer .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-margin-end: 40px;
          margin-inline-end: 40px;
}

.main-footer .block-footer .contact-footer .contact a {
  font-size: 30px;
  color: #fff;
}

.main-footer .bottom-footer {
  background: #415145;
  text-align: center;
  color: #fff;
  padding: 15px 0;
  margin-top: 30px;
}

@media only screen and (max-width: 820px) {
  .login-page {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .login-page .login-right {
    height: 50vh;
    width: 100%;
  }
  .login-page .login-left {
    height: 35vh;
    width: 100%;
  }
  .login-page .login-left:after {
    display: none;
  }
  .horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button a {
    color: #fff;
    font-size: 14px;
  }
  .user-fields-wrapper .field--type-string,
  .user-fields-wrapper .field--type-list-string,
  .user-fields-wrapper .field--type-mobile-number {
    width: calc(50% - 20px);
    -webkit-margin-end: 20px;
    margin-inline-end: 20px;
  }
  #block-ksrnr-permits-theme-content #edit-group-basic-information {
    padding: 0;
  }
  #block-ksrnr-permits-theme-content .table thead tr th {
    font-size: 11px;
  }
  #block-ksrnr-permits-theme-content .table tbody tr td {
    font-size: 11px;
  }
  #block-ksrnr-permits-theme-content form .form-actions .js-form-submit,
  #block-ksrnr-permits-theme-content .eb-tabs ul li:first-child a,
  #block-ksrnr-permits-theme-content .eb-tabs ul li:last-child a {
    font-size: 12px;
  }
  #edit-field-attendants-actions-ief-add,
  #edit-field-vehicles-actions-ief-add {
    margin-top: -100px;
  }
  .anonymous-header .container-header .logo-home img {
    height: 60px;
  }
  .anonymous-header .container-header .main-menu-home ul li a,
  a.language-link {
    font-size: 12px;
  }
  .anonymous-header
.container-header
.main-menu-home
ul
li.has-child:hover
ul
li
a {
    font-size: 12px;
  }
  .block-slider .item-slider img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .about-us .block-aboutus .about-left img {
    height: 250px;
  }
  .about-us .block-aboutus .about-right {
    -webkit-padding-end: 50px;
            padding-inline-end: 50px;
    margin-top: 20px;
  }
  .about-us .block-aboutus .about-right .desc {
    font-size: 14px;
    line-height: 30px;
  }
  .services .block-services ul li a {
    padding: 15px;
    height: 80px;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .services .block-services ul li a img {
    height: 50px;
    width: 50px;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
  }
  .services .block-service2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .services .block-service2 .link-service {
    width: 100%;
  }
  .services .block-service2 .link-service a {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
            flex-direction: inherit;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .services .block-service2 .link-service a .img-se {
    margin-bottom: 0;
    -webkit-margin-end: 20px;
            margin-inline-end: 20px;
  }
  .services .block-service2 .s-block {
    width: 100%;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
    margin-bottom: 30px;
  }
  .events .container-event {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .events .event-b {
    width: 100%;
  }
  .events .img-event-left {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
  }
  .main-footer .block-footer .logo-footer {
    width: 155px;
  }
  .main-footer .block-footer .contact-footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-footer .block-footer .contact-footer .contact {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    margin-bottom: 20px;
  }
  .main-footer .block-footer .contact-footer .contact a {
    font-size: 15px;
  }
  *:lang(en) .anonymous-header .container-header .main-menu-home ul li a,
  *:lang(en) a.language-link {
    font-size: 11px;
    -webkit-margin-start: 20px;
            margin-inline-start: 20px;
  }
  *:lang(en) .breadcrumb-item + .breadcrumb-item::before {
    float: left;
  }
  *:lang(en) .anonymous-header
.container-header
.main-menu-home
ul
li.has-child:hover
ul {
    width: calc(100% - 20px);
  }
  *:lang(en) .anonymous-header
.container-header
.main-menu-home
ul
li.has-child:hover
ul li a {
    font-size: 11px;
  }
  *:lang(en) .hamburger-lines-home,
  *:lang(en) .checkbox-menu {
    right: 20px;
    left: inherit;
  }
  *:lang(en) .anonymous-header
.container-header
.main-menu-home
ul
li.has-child
a.link-child::after {
    right: 15px;
    left: inherit;
  }
}

@media only screen and (max-width: 768px) {
  .hamburger input[type="checkbox"]:checked ~ .menu-items {
    position: absolute;
    width: 230px;
    z-index: 999;
  }
  .hamburger input[type="checkbox"] {
    z-index: 99999;
  }
  .hamburgerlines {
    z-index: 9999;
  }
  .horizontal-tabs.clearfix .horizontal-tabs-list .horizontal-tab-button {
    -webkit-margin-end: 15px;
            margin-inline-end: 15px;
  }
}

@media only screen and (max-width: 840px) {
  .login-page .login-right h3 {
    line-height: 35px;
    font-size: 18px;
  }
  .login-page .login-right h2 {
    font-size: 25px;
  }
  .login-page .login-left .logo img {
    height: 140px;
  }
  header {
    position: relative;
    z-index: 1000;
  }
  header .logo {
    margin: 0 auto;
  }
  header .logo a {
    background: url("../images/logo-mobile.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background-size: contain;
  }
  header .header-left .block-user-header {
    display: none;
  }
  .menu-items {
    display: none;
  }
  .hamburger input[type="checkbox"]:checked ~ .menu-items {
    position: absolute;
    width: 175px;
    z-index: 999;
  }
  .hamburger input[type="checkbox"] {
    z-index: 99999;
  }
  .hamburgerlines {
    z-index: 9999;
  }
  .menu-items li {
    -webkit-padding-start: 10px;
            padding-inline-start: 10px;
  }
  .menu-items li a i {
    font-size: 16px;
    width: 35px;
    height: 35px;
  }
  .menu-items li a span {
    font-size: 13px;
    -webkit-margin-start: 5px;
            margin-inline-start: 5px;
  }
  .user-fields-wrapper .field--type-string,
  .user-fields-wrapper .field--type-list-string,
  .user-fields-wrapper .field--type-mobile-number {
    width: 100%;
  }
  .user-profile-page .horizontal-tabs .form-wrapper summary {
    background: #58665c;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 15px;
  }
  .user-profile-page #edit-group-vehicles summary {
    display: block;
  }
  .main-content
.content-fotm-inner
.required-fields.field-group-html-element.step1-group1
.field--type-entity-reference {
    width: 50%;
  }
  .main-content
.content-fotm-inner
.required-fields.field-group-html-element.dates-wrapper
#edit-field-entry-date-0-value,
  .main-content
.content-fotm-inner
.required-fields.field-group-html-element.dates-wrapper
#edit-field-exit-date-0-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-content
.content-fotm-inner
.required-fields.field-group-html-element.dates-wrapper
#edit-field-entry-date-0
.js-form-item,
  .main-content
.content-fotm-inner
.required-fields.field-group-html-element.dates-wrapper
#edit-field-exit-date-0
.js-form-item {
    width: 100%;
  }
  #block-ksrnr-permits-theme-content
.entity-browser-form
.form-wrapper
.form-wrapper {
    width: 100%;
    margin: 0 15px;
  }
  #block-ksrnr-permits-theme-content form .form-actions .js-form-submit,
  #block-ksrnr-permits-theme-content .eb-tabs ul li:first-child a,
  #block-ksrnr-permits-theme-content .eb-tabs ul li:last-child a {
    font-size: 10px;
  }
  .rendered-entity {
    padding: 20px;
    width: 100%;
  }
  #block-ksrnr-permits-theme-content
#edit-steps-label
.multi-steps-label
.step-label {
    background: #f7f5f4;
    -webkit-margin-end: 15px;
            margin-inline-end: 15px;
    border-radius: 5px;
    height: 60px;
    font-size: 8px;
    padding: 0 13px;
  }
  #block-ksrnr-permits-theme-content
#edit-steps-label
.multi-steps-label
.step-label::before {
    font-size: 12px;
  }
  #block-ksrnr-permits-theme-content
#edit-steps-label
.multi-steps-label
.step-label::after {
    display: none;
  }
  nav.eb-tabs {
    margin-bottom: 20px;
  }
  .main-content #block-ksrnr-permits-theme-page-title .title {
    font-size: 18px;
  }
  .entities-list .item-container {
    margin: 0;
  }
  #block-ksrnr-permits-theme-content
.view-permits-list
.view-filters
.form-select {
    width: 100%;
  }
  .detais-permit-page .main-details-permit {
    padding: 20px;
  }
  .detais-permit-page .main-details-permit .input-group-per {
    width: 100%;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    margin-bottom: 15px;
  }
  .detais-permit-page .main-details-permit .block-per {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .detais-permit-page .main-details-permit .field--type-entity-reference {
    margin: 0;
  }
  .detais-permit-page
.header-title-page-permit
.left-header-title
.status-permit {
    font-size: 11px;
  }
  .details-wrapper .ief-form .field--name-field-id-number,
  .details-wrapper .ief-form .field--name-title,
  .details-wrapper .ief-form .field--type-entity-reference,
  .details-wrapper .ief-form .field--type-datetime,
  .details-wrapper .ief-form .field--name-field-model,
  .details-wrapper .ief-form .field--name-field-manufacturing-year,
  .details-wrapper .ief-form .field--name-field-color,
  .details-wrapper .ief-form .field--name-field-plate-number {
    width: 100%;
    margin: 0;
    margin-bottom: 0 !important;
  }
  .details-wrapper .ief-form .field--name-field-id-number .mb-3,
  .details-wrapper .ief-form .field--name-title .mb-3,
  .details-wrapper .ief-form .field--type-entity-reference .mb-3,
  .details-wrapper .ief-form .field--type-datetime .mb-3,
  .details-wrapper .ief-form .field--name-field-model .mb-3,
  .details-wrapper .ief-form .field--name-field-manufacturing-year .mb-3,
  .details-wrapper .ief-form .field--name-field-color .mb-3,
  .details-wrapper .ief-form .field--name-field-plate-number .mb-3 {
    margin-bottom: 0 !important;
  }
  #edit-field-attendants-actions-ief-add,
  #edit-field-vehicles-actions-ief-add {
    width: 110px;
    left: 10px;
    height: 34px !important;
    margin-top: -93px !important;
    font-size: 12px;
    font-weight: normal;
    border-radius: 5px !important;
  }
  .details-wrapper .ief-form .field--type-list-string,
  #edit-group-entities .details-wrapper #edit-field-entity-wrapper,
  #edit-group-entities
.details-wrapper
#edit-field-authorization-letter-wrapper {
    width: 100%;
    margin: 0;
  }
  .details-wrapper .ief-form .field--type-list-string .mb-3,
  #edit-group-entities .details-wrapper #edit-field-entity-wrapper .mb-3,
  #edit-group-entities
.details-wrapper
#edit-field-authorization-letter-wrapper .mb-3 {
    margin-bottom: 0 !important;
  }
  .details-wrapper
[data-drupal-selector~="edit-field-attendants-form-0-actions"],
  .details-wrapper
[data-drupal-selector~="edit-field-vehicles-form-0-actions"] {
    margin-top: 30px;
  }
  .block-slider .item-slider .details-slider-home {
    padding: 20px;
  }
  .block-slider .item-slider .details-slider-home h1 {
    font-size: 45px;
  }
  .block-slider .item-slider .details-slider-home h1 span {
    font-size: 25px;
  }
  .block-slider .item-slider .details-slider-home .btns-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .about-us .block-aboutus {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .about-us .block-aboutus .about-right {
    -webkit-padding-end: 0;
            padding-inline-end: 0;
  }
  .about-us .block-aboutus .about-left {
    width: 100%;
    margin-top: 30px;
  }
  .about-us .block-aboutus .about-left img {
    width: 100%;
  }
  .services .block-services ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .services .block-services ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .services .block-service2 {
    padding: 20px;
  }
  .services .block-service2 .s-block .icon-sev {
    width: 55px;
    height: 55px;
  }
  .services .block-service2 .s-block .icon-sev img {
    height: 25px;
  }
  .services .block-service2 .desc-serv-block .title-ser {
    font-size: 18px;
  }
  .services .block-service2 .desc-serv-block .desc-serv {
    font-size: 12px;
    font-weight: 100;
    line-height: 24px;
  }
  .events .block-events .item-event {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15px;
  }
  .events .block-events .item-event .img-event {
    width: 100%;
  }
  .events .block-events .item-event .img-event img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .events .block-events .item-event .title-event {
    margin: 20px 0;
  }
  .events .block-events .item-event .date-event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .main-footer .block-footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main-footer .block-footer .menu-footer {
    width: 100%;
    margin-bottom: 30px;
  }
  .main-footer .block-footer .menu-footer .title-menu,
  .main-footer .block-footer .menu-footer ul li {
    text-align: center;
  }
  .main-footer .block-footer .menu-footer .title-menu {
    margin-bottom: 10px;
  }
  .main-footer .block-footer .logo-footer {
    width: 215px;
  }
  .main-footer .block-footer .contact-footer {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
  .main-footer .bottom-footer {
    font-size: 9px;
  }
  .about-us .block-aboutus .about-right h1,
  .services .block-services h1,
  .events h1 {
    font-size: 28px;
  }
  .block-slider .item-slider .details-slider-home .desc-slider {
    font-size: 12px;
    line-height: 30px;
  }
  .anonymous-header .show-mneu-mobile {
    display: block;
  }
  .anonymous-header .container-header .main-menu-home ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    position: absolute !important;
    z-index: 22;
    top: 70px;
    right: 0;
    background: #f3f4f5;
    padding: 20px;
    display: none;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  }
  .anonymous-header .container-header .main-menu-home ul li {
    width: 100%;
    text-align: center;
  }
  .anonymous-header .container-header .main-menu-home ul li a {
    width: 100%;
    text-align: center;
    line-height: 30px;
    -webkit-margin-start: 0 !important;
            margin-inline-start: 0 !important;
  }
  .anonymous-header .nav-link {
    width: 100%;
    text-align: center;
  }
  .anonymous-header .container-header {
    height: 70px;
  }
  .anonymous-header
.container-header
.main-menu-home
ul
li.has-child
a.link-child {
    height: 45px;
  }
  .anonymous-header
.container-header
.main-menu-home
ul
li.has-child
a.link-child::after {
    left: 15px;
    position: absolute;
  }
  .anonymous-header .container-header .main-menu-home ul li.has-child:hover ul {
    width: 100%;
  }
  .anonymous-header .container-header .main-menu-home ul li a {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .checkbox-menu {
    position: absolute;
    display: block;
    height: 32px;
    width: 32px;
    top: 20px;
    left: 20px;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
  }
  .hamburger-lines-home {
    display: block;
    height: 26px;
    width: 32px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .hamburger-lines-home .line {
    display: block;
    height: 4px;
    width: 100%;
    border-radius: 10px;
    background: #954304;
  }
  .hamburger-lines-home .line1 {
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  }
  .hamburger-lines-home .line2 {
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  }
  .hamburger-lines-home .line3 {
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  }
  input[type="checkbox"]:checked ~ .hamburger-lines-home .line1 {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  input[type="checkbox"]:checked ~ .hamburger-lines-home .line2 {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  input[type="checkbox"]:checked ~ .hamburger-lines-home .line3 {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .innerpage-before-login .main-content {
    margin-top: 85px !important;
  }
  .hamburgerlines {
    top: 30px;
    right: 15px;
  }
  *:lang(en) .inner-after-login .hamburgerlines,
  *:lang(en) .inner-after-login .hamburger input[type="checkbox"] {
    left: 20px;
  }
}

@media only screen and (max-width: 1100px) {
  .progress-marker::after {
    width: 216%;
  }
  *:lang(en) .progress-marker::after {
    width: 220%;
    right: -206% !important;
  }
}

@media only screen and (max-width: 767px) {
  .progress-marker::after {
    width: 150%;
  }
  *:lang(en) .progress-marker::after {
    width: 104%;
    right: -103% !important;
  }
}

div#edit-page-2 fieldset#edit-gender--wrapper {
  width: 60%;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker::before, .webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before, .webform-progress-tracker .progress-step.is-complete .progress-marker::after {
  background-color: transparent;
}

.breadcrumb {
  background: #954304;
  border-radius: 5px;
}

.breadcrumb a {
  color: #fff !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #fff !important;
}

.form-item-gender {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#edit-gender-female {
  float: right;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

#edit-gender-male {
  float: right;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
/*# sourceMappingURL=style.css.map */