:root {
  --background: #fff;
  --logo: url("assets/img/raif-logo.svg");
  --background-img-cz: url("assets/img/background-raiff.jpg");
  --newLogo: url("assets/img/new-raif-logo.svg");
  --control-background-color: #fff;
  --control-background-color-10: #e5e5e5;
  --control-background-color-15: #d8d8d8;
  --valid: #55c45f;
  --error: #ff0202;
  --primary: #333;
  --primary--10: #004454;
  --primary-10: #037080;
  --primary-20: #037080;
  --primary-dark: #148cb8;
  --accent: #fee600;
  --accent-10: #fed500;
  --input-border: #d6d6d6;
  --input-border--10: #dadada;
  --input-label: #333;
  --input-label-15: #7b7b7b;
  --input-label-20: #747474;
  --input-label-40: #565656;
  --input-label-margin: 2px 0 2px 0px;
  --input-height: 48px;
  --disabled: rgba(0, 0, 0, 0.12);
  --disabled-background-fill: #919191;
  --disabled-text-color: rgba(0, 0, 0, 0.6);
  --button-basic: #777;
  --button-basic-10: #6b6b6b;
  --modal-container-direction: column;
  --button-basic--10: #848484;
  --warn: #f44336;
  --warn-10: #f22819;
  --warn--10: #f5554a;
  --table-rows-background: #efefef;
  --table-rows-background-10: #d7d7d7;
  --modal-container-color: #fff;
  --modal-shadow: none;
  --not-checked: #666;
  --font: amalia, geomanist, sans-serif !important;
  --background-color: #f1f1f1;
  --spinner-color: #209ac7;
  --button-border-radius: 4px;
  --customer-actions-right-button-padding: 0px 0px 0px 4px;
  --customer-actions-left-button-padding: 0px 4px 0px 0px;
  --background-image-display: block;
  --header-background-color: transparent;
  --header-position: absolute;
  --header-color: #fff;
  --stepper-display: flex;
  --modal-container-direction: row;
  --modal-container-width: 950px;
  --additional-actions-visibility: hidden;
  --left-sidebar-visibility: hidden;
  --offer-details-display: none;
  --input-heigth: 48px;
  --input-margin: 0px 0px 36px 0px;
  --modal-container-large-width: 840px;
  --customer-actions-direction: column-reverse;
  --customer-actions-button-width: 65%;
  --customer-actions-button-padding: 4px 0px;
  --steper-margin: 24px 0px 24px 0px;
  --step-align: center !important;
  --slider-color: #fee600;
  --slider-color-10: #fed500;
  --slider-color-cz: #118db8;
  --radio-details: #808185;
  --radio-label: #000000;
}
.asee-btn-1.asee-color-1 {
  color: #2b2d33 !important;
}
.asee-product-box {
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
}
.asee-widget-grid-options {
  visibility: hidden;
}
.asee-product-content {
  background: rgb(43 45 51 / 90%) !important;
}
.button.accent {
  color: #2b2d33 !important;
}
.button.primary {
  color: #2b2d33 !important;
  background: var(--accent);
}
.primary:hover {
  background: var(--accent-10) !important;
}
.accept:hover {
  background: var(--accent-10) !important;
}
confirm-dialog .button.accent {
  color: #fff !important;
  background: var(--primary) !important;
}
.flex50 {
  flex: 1 1 100% !important;
  max-width: 100% !important;
}
.customer-actions {
  margin: 24px 0px 48px !important;
  flex-direction: column-reverse !important;
  align-items: center !important;
}
.employer-info .declaration {
  margin-bottom: unset !important;
}
.customer-actions .col-sm-offset-6 {
  margin-left: 0px;
}
.customer-actions > div {
  padding: 4px 8px !important;
}
.customer-modal-container .asee-col-right .button-actions .customer-actions {
  align-items: center;
}
.customer-modal-container .asee-col-right .button-actions .customer-actions > div {
  width: 60% !important;
}
.customer-modal-larger-container .asee-col-right .button-actions .customer-actions > div {
  width: 30% !important;
}
app-status .col-head-left {
  display: block !important;
  align-items: center !important;
}
.document-slot-kind {
  display: none !important;
}
app-status .status-title {
  text-align: center;
}
.sign-up .wrapper {
  max-width: 50% !important;
}
.otp-verification .wrapper {
  max-width: 50% !important;
}
.resend-code {
  margin: 0px !important;
}
app-status expansion-panel {
  display: none !important;
}
app-status .right-content {
  margin-left: 0px !important;
  flex-basis: 100%;
  max-width: 100%;
  text-align: center;
}
product-view .customer-actions {
  margin-top: 0px !important;
}
.steps-title {
  font-size: 32px !important;
}
.stepper-steps {
  display: none !important;
}
@media only screen and (max-width: 900px) {
  .steps-wrapper {
    display: none !important;
  }
}
product-view .customer-modal-container .asee-col-head {
  display: none !important;
}
.login-main {
  padding-top: 98px !important;
}
.uni-label {
  font-size: 15px !important;
  color: #808185 !important;
  text-transform: initial !important;
}
.button {
  font-weight: 500 !important;
}
/* .steper-container {
  width: auto !important;
} */
.progressbar li {
  padding: 0px 8px;
}
.steps-wrapper {
  max-width: var(--modal-container-width);
  margin: 0 auto;
  width: var(--modal-container-width);
}
.customer-actions .col-sm-6 {
  flex-basis: 100% !important;
  max-width: 100% !important;
  width: 100%;
}
[type=\"radio\"]:checked + span,
.theme [type=\"radio\"]:not(:checked) + span {
  color: unset !important;
}
.color-primary [type=\"radio\"]:checked + span:before,
.theme .color-primary [type=\"radio\"]:not(:checked) + span:before {
  border: 1px solid var(--primary) !important;
  width: 16px !important;
  height: 16px !important;
}
.uni-checkbox + label:before {
  border: 1px solid var(--primary);
  width: 16px !important;
  height: 16px !important;
  background: unset !important;
}
.uni-checkbox:checked + label:after {
  left: 3px !important;
  top: 8px !important;
  width: 2px !important;
  height: 2px !important;
}
.uni-checkbox:checked + label:before {
  background: var(--primary) !important;
}
.uni-asee-select .uni-asee-selected:after {
  transform: scale(4, 2.9) rotate(182deg) !important;
  content: "^" !important;
  top: 35% !important;
  right: 15px !important;
  font-size: 8px !important;
  border: unset !important;
  color: var(--input-border);
}
.uni-asee-select .uni-asee-select-open-down .uni-asee-selected:after,
.uni-asee-select .uni-asee-select-open-up .uni-asee-selected:after {
  transform: scale(4, 2.9) rotate(0) !important;
  top: 50% !important;
}
.add-border {
  border: unset !important;
}
.uni-input {
  color: #333 !important;
  text-align: left !important;
  padding-left: 0px !important;
}
.button {
  font-weight: 700 !important;
}
.product-list-wrapper .product-card {
  border: unset !important;
  border-radius: 20px !important;
  text-align: left !important;
  color: #333 !important;
  padding-left: 30px !important;
  /* padding: 40px !important; */
  /* min-height: 364px !important; */
}
.product-list-wrapper .product-card:hover .button button {
  background-color: var(--accent) !important;
  border-radius: unset !important;
}
.product-card:hover {
  box-shadow: unset !important;
}
.product-list-wrapper .product-card .button {
  border-top: 4px solid #f4f5f5 !important;
  position: absolute;
  bottom: 0;
  padding: 0px !important;
  width: 100% !important;
  left: 0;
  right: 0;
}
.product-list-wrapper .product-card .button button {
  width: 100%;
  background: unset;
  color: #333;
  text-transform: capitalize;
  font-size: 21px !important;
  padding: 1.125rem 2.5rem;
  height: unset !important;
  text-align: left;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.product-list-wrapper .product-card .button button:hover {
  background-color: var(--accent);
}
.product-list-wrapper .product-card .prod-img {
  width: unset !important;
}
.product-card h2 {
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 800 !important;
}
@media only screen and (min-width: 1025px) {
  .product-list-wrapper .col-md-3 {
    flex-basis: 30% !important;
    max-width: 30% !important;
    margin: 8px 21px;
  }
}
.title-wrapper .heading h2:before {
  background-color: var(--accent) !important;
}
.product-container button {
  background-color: var(--accent) !important;
  color: #333 !important;
  font-weight: 600 !important;
}
.tabs .tabs-header .active {
  border-bottom: 5px solid #333 !important;
}
.wide-product-view {
  background-color: #fff;
}
product-catalog {
  background: #fff;
  display: block;
}
.product-list-wrapper {
  /* padding: 48px 0px; */
  margin: 0 auto !important;
  margin-bottom: 100px !important;
}
#content {
  padding-bottom: 4px !important;
}
.save-link button {
  color: #333 !important;
  font-weight: 600 !important;
}
.calculator-card .button button {
  background: var(--accent) !important;
  color: #333 !important;
  font-weight: 600 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.scrolling-arrow {
  display: none !important;
}
#content .accordion-list .accordion-header-active {
  background-color: #f4f5f5 !important;
  color: #333 !important;
}
.floating-cards .accordion-list {
  display: none !important;
}
.floating-cards .details-label {
  display: none !important;
}
.calculator-card {
  border: unset !important;
  border-radius: unset !important;
  color: #333 !important;
  padding: 40px !important;
  min-height: 364px !important;
  background: #f4f5f5 !important;
  position: relative;
}
.calculator-card .font-link {
  background: #f4f5f5 !important;
}
.calculator-card .choose {
  width: 100%;
  color: #333;
  text-transform: none;
  font-size: 18px !important;
  padding: 1.125rem 2.5rem;
  height: unset !important;
  text-align: left;
  border-radius: 5px !important;
  @media screen and (max-width: 490px) {
    border-radius: 10px !important;
  }
}
/* .calculator-card .button {
  border-top: 4px solid #fff !important;
  position: absolute;
  bottom: 0;
  padding: 0px !important;
  width: 100% !important;
  left: 0;
  right: 0;
} */
.installment-plan {
  height: 95px;
}
.diagonal {
  transform: unset !important;
}
.uni-asee-selected,
.uni-input {
  border: unset !important;
  border-bottom: 1px solid #d5d5d6 !important;
  border-radius: unset !important;
  background-color: #fff !important;
}
.uni-asee-selected {
  background-color: var(--control-background-color) !important;
  color: unset !important;
}
.uni-asee-option {
  background-color: white !important;
  color: var(--input-label-40) !important;
}
.row-grid {
  display: flex !important;
  flex-direction: column !important;
}
.row-grid > div {
  max-width: 100% !important;
  flex-basis: 100% !important;
  width: 100% !important;
}
.tgl-ios:checked + .tgl-btn {
  background: var(--accent) !important;
}
.product-header {
  margin: 0 48px !important;
}
.logo {
  margin: 0 36px !important;
}
.calculator-card .button button i {
  font-weight: 700 !important;
}
.product-list-wrapper .product-card .button button i {
  font-weight: 700 !important;
}
product-view .tabs-header,
product-view-al .tabs-header,
product-view-ro .tabs-header,
product-view-ko .tabs-header,
product-view-hr .tabs-header,
product-view-cz .tabs-header,

product-view .cards-title,
product-view-al .cards-title,
product-view-ro .cards-title,
product-view-ko .cards-title,
product-view-hr .cards-title,
product-view-cz .cards-title,


product-view .calculator-result,
product-view-al .calculator-result,
product-view-ro .calculator-result,
product-view-ko .calculator-result,
product-view-hr .calculator-result,
product-view-cz .calculator-result,


product-view .card-label,
product-view-al .card-label,
product-view-ro .card-label,
product-view-ko .card-label,
product-view-hr .card-label,
product-view-cz .card-label,


product-view .details,
product-view-al .details,
product-view-ro .details,
product-view-ko .details,
product-view-hr .details,
product-view-cz .details,


product-view .spinner,
product-view-al .spinner,
product-view-ro .spinner,
product-view-ko .spinner,
product-view-hr .spinner,
product-view-cz .spinner,


product-view .installment-plan,
product-view-al .installment-plan,
product-view-ro .installment-plan,
product-view-ko .installment-plan,
product-view-cz .installment-plan,
product-view-hr .installment-plan {
  display: none !important;
}
product-view .calculator-card,
product-view-al .calculator-card,
product-view-ro .calculator-card,
product-view-ko .calculator-card,
product-view-cz .calculator-card,
product-view-hr .calculator-card
 {
  min-height: unset !important;
  padding: unset !important;
  background: unset !important;
}
.save-link {
  display: none !important;
}
product-view .calculator-card .button button,
product-view-al .calculator-card .button button,
product-view-ro .calculator-card .button button,
product-view-ko .calculator-card .button button,
product-view-cz .calculator-card .button button,
product-view-hr .calculator-card .button button {
  line-height: unset !important;
}
product-view .product-card-wrapper,
product-view-al .product-card-wrapper,
product-view-ro .product-card-wrapper,
product-view-ko .product-card-wrapper,
product-view-cz .product-card-wrapper,
product-view-hr .product-card-wrapper {

  flex-basis: 100% !important;
  max-width: 100% !important;
}
product-view .button,
product-view-al .button,
product-view-ro .button,
product-view-ko .button,
product-view-cz .button,
product-view-hr .button {

  margin: 0 auto !important;
  position: relative !important;
  /* margin-top: 48px !important; */
  float: right !important;
  width: auto !important;
}
product-view .sliders,
product-view-al .sliders,
product-view-ro .sliders,
product-view-ko .sliders,
product-view-cz .sliders,
product-view-hr .sliders  {

  margin-bottom: unset !important;
}
product-view .uni-asee-selected,
product-view-al .uni-asee-selected,
product-view-ro .uni-asee-selected,
product-view-ko .uni-asee-selected,
product-view-cz .uni-asee-selected,
product-view-hr .uni-asee-selected {

  background-color: #f4f4f4 !important;
}
.scrollable-content {
  min-height: unset !important;
}
#rightSideNav {
  display: none;
}
.loader-fade {
  min-width: 100vw;
}
.loader-offer {
  border: 4px solid transparent !important;
  border-top: 5px solid var(--accent) !important;
  border-right: 5px solid var(--accent) !important;
  border-left: 5px solid var(--accent) !important;
  width: 88px !important;
  height: 88px !important;
  -webkit-animation: spin 1s linear infinite !important;
  animation: spin 1s linear infinite !important;
}
.default-product-template {
  display: none !important;
}
.slider-product-template {
  display: block !important;
}
app-root:empty::after {
  background: url("../img/raif-loader.svg");
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 234px;
  height: 234px;
  transform: translate(-50%, -50%);
}
document-view-2 .steps-wrapper {
  max-width: 1024px !important;
  width: 1024px !important;
}
document-view-2 .customer-modal-container {
  max-width: 1024px !important;
}
[type="radio"]:checked + span:before {
  background: var(--primary) !important;
  border: 4px solid var(--accent) !important;
  width: 8.5px !important;
  height: 8.5px !important;
}
[type="radio"]:not(:checked) + span:before {
  border: 2.4px solid #d5d5d6 !important;
}
[type="radio"]:checked + span:after {
  left: 4.5px !important;
  width: 0px !important;
}
progress {
  display: none !important;
}
.steps-title {
  display: none !important;
}
.lds-rolling {
  stroke: var(--accent) !important;
}

.progressbar li {
  color: #808185 !important;
  font-weight: 500 !important;
}

.progressbar li.active {
  color: #00809c !important;
  font-weight: 600 !important;
}

.progressbar li.active ~ li:after {
  background-color: #e9eaea !important;
}

.progressbar li.active ~ li:before {
  background-color: #e9eaea !important;
}
.progressbar li.active ~ li {
  color: #808185 !important;
}

.progressbar li.active:before {
  background-color: white !important;
  color: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 4px #00809c !important;
  height: 3px !important;
  width: 3px !important;
  margin-top: 3px !important;
  border: 1px solid #00809c !important;
}

.progressbar li:before {
  height: 12px !important;
  width: 12px !important;
  color: #fff0 !important;
  font-size: 0px;
  background-color: #00809c !important;
  border: none !important;
}

.progressbar li {
  color: #00809c !important;
}

.progressbar li:after {
  top: 3px !important;
  height: 6px !important;
  background: #66c9d7 !important;
}

.label-details-additional
{
   font-size: 14px;
   margin-bottom: 20px;
   width: 80%;
}

.label-title-bold
{
  font-weight: bold;
}

.mobile-padding
{
    @media screen and (max-width: 296px)
    {
        min-height: 60px !important;
    }

    @media screen and (max-width: 424px)
    {
        min-height: 40px;
    }
}