.conversions-main {
  width: 100%;
  margin: 10px; }
  .conversions-main .toolbar {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .conversions-main .toolbar .react-select {
      width: 400px;
      margin-right: 10px; }
    .conversions-main .toolbar .left-side {
      display: inherit; }
    .conversions-main .toolbar .right-side {
      margin-left: 5px; }
    .conversions-main .toolbar .btn {
      margin-bottom: 0px;
      margin-left: 5px; }
  .conversions-main .table-title {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px; }
    .conversions-main .table-title .title {
      color: #777;
      font-size: 1.6em; }
  .conversions-main .conversion-table {
    cursor: default;
    width: 100%;
    font-size: 0.95em; }
    .conversions-main .conversion-table .conversion-line {
      width: 47%; }
    .conversions-main .conversion-table .details-column {
      width: 6%; }
    .conversions-main .conversion-table .overridden .conversion-line {
      text-decoration: line-through; }
    .conversions-main .conversion-table .view-link {
      color: #7B7B7B;
      cursor: pointer; }
    .conversions-main .conversion-table .view-link:hover {
      color: lightseagreen; }
    .conversions-main .conversion-table .row-delete-icon {
      color: #7B7B7B;
      cursor: pointer;
      margin-left: 7px;
      font-size: 1.1em; }
    .conversions-main .conversion-table .row-delete-icon:hover {
      color: red; }
    .conversions-main .conversion-table thead > tr {
      background-color: #f3f3f3; }
    .conversions-main .conversion-table tr:nth-of-type(even) {
      background-color: #f3f3f3; }
    .conversions-main .conversion-table tr.selected {
      background-color: #e9f3f7;
      font-weight: bold;
      color: #3f3f3f; }
    .conversions-main .conversion-table tr td:nth-child(n+3), .conversions-main .conversion-table tr th:nth-child(n+3) {
      text-align: center; }

.interior {
  padding: 5px; }

@media (min-width: 900px) {
  .input-group-addon {
    min-width: 80px; } }

@media (min-width: 768px) and (max-width: 979px) {
  .input-group-addon {
    min-width: 50px; } }

.input-group-addon:last-child {
  min-width: 3px;
  background-color: white; }

.skudetail .well {
  margin-bottom: 5px; }

.skudetail .sku-clear {
  margin-top: -5px;
  margin-right: -5px;
  margin-bottom: 1px;
  color: #aaa; }

.conversion-detail .msg-line {
  position: relative; }

.conversion-detail .msg-input {
  padding-right: 20px; }

.conversion-detail .msg-clear {
  position: absolute;
  right: 5px;
  top: 7px;
  z-index: 3;
  color: #BBBBBB; }

.well {
  margin-bottom: 5px; }

.form-group {
  margin-bottom: 5px; }

.feedback.error {
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 5px;
  color: red;
  font-size: 0.85em; }

.feedback.success .feedback.error {
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 5px;
  color: green;
  font-size: 0.85em; }

.conversion_delete_confirm .well {
  margin-left: 5px;
  margin-right: 5px; }
  .conversion_delete_confirm .well .brand_label {
    text-align: right; }

.conversion_delete_confirm span div.message {
  padding-left: 10px; }

.conversion_detail_modal .well {
  margin: 5px; }

.conversion_detail_modal .conversion-detail .Select-control {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px; }
  .conversion_detail_modal .conversion-detail .Select-control .Select-placeholder {
    padding-top: 4px; }
  .conversion_detail_modal .conversion-detail .Select-control .Select-clear {
    padding-top: 2px; }
  .conversion_detail_modal .conversion-detail .Select-control .Select-arrow {
    top: 11px; }

.conversion_detail_modal .conversion-detail .Select.is-disabled .Select-arrow {
  display: none; }

.conversion_detail_modal .conversion-detail .row {
  margin-bottom: 5px; }
  .conversion_detail_modal .conversion-detail .row div.top-nudge {
    margin-top: 3px; }

.conversion_detail_modal .pad-right {
  padding-right: 20px; }

.conversion_detail_modal .conversiontoolbar {
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  flex-direction: row;
  display: flex;
  flex: 1;
  justify-content: flex-end;
  position: fixed;
  right: 0px;
  width: 338px;
  z-index: 1030;
  transition: right 0.5s ease-out; }
  .conversion_detail_modal .conversiontoolbar .fa-bars {
    color: red;
    font-size: 2em;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 5px;
    padding-right: 5px; }
  .conversion_detail_modal .conversiontoolbar .Select-control {
    width: 250px; }

.conversion_detail_modal .conversiontoolbar.closed {
  right: -338px;
  transition: right 0.5s ease-out; }