.auth-card .text-white,
.auth-card .white {
    font-weight: bold;
    text-shadow: #000 2px 2px 2px;
}
.logo-single {
    width: 132px;
    height: 116px;
    margin-bottom:25px;
    margin-left:-21px;
}
.navbar .navbar-logo .logo {
    width: 150px;
    height: 70px;
}
.badge-danger { background-color:#f44336;}
.badge-info { background-color:#1bbbbb; }
.vdp-datepicker__calendar { right:0; }
.navbar { padding:10px 0; height:90px; }
.sidebar { padding-top:90px; }
main { margin-top:135px; }
.list .card .card-body { padding:0.8rem; }
.sidebar .main-menu ul li a { height:60px; }
.sidebar .main-menu ul li i { font-size:18px; line-height:32px; }
.sidebar .main-menu ul li span { font-size:11px; line-height:12px; }
.list-header .card-body{ padding: 5px 10px 5px; font-weight: bold; background: #eaeaea; font-weight:bold; }
.stickyActionBar { width:100%; position:fixed; left:0; bottom:0; padding:20px 25px 20px 145px; background:#fff; border-top:solid 1px #ccc; z-index:4; }
.empty { background:#fff; padding:50px; text-align:center; font-size:14px; }
.preview + input {
  display: none;
  position:absolute;
  left:-10000px;
}
.preview { position:relative; background:url(../img/placeholder.png); background-color:#e9eef1; background-size:cover; margin-bottom:10px; }

.list-item-heading i { margin-left: 5px; line-height: 22px; }

.lds-ripple {
  display: none;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #2e334e;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 40px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -10px;
    left: -10px;
    width: 100px;
    height: 100px;
    opacity: 0;
  }
}
.preview { cursor:pointer; border:solid 1px #d7d7d7; }
.preview.uploading { background-image:none; }
.preview.uploading .lds-ripple { display:block; }
.table.logEntries td { white-space: pre; vertical-align:middle; }
.table.logEntries i { font-size:23px; }
.table.logEntries .alert { margin:0; padding:10px 0 3px 22px; }
.selectWrapper { border:solid 1px #d7d7d7; border-radius:0 !important; height:32px !important; padding:0 5px; }
.w-80 { width:79% !important; }
.w-5 { width:5% }
body { padding-bottom:70px; }
.btn { padding:.75rem 1rem .6rem !important; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { padding-top:5px; }
.card-body.danger { border:solid 1px #dc3545; }
.card-body.warning { border:solid 1px #b79329; }
.list .card .card-body .btn { margin-bottom:10px; }
.badge i { font-size:14px; margin-left:0; }
.d-flex-auto { flex:auto; }
.noshow { height:0; }
.noshow * { visibility:hidden; }
.alert { font-size:14px; }

.item-dropzone-area {
  height: 2rem;
  background: #888;
}

.was-validated .form-control:valid { border:1px solid #d7d7d7 !important; background-image:none !important; }
#loader { text-align:center; padding:25px 0; }
.nav-tabs.separator-tabs .nav-link { line-height:30px; height:41px; }
.search-sm:after { top:6px; }

.float-sm-right.text-zero .custom-checkbox .custom-control-input:checked~.custom-control-label:after,
.float-sm-right.text-zero .btn .custom-control-input:checked~.custom-control-label:before, .btn .custom-control-label:before { margin-top:-4px;}
.float-sm-right.text-zero .custom-checkbox .custom-control-input:checked~.custom-control-label:before, .custom-radio .custom-control-input:checked~.custom-control-label:before { background-color:#2e334e; }
.float-sm-right.text-zero .check-button.btn-primary { background-color:#2e334e !important; border:0 !important; font-weight:normal; border-left-color:#fff; padding-right:12px !important; }
.float-sm-right.text-zero .btn-group { height:42.59px; }
.float-sm-right.text-zero .btn-group .btn { height:42.59px; }
.float-sm-right.text-zero .check-button .custom-control { position:relative; top:-2px; }

.bootbox .modal-body { text-align:center; }
.bootbox .modal-footer { border:0; padding:0 0 25px; justify-content:center; }
.bootbox .modal .close { position:relative; top:-10px; }

#discount_lbl { float:right; position: relative; top: 12px; margin-right:15px; }

.multiselect {
  width: 200px;
  float:right;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: normal !important;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  width:200px;
  position:absolute;
  background:#fff;
  border: 1px #dadada solid;
}

#checkboxes label {
  display: block;
  text-align:left;
  padding:10px;
  margin:0;
}
#checkboxes label input {
  margin-right:15px;
  vertical-align:middle;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}

.backend-mode { 
  background: rgb(255, 111, 88);
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 10px 0px;
  opacity: 1;
  width: 100%;
  height: 30px;
  position: fixed;
  top: 0;
  line-height: 10px; 
  z-index:5;
}
.navbar { 
  top: 30px;
}
.sidebar {
  padding-top: 120px;
}


.alert  {
  font-size: 14px;
  color: #ffffff;
  text-align: left;
  border-radius: 5px;
}

.alert-info {
  background-color: #929bab;
  border-color: #929bab;
}
.alert-primary {
  background-color: #cad7e2;
  border-left:3px solid #2e334d;
  font-weight: 600;
  color: #2e334d;
  font-size: 13px;
}
.alert-warning {
  background-color: #ffb642;
  border-color: #ffb642;
  color:#000;
}
.alert-warning i { font-size:37px; }
.alert .block { display:flex; gap:20px; }
.alert .block a { text-decoration:underline; color:inherit; }
.alert-success {
  background-color: #3ab76f;
  border-color: #3ab76f;
}
.alert-danger {
  background-color: #ff6f58;
  border-color: #ff6f58;
}
.backend-mode {
  background-color: #657289 !important
}
.btnHelp { font-size:11px; padding:4px 15px !important; }
#dashboard .card .btnHelp { position:absolute; bottom:10px; left:9px; width:calc(100% - 20px); }
#section-offers .card { height:190px !important; }
#section-offers .card .btnHelp { position:absolute; bottom:10px; left:50%; width:120px; margin-left:-60px; }
.img-placeholder { 
  font-size: 30px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  color: #ccc;
  flex-direction:column;
}
.img-placeholder small { display:block; font-weight:bold; font-size:20px }