.viber-color {
  background-color: #8f5db7;
  color: #fff;
}

.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1;
}

.footer {
  padding: 1rem 1.5rem 1rem;
}

.fixed-panel { 
  height: 82px; 
  position: fixed; 
  bottom:0%;

  background-color: #86a7a100;
  z-index: 3;
  
}

.box {
  background-color: #c8cbea;
}

.fixed_process { 
  height: 50%;
  position: fixed; 
  bottom:0%;
  z-index: 3;
}




progress.show-value {
  position: relative;
}

progress.show-value:after {
  content: attr(pregress_text);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: calc(1rem / 1.5);
  line-height: 1rem;
}

progress.show-value.is-small:after {
  font-size: calc(0.75rem / 1.5);
  line-height: 0.75rem;
}

progress.show-value.is-medium:after {
  font-size: calc(1.25rem / 1.5);
  line-height: 1.25rem;
}

progress.show-value.is-large:after {
  font-size: calc(1.5rem / 1.5);
  line-height: 1.5rem;
}

.extra-gap {
  margin-top: 5px;
}

.is-thin{
  flex: none;
  width: 3.7%;  
}


.bg-green{
  background-color: #aada8f;
}

.bg-gray{
  background-color: #c3c2c3;
}

.bg-yellow{
  background-color: #ffcc00;
}

.center-table th {
    text-align: center;
    vertical-align: middle;
}

.center-table td {
    text-align: center;
    vertical-align: middle;
}

::-webkit-input-placeholder {
  color: #888dc1 !important;
}

::placeholder {
  color: #877FB9 !important;
}

::-moz-placeholder          {color:#877FB9;}/* Firefox 19+ */
:-moz-placeholder           {color:#877FB9;}/* Firefox 18- */
:-ms-input-placeholder      {color:#888dc1;}