@font-face {
  font-family: 'Roboto-Black';
  src: url("../../font/roboto-black.woff2") format("woff2"), url("../../font/roboto-black.eot") format("embedded-opentype"), url("../../font/roboto-black.svg") format("svg"), url("../../font/roboto-black.ttf") format("truetype"), url("../../font/roboto-black.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Roboto-Bold';
  src: url("../../font/Roboto-Bold.woff2") format("woff2"), url("../../font/Roboto-Bold.eot") format("embedded-opentype"), url("../../font/Roboto-Bold.svg") format("svg"), url("../../font/Roboto-Bold.ttf") format("truetype"), url("../../font/Roboto-Bold.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Roboto-Light';
  src: url("../../font/Roboto-Light.woff2") format("woff2"), url("../../font/Roboto-Light.eot") format("embedded-opentype"), url("../../font/Roboto-Light.svg") format("svg"), url("../../font/Roboto-Light.ttf") format("truetype"), url("../../font/Roboto-Light.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'roboto-medium';
  src: url("../../font/roboto-medium.woff2") format("woff2"), url("../../font/roboto-medium.eot") format("embedded-opentype"), url("../../font/roboto-medium.svg") format("svg"), url("../../font/roboto-medium.ttf") format("truetype"), url("../../font/roboto-medium.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Roboto-Regular';
  src: url("../../font/Roboto-Regular.woff2") format("woff2"), url("../../font/Roboto-Regular.eot") format("embedded-opentype"), url("../../font/Roboto-Regular.svg") format("svg"), url("../../font/Roboto-Regular.ttf") format("truetype"), url("../../font/Roboto-Regular.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'icomoon';
  src: url("../../font/icomoon.eot") format("embedded-opentype"), url("../../font/icomoon.woff2") format("woff2"), url("../../font/icomoon.ttf") format("truetype"), url("../../font/icomoon.woff") format("woff"), url("../../font/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon_"], [class*=" icon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon_delete:before {
  content: "\e905"; }

.icon_arrow_left:before {
  content: "\e901"; }

.icon_arrow_right:before {
  content: "\e902"; }

.icon_ok:before {
  content: "\e903"; }

.icon_upload:before {
  content: "\e904"; }

.icon_Twitter_X_icon:before {
  content: "\e900"; }

.headdis {
  background: white; }

.form-container {
  min-height: 75svh; }
  .form-container p {
    font-family: "Roboto-Light";
    font-size: 15px;
    color: #464646; }
    .form-container p strong {
      font-family: "Roboto-Bold";
      font-size: 23px; }
      .form-container p strong span {
        color: #40B1FF;
        font-size: 31px; }
    @media only screen and (max-width: 768px) {
      .form-container p strong span {
        font-size: 25px; } }
    @media only print and (max-width: 768px) {
      .form-container p {
        font-size: 12px; }
        .form-container p strong {
          font-size: 14px; }
          .form-container p strong span {
            font-size: 17px; } }
  .form-container .form-button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px; }
    .form-container .form-button span {
      font-family: "Roboto-Bold";
      cursor: pointer;
      max-width: 335px;
      background: #E4E3EC;
      width: 100%;
      padding: 50px;
      font-size: 22px;
      color: #464646;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      transition: .3s ease; }
      @media only screen and (max-width: 768px) {
        .form-container .form-button span {
          max-width: 100%; } }
      .form-container .form-button span:hover {
        background: #5C82D9;
        color: white; }
    .form-container .form-button .actived {
      background: #5C82D9;
      color: white; }
  .form-container .person-container {
    max-width: 950px;
    display: none; }
    .form-container .person-container .form-button {
      margin-top: 50px; }
  .form-container .new-application {
    max-width: 950px;
    display: none; }
    .form-container .new-application .form-button {
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .form-container .new-application .form-button span {
        padding: 20px;
        max-width: 31%;
        font-size: 18px; }
        @media only screen and (max-width: 768px) {
          .form-container .new-application .form-button span {
            max-width: 100%; } }
  .form-container .installation-location {
    display: none !important; }
  .form-container .captcha-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 15px; }
    @media only screen and (max-width: 768px) {
      .form-container .captcha-content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .form-container .captcha-content .form-group {
      margin-top: 15px; }
    .form-container .captcha-content button {
      border: none;
      font-family: "Roboto-Bold";
      font-size: 21px;
      max-width: 200px;
      width: 100%;
      height: 50px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      color: white;
      background: #40B1FF;
      padding: 10px; }
  .form-container .w-full {
    width: 100%; }
  .form-container .w-75-full {
    width: 75%; }
    @media only screen and (max-width: 768px) {
      .form-container .w-75-full {
        width: 100%; } }
  .form-container .w-55-full {
    width: 55%; }
    @media only screen and (max-width: 768px) {
      .form-container .w-55-full {
        width: 100%; } }
  .form-container .mrg-10 {
    margin: 10px; }
  .form-container .align-end {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: end;
    align-items: end; }
  .form-container .bg-grey {
    background: #FAFAFA;
    margin-bottom: 20px; }
  .form-container .unlicensed-form {
    max-width: 950px;
    display: none; }
  .form-container .unlicensed-upload-files {
    max-width: 950px;
    display: none; }
    .form-container .unlicensed-upload-files .content-col-parent .content-col:last-child .content-addBtn {
      display: block !important; }
    .form-container .unlicensed-upload-files .content-col-parent .content-col:first-child .content-removeBtn {
      display: none !important; }
    .form-container .unlicensed-upload-files .content-col {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      width: 70%;
      position: relative;
      margin-bottom: 20px;
      padding-bottom: 10px; }
      @media (max-width: 768px) {
        .form-container .unlicensed-upload-files .content-col {
          width: 100%;
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -moz-box-direction: normal;
          -moz-box-orient: vertical;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 10px; } }
      .form-container .unlicensed-upload-files .content-col label {
        margin: 0;
        width: 100%; }
      .form-container .unlicensed-upload-files .content-col .content-addBtn {
        cursor: pointer;
        color: #DE0000;
        font-size: 14px;
        font-family: "Roboto-Bold";
        position: absolute;
        top: 100%;
        right: 0%;
        display: none; }
      .form-container .unlicensed-upload-files .content-col .content-removeBtn {
        cursor: pointer;
        color: #DE0000;
        font-size: 14px;
        font-family: "Roboto-Bold";
        position: absolute;
        top: 100%;
        right: 15%; }
  .form-container .upload-content {
    position: relative;
    width: 100%; }
    .form-container .upload-content .file-btn {
      background-color: #FFFFFF;
      color: #3FB1FE;
      font-family: "Roboto-Bold";
      font-size: 15px;
      cursor: pointer;
      width: 100%;
      height: 50px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      gap: 10px; }
      .form-container .upload-content .file-btn i {
        font-size: 20px; }
    .form-container .upload-content .actual-btn {
      display: none; }
    .form-container .upload-content .delete {
      cursor: pointer;
      position: absolute;
      top: 50%;
      right: -10%;
      transform: translate(10%, -50%);
      display: none; }
      .form-container .upload-content .delete i {
        color: #DE0000;
        font-size: 20px; }
    .form-container .upload-content .file-chosen {
      position: absolute;
      top: 50%;
      right: -50%;
      transform: translate(50%, -50%);
      font-family: "Roboto-Bold";
      font-size: 15px; }
  .form-container .wind-power {
    max-width: 950px;
    display: none; }
  .form-container .photovoltaic-solar-energy, .form-container .photovoltaic-solar-energy-other {
    max-width: 950px;
    display: none; }
  .form-container .unlicensed-signature {
    max-width: 950px;
    margin-bottom: 50px;
    display: none; }
  .form-container .special-container {
    padding: 40px;
    /*@include flexbox();*/
    display: grid;
    column-gap: 10px;
    row-gap: 20px;
    /*@include flex-wrap(wrap);*/ }
    @media only screen and (max-width: 768px) {
      .form-container .special-container {
        padding: 20px; } }
  .form-container .form-content p {
    margin: 0; }
  .form-container .form-content label {
    font-family: "Roboto-Regular";
    font-weight: inherit; }
    @media only print and (max-width: 768px) {
      .form-container .form-content label {
        font-size: 12px; } }
    .form-container .form-content label span {
      color: red; }
  .form-container .form-content input, .form-container .form-content textarea, .form-container .form-content select {
    padding: 15px;
    border: none;
    /*border: #E4E3EC solid 1px;*/
    width: 100%; }
    .form-container .form-content input::-webkit-input-placeholder, .form-container .form-content textarea::-webkit-input-placeholder, .form-container .form-content select::-webkit-input-placeholder {
      color: #D0CCD9; }
    .form-container .form-content input:-moz-placeholder, .form-container .form-content textarea:-moz-placeholder, .form-container .form-content select:-moz-placeholder {
      color: #D0CCD9; }
    .form-container .form-content input::-moz-placeholder, .form-container .form-content textarea::-moz-placeholder, .form-container .form-content select::-moz-placeholder {
      color: #D0CCD9; }
    .form-container .form-content input:-ms-input-placeholder, .form-container .form-content textarea:-ms-input-placeholder, .form-container .form-content select:-ms-input-placeholder {
      color: #D0CCD9; }
    @media only print and (max-width: 768px) {
      .form-container .form-content input, .form-container .form-content textarea, .form-container .form-content select {
        padding: 9px; } }
  .form-container .form-content textarea {
    resize: none; }
  .form-container .form-content input:read-only {
    font-family: "Roboto-Bold";
    cursor: no-drop; }
  .form-container .form-content input[type=checkbox] {
    cursor: pointer;
    margin-right: 5px; }
  .form-container .form-content select {
    min-height: 48px; }
  @media only screen and (max-width: 768px) {
    .form-container .form-content .table-content {
      width: 100%;
      overflow: auto; } }
  @media only print and (max-width: 768px) {
    .form-container .form-content .table-content tr th {
      font-size: 12px;
      padding: 8px; }
    .form-container .form-content .table-content tr td {
      font-size: 12px; } }
  .form-container .form-content .table-content table {
    width: 100%; }
    .form-container .form-content .table-content table tr {
      height: 50px; }
      @media only print and (max-width: 768px) {
        .form-container .form-content .table-content table tr {
          height: auto; } }
      .form-container .form-content .table-content table tr th {
        padding-inline: 15px;
        vertical-align: middle; }
        .form-container .form-content .table-content table tr th:first-child {
          padding-inline: 30px; }
      .form-container .form-content .table-content table tr td {
        vertical-align: middle; }
        .form-container .form-content .table-content table tr td:first-child {
          width: 40%;
          padding-inline: 30px; }
        .form-container .form-content .table-content table tr td input {
          padding: 15px; }
  .form-container .form-content .kt table tr td:last-child {
    width: 30%; }
  .form-container .form-content table tr {
    position: relative; }
    .form-container .form-content table tr th {
      border: solid 1px #E4E3EC;
      font-family: "Roboto-Light";
      font-size: 14px; }
      .form-container .form-content table tr th:first-child {
        white-space: nowrap; }
    .form-container .form-content table tr td {
      border: solid 1px #E4E3EC;
      font-size: 14px; }
  .form-container .form-content .content-end {
    margin-top: 20px; }
    .form-container .form-content .content-end p {
      font-size: 15px; }
      .form-container .form-content .content-end p strong {
        font-size: 15px; }
        .form-container .form-content .content-end p strong span {
          font-size: 23px;
          color: inherit; }
      @media only print and (max-width: 768px) {
        .form-container .form-content .content-end p {
          font-size: 12px; }
          .form-container .form-content .content-end p strong {
            font-size: 12px; }
            .form-container .form-content .content-end p strong span {
              font-size: 15px; } }
  .form-container .form-content button {
    border: none;
    background: none;
    width: max-content;
    margin-right: auto;
    font-family: "Roboto-Bold";
    font-size: 14px;
    margin-top: 5px;
    color: #6B6B6B; }
  .form-container .form-content .remove {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: none; }
    .form-container .form-content .remove i {
      color: #DE0000;
      font-size: 20px; }
  .form-container .form-content .tab-menu-signature {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 10px; }
    .form-container .form-content .tab-menu-signature a {
      font-family: "Roboto-Bold";
      font-size: 15px;
      width: 100%;
      height: 50px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      color: white;
      background: #E5AB56;
      padding: 10px; }
      .form-container .form-content .tab-menu-signature a:nth-child(2n) {
        background: #40B1FF; }
  .form-container .form-content .tab-menu-signature-content {
    margin-top: 20px; }
    .form-container .form-content .tab-menu-signature-content .tab-content {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      gap: 10px;
      display: none; }
      .form-container .form-content .tab-menu-signature-content .tab-content .print-list {
        background-color: #FFFFFF;
        color: #3FB1FE;
        font-family: "Roboto-Bold";
        font-size: 15px;
        cursor: pointer;
        width: 100%;
        height: 50px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center; }
    .form-container .form-content .tab-menu-signature-content .active {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
  .form-container .br-none {
    width: auto !important;
    border: none !important;
    padding: 0 !important; }
  .form-container .check-content {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 87%;
    margin-bottom: 10px; }
    .form-container .check-content .checkbox-container {
      height: auto; }
    .form-container .check-content .checkbox-flex {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: start;
      align-items: start;
      gap: 5px;
      width: 215px; }
      .form-container .check-content .checkbox-flex input {
        margin-top: 5px; }
  .form-container .controll-btn {
    margin: 50px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .form-container .controll-btn .page-btn {
      font-family: "Roboto-Bold";
      cursor: pointer;
      background: #464646;
      padding: 15px 30px;
      width: max-content;
      font-size: 15px;
      color: #FFFFFF;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      transition: .3s ease;
      border: solid 1px #464646;
      gap: 10px; }
      .form-container .controll-btn .page-btn:hover {
        background: #FFFFFF;
        color: #464646; }
    .form-container .controll-btn .mrg-left {
      margin-left: auto; }
  .form-container .formPopup, .form-container .formPopup-2, .form-container .formPopup-3 {
    position: fixed;
    top: 0;
    left: 0;
    backdrop-filter: blur(5px);
    background-color: rgba(64, 177, 255, 0.22);
    height: 100%;
    width: 100%;
    z-index: 99;
    text-align: center;
    display: none; }
    .form-container .formPopup .content, .form-container .formPopup-2 .content, .form-container .formPopup-3 .content {
      padding: 50px;
      background: white;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 100;
      max-width: 460px;
      width: 100%; }
      @media only screen and (max-width: 768px) {
        .form-container .formPopup .content, .form-container .formPopup-2 .content, .form-container .formPopup-3 .content {
          max-width: 90%; } }
      .form-container .formPopup .content p, .form-container .formPopup-2 .content p, .form-container .formPopup-3 .content p {
        font-family: "Roboto-Regular";
        font-size: 20px;
        color: #464646; }
      .form-container .formPopup .content .req, .form-container .formPopup-2 .content .req, .form-container .formPopup-3 .content .req {
        display: none; }
      .form-container .formPopup .content .list-div, .form-container .formPopup-2 .content .list-div, .form-container .formPopup-3 .content .list-div {
        margin-top: 40px; }
        .form-container .formPopup .content .list-div p, .form-container .formPopup-2 .content .list-div p, .form-container .formPopup-3 .content .list-div p {
          color: #FF0000;
          font-family: "Roboto-Regular";
          font-size: 17px;
          display: block !important; }
      .form-container .formPopup .content .closed, .form-container .formPopup-2 .content .closed, .form-container .formPopup-3 .content .closed {
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 10px;
        color: red;
        display: none; }
        .form-container .formPopup .content .closed i, .form-container .formPopup-2 .content .closed i, .form-container .formPopup-3 .content .closed i {
          font-size: 25px; }
      .form-container .formPopup .content .controll-btn, .form-container .formPopup-2 .content .controll-btn, .form-container .formPopup-3 .content .controll-btn {
        margin: 0;
        margin-block: 15px;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        gap: 10px; }
      .form-container .formPopup .content .timer, .form-container .formPopup-2 .content .timer, .form-container .formPopup-3 .content .timer {
        --ring-bg-color: #ddd;
        --ring-color: #888;
        font-size: 1.3em;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        vertical-align: center;
        text-align: center;
        width: 3.8em;
        height: 3.8em;
        border-radius: 50%;
        margin-inline: auto;
        margin-block: 15px; }
        .form-container .formPopup .content .timer:before, .form-container .formPopup-2 .content .timer:before, .form-container .formPopup-3 .content .timer:before {
          content: "";
          display: block;
          position: absolute;
          background: white;
          top: .3em;
          left: .3em;
          width: 3.2em;
          height: 3.2em;
          border-radius: 50%;
          z-index: 0; }
        .form-container .formPopup .content .timer span, .form-container .formPopup-2 .content .timer span, .form-container .formPopup-3 .content .timer span {
          z-index: 1; }
      .form-container .formPopup .content .butons, .form-container .formPopup-2 .content .butons, .form-container .formPopup-3 .content .butons {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-top: 25px; }
  .form-container .formPopup-2 .closed, .form-container .formPopup-3 .closed {
    display: block !important; }
  .form-container .reqActive p {
    display: none; }
  .form-container .reqActive .req {
    display: block !important; }
  .form-container .reqActive .closed {
    display: block !important; }
  .form-container .reqActive .controll-btn {
    display: none !important; }
  .form-container .active {
    display: block; }
  .form-container .show-printted {
    display: block;
    max-width: 100%; }
    .form-container .show-printted p {
      font-size: 12px !important; }
      .form-container .show-printted p strong {
        font-size: 13px !important; }
        .form-container .show-printted p strong span {
          font-size: 16px !important; }
    .form-container .show-printted table tr td {
      font-size: 12px;
      padding-inline: 9px !important; }
      .form-container .show-printted table tr td input {
        font-size: 12px; }
      .form-container .show-printted table tr td[colspan] {
        padding: 9px !important; }
      .form-container .show-printted table tr td:nth-child(even) {
        padding: 0px !important; }
    .form-container .show-printted .table-content table tr {
      height: auto; }
      .form-container .show-printted .table-content table tr th {
        font-size: 12px;
        padding-inline: 9px; }
        .form-container .show-printted .table-content table tr th:first-child {
          padding-inline: 9px; }
      .form-container .show-printted .table-content table tr td:first-child {
        width: 40%;
        padding-inline: 9px; }
      .form-container .show-printted .table-content table tr td input {
        font-size: 12px;
        padding-inline: 9px; }
    .form-container .show-printted .text-container table tr td {
      padding: 0px !important; }
    .form-container .show-printted .checkbox-container table tr td {
      font-size: 12px;
      padding: 9px !important; }
    .form-container .show-printted input, .form-container .show-printted textarea, .form-container .show-printted select {
      padding: 9px !important; }
    .form-container .show-printted textarea {
      width: 90% !important;
      height: 30px; }
    .form-container .show-printted .no-print {
      display: none; }
    .form-container .show-printted input[type=checkbox] {
      width: 8px;
      height: 8px; }
    .form-container .show-printted .bg-grey {
      margin-bottom: 20px; }
    .form-container .show-printted .controll-btn {
      display: none; }
    .form-container .show-printted .formPopup-3 {
      display: none; }
  .form-container .active-page {
    display: block !important; }

.ds-none {
  display: none !important; }

.special-container.tuzel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px; }
  .special-container.tuzel .tab-menu-signature {
    width: 80%;
    /*a {
                &:first-child {
                    display: none !important;
                }
            }*/ }
  .special-container.tuzel .tab-menu-signature-content .tuzel-none {
    display: none !important; }
  .special-container.tuzel .content-end {
    display: none !important; }

.result {
  display: none;
  text-align: center; }
  .result i {
    color: #E5AB56;
    font-size: 80px;
    margin-bottom: 20px;
    display: block; }
    @media only screen and (max-width: 768px) {
      .result i {
        font-size: 60px; } }

.no-scroll {
  overflow: hidden !important; }

.first-form .controll-btn .back-go {
  display: none; }

:root {
  scroll-behavior: smooth; }

table.page-table {
  width: 100%; }
  table.page-table tr {
    text-align: left !important; }
    table.page-table tr:has(input[required]) label {
      position: relative; }
      table.page-table tr:has(input[required]) label:after {
        content: "*";
        color: red; }
    table.page-table tr:has(textarea[required]) label {
      position: relative; }
      table.page-table tr:has(textarea[required]) label:after {
        content: "*";
        color: red; }
    table.page-table tr td {
      padding-inline: 30px;
      width: 40%;
      vertical-align: middle; }
      table.page-table tr td:nth-child(even) {
        padding: 0px;
        width: 60%; }
      table.page-table tr td[colspan] {
        padding-block: 20px; }
        @media only print and (max-width: 768px) {
          table.page-table tr td[colspan] {
            padding-block: 8px; } }
      table.page-table tr td textarea {
        display: block;
        border: none !important;
        width: 100% !important; }
      table.page-table tr td input {
        max-width: 100% !important; }
      table.page-table tr td label {
        margin: 0; }
      table.page-table tr td .checkbox-container {
        width: 100%; }
        table.page-table tr td .checkbox-container table {
          width: 100%; }
          table.page-table tr td .checkbox-container table tr {
            display: flex;
            width: 100%; }
            @media (max-width: 768px) {
              table.page-table tr td .checkbox-container table tr {
                flex-direction: column; } }
            table.page-table tr td .checkbox-container table tr td {
              vertical-align: middle;
              width: 100%;
              padding: 15px 30px;
              display: flex;
              align-items: center; }
              @media (max-width: 768px) {
                table.page-table tr td .checkbox-container table tr td {
                  padding: 0px 15px; } }
              table.page-table tr td .checkbox-container table tr td input {
                width: max-content;
                float: left; }
        table.page-table tr td .checkbox-container.three-check td {
          width: 34%; }
        table.page-table tr td .checkbox-container.two-check td {
          width: 50%; }
      table.page-table tr td .table-table-container {
        width: 100%; }
        table.page-table tr td .table-table-container table {
          width: 100%; }
          table.page-table tr td .table-table-container table tr td:first-child {
            padding-inline: 15px; }
      table.page-table tr td .text-container {
        width: 100%; }
        table.page-table tr td .text-container table {
          width: 100%; }
          table.page-table tr td .text-container table tr td {
            border: none;
            width: 49%;
            padding-inline: 0px; }
            table.page-table tr td .text-container table tr td span {
              font-size: 20px;
              color: #E4E3EC; }
            table.page-table tr td .text-container table tr td:nth-child(2) {
              width: 2%; }
              @media (max-width: 768px) {
                table.page-table tr td .text-container table tr td:nth-child(2) {
                  display: none; } }
            @media (max-width: 768px) {
              table.page-table tr td .text-container table tr td textarea {
                max-width: 225px; } }
            @media only screen and (max-width: 768px) {
              table.page-table tr td .text-container table tr td textarea {
                max-width: 100%; } }
            table.page-table tr td .text-container table tr td[colspan] {
              padding-block: 0px; }
              table.page-table tr td .text-container table tr td[colspan] textarea {
                max-width: 100%; }
  @media only screen and (max-width: 768px) {
    table.page-table tr td {
      display: flex;
      width: 100% !important;
      min-height: 52px;
      padding-inline: 15px; }
    table.page-table label {
      align-self: center; } }
  table.page-table .checkbox-container label {
    text-wrap: nowrap; }

@media only print and (max-width: 768px) {
  .no-print {
    display: none; } }

.input-group-addon {
  width: 40px; }
  .input-group-addon img {
    width: 100%; }