/* jquery gritter, adds info/error/success/warning classes */
.gritter-item-wrapper {
  background-image: none !important;
  box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
  background: rgba(50, 50, 50, 0.92);
}
.gritter-item-wrapper.gritter-info .gritter-top,
.gritter-item-wrapper.gritter-info .gritter-bottom,
.gritter-item-wrapper.gritter-info .gritter-item {
  background: #5bc0de !important;
}
.gritter-item-wrapper.gritter-error .gritter-top,
.gritter-item-wrapper.gritter-error .gritter-bottom,
.gritter-item-wrapper.gritter-error .gritter-item {
  background: #d9534f !important;
  color: white !important;
}
.gritter-item-wrapper.gritter-success .gritter-top,
.gritter-item-wrapper.gritter-success .gritter-bottom,
.gritter-item-wrapper.gritter-success .gritter-item {
  background: #5cb85c !important;
}
.gritter-item-wrapper.gritter-warning .gritter-top,
.gritter-item-wrapper.gritter-warning .gritter-bottom,
.gritter-item-wrapper.gritter-warning .gritter-item {
  background: #f0ad4e !important;
  color: white !important;
}
.gritter-item-wrapper.gritter-light {
  background: rgba(245, 245, 245, 0.95);
  border: 1px solid #BBB;
}
.gritter-item-wrapper.gritter-light.gritter-info {
  background: #5bc0de !important;
}
.gritter-item-wrapper.gritter-light.gritter-info .gritter-item {
  color: #4A577D;
}
.gritter-item-wrapper.gritter-light.gritter-error {
  background: #d9534f !important;
}
.gritter-item-wrapper.gritter-light.gritter-error .gritter-item {
  color: #894A38;
}
.gritter-item-wrapper.gritter-light.gritter-success {
  background: #5cb85c !important;
}
.gritter-item-wrapper.gritter-light.gritter-success .gritter-item {
  color: #416131;
}
.gritter-item-wrapper.gritter-light.gritter-warning {
  background: #f0ad4e !important;
}
.gritter-item-wrapper.gritter-light.gritter-warning .gritter-item {
  color: #946446;
}
.gritter-top,
.gritter-bottom,
.gritter-item {
  background-image: none;
}
.gritter-info .gritter-close {
  color: #FFA500;
}
.gritter-error .gritter-close,
.gritter-success .gritter-close,
.gritter-warning .gritter-close {
  color: #dedede;
}
.gritter-close:hover {
  color: #FFF !important;
}
.gritter-title {
  text-shadow: none;
}
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
  background-image: none;
  color: #444;
}
.gritter-light .gritter-title {
  text-shadow: none;
}
.gritter-light .gritter-close:hover {
  color: #8A3104 !important;
}
.gritter-center {
  position: fixed;
  left: 33%;
  right: 33%;
  top: 33%;
}
/* /jquery gritter, adds info/error/success/warning classes */
.list-email > li.list-group-item.before-bg-Green:before,
.bg-Green {
  background-color: #00acac;
}
.list-email > li.list-group-item.before-bg-Purple:before,
.bg-Purple {
  background-color: #727cb6;
}
.list-email > li.list-group-item.before-bg-Black:before,
.bg-Black {
  background-color: #444;
}
.list-email > li.list-group-item.before-bg-Blue:before,
.bg-Blue {
  background-color: #348fe2;
}
.list-email > li.list-group-item.before-bg-Orange:before,
.bg-Orange {
  background-color: #f59c1a;
}
.list-email > li.list-group-item.before-bg-Red:before,
.bg-Red {
  background-color: #ff5b57;
}
.c-Purple {
  color: #727cb6 !important;
}
.c-Black {
  color: #444 !important;
}
.c-Green {
  color: #00acac !important;
}
.c-Blue {
  color: #348fe2 !important;
}
.c-Orange {
  color: #f59c1a !important;
}
.c-Red {
  color: #ff5b57 !important;
}
.c-White {
  color: white !important;
}
.clickable {
  cursor: pointer;
}
.circle-type {
  width: 15px;
  height: 15px;
  float: left;
  border-radius: 8px;
  margin-right: 7px;
  margin-top: 8px;
}
.circle-type.active {
  border: 0.5px solid black;
}
.main-header-logo {
  width: 28px;
  float: left;
  margin-right: 10px;
}
.login-page-logo-bottom {
  width: 28px;
  float: left;
  margin-right: 10px;
}
.login-page-logo-right {
  width: 35px;
  float: left;
  margin-right: 10px;
}
.navbar-user-fa {
  float: left;
  width: 30px;
  height: 30px;
  margin: -3px -6px 0 0;
}
.tab-content-h5 {
  margin-top: -4px;
  margin-bottom: -6px;
}
.notification-dropdown {
  min-width: 260px;
}
.notification-dropdown .group-heading {
  padding-left: 20px;
  font-weight: bold;
}
.notification-dropdown .media-object {
  height: 26px !important;
  width: 26px !important;
  line-height: 29px !important;
  font-size: 14px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.tab-content.issuelist {
  border: 1px solid lightgrey;
  padding: 0;
}
.issue-listitem {
  padding: 15px;
  border-bottom: 1px solid lightgrey;
  margin-top: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: -1px;
}
.issue-listitem:hover {
  background-color: #e4e4e4;
}
.issue-listitem-icon {
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
table.table-striped.table-bordered .active {
  border: 2px solid lightgrey !important;
}
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
  background: #00acac;
  border-color: #e2e7e9;
  color: #fff;
}
.panel-body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.panel-body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: transparent !important;
  border: 0;
  background: transparent !important;
}
.panel-body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  padding: 0.3em 0.8em !important;
  background: transparent !important;
  border: 0px solid transparent;
}
.table-section-header {
  font-weight: bold;
}
dir-pagination-controls .pagination {
  margin: 5px auto !important;
}
/****   daterangepicker custom css   ****/
.daterangepicker .calendar {
  max-width: none !important;
}
.datepicker {
  z-index: 10002 !important;
}
/*** ui-select Custom CSS ***/
.ui-select-match .btn.btn-default {
  font-weight: 400;
  color: black;
  background-color: white;
}
.ui-select-search {
  padding: 0;
  padding-left: 10px;
  width: calc(100% - 1px);
}
/*** Bootstrap List-group Custom CSS ***/
.list-group-item-selected {
  color: #8a6d3b;
  background: #f59c1a !important;
}
.list-group-item-selected:focus {
  border-color: #f59c1a !important;
  outline-color: #f59c1a !important;
}
/*** Angular Material Custom CSS ***/
/*.md-dialog-container {
    z-index: 10000 !important;
}*/
md-backdrop {
  background-color: lightgray !important;
  opacity: 0.7 !important;
}
.md-dialog-content > .row {
  margin: 0px 0px 0px 0px !important;
}
.md-dialog-content > .row > [class*=col-] {
  padding: 0px 15px 15px 0px !important;
}
md-dialog > .form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
}
md-dialog > form,
.form {
  min-width: 400px;
}
.table-productListTable > thead > tr > th,
.table-productListTable > tbody > tr > td {
  padding-left: 5px;
  padding-right: 5px;
}
.table-productlist {
  border: none !important;
}
/*** Spinner ***/
#spinner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  display: table;
  background: rgba(0, 0, 0, 0.7);
  color: white;
}
#spinner-overlay > .spinner-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#spinner-overlay > .spinner-content > .spinner-texts {
  margin-top: 20px;
  font-size: 25px;
}
/*** Menu ***/
.slimScrollBar {
  background: #00acac !important;
}
.form-group .button__menu > li {
  list-style-type: none;
}
@media (min-width: 1200px) {
  .container-customer-view {
    width: auto;
    width: initial !important;
  }
}
.dashboard {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.dashboard .bg-gradient-blue {
  background: linear-gradient(to bottom, #24d0f4 0, #007aff 100%) !important;
}
.dashboard .bg-gradient-aqua {
  background: linear-gradient(to bottom, #05dfeb 0, #0a8cbd 100%) !important;
}
.dashboard .widget-stats .stats-info h4 {
  font-size: 10px;
  font-weight: 700;
  margin: 5px 0;
  color: #fff;
}
.dashboard .widget.widget-stats .stats-info p {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 400;
}
.dashboard .widget-stats .stats-link a {
  display: block;
  margin: 15px -15px -15px;
  padding: 7px 15px;
  /*background: url(../img/transparent/black-0.4.png);*/
  background: rgba(0, 0, 0, 0.4);
  text-align: right;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
}
.dashboard .fa-file-text,
.dashboard .fa-car,
.dashboard .fa-user {
  color: #000;
}