.component.flow {
  color: #000000;
}

.component.flow .mc-label .mnc.header  {
  font-size: 20px;
  color: #161360;
  letter-spacing: 0.83px;
  font-weight: normal;
}

.component.flow label.editable, .component.flow .inline.field>label.editable {
  font-size: 16px;
  color: #4A4A4A;
  letter-spacing: 0;
  font-weight: normal;
}

.component.flow .field.widget.last-refresh label.editable {
  color: #516C85;
}

.component.flow .field.widget.last-refresh span {
  color: #16135F;
  font-weight: bold;
}

.component.flow .new-button button {
  background: #30CB81;
  border-radius: 2px;
  border: none;
  color: #FFFFFF;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: normal;
  padding-left: 30px;
  padding-right: 30px;
}

.component.flow .new-button button:hover {
  background: #289c63;
}

.component.flow button.major {
  background: #30CB81;
  border-radius: 2px;
  border: none;
  color: #FFFFFF;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: normal;
}

.component.flow button.major:hover {
  background: #289c63;
}

.component.flow h3.mnc.title, .component.flow .accordion:not(.styled) .title, .component.flow .accordion:not(.styled) .title .mnc.header {
  font-size: 20px!important;
  color: #161360!important;
  letter-spacing: 0.83px;
  font-weight: normal;
}

.component.flow input:not([type='file']) {
  border-radius: 2px;
  border: 1px solid #9B9B9B;
  font-size: 14px;
  color: #516C85;
  letter-spacing: 0;
}

.component.flow div.mnc.dropdown, .component.flow div.mnc.dropdown.active {
  border-radius: 2px;
  /*border: 1px solid #9B9B9B;*/
  font-size: 14px;
  color: #516C85;
  letter-spacing: 0;
}

.component.flow .mnc.dropdown .menu.visible {
  border-radius: 2px;
  border: 1px solid #9B9B9B;
}

.component.flow table.mnc.table {
  border: 0px;
  border-radius: 0px;
}

.component.flow table.mnc.table th {
  font-size: 12px;
  color: rgba(81,108,133,0.6);
  letter-spacing: 0;
  font-weight: normal;
  background-color: transparent;
}

.component.flow table.mnc.table td {
  font-size: 12px;
  color: #000000;
  letter-spacing: 0;
}

.component.flow .mnc.striped.table tbody tr:nth-child(2n), .component.flow .mnc.striped.table>tr:nth-child(2n) {
  background: rgba(227,237,237,0.26);
}

.component.flow .mnc.table td, .component.flow .mnc.table th {
  /*border-right: rgba(151,151,151,0.07) 1px solid;*/
  border-left: 0;
  border-top: rgb(227,237,237) 1px solid;
  border-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.component.flow .mnc.table tr>th:first-child, .component.flow .mnc.table tr>td:first-child {
  border-left: rgba(151,151,151,0.07) 1px solid;
}

.component.flow .mnc.table thead tr:first-child>th:last-child, .component.flow .mnc.table thead tr:first-child>th:first-child,
.component.flow .mnc.table thead tr:last-child>td:last-child, .component.flow .mnc.table thead tr:last-child>td:first-child{
  border-radius: 0 0 0 0;
}

.component.flow .mnc.table thead tr:last-child>td {
  border-bottom: rgb(227,237,237) 1px solid;
}

.component.flow .mnc.table td button {
  background-color: transparent;
  border: 0px;
  padding: 0;
  padding-left: 7px;
  color: #38A0FA;
}

.component.flow .mnc.table td button:hover {
  color: #275e9d;
}

.component.flow .pagination.menu {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.component.flow .pagination.menu .item {
  border: 0;
  box-shadow: none;
  padding-left: 5px;
  padding-right: 5px;
  color: #516C85;
}

.component.flow .pagination.menu .icon.item {
  color: #3A3878;
}

.component.flow .pagination.menu .item:hover {
  background-color: transparent;
  color: #4A90E2;
}

.component.flow .pagination.menu .item.disabled:hover {
  color: #516C85;
}

.component.flow .pagination.mnc.menu .item:before {
  background: none;
}

.component.flow .pagination.menu .active.item {
  background: transparent;
}

.component.flow .pagination.menu .active.item input {
  color: #4A90E2;
}

.component.flow .pagination.menu .item i.icon.arrow.left:before {
  content: "\f104";
}

.component.flow .pagination.menu .item i.icon.arrow.right:before {
  content: "\f105";
}

.component.flow form.categories-list h3.mnc.title {
  margin-top: 50px;
}

.component.flow .email-analysis-overview .tableWrapper {
  margin-bottom: 20px;
}

.component.flow .tableWrapper .mnc.right.floated.menu {
  float: left;
}

.component.flow .email-analysis-overview .analysis-presets .hbox.flex-row>div.gapped {
  margin-bottom: 32px;
}

.component.flow .email-analysis-overview .analysis-presets .mnc.link {
  padding: 13px 10px;
  border-radius: 0;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.58px;
  color: #000000;
}

.component.flow .email-analysis-overview .analysis-presets .mnc.link:hover {
  color: #38A0FA;
}

.component.flow .email-analysis-overview .analysis-presets .mnc.link.active {
  background-color: #16135F!important;
  border-color: #16135F!important;
  color: #FFFFFF;
}

.component.flow .email-analysis-overview .metric-card {
  border: 1px solid #E3EDED;
  border-radius: 3px;
  padding-top: 15px;
  padding-bottom: 30px;
  margin-right: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  color: #516C85;
}

.component.flow .email-analysis-overview .metric-card h3.mnc.header {
  font-size: 36px;
  color: #16135F;
}

[data-widget-name="pnlTenantList"] > .mnc.twelve.column.grid.widgetContainer > .mnc.row.mc-label > .mnc.header-wrap > .mnc.header.editable {
  margin-bottom: 0px !important;
}

[data-widget-name="pnlTenantModel"] > .mnc.twelve.column.grid.widgetContainer > .mnc.row.mc-label > .mnc.header-wrap > .mnc.header.editable {
  margin-top: 0px !important;
}

[data-widget-name="rptTenantModel"] > .mnc.twelve.column.grid.widgetContainer > .mnc.twelve.wide.column.mnc.vertical.segment {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.component.flow .email-analysis-overview .metric-card .metrics-rate {
  color: #F5A623;
}

.mnc.table td.selected, .mnc.table tr.selected td {
  background: rgb(128,128,128)!important;
  color: white!important;
}

.mnc.table td.disabled, .mnc.table tr.disabled td {
  background: rgb(211,211,211)!important;
}  

.mnc.table td.error, .mnc.table tr.error td {
  background: rgb(255, 216, 216)!important;
  
}

.mnc.table td.ready, .mnc.table tr.ready td {
  background: #dbf9ff!important;

}

.mnc.table td.waiting, .mnc.table tr.waiting td {
  background: rgb(255,165,0)!important;
}

.mnc.table td.done, .mnc.table tr.done td {
  background: rgb(209, 255, 209)!important;
 
}

.mnc.table td.warning, .mnc.table tr.warning td {
  background: rgb(255, 255, 164)!important;
}

 .mnc.table td.selected a, .mnc.table tr.selected td a,
.mnc.table td.error a, .mnc.table tr.error td a,
.mnc.table td.ready a, .mnc.table tr.ready td a, .mnc.table tr.warning td a, .mnc.table td a,
.mnc.table td.done a, .mnc.table tr.done td a {
  text-decoration: underline !important;
} 

.mnc.table td.selected a:hover, .mnc.table tr.selected td a:hover,
.mnc.table td.error a:hover, .mnc.table tr.error td a:hover,
.mnc.table td.ready a:hover, .mnc.table tr.ready td a:hover,
.mnc.table td.done a:hover, .mnc.table tr.done td a:hover {
  color: #8CB5DB;
}

.component.flow .pnl-numbers-of-missing-files-with-title .mc-label {
  justify-content: center;
}

.mnc.column.widget.mnc.segment.pnl-numbers-of-missing-files {
  border-radius: 0;
  border-width: 2px;
  border-color: rgb(227,237,237);
}

.lblfield-numbers-of-missing-files {
  font-size: 34px;
}