body,
.login {
  background: #F3F3F3 !important;
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

/* TYPOGRAPHY */
.note p,
.page-loading,
.panel .panel-body,
.table td,
.table th,
.table thead tr th {
  font-size: 12px;
}
.table thead tr th {
  white-space: nowrap;
}
.table td {
  white-space: nowrap;
}

/* TABLE */
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 6px;
}

/* LABEL */
.label-danger {
  background: #D2151F;
}

/* NOTES */
.note {
  margin: 0;
}
.note.note-success {
  background-color: #EBFBEE;
  border-color: #3CC052;
}

/* LOGIN */
.login .content p,
.login-copyright {
    font-size: 13px;
}
.login-copyright {
    width: 360px;
    margin: 0 auto;
    padding: 20px 30px 15px;
    color: #999;
}
.login-copyright p {
  margin: 0;
}
.logo img {
  max-width: 187px;
}
.login .content .form-actions .checkbox {
  margin-left: 25px;
}

/* BUTTONS */
.btn.red:not(.btn-outline) {
  background-color: #D2151F;
  border-color: #D2151F;
}

/* PAGE HEADER */
.page-header {
  height: auto !important;
}
.page-head {
  background: transparent;
}
.page-content {
  background: transparent;
}
.logo-default {
  max-width: 127px;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
  line-height: 39px;
  margin: 0 5px 0;
}
.user-icon {
  display: inline-block;
  background: #D2151F;
  color: #fff;
  border-radius: 50% !important;
  width: 39px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  font-size: 1.5em;
}

/* FILTER */
.mega-menu {
  position: relative;
  margin: 0 -100% 0 -20px;
  display: inline-block;
  padding-right: 100%;
}
.mega-menu .btn {
  background: #5C5D5F;
  border: #5C5D5F;
  color: #fff;
}
.mega-menu .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%
}
.mega-menu .btn-default {
  background: #77787A;
}
.mega-menu > .btn {
  margin-left: 20px;
}
.mega-menu > .btn.collapsed {
  background: #F0F0F0;
  color: #000;
}
.mega-menu-content {
  width: 1170px;
  position: absolute;
  z-index: 9999999;
  background: #5C5D5F;
  color: #fff;
}
.mega-menu-content .well {
  background: #5C5D5F;
}
.mega-menu-buttons {
  margin-top: 2em;
}

/* PAGINATION */
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  color: #337ab7;
  background-color: #F3F3F3;
  border-color: #DDDDDD;
}

/* FORM */
.form-group {
  margin-bottom: 2.5em;
}
.form-actions {
  margin-top: 3em;
}

/* PRODUCT */
.product-data {
  margin-left: 3em;
}
.product-item {
  color: #A6A6A6;
  line-height: 34px;
}
.select-dropdown .bootstrap-select .btn {
  background: #E5E5E5;
}

/* PRODUCT IMAGE */
.product-image-block {
  background: #f3f3f3;
  border: 1px solid #f3f3f3;
}
.product-image img {
  margin: 4.45em auto;
}
.product-image-selector {
  margin: 0 0 1.5em 1.5em;
}
.product-image-action {
  margin: 1.8em 1.5em 1.5em 0;
}

/* FOOTER */
.page-prefooter {
    background: #2C2C2C;
    color: #A1A9B4;
}
.page-prefooter a,
.page-prefooter h2 {
  color: #D2151F;
}
.page-footer {
  background: #232323;
  color: #78808B;
}

/* MODAL */
.modal-dialog {
  margin-top: 60px;
}
.modal .modal-header {
  background: #f3f3f3;
  border-bottom: 1px solid #EFEFEF;
}
.modal-body p {
  width: 70%;
  margin: 1.5em auto;
  font-size: 1.4em;
}
.modal-footer {
  border-top: none;
}

/* DATATABLES */
.dataTables_wrapper .dataTables_info {
  clear: none;
  margin: 0 1em;
}