mat-form-field {
  width: 100% !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.form-row{
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.form-column{
width: 100%;
display: flex;
flex-direction: column;
}

.form-order-container{
width: calc(100% - 32px);
height: calc(100vh - 306px);
overflow-x: hidden;
overflow-y: auto;
padding: 0 16px;
}

.form-cell{
padding: 3px;
box-sizing: border-box;
overflow: hidden;
}

.section-divider{
width: 100%;
font-size: 10px;
color: rgba(0, 0, 0, 0.54);
padding: 0 3px;
margin-bottom: 4px;
}

.fw_50{
width: 50%;
}

.fw_33{
width: calc(100% / 3);
}

.fw_8{
width: calc(100% / 12);
}

.fw_25{
  width: 25%;
}

.fw_42{
width: calc(500% / 12);
}

.fw_17{
width: calc(200% / 12);
}

.fw_75{
width: 75%;
}

.fw_100{
width: 100%;
}

.column-advices{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}

.column-advices p{
  animation-name: loading;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

@keyframes loading{
  0% {color: black;}
  50% {color: rgba(0, 0, 0, 0.25);}
  100% {color: black;}
}