body {
 padding: 0;
 margin: 0;
 font-family: Roboto;
}

/* 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;
 overflow-x: hidden;
}

.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%;
}


.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-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-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-top-app-bar .mdc-top-app-bar__navigation-icon,
.mdc-top-app-bar .mdc-icon-button {
 color: #000;
}

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


/*Batches*/

.batch-total {
 font-weight: 900;
 font-size: 1.5rem;
 cursor: pointer;
 color:#555;
}

.batch-counts-column-total, .batch-counts-column-sending, .batch-counts-column-sent {
 text-align: center;
 display: flex;
 flex-direction: column;
 align-self: center;
}

.batch-sending {
 color: #eebb00;
 cursor: pointer;
}

.batch-sent {
 cursor: pointer;
 color: #00cc00;
}

.batch-waiting {
 cursor: pointer;
 color: #7777ff;
}

.batch-failed {
 cursor: pointer;
 color: #ff0000;
}

.batch-name-column {
 display: flex;
 align-items: center;
}

.batch-name {
 color: #333;
 font-size: 1.6rem;
 font-weight: 500;
}

.batch-row {
 position: relative;
 margin: 1px 0px;
 min-height: 70px;
}

.batch-row::before
{
 content:"";
 position:absolute;
 top:0px;
 height:100%;
 width:10px;
 z-index:1;
}

.mdc-pagination {
 margin-bottom: 25px;
}

 .mdc-pagination button.mdc-icon-button
 {
  font-size:1.5rem;
 }

 .batch-row.Importing::before {
  background-color: #ffdd00;
 }

.batch-row.New::before {
 background-color: #ffff00;
}

 .batch-row.Disabled::before {
  background-color: #888888;
 }

 .batch-row.WaitingToSend::before {
  background-color: #44ffff;
 }

 .batch-row.Sending::before {
  background-color: #00ff00;
 }

 .batch-row.APIActive::before {
  background-color: #00ff00;
 }

 .batch-row.APIInactive::before {
  background-color: #8888ff;
 }

 .batch-row.Finished::before {
  background-color: #8888ff;
 }

 .batch-row.Deleted::before {
  background-color: #fff;
 }

 .batch-row.Unknown::before {
  background-color: #ff0000;
 }

 /*----------------------------------------------------*/

 .batch-row.Importing {
  background-color: #ffffdd;
 }

.batch-row.Importing {
 background-color: #ffffff;
}

 .batch-row.Disabled {
  background-color: #eee;
 }

 .batch-row.WaitingToSend {
  background-color: #ddffff;
 }

 .batch-row.Sending {
  background-color: #ddffdd;
 }

 .batch-row.APIActive {
  background-color: #ddffdd;
 }

 .batch-row.APIInactive {
  background-color: #eeeeff;
 }

 .batch-row.Finished {
  background-color: #eeeeff;
 }

 .batch-row.Deleted {
  background-color: #fff;
 }

.batch-row.Unknown {
 background-color: #ffe5e5;
}

.batch-counts-column-reports a.mdc-button {
 font-size: 0.8rem;
}

.batch-counts-column-reports {
 display: flex;
 flex-direction: column;
}

.batch-counts-column-actions {
 display: flex;
 flex-direction: column;
}

.add-batch {
 position: relative;
 top: 7px;
}