/* @import url('https://fonts.googleapis.com/css?family=Heebo:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Abel&display=swap');
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,200,300,400,500,600,700&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap');
:root {
  --main-color: #00a44f;
  --second-color: #ea2127;
  /* --menu-bg-color: #fff; */
  --menu-bg-color: rgba(227, 238, 245,0.7);
}
.table,
body{
  color: #333;
}
body,
a,
.btn {
  /* font-family: 'Heebo', sans-serif; */
  /* font-family: 'Roboto Slab', serif; */
  /* font-family: 'Roboto Condensed', sans-serif; */
  /* font-family: 'Abel', sans-serif; */
  /* font-family: 'IBM Plex Sans', sans-serif; */
  font-family: 'Roboto', sans-serif;
}
.page-title-box .page-title {
  font-size: 24px;
  font-weight: 500;
}
.left-sidenav-menu li ul {
  padding: 0 0 6px 0px;
}
.left-sidenav-menu li ul ul {
  padding: 0 0 0 10px;
}
.left-sidenav-menu li>a i {
  width: 22px;
  position: relative;
  top: 2px;
}
.left-sidenav-menu li ul li>a {
  font-size: 15px;
  padding: 6px 22px;
}
.left-sidenav-menu>li>a {
  background: var(--menu-bg-color);
  color: #222;
  border-radius: 4px;
  font-size: 15px;
  padding: 12px 10px 12px 24px;
}
.topbar .topbar-left,
.left-sidenav {
  min-width: 300px;
  max-width: 300px;
}
.left-sidenav {
  padding: 24px 8px;
}
.topbar .topbar-left .logo .logo-sm {
  height: 46px;
}
.left-sidenav-menu li.mm-active>a {
  background: linear-gradient(14deg,#00a44f 0,#58d695);
  -webkit-box-shadow: 0px 0px 0px 0 #58d695;
  box-shadow: 0px 0px 0px 0 #58d695;
}
.navbar-custom .nav-link .nav-icon {
  font-size: 24px;
  line-height: 67px;
  color: var(--main-color);
}
.left-sidenav-menu li.mm-active .nav-item.active a.nav-link.active i,
.left-sidenav-menu li.mm-active .nav-item.active a.nav-link.active,
.left-sidenav-menu li.mm-active>a:hover i,
.left-sidenav-menu li.mm-active>a:hover span,
.left-sidenav-menu li.mm-active .mm-active>a i,
.left-sidenav-menu li.mm-active .mm-active>a,
.left-sidenav-menu li ul li>a:hover,
.left-sidenav-menu li ul li>a:hover i,
.left-sidenav-menu li>a:hover i,
.left-sidenav-menu li>a:hover {
  color: var(--main-color);
}
.left-sidenav-menu>li.mm-active>a:hover span,
.left-sidenav-menu>li.mm-active>a:hover i,
.left-sidenav-menu>li.mm-active>a:hover,
.left-sidenav-menu li.mm-active>a.active:hover i,
.left-sidenav-menu>li.mm-active>a:hover,
.left-sidenav-menu li.mm-active>a.active:hover {
  color: #fff;
}
.topbar .topbar-left .logo .logo-lg {
  height: 9px;
}
.header_sponsor {
  height: 36px;
}
.navbar-custom .topbar-nav li.hide-phone.app-search {
  padding-top: 15px;
}
.card-eco .card-eco-icon.bg-icon-success {
  background-color: #1ecab8;
  -webkit-box-shadow: 0 5px 5px 0.25px rgba(30, 202, 184, 0.5);
  box-shadow: 0 5px 5px 0.25px rgba(30, 202, 184, 0.5);
}
.header-title, .title-text {
  font-size: 16px;
}
h3.header-title{
  font-size: 20px;
}
.card-eco .card-eco-icon.bg-icon-pink {
  background-color: #ea2127;
  -webkit-box-shadow: 0 5px 5px 0.25px rgba(234, 33, 39, 0.5);
  box-shadow: 0 5px 5px 0.25px rgba(234, 33, 39, 0.5);
}
.text-pink {
  color: #ea2127!important;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #e8ebf3;
  height: 38px;
  background-color: #fff;
  border-radius: 4px;
}
.wizard>.content>.body input.form-control,
.form-control {
  font-size: 13px;
  border: 1px solid #e8ebf3;
  height: calc(2.3rem + 2px);
  color: #2f5275;
  border-radius: 4px;
}
.dtp .p10>a {
  color: #ffffff;
}
.form-group {
  margin-bottom: 10px;
}
.form-group label {
  color: #303e67;
  font-size: 14px;
  margin-bottom: 5px!important;
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
  width: auto !important;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.left-sidenav {
  position: fixed;
  z-index: 9;
  max-height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 85px;
}
.page-content,
.footer {
  padding-left: 310px;
}
.enlarge-menu .page-content,
.enlarge-menu .footer {
  padding-left: 15px;
}
div.dataTables_wrapper div.dataTables_length select {
  border-radius: 4px;
}
.table.valign-top td {
  vertical-align: top;
  font-size: 14px;
}
.customer_agreement img {
  width: 100%;
}
.customer_agreement h5 {
  line-height: 26px;
  font-weight: 400;
}
.order-list.customer_agreement table td img {
  width: 120px;
}
.table.valign-top td.text-dark {
  color: #333!important;
  font-weight: 600!important;
}
.table .badge {
  border-radius: 2px;
}
.pagination .page-item.active .page-link {
  background-color: var(--main-color);
  border-color: var(--main-color);
}
.header-title, .title-text {
  text-transform: inherit;
}
.card-eco .card-eco-icon.bg-icon-success,
.card-eco .card-eco-icon.bg-icon-warning,
.card-eco .card-eco-icon.bg-icon-secondary,
.card-eco .card-eco-icon.bg-icon-pink,
.card-eco .card-eco-icon.bg-icon-purple {
  box-shadow: none;
}
.account-body .auth-card .auth-logo-box {
  top: -50px;
}
.account-body .auth-form .auth-form-icon,
.account-body .auth-form .form-control {
  border-radius: 4px;
}
.text-success {
  color: var(--main-color)!important;
}
.btn-gradient-success {
  background: linear-gradient(14deg,var(--main-color) 0,rgba(0, 164, 78, 0.7));
}
.multiselect.dropdown-toggle.btn .caret,
.multiselect-clear-filter i {
  font-family: themify;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.multiselect-clear-filter i:before {
  content: "\e646";
}
.multiselect-container>li>a>label {
  padding-left: 12px;
}
.multiselect-container {
    width: 100%;
    height: 280px;
    overflow: scroll;
}
.multiselect-item .multiselect-clear-filter {
  margin: 0px 10px 0px 6px;
  border-radius: 0px;
  height: calc(2.3rem + 2px);
  box-shadow: none;
  border: 1px solid #e8ebf3;
  text-align: left;
}
.multiselect.dropdown-toggle.btn {
  box-shadow: none;
  border: 1px solid #e8ebf3;
  text-align: left;
}
.multiselect.dropdown-toggle.btn .caret {
  float: right;
  margin: 5px 0px 0px 0px;
}
.multiselect.dropdown-toggle.btn .caret:before {
  content: "\e64b";
}
.multiselect-container li label {
  position: relative;
}
.multiselect-container li input[type=checkbox] {
  opacity: 1;
}
.wizard>.actions a,
.wizard>.actions a:active,
.wizard>.actions a:hover,
.wizard>.steps .current a,
.wizard>.steps .current a:active,
.wizard>.steps .current a:hover,
.btn-success {
  background: linear-gradient(14deg,var(--main-color) 0,#58d695);
  border: 0 none;
  box-shadow: none;
}
#form-horizontal fieldset {
  margin-top: 0px;
}
.wizard .steps ul {
  width: 100%;
  display: flex;
}
.wizard>.steps>ul>li {
  flex: 1;
  text-align: center;
}
.wizard>.steps .number {
  display: block;
  margin: 0 auto;
  background: none;
}
.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
  border-radius: 10px;
  padding: 10px 0px!important;
  font-size: 15px;
}
.wizard>.steps .disabled a,
.wizard>.steps .disabled a:active,
.wizard>.steps .disabled a:hover,
.wizard>.steps .done a,
.wizard>.steps .done a:active,
.wizard>.steps .done a:hover {
  box-shadow: none;
  background: #ecf3f9;
}
.wizard>.actions .disabled a,
.wizard>.actions .disabled a:active,
.wizard>.actions .disabled a:hover {
    opacity: .65;
    background: #d5d5d5;
}
.btn-outline-success.active,
.btn-outline-success:active,
.btn-outline-success:hover,
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-success.active,
.btn-success.disabled,
.btn-success.focus,
.btn-success:active,
.btn-success:disabled,
.btn-success:focus,
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.open>.dropdown-toggle.btn-success,
.show>.btn-outline-success.dropdown-toggle,
.show>.btn-success.dropdown-toggle {
  border: 0 none;
}
.wizard,
.wizard > .content {
  overflow: visible;
}
.modal-content {
    background-color: #fff;
}
.table-fixed {
    width: 100%;
}

.bootstrap-tagsinput {
    width: 100%;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
}

.label-info {
    background-color: #5bc0de;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

@media (max-width:620px) {
  .topbar .topbar-left {
      min-width: 100px;
      max-width: 100px;
  }
  .page-content {
    padding-left: 0px!important;
    padding-right: 0px;
  }
  .header-title .float-right {
    float: left!important;
    margin: 6px 0px 6px;
  }
  .header-title .float-right:nth-child(2) {
    margin: 10px 0px 0;
  }
}