@tailwind base;
@tailwind components;
@tailwind utilities;
.vb-red {
  background-color: #ed1c24;
}
.btn.vb-red :hover {
  background-color: #e4121a;
}
.gs-blue {
  background-color: #18a7f2;
}
.btn.gs-blue :hover {
  background-color: #0d9eea;
}
.ab-green {
  background-color: #50d10d;
}
.btn.ab-green :hover {
  background-color: #4ac20c;
}
.white {
  background-color: #fff;
}
.white-text {
  color: #fff;
}
.light-gray {
  background-color: #f5f5f5;
}
.light-gray-text {
  color: #f5f5f5;
}
.med-gray {
  background-color: #666;
}
.med-gray-text {
  color: #666;
}
.dark-gray {
  background-color: #363636;
}
.dark-gray-text {
  color: #363636;
}
.black {
  background-color: #252525;
}
.black-text {
  color: #252525;
}
table.content-list tbody td.dataTables_empty {
  padding: 60px !important;
}
table.content-list tbody td.dataTables_empty i {
  font-size: 160px;
  line-height: 100px;
}
table.content-list .is-selected-column {
  width: 20px;
}
table.content-list .editorial {
  max-width: 100px;
}
table.content-list .date {
  min-width: 150px;
}
table.content-list .preview-column {
  width: 150px;
}
#my-content .alert,
#reviewer-details .alert {
  margin-left: 15px;
  margin-right: 15px;
}
#my-content .content-main-nav,
#reviewer-details .content-main-nav {
  margin-bottom: 20px;
  margin-top: 15px;
}
#my-content .content-main-nav li.active a,
#reviewer-details .content-main-nav li.active a {
  border-radius: 3px;
  color: #595959;
}
#my-content .content-main-nav li:not(.active) a,
#reviewer-details .content-main-nav li:not(.active) a {
  color: #29b6ea;
}
#my-content .pull-right.nav-tabs,
#reviewer-details .pull-right.nav-tabs {
  text-align: right;
}
#my-content .pull-right.nav-tabs a,
#reviewer-details .pull-right.nav-tabs a {
  color: #999;
  margin-right: 2px;
  line-height: 1.42857143;
  display: inline-block;
  padding: 11px 15px 10px;
}
#my-content .table.content-list,
#reviewer-details .table.content-list {
  font-family: 'proxima_nova', Arial, Helvetica, sans-serif;
}
#my-content .table.content-list .stock-item-release,
#reviewer-details .table.content-list .stock-item-release {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#my-content .table.content-list th,
#reviewer-details .table.content-list th {
  background-color: #fff !important;
  color: #a6a6a6;
  letter-spacing: 0.5px;
  font-size: 14px;
}
#my-content .table.content-list input[type=checkbox],
#reviewer-details .table.content-list input[type=checkbox] {
  height: 15px;
  margin: 0;
  width: 15px;
}
#my-content .table.content-list label,
#reviewer-details .table.content-list label {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-shadow: inset 0 1px rgba(0,0,0,0.05);
  color: #666;
  cursor: pointer;
  display: block;
  height: 16px;
  line-height: 14px;
  min-height: 16px;
  margin: 0 auto;
  width: 16px;
}
#my-content .table.content-list label.checkbox,
#reviewer-details .table.content-list label.checkbox {
  margin-left: 3px;
  margin-right: 3px;
}
#my-content .table.content-list label i,
#reviewer-details .table.content-list label i {
  color: #29b6ea;
  line-height: 14px;
  font-size: 10px;
  text-align: center;
  top: -1px;
  width: 14px;
  vertical-align: middle;
}
#my-content .table.content-list input[type=checkbox]:checked + label i,
#reviewer-details .table.content-list input[type=checkbox]:checked + label i {
  display: block;
}
#my-content .table.content-list .thumbnail,
#reviewer-details .table.content-list .thumbnail {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  margin: 4px 0;
  padding: 0;
  max-width: 150px;
  max-height: 150px;
}
#my-content .table.content-list .thumbnail .caption,
#reviewer-details .table.content-list .thumbnail .caption {
  font-size: 12px;
  padding: 7px 0 0;
}
#my-content .table.content-list .thumbnail .caption p,
#reviewer-details .table.content-list .thumbnail .caption p {
  margin: 0;
}
#my-content .table.content-list:not(.releases-list) td button,
#reviewer-details .table.content-list:not(.releases-list) td button {
  display: block;
  margin: 0 0 7px;
  width: 100%;
  min-width: 65px;
}
#my-content .table.content-list-rejected .preview-thumbnail + div,
#reviewer-details .table.content-list-rejected .preview-thumbnail + div {
  display: none;
}
#my-content .dataTables_paginate,
#reviewer-details .dataTables_paginate {
  float: none;
  text-align: center;
}
#my-content .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled) a,
#reviewer-details .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled) a {
  color: #fff;
  background-color: #29b6ea;
  border-color: #29b6ea;
  cursor: pointer;
}
#my-content .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover a,
#reviewer-details .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover a {
  background-color: #2dc6ff;
  border-color: #2dc6ff;
  box-shadow: 0 2px 0 0 #2d7e9c;
}
#my-content .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
#reviewer-details .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #fff !important;
  border-color: transparent;
}
#my-content .dataTables_wrapper .dataTables_length,
#reviewer-details .dataTables_wrapper .dataTables_length {
  float: right;
  padding-right: 30px;
}
#my-content .paginate_button.disabled a,
#reviewer-details .paginate_button.disabled a {
  background-color: #f1f1f1;
  color: #aaa;
  cursor: default;
}
#my-content .nav-tabs,
#reviewer-details .nav-tabs {
  margin-bottom: 20px;
}
#my-content .nav-tabs .count,
#reviewer-details .nav-tabs .count {
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  padding-left: 7px;
  vertical-align: middle;
}
#my-content .select2-search-choice .label,
#reviewer-details .select2-search-choice .label {
  display: none;
}
#my-content .batch-edit-buttons,
#my-content .content-actions {
  display: inline-block;
}
@media (max-width: 998px) {
  #my-content .content-actions {
    margin-bottom: 7px;
  }
}
#my-content .content-actions button,
#my-content .batch-edit-buttons button {
  margin-right: 15px;
}
#my-content .table.content-list th:last-child,
#my-content .table.content-list td:last-child {
  width: 12%;
}
#my-content .dataTables_wrapper .dataTables_paginate .paginate_button.active a,
#my-content .dataTables_wrapper .dataTables_paginate .paginate_button.active:hover a {
  background-color: #999;
  border-color: #999;
  box-shadow: none;
}
#rejected-tab .submission-requirements {
  margin-top: 0;
  margin-bottom: 20px;
}
#content-tabs-pane-releases .table.releases-list th:nth-child(2),
#content-tabs-pane-releases .table.releases-list td:nth-child(2) {
  width: 40px !important;
}
#content-tabs-pane-releases .table.releases-list td:nth-child(2) {
  text-align: center;
}
#content-tabs-pane-releases .table.releases-list .release-edit-buttons button.btn {
  border: 1px solid #ddd;
  background-color: #fff;
  display: inline-block;
  margin: 7px 0 7px 7px;
  text-align: center;
  width: auto;
}
#content-tabs-pane-releases .table.releases-list .release-edit-buttons button.btn i {
  padding: 0;
}
#content-tabs-pane-releases .table.releases-list .release-edit-buttons button.delete {
  color: #d42930;
}
#content-tabs-pane-releases .releases-list .release-preview i.fa {
  color: #d42930;
  font-size: 40px;
}
#content-tabs-pane-releases .releases-list .release-preview i.fa:hover {
  color: #a82126;
}
#content-tabs-pane-releases .table.releases-list th:nth-child(4),
#content-tabs-pane-releases .table.releases-list td:nth-child(4) {
  width: 60px;
}
#content-tabs-pane-releases .table.releases-list th:nth-child(5),
#content-tabs-pane-releases .table.releases-list td:nth-child(5) {
  text-align: right;
  width: 10%;
  min-width: 60px;
}
#content-tabs-pane-releases .table.releases-list th:nth-child(6),
#content-tabs-pane-releases .table.releases-list td:nth-child(6) {
  width: 100px !important;
}
#content-tabs-pane-releases .table.releases-list th:nth-child(7),
#content-tabs-pane-releases .table.releases-list td:nth-child(7) {
  text-align: right;
  max-width: 170px;
  width: 20%;
  min-width: 100px;
}
#content-tabs-pane-releases .table.releases-list .release-edit-buttons button.edit,
#content-tabs-pane-releases .table.releases-list .release-edit-buttons button.save {
  color: #29b6ea;
}
#content-tabs-pane-releases .table.releases-list span.release-title,
#content-tabs-pane-releases .table.releases-list span.release-type {
  cursor: pointer;
}
#content-tabs-pane-releases .table.releases-list span.release-title:hover,
#content-tabs-pane-releases .table.releases-list span.release-type:hover {
  color: #29b6ea;
}
#add-media .modal-body {
  padding: 15px 30px;
}
#add-media .box {
  border: 1px solid #ddd;
  padding: 15px 15px 0;
  margin-bottom: 30px;
}
#add-media .box .row:first-child div {
  line-height: 34px;
}
#add-media .box .stock-item:hover {
  background-color: #d9f5ff;
}
#add-media .ui-sortable-helper {
  background-color: #d9f5ff;
  height: 54px !important;
}
#add-media .load-more-wrapper:hover {
  background-color: #6fcef1;
}
#add-media .load-more {
  padding: 15px;
  width: 100%;
}
#add-media .load-more:hover {
  color: #fff;
}
#add-release-to-stock-item .row.list-wrapper,
#add-media .box .row.list-wrapper {
  box-shadow: inset 0 0 4px #f1f1f1;
  margin-bottom: 0;
}
#add-release-to-stock-item .modal-body > .row:not(.text-right),
#add-media .box > .row {
  margin-bottom: 15px;
}
#add-release-to-stock-item .list,
#add-media .list {
  min-height: 299px;
}
#add-media .ui-sortable-helper,
#add-media .box .stock-item {
  padding: 7px 15px;
}
#add-media .ui-sortable-helper span,
#add-media .box .stock-item span {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#add-media .ui-sortable-helper span,
#add-media .ui-sortable-helper i,
#add-media .box .stock-item span,
#add-media .box .stock-item i {
  line-height: 20px;
  position: relative;
  top: 7px;
}
#add-media .ui-sortable-helper i.fa,
#add-media .box .stock-item i.fa {
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  font-size: 24px;
  height: 20px;
  width: 20px;
}
#add-release-to-stock-item i.fa-plus-circle,
#add-media i.fa-plus-circle {
  color: #69cf1f;
}
#add-release-to-stock-item i.fa-minus-circle,
#add-media i.fa-minus-circle {
  color: #fb2f2f;
}
#add-release-to-stock-item .stock-item {
  padding: 15px;
}
#add-release-to-stock-item .stock-item:hover {
  background-color: #d9f5ff;
}
#add-release-to-stock-item .stock-item i {
  font-size: 24px;
  line-height: 24px;
}
#add-release-to-stock-item .stock-item span {
  line-height: 24px;
  padding-left: 15px;
}
#add-release-to-stock-item i.fa-plus-circle,
#add-release-to-stock-item i.fa-minus-circle {
  background-color: #fff;
  border-radius: 50%;
  height: 20px;
  line-height: 20px;
  position: relative;
  top: 2px;
  width: 20px;
}
#batch-edit-modal h3 {
  margin: 15px;
}
#batch-edit-modal .modal-buttons {
  margin-bottom: 15px;
  margin-top: 45px;
}
#batch-edit-modal .help {
  cursor: pointer;
}
#batch-edit-modal .tooltip-inner {
  background-color: #444;
  padding: 10px 15px;
}
#batch-edit-modal .tooltip-arrow {
  border-left-color: #444;
}
#batch-edit-modal .twitter-typeahead {
  width: 100%;
}
#batch-edit-modal .batch-edit-keywords {
  margin-bottom: 10px;
}
#batch-edit-modal .batch-edit-releases {
  margin-top: 15px;
}
#batch-edit-modal .batch-edit-releases .box {
  min-height: 200px;
  margin-bottom: 15px;
  padding: 15px 0;
  overflow-x: hidden;
  overflow-y: auto;
}
#batch-edit-modal .batch-edit-releases .release {
  line-height: 30px;
}
#batch-edit-modal .batch-edit-releases .release i {
  line-height: 30px;
  font-size: 20px;
}
#batch-edit-modal .batch-edit-releases .release i.fa-plus-circle {
  color: #69cf1f;
  cursor: pointer;
}
#batch-edit-modal .batch-edit-releases .release i.fa-minus-circle {
  color: #fb2f2f;
  cursor: pointer;
}
#batch-edit-modal .tm-tag {
  text-transform: lowercase;
}
#batch-edit-modal .release-title {
  overflow: hidden;
}
.tab-pane table.table.dataTable {
  margin-top: 15px !important;
}
.dataTables_wrapper .dataTables_processing {
  display: none !important;
}
.dataTables_wrapper .dataTable .loading-datatable {
  padding: 30px;
}
li.select2-search-choice span.no-results {
  display: none;
}
.select2-results .select2-result-label .term {
  display: none;
}
.select2-results .select2-highlighted {
  background: #29b6ea;
}
.form-control.select2-container.select2-dropdown-open {
  border-color: #29b6ea;
}
.select2-drop-active {
  border: 1px solid #29b6ea;
  border-top: none;
}
#thumbnailSelectionModal .selectable-thumbnail {
  cursor: pointer;
}
#thumbnailSelectionModal .selectable-thumbnail:hover {
  border-color: #29b6ea;
}
#thumbnailSelectionModal .preview-thumbnail-vertical {
  aspect-ratio: 9/16;
}
#thumbnailSelectionModal .thumbnail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  column-gap: 30px;
  padding: 15px 30px;
}
#thumbnailSelectionModal .vertical-thumbnail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  column-gap: 30px;
  padding: 15px 30px;
}
.upload-area .upload-more {
  margin-bottom: 15px !important;
}
.upload-area .file-validation-status-container {
  padding-bottom: 15px;
}
.upload-area .file-validation-status-container strong {
  line-height: 30px;
  padding-right: 15px;
}
.upload-area .file-validation-status-container span {
  font-size: 24px;
  line-height: 30px;
}
#csv-modal table td,
#csv-modal table th {
  overflow: hidden;
  text-overflow: ellipsis;
}
#csv-modal ul.help-block {
  margin-bottom: 30px;
}
#csv-modal ul.help-block li {
  padding: 7px 15px 0 0;
}
#csv-modal .tab-pane {
  min-height: 200px;
}
#csv-modal table {
  width: auto !important;
  min-width: 100%;
  min-height: 100px;
}
#csv-modal table td {
  vertical-align: middle;
}
#csv-modal .csv-control-btn-div h4 {
  padding: 30px 15px 7px;
  border-bottom: 1px solid;
}
#csv-modal .cancel-upload {
  display: none;
}