body {
  font-family:Rubik,sans-serif;
  /*font-family:Poppins,sans-serif;*/
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  background-color:#f9fbfd
}

:root {
  --cuponus-color-primary: #00ac64;
  --cuponus-color-success: #00ac64;
  --cuponus-color-grey: rgb(105, 105, 105);
  --cuponus-color-danger: #ff4f70;
}

img.greyscale{
  filter: grayscale(100%);
  opacity: 80%;
}

a {
  color: #0076d6;
  background-color: transparent;
}

a:hover {
  color: #00ac64;
}

.table th {
  padding: 8px;
  background-color: #f4f4f4;
  border-top: 1px solid #e8eef3;
  color: #212529 !important;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: var(--cuponus-color-primary);
}

.bg-success {
  background-color: var(--cuponus-color-success) !important;
}

.o-h{
  overflow: hidden;
}

.btn-dark {
  color: #fff;
  background-color: var(--cuponus-color-primary) !important;
  border-color: var(--cuponus-color-primary) !important;
}
.form-info{
  margin-top: 4px;
  font-size: 13px;
  color: #aeaeae;
}

ul.tagit {
  margin-bottom: 0px;
}

.bg-primary {
  background-color: var(--cuponus-color-primary) !important;
}

.sidebar-nav #sidebarnav .sidebar-item.selected>.sidebar-link {
  border-radius: 0 60px 60px 0;
  color: #fff!important;
  background: unset;
  background-color: var(--cuponus-color-primary) !important;
  box-shadow: 0 7px 12px 0 rgb(95 118 232 / 21%);
  opacity: 1;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: var(--cuponus-color-primary) !important;
  border-color: var(--cuponus-color-primary) !important;
}

.nav-tabs.nav-bordered li a:hover {
  color:  var(--cuponus-color-primary) !important;
}
.nav-tabs.nav-bordered li a {
  color: #a0acc0  !important;
}
.nav-tabs.nav-bordered li a.active {
  color:  #1c2d41 !important;
}

.nav-tabs.nav-bordered {
  border-bottom: 3px solid transparent !important;
}
.nav-tabs.nav-bordered li a.active {
  border-bottom: 3px solid transparent !important;
}
.nav-tabs.nav-bordered li a.active {
  border-bottom: 3px solid var(--cuponus-color-primary) !important;
}

.table thead th {
  border-bottom: 0px;
}

button .feather-icon{
  height: 18px;
}

.label-required:after {
  color: #e32;
  content: ' *';
  display: inline;
}

form .row{
  width: 100%;
  margin: auto;
  max-width: 800px;
}

.publication-image-list {
  background-color: #d6d6d6 !important;
  background-size: cover;
  background-position: center;

}

.btn-primary{
  background-color: var(--cuponus-color-primary) !important;
  border-color: var(--cuponus-color-primary) !important;
}

.upload_image_box{
  width:100%;
  height:100px;
  background-color: #e8e8e8;
  background-size: cover;
  position: relative;
}

.upload_image_box_delete{
  color: red;
  position:absolute;
  top: 5px;
  right: 5px;
  display: none;
  cursor:pointer;
  background-color:rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  padding: 5px;
}

.upload_image_box_add{
  color: rgb(0, 0, 0);
  position: absolute;
  top: 38%;
  right: 40%;
  display: block;
  text-align: center;
  display: none;
  cursor:pointer;
}

#uploadModal .modal-dialog{
  width: 900px !important;
  max-width: 100% !important;
}

ul.tagit {
  width: 100%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  background:none !important;
  background-color: #E6E6E6 !important;
}
ul.tagit li.tagit-choice-editable {
  padding: 1px 18px 0px 0.4em !important;
}
ul.tagit{
  border-color: #e5e7ea !important;
}

.upload-button{
  cursor:pointer;
}

.step-circle{
  background-color: #dedede;
  width: 12px;
  height: 12px;
  border-radius: 100%;
}
.step-circle.active{
  background-color: var(--cuponus-color-primary) !important;
}

.image-gallery-pic{
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
}

.daterangepicker .ranges li.active {
  color: #fff;
  background-color: var(--cuponus-color-primary) !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--cuponus-color-primary) !important;
  border-color: transparent;
  color: #fff;
}

#reportrange span{
    margin-right: 4px !important;
}

button{
  white-space:nowrap !important;
}

.pac-container{
  z-index: 10000;
}