.loader-overlay{
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999;
  opacity: 0;
  visibility: hidden;
}
.loader-overlay.is-active{
  display: block;
  opacity: 1;
  visibility: visible;
}

.window-center{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader-text{
  display: inline-flex;
  align-items: baseline;
  font-size: 22px;
  font-weight: bold;
  color: #C1E5FE;    
}

/* HTML: loader */
.loader-icon {
  width: 255px;
  padding: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(0deg, #fff -60%, #C1E5FE 100%);
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  --_m: 
    conic-gradient(#0000 10%,#fff),
    linear-gradient(#fff 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 2s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

/* HTML: loader-dots */
.loader-dots {
  display: block;
  width: 16px;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side,#C1E5FE 90%,#0000) 0/calc(100%/3) 100% space;
  clip-path: inset(0 100% 0 0);
  animation: l1 2.5s steps(4) infinite;
}
@keyframes l1 {to{clip-path: inset(0 -34% 0 0)}}
/* HTML: loader-dots */


#estimate_cutting_sticker_material_color.is-active{
  background-color: #ecf8ea;
}

#add_material_btn{
  background-color: #3686E433;
  border-color: #3686E4;
  color: #3686E4;
  font-weight: bold;
  box-shadow: 0 0 7px 0 #3686E4;
}
#add_material_btn.disabled{
  border-color: #6F767C;
  background-color: #FAFAFA;
  color: #6F767C;
  font-weight: normal;
  box-shadow: none;
}
#add_material_btn.is-selected{
  border-color: #07BB04;
  background-color: #07BB04;
  color: #fff;
  font-weight: normal;
  box-shadow: none;
  opacity: 1;
}
.add_material_btn-active-text,
.estimate-unselected-text.is-selected{
  display: none;
}
.add_material_btn-active-text.is-active{
  display: block;
}
.selected-win--item-body #estimate_item_materials > div .input_material_quantity{
  background-color: #ff000012;
}

.selected-win--header{
  border-top: 8px solid #3686E4;
  text-align: center;
}

#estimate_cutting_sticker_option_line{
  display: flex;
}