:root {

    --black:#333;
    --black-background:#333;
    --full-width:1080px;
    --full-height:810px;
    /* --full-width:2160px;
    --full-height:1620px; */
    /* --full-width:1024px;
    --full-height:768px; */
    --full-width:100%;
    --full-height:100%;
    --side-content-width:250px;
    --logo-width:250px;
    --header-right-width:250px;
    /* --circle-container:620px;
    --orange: rgba(255, 115, 0,1);
    --orange: #ff5500; */
    --light-grey:rgba(111,111,111,.11);
    --extra-light-grey:rgba(111,111,111,.07);
    --mid-grey:rgba(111,111,130,.7);
    --dark-grey:#54595FCF;
    --green:green;

    --extra-light-white:rgba(255,255,255,.3);
}

body {
    font-family: Maven Pro, Sans-Serif;
    opacity: 0;
    transition: opacity 0.15s ease-out;
    /* background-color: black; */
    display: flex;
    align-items: center;
    height: 100vh;
    justify-content: center;
}

body.visible {
   
    opacity: 1;
}
body.fadeOut {
   
    opacity: 0;
}
body, p {
    margin: 0 0;
}


/* // MENU */

#sidebar {
    position: fixed;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 250px;
    background-color: #fafafa;
    padding: 20px 10px 20px 20px;
    box-sizing: border-box;
    transition: transform 0.2s ease-in-out;
    
}

#sidebar.folded {
    transform: translateX(-197px);
}

#sidebar-logo {
    margin-bottom: 50px;
    padding-left: 0px;
    display: flex;
    justify-content: space-between;
}
#sidebar-logo img {
    /* height: 35px; */
    /* width: auto; */
    width: 120px;
    height: auto;
    object-fit: contain;
    opacity: .95;
}
#sidebar-logo img.sidebar-logo__img {
    opacity: .95;
}

#sidebar-icon:hover {
cursor: pointer;
}
#sidebar-icon {
    height: 35px;
    width: 35px;
    /* border-radius: 25px;
    border:2px solid #dbdbdb; */
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotateZ(180deg);
    transition: transform 0.1s ease-in-out;
    opacity: 1;
    
}
#sidebar.folded #sidebar-icon {
    transform: rotateZ(0deg);
}
#sidebar-icon img {
    height: 16px;
    width: auto;
    padding-left: 1px;
}
.sidebar-item {
    display: flex;
    align-items: center;
    font-size: 14px;
}
.sidebar-item img {
    height: 22px;
    width: auto;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 0px;;
}

.sidebar-element:hover {
    cursor: pointer;
}

.sidebar-element {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#sidebar-menu-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition:opacity 0.5s ease-in-out;
}

#sidebar.folded #sidebar-menu-content{
    /* opacity: 0; */
}
.sidebar-item-icon {
    opacity: 0;
    transition:opacity 0.1s ease-in-out;
    padding-right: 5px;
    display: flex;
    align-items: center;
    padding-top: 2px;
}
.sidebar-item-icon img{
    height: 25px;
    width: 25px;
}

#sidebar.folded .sidebar-item-icon {
    opacity: 1;
    transition:opacity 0.5s ease-in-out;
}



#main-app-container {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    /* margin: 0 auto; */
    margin:  auto;
    height: var(--full-height);
    width: var(--full-width);
    max-width: 1200px;
    max-height: 810px;

    
    padding-left: 53px;
    display: flex;
    flex-direction: column;
    background-color:#e0e2e4;
}

#main-content-container {
    padding: 30px 20px 30px 20px;
    height: 100%;
    overflow-y: auto;
}




/* Login form */

#login-container {
    height:100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
    background-color: white;
}
/* #login-container h1 {
    margin-bottom: 55px;
    text-align: center;
    font-weight: 100 !important;
    color: var(--orange);
    opacity: .9;
} */

#login-form {
padding: 30px 50px 50px 50px;
background-color: var(--extra-light-grey);
border-radius: 50px;
}

#login-form input {
    width: 100%;
    padding: 9px 15px;
    margin: 0;
    margin-bottom: 22px;
    box-sizing: border-box;
    border-radius: 20px;
    border-color: var(--mid-grey);
    border-style: solid;
    border-width: 1px;
}

#login-form .box-button {
    background-color: #eee;
    height: 35px;
    color: black;
}
#login-form .errorMessage {
    font-size: 12px;
    color: var(--mid-grey);
    height: 15px;
}
#login-logo {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 35px;

}
#login-logo img {
    height: 40px;
    width: auto;
    opacity: .97;
}

#login-form .box-button:hover {
    cursor: pointer;

}

#login-form input {
    outline: none;
}



.soft-version {
    display: flex;
    justify-content: center;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    opacity: .2;
}



/* Home styles */
#home-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
#home-container img {
    height: 550px;
    opacity: .55;
}


 /* Tool Page */
#tool-container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
 .tool-button {
     width: 400px;
     height: 37px;
     /* margin-bottom: 20px; */
     font-size: 13px;
     text-transform: uppercase;
     border: 2px solid var(--black);
     border-radius: 13px;
     background-color: transparent;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative
 }

 .tool-button:hover {
cursor: pointer; 
}

.tool-row {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;

}
.tool-row-label {
    opacity: 0;
}

.tool-row-label.visible {
    transition:opacity .3s ease-in-out;
    opacity: 1;
}

.tool-result {
    padding-left: 5px;
}
.tool-row-label,.tool-result-row {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


#tool-row-cats-sync-result,
#tool-row-colors-sync-result,
#tool-row-brands-sync-result,
#tool-row-colors-sync-result,
#tool-row-hood-sync-result,
#tool-row-sizes-sync-result,
#tool-row-styles-vestes-sync-result,
#tool-row-closing-type-sync-result,
#tool-row-cols-shapes-sync-result,
#tool-row-sports-sync-result,
#tool-row-teams-sync-result,
#tool-row-motifs-sync-result,
#tool-row-matters-sync-result,
#tool-row-origins-sync-result,
#tool-row-sleeves-sync-result
{
    opacity: 0;
    transition:opacity .5s ease-in-out;
    display: flex;
    align-items: center;
}

#tool-row-cats-sync-result.visible,
#tool-row-colors-sync-result.visible,
#tool-row-brands-sync-result.visible,
#tool-row-colors-sync-result.visible,
#tool-row-hood-sync-result.visible,
#tool-row-sizes-sync-result.visible,
#tool-row-styles-vestes-sync-result.visible,
#tool-row-closing-type-sync-result.visible,
#tool-row-cols-shapes-sync-result.visible,
#tool-row-sports-sync-result.visible,
#tool-row-teams-sync-result.visible,
#tool-row-sleeves-sync-result.visible,
#tool-row-motifs-sync-result.visible,
#tool-row-matters-sync-result.visible,
#tool-row-origins-sync-result.visible
{
    opacity: 1;
    transition:opacity 0.2s ease-in-out;
}

@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }

  @-webkit-keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}
.sync-spinner {
    /* margin-left:20px; */
    /* margin-right:0px; */
    position: relative;
}
  .spinner {
    /* margin-left:20px; */
margin-right:1px;
margin-bottom: 1px;
z-index: 0;
height: 15px;
width: auto;
display: flex;
    justify-content: center;
    align-items: center;
    animation: rotation 1s infinite linear;
  }

.check-icon {
    padding-top: 0px;
    padding-right: 2px;
      opacity:0;
      z-index: 1;
      height: 15px;
      width: auto;
      position: absolute;
      top: 0;
      left: 0;
  }
  .valid_response .spinner {
      opacity: 0;
      margin-right:0px;
  }
  .valid_response .check-icon {
      opacity: 1;
  }



/* ADD PRODUCT */

#add-product-container {
    padding-top: 70px;
}

.bill-container select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 250px;
    height: 30px;
    border: none;
    /* padding: 0 0 0 10px; */
    /* margin-bottom: 10px; */
    border-radius: 5px;
    text-align: center;
    background-color: #f0f0f0;
}

.bill-container {
    display: flex;
    align-items: center;
}

.add-product-row {
    display: flex;
    gap: 15px;
    padding: 0 20px;
}

#vat-margin-scheme input {
    height: 20px;
    width: 20px;
    margin: 0;
    margin-right: 10px;
    margin-left: 10px;
    }

#add-product-row-3,#add-product-row-states {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    
}
#add-product-row-4,#add-product-row-jackets,#add-product-row-teams {
    flex-wrap: wrap;
    gap: 7px;
    justify-content: space-between;

}
#add-product-row-origins,#add-product-row-colors,#add-product-row-sports,#add-product-row-dimensions,#add-product-row-references {
    flex-wrap: wrap;
    gap: 7px;
    justify-content: space-between;
}
#add-product-row-colors.unwrap,#add-product-row-sports.unwrap {
flex-wrap: nowrap;
gap: 20px;
}

#add-product-row-sizes-w {
    gap: 0;
    justify-content: space-between;
}

.add-product-row:not(:last-child) {
margin-bottom: 20px;
}

.step-main-cat-cell {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid var(--black);
    font-size: 15px;
    border-radius: 13px;
    text-transform: uppercase;
    font-weight: 700;
    height: 70px;
    transition:height 0.2s ease-in-out, background-color 0s ease-in-out, color 0.2s ease-in-out, font-size 0.2s ease-in-out
}
.step-main-cat-cell:hover,
.step-sec-cat-cell:hover,
.step-third-cat-cell:hover,
.step-fourth-cat-cell:hover,
.step-brand-cell:hover,
.step-hood-cell:hover,
.step-sleeve-cell:hover,
.step-motif-cell:hover,
.step-matter-cell:hover,
.step-jacket-cell:hover,
.step-closing-type-cell:hover,
.step-cols-shapes-cell:hover,
.step-size-cell:hover,
.step-size-cell-w:hover,
.step-size-cell-l:hover,
.step-origin-cell:hover,
.step-color-cell:hover,
.step-sport-cell:hover,
.step-ligue-cell:hover,
.step-dimension-cell:hover,
.step-weight-cell:hover,
.step-team-cell:hover,
.step-buying-price-cell:hover,
.step-state-cell:hover {
    cursor: pointer;
}

.step-main-cat-cell[data-selected],
.step-sec-cat-cell[data-selected],
.step-third-cat-cell[data-selected],
.step-fourth-cat-cell[data-selected],
.step-hood-cell[data-selected],
.step-brand-cell[data-selected],
.step-sleeve-cell[data-selected],
.step-motif-cell[data-selected],
.step-matter-cell[data-selected],
.step-jacket-cell[data-selected],
.step-closing-type-cell[data-selected],
.step-cols-shapes-cell[data-selected],
.step-size-cell[data-selected],
.step-size-cell-w[data-selected],
.step-size-cell-l[data-selected],
.step-origin-cell[data-selected],

.step-sport-cell[data-selected],
.step-ligue-cell[data-selected],
.step-team-cell[data-selected],
.step-dimension-cell[data-selected],
.step-weight-cell[data-selected],
.step-buying-price-cell[data-selected]
{
    background-color:var(--black-background);
    color: white;
    transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out
}
.step-color-cell[data-selected],.step-state-cell[data-selected] {
    transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out
}
/* .step-sec-cat-cell:not([data-selected]) {
    display: none;
} */


.reduced .step-main-cat-cell,.reduced .step-sec-cat-cell {
    font-size: 13px;
    height: 45px;
}

.step-sec-cat-cell,
.step-third-cat-cell,
.step-fourth-cat-cell,
.step-cols-shapes-cell,
.step-hood-cell,
.step-sleeve-cell,
.step-motif-cell,
.step-matter-cell,
.step-jacket-cell,
.step-closing-type-cell,
.step-size-cell,
.step-size-cell-w,
.step-size-cell-l,
.step-origin-cell,
.step-color-cell,
.step-sport-cell,
.step-team-cell,
.step-ligue-cell,
.step-brand-cell,
.step-dimension-cell,
.step-weight-cell,
.step-buying-price-cell,
.step-state-cell
 {
    width: 100%;
    padding:5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--black);
    text-align: center;
    font-size: 13px;
    border-radius: 13px;
    /* text-transform: uppercase; */
    /* font-weight: 700; */
    min-height: 20px;
    transition:height 0.2s ease-in-out, background-color 0s ease-in-out, color 0s ease-in-out, font-size 0.2s ease-in-out
}

.step-brand-cell,
.step-cols-shapes-cell,
.step-jacket-cell,
.step-size-cell,
.step-size-cell-w,
.step-size-cell-l,
.step-matter-cell,
.step-color-cell,
.step-sport-cell,
.step-origin-cell,
.step-ligue-cell,
.step-team-cell {
    width:auto;
}
.step-state-cell {
    width: 134px;
}
.step-ligue-cell,.step-size-cell,#product-title, #add-product-row-references #product-title input {
    width: 100%;
}

#add-product-row-references #product-title input {
   height:50px ;
   font-size: 15px;
   font-weight: 600;
}
#add-product-row-references {
    margin-top: 40px;
}
#product-title {
    margin-bottom: 10px;
}
.step-brand-cell[data-selected],
.step-cols-shapes-cell[data-selected],
.step-jacket-cell[data-selected],
.step-size-cell[data-selected],
.step-size-cell-w[data-selected],
.step-size-cell-l[data-selected],
.step-color-cell[data-selected],
.step-origin-cell[data-selected],
.step-sport-cell[data-selected],
.step-dimension-cell[data-selected],
.step-team-cell[data-selected],
.step-state-cell[data-selected] {
    width: 100%;
}
.step-ligue-cell[data-selected]{
    width: auto;
}
.step-matter-cell {
    padding:0 20px;
}
.step-matter-cell[data-selected] {
    width: 300%;
}
#add-product-row-matter {
    display: flex;
    justify-content: space-between;
}

#add-product-row-matter.off {
display: none;
}

#matter-button {
 
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:2px solid var(--black);
    border-radius: 10px;
    font-weight: 900;
}

#references-button {
    width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:2px solid var(--black);
    border-radius: 10px;
    font-weight: 900; 
}

#dimensions-button, #weight-button, #buying-price-button {
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:2px solid var(--black);
    border-radius: 10px;
    font-weight: 900; 
}

#matter-button:hover, #dimensions-button:hover, #weight-button:hover,#buying-price-button:hover,#references-button:hover {
    cursor: pointer;
}
.matter-container {
    display: flex;
    flex-direction: column;
}

.matter-container select
{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 120px;
    height: 30px;
    border: none;
    /* padding: 0 0 0 10px; */
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
    background-color: #f0f0f0;
}

.matter-container input {
background-color: #f0f0f0;
}


.matter-ratio {
    width: 120px;
    height: 30px;
    text-align: center;
    border:none;
    padding:0;
    border-radius: 5px;
}
.step-state-cell[data-rate="10"],.step-state-cell[data-rate="9"],.step-state-cell[data-rate="8"] {
    background-color: white;
}

.step-state-cell[data-rate="7"] {
background-color: rgb(0, 209, 94);
}

.step-state-cell[data-rate="6"] {
background-color: rgb(255, 230, 0);
}

.step-state-cell[data-rate="5"] {
    background-color: rgb(221, 43, 19);
}




.step-color-cell[data-slug="noir"] {
    background-color: black;
    color: white;
}

.step-color-cell[data-slug="gris"] {
    background-color: gray;
    color: white;
}

.step-color-cell[data-slug="blanc"] {
    background-color: white;
   
}

.step-color-cell[data-slug="rouge"] {
    background-color: orangered;
    color: white;
}
.step-color-cell[data-slug="vert"] {
    background-color: green;
    color: white;
}
.step-color-cell[data-slug="bleu"] {
    background-color: blue;
    color: white;
}
.step-color-cell[data-slug="marine"] {
    background-color: rgb(0, 27, 82);
    color: white;
}
.step-color-cell[data-slug="bleu-clair"] {
    background-color: #6198ff;
    color: white;
}

.step-color-cell[data-slug="turquoise"] {
    background-color: #03afda;
    color: white;
}

.step-color-cell[data-slug="beige"] {
    background-color: #b4a46f;
    /* color: white; */
}


.step-color-cell[data-slug="lilas"] {
    background-color: #b949cf;
    color: white;
}

.step-color-cell[data-slug="violet"] {
    background-color: #cd53d8;
    color: white;
}

.step-color-cell[data-slug="rose"] {
    background-color: pink;
}
.step-color-cell[data-slug="corail"] {
    background-color: rgb(255, 127, 80);
    color: white;
}
.step-color-cell[data-slug="jaune-fluo"] {
    background-color: yellow;
    
}
.step-color-cell[data-slug="dore"] {
    background-color: #efd807;
    
}
.step-color-cell[data-slug="jaune"] {
    background-color: #f8f400;
  
}
.step-color-cell[data-slug="or"] {
    background-color: gold;

}

.step-color-cell[data-slug="orange"] {
    background-color: orange;
    color: white;
}


.step-color-cell[data-slug="marron"] {
    background-color: rgb(177, 66, 15);
    color: white;
}

.step-color-cell[data-slug="vert-fluo"] {
    background-color: rgb(153, 255, 0);
   
}
.step-color-cell[data-slug="kaki"] {
    background-color: #727c44;
    color: white;
}
.step-color-cell[data-slug="rouille"] {
    background-color: #ad3a17;
    color: white;
}

.step-color-cell[data-slug="bordeaux"] {
    background-color: #8a0669;
    color: white;
}
.step-color-cell[data-slug="aubergine"] {
    background-color: #62044a;
    color: white;
}
.step-color-cell[data-slug="argente"] {
    background-color: silver;
  
}
.step-color-cell[data-slug="multicolore"] {
    background-image: linear-gradient(0.25turn,rgb(255, 0, 0),rgb(255, 136, 0),rgb(255, 251, 0),rgb(0, 255, 21),rgb(0, 247, 255),rgb(4, 0, 255),rgb(174, 0, 255),rgb(255, 0, 0));
    /* color: white; */
}
.step-color-cell[data-slug="camouflage"] {
background-image: linear-gradient(0.25turn,#727c44,#efd807,#b4a46f)
}


#add-product-row-references input {
    width: 222px;
    height: 30px;
    text-align: center;
    border:none;
    padding:0;
    border-radius: 5px;
}

#product-weight,#product-buying-price {
    background-color: #f0f0f0;
    width: 120px;
    height: 30px;
    text-align: center;
    border:none;
    padding:0;
    border-radius: 5px;
    }

.dimension-ratio {
    width: 200px;
    height: 30px;
    text-align: center;
    border:none;
    padding:0;
    border-radius: 5px;  
}

.off {
    display: none;
}






#tasks-container .spinner {
    height: 13px;
    width: 13px;
    margin-right: 7px;
}
#tasks-container .spinner.smooth-off {
    opacity: 0;
    width: 0;
    transition: width 0.4s cubic-bezier(.41,.13,0,1.07);
}



/* TASKS */

#tasks-container {
    font-size: 13px;
    font-weight: 100;
    font-style: italic;
    color: rgba(22, 22, 22, 0.7);
    height: 70px;
    background-color: rgba(255, 255 , 255, .5);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 122px;
    padding-left: 92px;
    display: flex;
    align-items: center;
    /* border-bottom: 1px solid #aaa; */
    /* opacity: 0.7; */
}

#tasks-container span{
    margin-left: 7px;

}



/* ADD BILLS */

.add-bill-form-container {
    padding: 30px 0px 30px 0px;
    /* background-color: var(--extra-light-white); */
    width: 100%;
    box-sizing: border-box;
}

.add-bill-form-container h3 {
    margin-top: 0;
}
.tabs-container {
    width: 100%;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    padding: 0 80px;
    box-sizing: border-box;
    /* overflow-y: auto; */
}

.tab-header {
    display: flex;
    justify-content: space-between;
    background-color: #333;
    color: #fff;
}

.tab-header button {
    flex: 1;
    padding: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    color: inherit;
    cursor: pointer;
}

.tab-header button:hover {
    background-color: #555;
}

.tab-content {
    display: none;
    padding: 20px 0;
    max-height: 600px;
   

}

.tab-content.active {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.add-bill-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    column-gap: 40px;
    margin-bottom: 0;
    /* margin-bottom: 20px; */
    
}

.add-bill-row:not(:first-child) {
margin-top:20px;
}

#add-bill_lines-rows {
    margin-top: 40px;
}

.add-bill-row h3 {
    width: 100%;
    margin: 0 0 20px 0;
}
.form-field {
display: flex;
flex-direction: column;
}
.bill-container select {
    color: rgb(155, 163, 170);
    font-style: italic;
    font-size: 14px;
    height: 30px;
}
.add-bill-form-container label {
    font-size: 12px;
    margin-bottom: 3px;
}

button#bill-record,.add-supplier-form-container button {
    width: 263px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:2px solid var(--black);
    border-radius: 10px;
    height: 33px;
    font-weight: 900;
}

.tab-button.active {
background-color: #777;
}

.add-bill-form-container input {
    height: 30px;
 
    text-align: center;
    border:none;
    padding:0;
    border-radius: 5px;
}
.add-bill-form-container select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    /* width: 120px; */
    height: 30px;
    border: none;
    /* padding: 0 0 0 10px; */
    margin-bottom: 10px;
    padding: 0 20px;
    border-radius: 5px;
    text-align: center;
    background-color: #f0f0f0;
    }

.form-field__designation {
    width: 100%;
}


.add-line-button__line {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.remove-line-button,.add-line-button {
    height: 30px;
    width: 30px;
}



/* SUPPLIERS */


.add-supplier-form-container {
    padding: 30px 0px 30px 0px;
    /* background-color: var(--extra-light-white); */
    width: 100%;
    box-sizing: border-box;
}

.add-supplier-form-container h3 {
    margin-top: 0;
}



.add-supplier-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    column-gap: 40px;
    margin-bottom: 0;
    /* margin-bottom: 20px; */
    
}

.add-supplier-row:not(:first-child) {
margin-top:20px;
}

#add-supplier_lines-rows {
    margin-top: 40px;
}

.add-supplier-row h3 {
    width: 100%;
    margin: 0 0 20px 0;
}


.add-supplier-form-container label {
    font-size: 12px;
    margin-bottom: 3px;
}



.add-supplier-form-container input {
    height: 30px;
 
    text-align: center;
    border:none;
    padding:0;
    border-radius: 5px;
}