/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

/* Firefox */
input[type=number] {
 -moz-appearance: textfield;
}

html {
 -webkit-scroll-behavior: smooth;
 scroll-behavior: smooth;
 font-family: Arial;
 overflow-x: hidden;
 
}
body {
 font-family: Arial;
}

/*.mdc-icon-button__font--awesome {
display:inline-flex;
justify-content:center;
align-items:center;
}*/

.fal, .fas, .far {
 font-size: 20px;
}
/**/
body {
min-height: 100vh;
overflow-y:auto;
width:100%;
 margin: 0;
 padding: 0;
 font-size: 16px;
}

.mdc-text-field,
.mdc-select__anchor {
 display: flex !important;
}


.mdc-drawer-app-content {
 flex: auto;
 overflow: auto;
 position: relative;
}

.main-content {
 /*overflow: auto;*/
 height: 100%;
}

.app-bar {
 position: absolute;
}


.mdc-top-app-bar {
 z-index: 7;
}

.mdc-app__window {
 margin: 0 auto;
 max-width: 1300px;
}

.mdc-app__window-wide {
 max-width: 1600px;
 margin: 0 auto;
 height: 100%;
}

.mdc-app__window-full {
 width: 100%;
 height: 100%;
 margin: 0;
}


.mdc-app__grid-wide {
 width: 100%;
}
/*
.mdc-app__step {
 height: 100%;
}*/

 .mdc-app__step > div {
  height: 100%;
 }

 .mdc-app__step-width {
  max-width: 600px;
  margin: 0 auto;
 }

.mdc-app__text-center {
 text-align: center;
}

.mdc-app__progress-bar {
 height: 0px;
 width: 100%;
 position: sticky;
 position: -webkit-sticky;
 left: 0;
 z-index: 7;
 top: 0;
}

 .mdc-app__progress-bar > div > div {
  height: 6px;
 }

.mdc-linear-progress__bar-inner {
 border-top-width: 6px;
}



.mdc-top-app-bar__logo_mobile {
 display: none;
}

@media only screen and (max-width: 500px) {
 .mdc-top-app-bar__logo_mobile {
  display: inline-block;
 }

 .mdc-top-app-bar__logo_desktop {
  display: none;
 }
}


.mdc-app__main-grid {
 min-height: calc(100vh - 64px);
 position: relative;
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

 .mdc-app__main-grid > div {
  width: 100%;
 }

.mdc-text-field-helper-text:empty, .mdc-select-helper-text:empty {
 display: none;
}

.mdc-app__dialog-full .mdc-dialog__container {
 max-width: 100%;
 width: 100%;
 padding: 0 20px;
}


.mdc-app__dialog-full .mdc-dialog__surface {
 max-width: 100%;
 width: 100%;
}

.mdc-app__dialog-wide .mdc-dialog__container {
 max-width: 1000px;
 width: 100%;
 padding: 0 20px;
}


.mdc-app__dialog-wide .mdc-dialog__surface {
 max-width: 960px;
 width: 100%;
}

.mdc-app__dialog-semi .mdc-dialog__container {
 max-width: 500px;
 width: 100%;
 padding: 0 20px;
}


.mdc-app__dialog-semi .mdc-dialog__surface {
 max-width: 460px;
 width: 100%;
}


.mdc-typography--headline6 {
 color: rgba(0,0,0,.65);
}

.mdc-card-wrapper__text-section i {
 margin-right: 10px;
}

.mdc-data-table {
 width: 100%;
}

.mdc-data-table__last-cell--action td:last-of-type{
 text-align:right;
}

 .mdc-data-table__cell .mdc-icon-button i, .mdc-data-table__cell i {
  font-size: 15px;
 }

.mdc-data-table__cell .mdc-icon-button {
 width: 30px;
 height: 30px;
}

.mdc-pagination .mdc-icon-button {
 font-size: 22px;
 width: 30px;
 height: 30px;
 padding: 4px;
}

.mdc-pagination .mdc-icon-button__text {
 font-size: 13px !important;
}

.mdc-per-page .mdc-select .mdc-select__anchor {
 height: 30px !important;
}

.mdc-per-page .mdc-select {
 max-width: 90px !important;
}

.mdc-select {
 min-width: auto;
}

.pag-per {
 margin-bottom: -10px !important;
}

.mdc-per-page .mdc-select .mdc-select__anchor::before {
 height: 22px;
}

.mdc-pagination {
 justify-content: flex-start !important;
}

.mdc-pagination {
 padding: 0;
}


.mdc-app__text-center {
 text-align: center;
}

.mdc-app__drawer-title {
 align-items: center;
 text-decoration: none;
 font-weight: 700;
 letter-spacing: 0px;
 display: inline-flex;
}

 .mdc-app__drawer-title img {
  height: 30px;
  margin-right: 10px;
 }

.mdc-app__text-center {
 text-align: center;
}

.mdc-top-app-bar .mdc-top-app-bar__navigation-icon,
.mdc-top-app-bar .mdc-icon-button {
 color: #000;
}


.mdc-app__title {
 font-weight:600;
 font-size:1.2rem;
 padding-bottom:5px;
}

.mdc-app__paragraph {
 margin-top: 20px;
}


.mdc-app_list--option-cnt {
 border-bottom: 1px solid #ccc;
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex: 1;
 padding: 15px 0px;
 margin-left: 25px;
}


.mdc-app_list--option {
 height: 70px;
 padding: 0;
}

 .mdc-app_list--option > i {
  font-size: 20px;
  width: 20px;
  height: 20px;
 }

.no-data-div {
padding:20px;
}

.mdc-app_input--box {
 margin-bottom: 15px;
}

.mdc-app__container {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 height: 100%;
 
}

 .mdc-app__container .mdc-app__container-box {
 flex:1;
 }

.mdc-app__container-actions {
 /*position: fixed;
 padding: 5px 20px;
 bottom: 0;
 left: 0;
 width: 100%;*/

 position: sticky;
 bottom: 0;
 width: 100%;
 /*padding-top: 20px;*/
 padding: 2px;
 background: #FFF;
 box-shadow: 0px 4px 5px -2px rgb(0 0 0 / 20%), 0px 7px 10px 1px rgb(0 0 0 / 14%), 0px 2px 16px 1px rgb(0 0 0 / 12%);
}

.mdc-app__container-actions a {
 width: 100%;
}







.material-row {
 display: flex;
 align-items: center;
 padding: 20px 0;
 border-bottom: 1px solid #ccc;
 text-decoration: none;
 cursor:pointer;
}


.material-row--desc {
 flex: 1
}

.material-row--price:empty {
 display: none;
}


.material-row--img img {
 height: 100%;
 width: auto;
 max-width: 100%;
 vertical-align: middle;
 border: 0;
}

.material-row--img {
 width: 50px;
 margin: 5px 20px;
}



.material-row--desc-text {
 font-weight: bold;
}

.material-row--desc-number {
 font-size: .8rem;
}

 .prices {
 width: 100%;
 background-color: #F7F7F7;
 padding:5px 20px;
 display:flex;
}

.prices > div {
 /*display: inline-block;*/
 flex:1;
 text-align:center;
}

.text-red,
.total-order-sum-red .user-action-lbl {
 color: #E20612;
}

.total-order-sum-red .user-action-lbl,
.total-order-sum-green .user-action-lbl {
 font-weight: bold;
}

.text-green,
.total-order-sum-green .user-action-lbl {
  color: #00820C;
 }

.text-gray {
 color:#F7F7F7;
}



.material-row--btn-remove {
 background: none;
 outline: none;
 background-color: #E20612;
 color: #FFF;
 border: 0;
 border-radius: 50%;
 /* font-size: 13px; */
 padding: 2px 2px;
 font-weight: bold;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 justify-items: center;
 position: absolute;
 top: 5px;
 left: 10px;
 cursor: pointer;
}

 .material-row--btn-remove > i {
  font-size: 18px;
 }



.material-header {
 max-width: 1000px;
 margin: 0 auto;
 position: relative;
 padding: 0 30px;
 display: flex;
 padding: 20px 30px 15px;
 justify-content: space-around;
}

.material-header-img {
 max-width: 100px;
}

 .material-header-img img {
  width: 100%;
 }

.material-header-details > div {
 flex: 1;
}



.material-header-details--desc {
 padding-left: 30px;
}

.material-header-details--desc-t {
 font-weight: bold;
 font-size: .8rem;
}

.material-header-details--desc-n {
 /* font-weight: bold; */
 font-size: .75rem;
 margin-top: 5px;
 color: rgba(0,0,0,.7);
}

.material-price-columns {
 max-width: 1000px;
 margin: 0 auto;
 position: relative;
 padding: 0 30px;
 display: flex;
 padding: 20px 30px 15px;
 justify-content: space-around;
}

.material-price-column-left {
max-width:150px;
width:100%;
text-align:center;
}

.material-header-read-more {
 font-size: .8rem;
 margin-top: 10px;
 display: inline-flex;
 text-decoration: underline;
}

.material-view {
 padding-bottom: 20px;
 margin-top: 30px;
}

.material-view-tabs .tabs-content {
padding:10px 20px;

}

.material-view-tabs {
 margin-top: 30px;
}

.plant-item {
 display: flex;
 justify-content: space-between;
 border-top: 1px solid #CCC;
 padding: 10px 0;
}

.plants {
 border-bottom: 1px solid #CCC;
}

.price-details-row {
 display: flex;
 justify-content: space-between;
 margin-top:5px;
}

.price-details-lbl {
font-size:.7rem;
}

.price-details-value {
font-size:.9rem;
}

.mdc-app__container-actions:empty{display:none;}


.material-order-input-qd {
 display: flex;
 margin-top: 30px;
}

 .material-order-input-qd > div {
  flex: 1;
  text-align: center;
  padding: 0 20px;
 }

.material-order-input-lbl {
 text-transform: uppercase;
 font-size: .75rem;
}

.material-order-input-qd input {
 text-align: center;
}

.material-order-input-box {
 margin-top: 10px;
}

.material-order-row {
 border-bottom: 1px solid #CCC;
 padding: 10px 0 30px;
}

.material-order-input-lbl-value {
 font-weight: bold;
 margin-top: 5px;
}

.odd-back {
 background-color: #EFEFEF;
}

.warehouse-input-tbl {
 padding: 0 20px;
 text-align: center
}

.warehouse-input-tbl-lbl-i {
}

 .warehouse-input-tbl-lbl-i > div {
  max-width: 60%;
  margin: 0 auto;
 }

 .warehouse-input-tbl-lbl-i input {
  text-align: center;
 }

.warehouse-input-tbl-lbl-o {
 width: 30%;
 font-weight: bold;
}

.warehouse-input-tbl-lbl {
 text-transform: uppercase;
 font-size: .7rem;
}


.warehouse-input-tbl-lbl-q {
font-weight:bold;
}
.warehouse-input-tbl-r {
width:100%
}

.material-row--price {
 padding-right: 10px;
 padding-left: 10px;
 
}

.warehouse-row--quantity {
 display: flex;
 justify-content: center;
}

.mdc-top-app-bar__title {
color:#000;
}

.email-box input {
text-transform:lowercase;
}