@charset "UTF-8";
*:where(:not(html,iframe,canvas,img,svg,video,audio,em,u,input[type=checkbox],input[type=radio],ol,ul):not(svg *,symbol *)) {
  all: unset;
  display: revert
}

*, *:before, *:after {
  box-sizing: border-box
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0
}

ul[role=list], ol[role=list] {
  list-style: none
}

html:focus-within {
  scroll-behavior: smooth
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5
}

a:not([class]) {
  text-decoration-skip-ink: auto
}

img, picture {
  max-width: 100%;
  height: auto;
  display: block
}

input, button, textarea, select {
  font: inherit
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto
  }

  *, *:before, *:after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important
  }
}

ul.menu {
  margin: 0
}

:where([draggable=true]) {
  -webkit-user-drag: element
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto
}

:where([hidden]) {
  display: none
}

::marker {
  content: initial
}

::placeholder {
  color: unset
}

table {
  border-collapse: collapse
}

input, textarea {
  -webkit-user-select: auto
}

textarea {
  white-space: revert
}

a, button {
  cursor: revert
}

@font-face {
  font-display: swap;
  font-family: Mulish;
  font-style: normal;
  font-weight: 300;
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300.eot);
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300.eot?#iefix) format("embedded-opentype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300.woff2) format("woff2"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300.woff) format("woff"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300.ttf) format("truetype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300.svg#Mulish) format("svg")
}

@font-face {
  font-display: swap;
  font-family: Mulish;
  font-style: italic;
  font-weight: 300;
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300italic.eot);
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300italic.eot?#iefix) format("embedded-opentype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300italic.woff2) format("woff2"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300italic.woff) format("woff"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300italic.ttf) format("truetype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-300italic.svg#Mulish) format("svg")
}

@font-face {
  font-display: swap;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-regular.eot);
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-regular.eot?#iefix) format("embedded-opentype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-regular.woff2) format("woff2"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-regular.woff) format("woff"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-regular.ttf) format("truetype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-regular.svg#Mulish) format("svg")
}

@font-face {
  font-display: swap;
  font-family: Mulish;
  font-style: italic;
  font-weight: 400;
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-italic.eot);
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-italic.eot?#iefix) format("embedded-opentype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-italic.woff2) format("woff2"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-italic.woff) format("woff"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-italic.ttf) format("truetype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-italic.svg#Mulish) format("svg")
}

@font-face {
  font-display: swap;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600.eot);
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600.eot?#iefix) format("embedded-opentype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600.woff2) format("woff2"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600.woff) format("woff"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600.ttf) format("truetype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600.svg#Mulish) format("svg")
}

@font-face {
  font-display: swap;
  font-family: Mulish;
  font-style: italic;
  font-weight: 600;
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600italic.eot);
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600italic.eot?#iefix) format("embedded-opentype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600italic.woff2) format("woff2"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600italic.woff) format("woff"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600italic.ttf) format("truetype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-600italic.svg#Mulish) format("svg")
}

@font-face {
  font-display: swap;
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700.eot);
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700.eot?#iefix) format("embedded-opentype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700.woff2) format("woff2"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700.woff) format("woff"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700.ttf) format("truetype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700.svg#Mulish) format("svg")
}

@font-face {
  font-display: swap;
  font-family: Mulish;
  font-style: italic;
  font-weight: 700;
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700italic.eot);
  src: url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700italic.eot?#iefix) format("embedded-opentype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700italic.woff2) format("woff2"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700italic.woff) format("woff"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700italic.ttf) format("truetype"), url(/themes/custom/ccs_online/fonts/mulish/mulish-v12-latin-ext_latin-700italic.svg#Mulish) format("svg")
}

#service-repair-status {
  border: 1px solid #cecece;
  border-radius: 2rem;
  padding: 2.4rem

}

@media (min-width: 768px) {
  #service-repair-status #ccs-forms-service-order-report {
    display: grid;
    grid-template-columns: 1fr 4rem 1fr;
    grid-template-rows: auto 2.4rem auto
  }
}

#service-repair-status .service-repair-status--title {
  grid-column: 1;
  grid-row: 1;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 2.4rem
}

@media (min-width: 768px) {
  #service-repair-status .service-repair-status--title {
    margin-bottom: 0
  }
}

#service-repair-status .service-repair-status--model-help {
  grid-column: 3;
  grid-row: 3/span 3;
  background: rgba(175, 217, 204, .3);
  align-self: start;
  padding: 2.4rem;
  border-radius: 2rem;
  font-size: 1.3rem;
  line-height: 160%;
  margin-bottom: 2.4rem
}

#service-repair-status .form-item {
  margin: 0;
  margin-bottom: 1.2rem
}

#service-repair-status .form-item label {
  display: block;
  margin-bottom: .4rem
}

#service-repair-status .form-item select, #service-repair-status .form-item input {
  width: 100%
}

#service-repair-status .form-item select {
  font-size: 1.5rem
}

#service-repair-status .form-item--error-message > strong {
  font-size: 1.3rem
}

#service-repair-status .form-item-producer {
  grid-column: 1;
  grid-row: 3
}

#service-repair-status .form-actions {
  margin: 0;
  margin-top: 1.5rem;
  grid-column: 1/span 3;
  grid-row: 5
}

#service-repair-status #edit-model-wrapper {
  position: relative;
  grid-column: 1;
  grid-row: 4
}

#service-repair-status #service-repair-status-result .total-result {
  border: 1px solid rgba(26, 148, 75, .2);
  box-shadow: 0 4px 44px #00000014;
  border-radius: 4px;
  padding: 2rem;
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 2rem
}

#service-repair-status #service-repair-status-result .total-result .total {
  display: block;
  text-align: center;
  text-decoration: underline;
  font-size: 2rem;
  color: #2a4a40
}

#service-repair-status #service-repair-status-result .total-result .important {
  text-align: center;
  text-decoration: underline;
  font-weight: 700
}

#service-repair-status .info-box {
  margin-bottom: 16px;
}

#service-repair-status .light-text {
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
  color: #7d7d7d;
  text-transform: uppercase;
}

#service-repair-status .report-data {
  font-weight: 600;
  font-size: 14px;
  line-height: 160%;
}

#service-repair-status .some-page-wrapper {
  margin: 15px;
  background-color: red;
}

#service-repair-status .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

#service-repair-status .col {
  display: flex;
  flex-direction: column;
  /*flex-basis: 100%;*/
  flex: 1;
}

@media screen and (max-width: 800px) {
  #service-repair-status .row {
    display: block;
  }
}

#service-repair-status .table-wrapper {
  overflow-x: scroll;
  margin-bottom: 16px
}

#service-repair-status .table-wrapper .styled-table {
  width: 100%;
  min-width: 768px
}

#service-repair-status .table-wrapper .styled-table thead tr {
  border-bottom: 1px solid #d0d0d0
}

#service-repair-status .table-wrapper .styled-table thead tr th {
  font-weight: 600;
  font-size: 11px;
  line-height: 160%;
  color: #7d7d7d;
  text-transform: uppercase
}

#service-repair-status .table-wrapper .styled-table tr td, #service-repair-status .table-wrapper .styled-table tr th {
  padding: 13px 0 9px
}

#service-repair-status .table-wrapper .styled-table tr td {
  font-size: 1.5rem;
  line-height: 160%;
  color: #2a4a40
}

#service-repair-status .collapse-animation {
  transition: height .3s cubic-bezier(.3, 0, .6, 1);
  width: 100%
}

#service-repair-status .toggle-details {
  padding: 10px;
  transition: .3s;
  cursor: pointer
}

#service-repair-status .toggle-details.active {
  transition: .3s;
  transform: rotate(-180deg)
}

#service-repair-status .table-wrapper .styled-table td.order-details {
  border-bottom: 1px solid #d0d0d0;
  max-height: 0;
  padding: 0
}

#service-repair-status .table-wrapper .styled-table td.order-details.active {
  padding: 13px 0 9px
}

#service-repair-status .table-wrapper .styled-table td.order-details .tabs {
  display: flex;
  gap: 26px
}

#service-repair-status .table-wrapper .styled-table td.order-details .tabs__tab {
  font-size: 1.4rem;
  line-height: 160%;
  color: #2a4a40;
  padding: 10px;
  cursor: pointer
}

#service-repair-status .table-wrapper .styled-table td.order-details .tabs__tab.active {
  border-bottom: 2px solid #2a4a40;
  font-weight: 700
}

#service-repair-status .table-wrapper .styled-table td.order-details .content {
  display: flex;
  gap: 16px;
  flex-direction: column
}

@media (min-width: 768px) {
  #service-repair-status .table-wrapper .styled-table td.order-details .content {
    flex-direction: row
  }
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__tab {
  padding: 32px;
  gap: 20px;
  border: 1px solid #cecece;
  border-radius: 4px;
  flex: 1;
  max-width: 672px
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__tab .description {
  padding: 16px;
  gap: 10px;
  background: #cbebe1;
  border: 1px solid #cecece;
  border-radius: 4px;
  margin-top: 20px;
  font-size: 1.5rem;
  line-height: 160%;
  color: #2a4a40;
  margin-bottom: 20px
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__tab .description p {
  display: flex;
  gap: 8px;
  margin-bottom: 10px
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__tab .foto-docs {
  padding: 10px 18px 12px;
  gap: 10px;
  border: 1px solid #258569;
  border-radius: 4px;
  display: block;
  width: fit-content;
  margin: 15px 0;
  font-weight: 700;
  color: #258569;
  font-size: 1.5rem;
  text-transform: none;
  cursor: pointer;
  transition: .3s
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__tab .foto-docs:hover {
  transition: .3s;
  background: #258569;
  color: #fff
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__tab .attachement-section {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 10px 0 15px
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__tab .attachement-section p {
  color: #2a4a40
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__tab .attachement-section span {
  font-size: 1.3rem;
  line-height: 160%;
  color: #36754d
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__general {
  gap: 20px;
  border: 1px solid #cecece;
  border-radius: 4px;
  flex: 1;
  max-width: 495px;
  background: rgba(232, 238, 234, .33);
  display: flex
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__general--device {
  padding: 24px
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__general--device, #service-repair-status .table-wrapper .styled-table td.order-details .content__general--address-data {
  flex: 1
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__general--address-data .address-data {
  padding: 24px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e8eeea
}

#service-repair-status .table-wrapper .styled-table td.order-details .content__general .info-box {
  margin-bottom: 16px
}


#service-repair-status .text-uppercase {
  text-transform: uppercase
}

#service-repair-status .mt-15 {
  margin-top: 15px;
}

#service-repair-status .text-right {
  text-align: right;
}

#service-repair-status .table-row-summary {
  border-top: 1px solid #d0d0d0;
}

#service-repair-status .w-100p {
  width: 100%;
}

#service-repair-status .align-items-center {
  justify-content: center;
  align-items: center;
}

.estimate-items-list-title {
  font-weight: 600;
  font-size: 11px;
  line-height: 160%;
  color: #7d7d7d;
  text-transform: uppercase;
  padding-top: 25px;
  border-bottom: 1px solid #d0d0d0;
}

.estimate-items-list {
  width: 100%;
  font-size: 1.5rem;
  line-height: 160%;
  color: #2a4a40;
  margin-top: 15px;
}

.estimate-items-list-text {
  font-size: 1.5rem;
  line-height: 160%;
  color: #2a4a40;
}

.hide-on-mobile {
  display: block;
}

.show-on-mobile {
  display: none;
}

@media screen and (max-width: 992px) {

  .hide-on-mobile {
    display: none;
  }

  .show-on-mobile {
    display: block;
  }

}

.list-text-right {

}

.title-text {
  text-transform: uppercase;
  padding-top: 50px;
}