.carriers_config-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}

.carriers_config-content {
  width: 900px;
}

.carriers_config-items {
  font-size: 12px;
}

.carriers_config-items > div:nth-child(even),
.carriers_config-head {
  background-color: #eee;
}
 
.carriers_config-head {
  font-weight: bold;
  border-bottom: 2px solid #f4f4f4;
}

.carriers_config-info {
  display: flex;
  width: 100%;
  padding: 5px 15px;
}

.cci-platform,
.cci-actions {
  flex-basis: 10%
}

.cci-name {
  flex-basis: 80%;
}

.carriers_settings-panel {
  display: none;
}

span.carriers_cf-saving-label,
span.carriers_cf-error-label,
span.carriers_cf-success-label {
  display: none;
}

.carriers_config-error {
  padding: 20px;
}

.carriers_panel-button {
  margin: 5px auto;
}

.carriers_panel-text {
  padding: 10px;
  margin-bottom: 10px;
}

.carriers_panel-text.context-info,
.carriers_panel-text.context-warning,
.carriers_panel-text.context-danger,
.carriers_panel-text.context-success {
  border-radius: 7px;
}

.carriers_panel-text.context-info    { background-color: #cce5ff; }
.carriers_panel-text.context-warning { background-color: #fff3cd; }
.carriers_panel-text.context-danger  { background-color: #f8d7da; }
.carriers_panel-text.context-success  { background-color: #dff0d8; }

/* Esto pasa cuando sobrescriben clases del framework, los odio */
.full-right-right {
  float: right;
}

.no-display {
  display: none;
}