body {
  background-color: #151618;
  font-family: "Plus Jakarta Sans", sans-serif;
  height: 100%;
  min-height: 100vh;
  color: #ADB0BA;
}
.media-preview {
    width: auto;
    height: auto;
    max-width: 100%;
}
.display-inline{
  display: inline-block;
}
.display-block{
  display: block;
}
.pl-20{
  padding-left:20px;
}
.pl-10{
  padding-left:10px;
}
.pr-5{
  padding-right:5px;
}
.mr-10{
  margin-right:10px;
}
.no-margin-left{
  margin-left: 0 !important;
}
.no-margin-right{
  margin-right: 0 !important;
}
.no-padding{
  padding: 0 !important;
}
.no-padding-left{
  padding-left: 0 !important;
}
.no-padding-right{
  padding-right: 0 !important;
}
.no-margin{
  margin: 0px !important;
}
.no-float{
  float: initial;
}
.pb-5{
  padding-bottom: 5px;
}
.p-20{
  padding: 20px;
}
.pb-14{
    padding-bottom: 14px;
}
.pb-20{
  padding-bottom: 20px;
}
.pb-40{
  padding-bottom: 40px;
}
.pb-10{
  padding-bottom: 10px;
}
.pt-10{
  padding-top: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.t-3{
  top:3px;
  position: relative;
}
.pt-5{
  padding-top:5px;
}
.pr-10{
  padding-right:10px;
}
.pt-20{
  padding-top:20px;
}
.pt-15{
  padding-top:15px;
}
.fs-12{
  font-size:12px;
}
.fs-13{
  font-size: 13px;
}
.fs-15{
  font-size: 15px;
}
.fs-20{
  font-size: 20px;
}
.mh-30{
  min-height: 30px;
}
.ml-5{
  margin-left: 5px;
}
.mb-10{
  margin-bottom: 10px;
}
.text-light{
  font-weight: 300;
}
.btn-wrapper{
    margin-top: 20px;
    margin-right: 10px;
}
.btn-flat{
  background-color: transparent;
  border: none;
}
.table-analytics td{
  padding-left: 0px !important;
    padding-right: 0px !important;
}
.border-bottom{
  border-bottom: 1px solid #DDD;
}
.border-left{
  border-left: 1px solid #DDD;
}
.border-right{
  border-right: 1px solid #DDD;
}
.no-border-top{
  border-top: none !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px 10px;
}
.table-fm>tbody>tr>td {
    padding: 10px 10px !important;
    line-height: 33px !important;
}
.table-inv>tbody>tr>td{
    line-height: 24px !important;
}
.table-inv button{
  padding: 4px;
    font-size: 11px;
    padding-right: 7px;
}
.dataTable .btn{
  padding: 6px 8px;
  font-size: 11px;
  margin: 0px;
}
.table-inv .btn{
  padding: 4px 7px;
}

.position-left{
  margin-right: 7px;
}
.table-borderless td{
  border: none !important;
}
.panel {
    margin-bottom: 10px;
    border: none;
    border-radius: 0px;
    /* border: 1px solid #dbdbdb; */
    box-shadow: none;
    border-radius: 3px;
    /* padding: 20px; */
    width: 100%;
    margin-top: 20px;
    box-shadow: 0 3px 1px rgba(0,0,0,.05), 0 10px 20px rgba(0,0,0,.01);
    /* border-color: #F5F5F5; */
    border-radius: 24px;
    background: #26282B;
}
.btn-ranking{
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.ranking{
  position: relative;
  bottom: 0;
}
.page-title{
  display: inline-block;
    font-weight: bold;
    letter-spacing: -1px;
}

.nav.nav-smaller-pills>li>a {
    padding: 5px 10px;
}
.table{
  font-size: 14px !important;
}
tfoot select {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}
/* ------------------------------------------------------------------------------
*
*  # Bootstrap select
*
*  Styles for bootstrap_select.js - custom select boxes plugin
*
*  Version: 1.1
*  Latest update: Oct 20, 2015
*
* ---------------------------------------------------------------------------- */
.bootstrap-select {
  width: 100%;
}
.bootstrap-select > .btn {
  width: 88%;
  padding-right: 0px;
}
.bootstrap-select > .btn.btn-default,
.bootstrap-select > .btn.btn-default.disabled {
  background-color: #fff;
  border-color: #ddd;
}
.bootstrap-select > .btn.btn-default:active,
.btn-group.open .bootstrap-select > .btn.btn-default {
  border-color: #ddd;
}
.bootstrap-select.form-control {
  padding: 0;
  border: 0;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select .popover-title {
  font-size: 11px;
  line-height: 1.82;
  margin: 5px 0;
  padding: 7px 12px;
}
.bootstrap-select[class*=border-] .btn,
.bootstrap-select[class*=border-] .dropdown-menu {
  border-color: inherit;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: 0;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
  text-overflow: ellipsis;
}
.bootstrap-select.btn-group .btn .filter-option > i {
  margin-right: 7px;
}
.bootstrap-select.btn-group .btn .caret {
position: absolute;
top: 50%;
right: 9px;
margin-top: -2px;
}
.bootstrap-select.btn-group[class*="col-"] .btn {
  width: 100%;
}
.bootstrap-select.btn-group .btn-lg > .caret {
  right: 15px;
}
.bootstrap-select.btn-group .btn-sm > .caret {
  right: 11px;
}
.bootstrap-select.btn-group .btn-xs > .caret {
  right: 10px;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu > li > a [class*=icon-] {
  margin-right: 7px;
}
.bootstrap-select.btn-group .dropdown-menu > li > a .check-mark {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 12px;
  margin-right: 0;
}
.bootstrap-select.btn-group .dropdown-menu > li > a .text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu > li > a > .label,
.bootstrap-select.btn-group .dropdown-menu > li > a > .badge {
  float: none;
}
.bootstrap-select.btn-group .dropdown-menu > li > a.special-class,
.bootstrap-select.btn-group .dropdown-menu > li > a.special-class:hover {
  font-weight: 700;
  color: #fff;
  background: #F44336;
}
.bootstrap-select.btn-group .dropdown-menu > li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu > li small {
  padding-left: 10px;
}
.bootstrap-select.btn-group .dropdown-menu > .active > a small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 7px 12px;
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  pointer-events: none;
}
.bootstrap-select.btn-group .dropdown-header ~ li > a {
  padding-left: 24px;
}
.bootstrap-select.btn-group .no-results {
  padding: 7px 12px;
  background: #f8f8f8;
  margin-bottom: -5px;
  border-top: 1px solid #ddd;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu > li a .text {
  margin-right: 40px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu > li.active a .check-mark {
  display: inline-block;
}
.input-group .bootstrap-select > .btn {
  border-radius: 0;
}
.input-group > .bs-select-hidden:first-child + .bootstrap-select > .btn {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.input-group > .bootstrap-select:last-child > .btn {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.error .bootstrap-select .btn {
  border: 1px solid #F44336;
}
.control-group.error .bootstrap-select .dropdown-toggle {
  border-color: #F44336;
}
.bs-searchbox,
.bs-actionsbox {
  padding: 12px;
  padding-top: 7px;
}
.bs-searchbox {
  position: relative;
}
.bs-searchbox > .form-control {
  padding-left: 36px;
}
.bs-searchbox:after {
  content: '\e98e';
  font-family: 'icomoon';
  position: absolute;
  top: 50%;
  left: 24px;
  color: inherit;
  display: block;
  font-size: 12px;
  margin-top: -9px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.bs-actionsbox {
  float: left;
  width: 100%;
  position: relative;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 12px 7px;
}
.mobile-device {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 5px 6px 5px !important;
}
table.dataTable tfoot {
    display: table-header-group;
}
table.dataTable tfoot input {
    font-size: 10px;
    height: 29px;
    font-weight: 400;
}
table.dataTable thead > tr > th {
    padding-right: 11px !important;
    font-size: 12px;
    font-weight: 300;
    font-size: 14px;
    font-weight: 400;
    color: #706f6f;
}
.full-width{
    width: 100%;
}
.main-header .nav li.active{
    /* border-bottom: 1px solid #ed1c24; */
}
.main-header .nav li.active a,.main-header .nav li.active:hover a{
  color: #c0fe7e;
}
.main-wrapper{
    overflow: auto;
    margin-bottom: -62px;
    min-height: 100%;
    background: #151618;
    padding-bottom: 62px;
}
footer{
  background-color: #fafafa;
  position: relative;
  margin-top: -165px; /* negative value of footer height */
  height: 165px;
  clear:both;
  /* padding-top:20px; */
}
footer a{
    color: #555;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0;
    cursor: pointer;
    text-decoration: none;
}
footer h2{
    color: #555;
    font-size: 16px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}
.dataTables_wrapper .dataTables_filter {
float: right;
text-align: right;
}
.pagination>li>a, .pagination>li>span {
    border: none;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
.dataTables_wrapper .dataTables_info {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

div.dataTables_filter input {
    border-radius: 25px;
    height: 34px;
    padding-right: 38px;
}
div.dataTables_filter label:after {
   font-family: 'icomoon' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e98e";
   margin-left: -30px;
   padding-right: 20px;
   color: #d7d7d7;
   top: -1px;
   position: relative;
}
.light-grey{
    background-color: #f9f9f9 !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #f9f9f9;
}
.nav-pills li {
  float:none;
  display:table-cell;
  width:1%;
  text-align:center;
}
.kv-avatar{
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  position: relative;
}
.kv-avatar .btn{
    border-radius: 10px;
}
.kv-avatar .file-preview-frame,.kv-avatar .file-preview-frame:hover {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    text-align: center;
}
.kv-avatar .file-input {
    display: table-cell;
    max-width: 220px;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: none;
    cursor: inherit;
    display: block;
}
.spinner {
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotation {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotation {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rotation {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.list-group-item > i, .list-group-header > i {
    margin-right: 7px;
}
.mtb-8{
    margin-bottom: 8px;
    margin-top: 8px;
}
.dropdown-lang li img{
  padding-right:5px;
}
.dropdown-toggle .caret{
  margin-left: 7px;
}
#aff-link{
    height: 32px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    padding-right: 75px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #151618;
    border: navajowhite;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#copy-aff-link{
  position: absolute;
  margin-left: -60px;
  z-index: 11;
  width: 60px;
  height: 32px;
  top: 0px;
  margin-top: 0px;
  padding-left: 24px;
  background-color: #151618;
  border: 0px !important;
  color: #adb0ba;
  border-radius: 18px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* ------------------------------------------------------------------------------
 *
 *  # Login and related forms
 *
 *  Styles related to user login - logins, registration, password revovery, unlock etc.
 *
 *  Version: 1.1
 *  Latest update: Nov 25, 2015
 *
 * ---------------------------------------------------------------------------- */
.login-cover {
  background: url('../images/login_cover.jpg') no-repeat;
  background-size: cover;
}
.login-container {
  display: table;
  width: 100%;
  height: 100%;
  background: url(../images/vida-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  min-height: 100vh;
  min-width: 100vw;
}
.navbar + .login-container {
  height: calc(100% -  46px);
}
.navbar-lg + .login-container {
  height: calc(100% -  50px);
}
.navbar-sm + .login-container {
  height: calc(100% -  44px);
}
.navbar-xs + .login-container {
  height: calc(100% -  42px);
}
.login-container .page-content {
    display: table-row;
    height: 100%;
    /* background-color: #ededed; */
    /* background-color: #4e4e4e; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.login-container .login-form {
  width: 390px;
}
.login-container .login-form, .login-container .registration-form {
    margin: 0 auto 20px auto;
    padding: 40px;
    min-height: 200px;
    min-width: 320px;
    max-width: 420px;
    width: 100%;
    padding: 30px 50px 30px;
    margin-top: 20px;
    box-shadow: 0 10px 20px rgba(0,0,0,.05), 0 10px 20px rgba(0,0,0,.01);
    border-color: #F5F5F5;
    border-radius: 24px;
}
@media (max-width: 480px) {
  .login-container .login-form,
  .login-container .registration-form {
    width: 100%;
  }
}
.login-container .footer {
  left: 0;
  right: 0;
  text-align: center;
      float: inherit;
}
.login-container .content-wrapper {
  vertical-align: middle;
  display: table-cell;
}
.login-container .nav-tabs.nav-justified {
  margin-bottom: 0;
}
.login-container .nav-tabs.nav-justified > li > a {
  border-top: 0!important;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #f5f5f5;
}
.login-container .nav-tabs.nav-justified > li:first-child > a {
  border-left: 0;
  border-radius: 3px 0 0 0;
}
.login-container .nav-tabs.nav-justified > li:last-child > a {
  border-right: 0;
  border-radius: 0 3px 0 0;
}
.login-container .nav-tabs.nav-justified > li.active > a {
  background-color: transparent;
}
@media (max-width: 768px) {
  .login-container .nav-tabs.nav-justified {
    padding: 0;
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .login-container .nav-tabs.nav-justified:before {
    content: none;
  }
  .login-container .nav-tabs.nav-justified > li > a {
    border-width: 0!important;
  }
}
@media (max-width: 768px) {
  .login-options,
  .login-options .text-right {
    text-align: center;
  }
}

/* ------------------------------------------------------------------------------
 *
 *  # PNotify notifications
 *
 *  Styles for pnotify.min.js - a flexible JavaScript notification plugin
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */
.ui-pnotify {
  top: 20px;
  right: 20px;
  position: fixed;
  height: auto;
  z-index: 9999;
  border-radius: 3px;
}
.ui-pnotify.alert-rounded > .alert {
  border-radius: 5px;
}
.ui-pnotify[class*=bg-] > .alert {
  background-color: inherit;
  border-color: transparent;
  color: #fff;
}
.ui-pnotify.stack-top-left,
.ui-pnotify.stack-bottom-left {
  left: 20px;
  right: auto;
}
.ui-pnotify.stack-bottom-right,
.ui-pnotify.stack-bottom-left {
  bottom: 20px;
  top: auto;
}
.ui-pnotify.stack-custom-right {
  top: auto;
  left: auto;
  bottom: 200px;
  right: 200px;
}
.ui-pnotify.stack-custom-left {
  top: 200px;
  left: 200px;
  right: auto;
  bottom: auto;
}
.ui-pnotify.stack-custom-top {
  right: 0;
  left: 0;
  top: 0;
}
.ui-pnotify.stack-custom-bottom {
  right: 0;
  left: 0;
  bottom: 0;
  top: auto;
}
.ui-pnotify-container {
  height: 100%;
  margin: 0;
  overflow: visible!important;
}
h4.ui-pnotify-title {
  display: block;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 15px;
}
.ui-pnotify-icon {
  display: block;
  float: left;
  margin-right: 10px;
}
.ui-pnotify-closer,
.ui-pnotify-sticker {
  float: right;
  margin-left: 5px;
  font-size: 10px;
  margin-top: 4px;
  line-height: 1;
}
.ui-pnotify-closer > span,
.ui-pnotify-sticker > span {
  font-size: 12px;
}
.ui-pnotify-sharp {
  border-radius: 0;
}
.ui-pnotify-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.ui-pnotify-history-container {
  position: absolute;
  top: 0;
  right: 18px;
  width: 70px;
  border-top: 0;
  padding: 0;
  z-index: 10000;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ui-pnotify-history-container.ui-pnotify-history-fixed {
  position: fixed;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
  padding: 2px;
  text-align: center;
}
.ui-pnotify-history-container button {
  cursor: pointer;
  display: block;
  width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
  display: block;
  margin: 0 auto;
}

/* ------------------------------------------------------------------------------
*
*  # Alert component
*
*  Overrides for alerts bootstrap component
*
*  Version: 1.0
*  Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */
.alert {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.alert .alert-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.alert .alert-link {
  color: inherit;
}
.alert .close,
.alert .close:hover,
.alert .close:focus {
  color: inherit;
}
.alert-primary {
  background-color: #E3F2FD;
  border-color: #1E88E5;
  color: #1565C0;
}
.alert-primary hr {
  border-top-color: #187bd1;
}
.alert-primary .alert-link {
  color: #104d92;
}
.alert-primary,
.alert-primary .close {
  color: #104d92;
}
.alert-success,
.alert-success .close {
  color: #205823;
}
.alert-info,
.alert-info .close {
  color: #00545c;
}
.alert-warning,
.alert-warning .close {
  color: #aa3510;
}
.alert-danger,
.alert-danger .close {
  color: #9c1f1f;
}
.alert.alert-rounded {
  border-radius: 100px;
  padding-left: 25px;
  padding-right: 25px;
}
.alert-component[class*=alert-styled-] {
  background-color: #fff;
}
.alert[class*=bg-] a,
.alert[class*=bg-] .alert-link {
  color: #fff;
}
.alert[class*=alert-styled-]:after,
.ui-pnotify[class*=alert-styled-] > .alert:after {
  content: '\e9a2';
  font-family: 'icomoon';
  color: #fff;
  width: 44px;
  left: -44px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.alert[class*=alert-styled-].alert-danger:after,
.ui-pnotify[class*=alert-styled-] > .alert.alert-danger:after,
.alert[class*=alert-styled-][class*=bg-danger]:after,
.ui-pnotify[class*=alert-styled-] > .alert[class*=bg-danger]:after {
  content: '\ed64';
}
.alert[class*=alert-styled-].alert-success:after,
.ui-pnotify[class*=alert-styled-] > .alert.alert-success:after,
.alert[class*=alert-styled-][class*=bg-success]:after,
.ui-pnotify[class*=alert-styled-] > .alert[class*=bg-success]:after {
  content: '\ed6e';
}
.alert[class*=alert-styled-].alert-warning:after,
.ui-pnotify[class*=alert-styled-] > .alert.alert-warning:after,
.alert[class*=alert-styled-][class*=bg-warning]:after,
.ui-pnotify[class*=alert-styled-] > .alert[class*=bg-warning]:after {
  content: '\e9bd';
}
.alert[class*=alert-styled-].alert-info:after,
.ui-pnotify[class*=alert-styled-] > .alert.alert-info:after,
.alert[class*=alert-styled-][class*=bg-info]:after,
.ui-pnotify[class*=alert-styled-] > .alert[class*=bg-info]:after {
  content: '\e9b9';
}
.alert.alert-styled-right:after,
.ui-pnotify.alert-styled-right > .alert:after {
  left: auto;
  right: -44px;
}
.alert.alert-styled-custom:after,
.ui-pnotify.alert-styled-custom > .alert:after {
  content: "\e81b";
}
.alert.alert-styled-left,
.ui-pnotify.alert-styled-left > .alert {
  border-left-width: 44px;
}
.alert.alert-styled-left[class*=bg-],
.ui-pnotify.alert-styled-left[class*=bg-] > .alert {
  border-left-color: rgba(0, 0, 0, 0.15) !important;
}
.alert.alert-styled-right,
.ui-pnotify.alert-styled-right > .alert {
  border-right-width: 44px;
}
.alert.alert-styled-right[class*=bg-],
.ui-pnotify.alert-styled-right[class*=bg-] > .alert {
  border-right-color: rgba(0, 0, 0, 0.15) !important;
}
.alert[class*=alert-arrow-]:before,
.ui-pnotify[class*=alert-arrow-] > .alert:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  border-left: 5px solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left-color: inherit;
  margin-top: -5px;
}
.alert.alert-arrow-right:before,
.ui-pnotify.alert-arrow-right > .alert:before {
  left: auto;
  right: 0;
  border-left: 0;
  border-right: 5px solid;
  border-right-color: inherit;
}
.ui-pnotify[class*=alpha-] >  {
  background-color: inherit;
  border-color: inherit;
  color: inherit;
}
.ui-pnotify.bg-success {
  background-color: #5cb85c;
}

/* ------------------------------------------------------------------------------
 *
 *  # Daterange picker
 *
 *  Date range picker component for Bootstrap
 *
 *  Version: 1.1
 *  Latest update: Oct 20, 2015
 *
 * ---------------------------------------------------------------------------- */
.daterangepicker {
  position: absolute;
  left: 0;
  margin-top: 5px;
  width: auto;
  padding: 0;
}
.daterangepicker.dropdown-menu {
  max-width: none;
  background-color: transparent;
  border: 0;
  z-index: 100000;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.daterangepicker.dropup {
  margin-top: -5px;
}
.daterangepicker .ranges,
.daterangepicker .calendar {
  float: left;
}
.daterangepicker.opensleft .calendars {
  float: left;
}
.daterangepicker.opensright .calendars {
  float: right;
}
.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
  float: none;
  margin-left: 0;
  margin-right: 0;
}
.daterangepicker.show-calendar .calendar {
  display: block;
}
.daterangepicker .calendar {
  display: none;
  background-color: #26282b;
  border: 1px solid #444449;
  border-radius: 3px;
  margin: 5px;
  padding: 10px;
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker table tbody th,
.daterangepicker table tbody td {
  cursor: pointer;
}
.daterangepicker th,
.daterangepicker td {
  white-space: nowrap;
  text-align: center;
}
.daterangepicker th.week,
.daterangepicker td.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker th {
  color: #999999;
  font-weight: normal;
  font-size: 12px;
  min-width: 36px;
}
.daterangepicker th > i {
  top: 0;
  color: #888;
}
.daterangepicker th.prev,
.daterangepicker th.next {
  cursor: pointer;
}
.daterangepicker th.available:hover > i,
.daterangepicker th.available:focus > i {
  color: #333333;
}
.daterangepicker td.available:hover,
.daterangepicker td.available:focus {
  background-color: #f5f5f5;
}
.daterangepicker td.off,
.daterangepicker td.disabled {
  color: #ccc;
}
.daterangepicker td.disabled {
  cursor: not-allowed;
}
.daterangepicker td.in-range {
  background-color: #f5f5f5;
}
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.active:focus {
  background-color: #26A69A;
  color: #fff;
  border-radius: 2px;
}
.daterangepicker .table-condensed tr > th,
.daterangepicker .table-condensed tr > td {
  padding: 10px;
  line-height: 1;
}
.daterangepicker .table-condensed .month {
  font-size: 15px;
  line-height: 1;
  color: #adb0ba;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
}
.daterangepicker select {
  display: inline-block;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 60px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.daterangepicker .daterangepicker_input {
  position: relative;
}
.daterangepicker .daterangepicker_input i {
  position: absolute;
  right: 11px;
  top: 13px;
  bottom: 10px;
  color: #999999;
}
.daterangepicker .daterangepicker_input input {
  padding-left: 11px;
  padding-right: 34px;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 12px 0;
}
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.ranges {
  background-color: #26282b;
  position: relative;
  border: 1px solid #444549;
  border-radius: 3px;
  width: 200px;
  margin-top: 5px;
  color: #FFF;
}
.opensright .ranges {
  margin-left: 0;
}
.opensleft .ranges {
  margin-right: 0;
}
.ranges ul {
  list-style: none;
  margin: 0;
  padding: 5px 0;
}
.ranges ul + .daterangepicker-inputs {
  border-top: 1px solid #e5e5e5;
}
.ranges ul li {
  color: #ffffff;
  padding: 8px 12px;
  cursor: pointer;
  margin-top: 1px;
}
.ranges ul li:first-child {
  margin-top: 0;
}
.ranges ul li:hover,
.ranges ul li:focus {
  background-color: #151618;
}
.ranges ul li.active {
  color: #fff;
  background-color: #59b56c;
}
.ranges .daterangepicker-inputs {
  padding: 12px;
  padding-top: 17px;
}
.ranges .daterangepicker-inputs .daterangepicker_input + .daterangepicker_input {
  margin-top: 17px;
}
.ranges .daterangepicker-inputs .daterangepicker_input > span {
  display: block;
  font-size: 12px;
  margin-bottom: 7px;
  color: #999999;
}
.ranges .daterangepicker-inputs + .range_inputs {
  border-top: 1px solid #e5e5e5;
}
.ranges .range_inputs {
  padding: 12px;
}
.ranges .range_inputs .btn {
  display: block;
  width: 100%;
}
.ranges .range_inputs .btn + .btn {
  margin-top: 12px;
}
@media (min-width: 769px) {
  .ranges {
    margin: 5px;
  }
}
.daterange-custom {
  cursor: pointer;
}
.daterange-custom:after {
  content: '';
  display: table;
  clear: both;
}
.daterange-custom .label,
.daterange-custom .badge {
  margin: 4px 0 0 7px;
  vertical-align: top;
}
.daterange-custom .label-icon {
  margin-top: 0;
  margin-right: 5px;
}
.daterange-custom-display {
  display: inline-block;
  position: relative;
  padding-left: 21px;
  line-height: 1;
}
.daterange-custom-display:after {
  content: '\e9c9';
  font-family: 'icomoon';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.daterange-custom.is-opened .daterange-custom-display:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.daterange-custom-display > i {
  display: inline-block;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: -0.015em;
}
.daterange-custom-display b {
  display: inline-block;
  margin-left: 4px;
  font-weight: 400;
}
.daterange-custom-display b > i {
  font-size: 11px;
  display: block;
  line-height: 12px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400;
}
.daterange-custom-display em {
  line-height: 30px;
  vertical-align: top;
  margin: 0 4px;
}
@media (max-width: 769px) {
  .opensleft,
  .opensright {
    left: 0!important;
    right: 0;
  }
  .opensleft .calendars,
  .opensright .calendars {
    float: none;
  }
  .daterangepicker.opensleft .ranges,
  .daterangepicker.opensright .ranges,
  .daterangepicker.opensleft .calendar,
  .daterangepicker.opensright .calendar,
  .daterangepicker.opensleft .calendars,
  .daterangepicker.opensright .calendars {
    float: none;
  }
  .daterangepicker {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .daterangepicker .calendar {
    margin-left: 0;
    margin-right: 0;
  }
  .daterangepicker .ranges {
    width: 100%;
  }
}

#aff-trades-table{
  display: none;
}
#aff-trades-table-wrapper{
  min-height: 300px;
}
#aff_time_period{
  height: 45px;
}
#trade_population_container,#trade_population_container_0{
  min-height: 400px;
}
.navbar-default .navbar-toggle {
    padding: 0;
    background: none !important;
    border: none;
    color: #FFF;
}
@media (max-width: 767px) {
  #lang-sel-container{
    float: left !important;
  }
  #main-navbar{
    width: 100%;
  }
  #main-navbar-toggle{
    width: 100%;
  }
  #main-navbar a{
    padding-left: 0px;
  }
  .text-center-xs{
    text-align: center;
  }
  .list-group .list-group-item {
    padding: 10px 0 !important;
  }
  .no-padding-xs{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .no-padding-top-xs{
    padding-top: 0px !important;
  }
  .no-margin-xs{
    margin: 0 !important;
  }
  .border-bottom-xs{
    border-bottom: 1px solid #DDD;
  }
  .main-wrapper {
    padding-bottom: 0px;
  }
  #aff_time_period {
    font-size: 12px;
  }
  .pagination>li>a, .pagination>li>span {
    padding: 6px 6px;
  }
  .navbar-default .navbar-toggle {
    padding-top: 10px;
  }
  .panel{
      border-radius: 0px;
      border: none;
  }
  .panel-heading {
      border-radius: 0px;
  }
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 10px;
    left: 4px;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    color: white;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    line-height: 16px;
    content: '+';
    background-color: #1c84c6;
    font-weight: bold;
}
.cursor-pointer{
  cursor: pointer;
}
.bg-danger{
  background-color: #d9534f;
}
#campaign-link-mobile .label{
    position: relative;
    top: -3px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    content: "\e9dc";
    font-family: 'icomoon';
    background-color: transparent;
    color: #3f3f3f;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: "\e9df";
    background-color: transparent;
}
.navbar-collapse{
  border: none;
}
.btn.btn-success:hover {
    background-color: #63A78D !important;
}

.btn.btn-success {
    color: #fff !important;
    background-color: #3b8b6e !important;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 3px;
}
.btn.btn-danger {
    color: #fff !important;
    background-color: #ed1c24 !important;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 3px;
}
.btn .label {
    position: relative;
    top: -2px;
}
.btn{
  border-radius: 48px !important;
  padding: 13px 30px;
}
.banner-box{
  margin-bottom: 30px;
}
.banner-box img{
  border: 1px solid  #444449;
  margin-bottom: 20px;
}
.banner-img-wrapper{
    display: inline-block;
    vertical-align: middle;
    min-height: 250px;
    line-height: 250px;
}
.banner-code{
  word-wrap: break-word;
}
.navbar, .navbar.navbar-default {
    background-color: #151618;
    /* color: #FFF; */
    font-weight: bold;
    box-shadow: 0 3px 1px rgba(0,0,0,.05), 0 10px 20px rgba(0,0,0,.01);
    margin: 0 !important;
    min-height: 84px;
    font-weight: 200;
}
.list-group .list-group-item {
    padding: 10px 16px;
}
[class*="panel-"] > .panel-heading {
    color: inherit;
    border: 0;
    background: #3b8b6e;
    color: #FFF;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding-left: 30px;
}
#footer {
    padding: 20px 0px 20px 0px;
    background-color: #151618;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
#footer + #footer-bottom {
    border-top: 1px solid #2a2a2a;
}
#footer-bottom {
    padding: 20px 0;
    background-color: #151515;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
@media (max-width: 1199px){
.navbar .navbar-brand {
    height: 50px;
    padding: 0px;
}

.navbar .navbar-nav > li > a {

    padding-left: 30px;
}
}
.list-group {
    padding-left: 0;
    margin-bottom: 40px;
    margin-top: 40px;
}

.btn.btn-gray {font-size: 14px;color: #fff;padding: 15px 50px;text-decoration: none;border-radius: 0px;text-transform: uppercase;background: #b70014;border: 1px solid #b70014;width: auto;margin-top: 25px;margin: auto;}
.btn.btn-gray:focus, .btn.btn-gray:hover {
    background: none;
    color: #b70014;
}
.login-form input{
    /* background: #222429 !important; */
    color: #a1a1a1;
    padding: 12px 15px!important;
    height: auto !important;
    font-size: 14px !important;
}
.login-form a, .login-form a:hover, .login-form a:focus {
  color: #3b8b6e;
}
.has-feedback .form-control {
  padding-right: 34px;
}
.has-feedback .form-control.input-sm,
.has-feedback.form-group-sm .form-control {
  padding-right: 30px;
}
.has-feedback .form-control.input-lg,
.has-feedback.form-group-lg .form-control {
  padding-right: 46px;
}
.has-feedback-left .form-control {
  /* padding-right: 12px !important; */
  padding-left: 34px !important;
}
.has-feedback-left .form-control.input-sm,
.has-feedback-left.form-group-sm .form-control {
  padding-left: 30px;
}
.has-feedback-left .form-control.input-lg,
.has-feedback-left.form-group-lg .form-control {
  padding-left: 46px;
}
.has-feedback-left .form-control-feedback {
  left: 0;
}
.form-control-feedback {
  line-height: 43px !important;
}
.input-sm + .form-control-feedback,
.form-horizontal .form-group-sm .form-control-feedback {
  width: 30px;
  height: 30px;
  line-heibody {
  background-color: #f7f8f9;
  font-family: Khula,Open Sans,Arial,sans-serif;
}
.media-preview {
    width: auto;
    height: auto;
    max-width: 100%;
}
.display-inline{
  display: inline-block;
}
.display-block{
  display: block;
}
.pl-20{
  padding-left:20px;
}
.pl-10{
  padding-left:10px;
}
.pr-5{
  padding-right:5px;
}
.mr-10{
  margin-right:10px;
}
.no-margin-left{
  margin-left: 0 !important;
}
.no-margin-right{
  margin-right: 0 !important;
}
.no-padding{
  padding: 0 !important;
}
.no-padding-left{
  padding-left: 0 !important;
}
.no-padding-right{
  padding-right: 0 !important;
}
.no-margin{
  margin: 0px !important;
}
.no-float{
  float: initial;
}
.pb-5{
  padding-bottom: 5px;
}
.p-20{
  padding: 20px;
}
.pb-14{
    padding-bottom: 14px;
}
.pb-20{
  padding-bottom: 20px;
}
.pb-40{
  padding-bottom: 40px;
}
.pb-10{
  padding-bottom: 10px;
}
.pt-10{
  padding-top: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.t-3{
  top:3px;
  position: relative;
}
.pt-5{
  padding-top:5px;
}
.pr-10{
  padding-right:10px;
}
.pt-20{
  padding-top:20px;
}
.pt-15{
  padding-top:15px;
}
.fs-12{
  font-size:12px;
}
.fs-13{
  font-size: 13px;
}
.fs-15{
  font-size: 15px;
}
.fs-20{
  font-size: 20px;
}
.mh-30{
  min-height: 30px;
}
.ml-5{
  margin-left: 5px;
}
.mb-10{
  margin-bottom: 10px;
}
.text-light{
  font-weight: 300;
}
.btn-wrapper{
    margin-top: 20px;
    margin-right: 10px;
}
.btn-flat{
  background-color: transparent;
  border: none;
}
.table-analytics td{
  padding-left: 0px !important;
    padding-right: 0px !important;
}
.border-bottom{
  border-bottom: 1px solid #DDD;
}
.border-left{
  border-left: 1px solid #DDD;
}
.border-right{
  border-right: 1px solid #DDD;
}
.no-border-top{
  border-top: none !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px 10px;
}
.table-fm>tbody>tr>td {
    padding: 10px 10px !important;
    line-height: 33px !important;
}
.table-inv>tbody>tr>td{
    line-height: 24px !important;
}
.table-inv button{
  padding: 4px;
    font-size: 11px;
    padding-right: 7px;
}
.dataTable .btn{
  padding: 6px 8px;
  font-size: 11px;
  margin: 0px;
}
.table-inv .btn{
  padding: 4px 7px;
}

.position-left{
  margin-right: 7px;
}
.table-borderless td{
  border: none !important;
}
.panel {
    margin-bottom: 10px;
    border: none;
    border-radius: 0px;
}
.btn-ranking{
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.ranking{
  position: relative;
  bottom: 0;
}
.page-title{
  display: inline-block;
    font-weight: bold;
    letter-spacing: -1px;
}

.nav.nav-smaller-pills>li>a {
    padding: 5px 10px;
}
.table{
  font-size: 14px !important;
}
tfoot select {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}
/* ------------------------------------------------------------------------------
*
*  # Bootstrap select
*
*  Styles for bootstrap_select.js - custom select boxes plugin
*
*  Version: 1.1
*  Latest update: Oct 20, 2015
*
* ---------------------------------------------------------------------------- */
.bootstrap-select {
  width: 100%;
}
.bootstrap-select > .btn {
  width: 88%;
  padding-right: 0px;
}
.bootstrap-select > .btn.btn-default,
.bootstrap-select > .btn.btn-default.disabled {
  background-color: #fff;
  border-color: #ddd;
}
.bootstrap-select > .btn.btn-default:active,
.btn-group.open .bootstrap-select > .btn.btn-default {
  border-color: #ddd;
}
.bootstrap-select.form-control {
  padding: 0;
  border: 0;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select .popover-title {
  font-size: 11px;
  line-height: 1.82;
  margin: 5px 0;
  padding: 7px 12px;
}
.bootstrap-select[class*=border-] .btn,
.bootstrap-select[class*=border-] .dropdown-menu {
  border-color: inherit;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: 0;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
  text-overflow: ellipsis;
}
.bootstrap-select.btn-group .btn .filter-option > i {
  margin-right: 7px;
}
.bootstrap-select.btn-group .btn .caret {
position: absolute;
top: 50%;
right: 9px;
margin-top: -2px;
}
.bootstrap-select.btn-group[class*="col-"] .btn {
  width: 100%;
}
.bootstrap-select.btn-group .btn-lg > .caret {
  right: 15px;
}
.bootstrap-select.btn-group .btn-sm > .caret {
  right: 11px;
}
.bootstrap-select.btn-group .btn-xs > .caret {
  right: 10px;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu > li > a [class*=icon-] {
  margin-right: 7px;
}
.bootstrap-select.btn-group .dropdown-menu > li > a .check-mark {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 12px;
  margin-right: 0;
}
.bootstrap-select.btn-group .dropdown-menu > li > a .text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu > li > a > .label,
.bootstrap-select.btn-group .dropdown-menu > li > a > .badge {
  float: none;
}
.bootstrap-select.btn-group .dropdown-menu > li > a.special-class,
.bootstrap-select.btn-group .dropdown-menu > li > a.special-class:hover {
  font-weight: 700;
  color: #fff;
  background: #F44336;
}
.bootstrap-select.btn-group .dropdown-menu > li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu > li small {
  padding-left: 10px;
}
.bootstrap-select.btn-group .dropdown-menu > .active > a small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 7px 12px;
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  pointer-events: none;
}
.bootstrap-select.btn-group .dropdown-header ~ li > a {
  padding-left: 24px;
}
.bootstrap-select.btn-group .no-results {
  padding: 7px 12px;
  background: #f8f8f8;
  margin-bottom: -5px;
  border-top: 1px solid #ddd;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu > li a .text {
  margin-right: 40px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu > li.active a .check-mark {
  display: inline-block;
}
.input-group .bootstrap-select > .btn {
  border-radius: 0;
}
.input-group > .bs-select-hidden:first-child + .bootstrap-select > .btn {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.input-group > .bootstrap-select:last-child > .btn {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.error .bootstrap-select .btn {
  border: 1px solid #F44336;
}
.control-group.error .bootstrap-select .dropdown-toggle {
  border-color: #F44336;
}
.bs-searchbox,
.bs-actionsbox {
  padding: 12px;
  padding-top: 7px;
}
.bs-searchbox {
  position: relative;
}
.bs-searchbox > .form-control {
  padding-left: 36px;
}
.bs-searchbox:after {
  content: '\e98e';
  font-family: 'icomoon';
  position: absolute;
  top: 50%;
  left: 24px;
  color: inherit;
  display: block;
  font-size: 12px;
  margin-top: -9px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.bs-actionsbox {
  float: left;
  width: 100%;
  position: relative;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 12px 7px;
}
.mobile-device {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 5px 6px 5px !important;
}
table.dataTable tfoot {
    display: table-header-group;
}
table.dataTable tfoot input {
    font-size: 10px;
    height: 29px;
    font-weight: 400;
}
table.dataTable thead > tr > th {
    padding-right: 11px !important;
    font-size: 12px;
    font-weight: 300;
    font-size: 14px;
    font-weight: 400;
    color: #706f6f;
}
.full-width{
    width: 100%;
}
.main-header .nav li.active{
    /* border-bottom: 1px solid #ed1c24; */
}
.main-header .nav li.active a,.main-header .nav li.active:hover a{
  color: #00a4ff !important;
}
.main-wrapper{
    overflow: auto;
    padding-bottom: 120px;
    min-height: 100%;
}
footer{
  background-color: #fafafa;
  position: relative;
  margin-top: -76px; /* negative value of footer height */
  height: 76px;
  clear:both;
  /* padding-top:20px; */
}
footer a{
    color: #555;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0;
    cursor: pointer;
    text-decoration: none;
}
footer h2{
    color: #555;
    font-size: 16px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}
.dataTables_wrapper .dataTables_filter {
float: right;
text-align: right;
}
.pagination>li>a, .pagination>li>span {
    border: none;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
.dataTables_wrapper .dataTables_info {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

div.dataTables_filter input {
    border-radius: 25px;
    height: 34px;
    padding-right: 38px;
}
div.dataTables_filter label:after {
   font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e98e";
    margin-left: -30px;
    padding-right: 20px;
    color: #d7d7d7;
    top: 2px;
    position: relative;
}
.light-grey{
    background-color: #f9f9f9 !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #f9f9f9;
}
.nav-pills li {
  float:none;
  display:table-cell;
  width:1%;
  text-align:center;
}
.kv-avatar{
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  position: relative;
}
.kv-avatar .btn{
    border-radius: 10px;
}
.kv-avatar .file-preview-frame,.kv-avatar .file-preview-frame:hover {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    text-align: center;
}
.kv-avatar .file-input {
    display: table-cell;
    max-width: 220px;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: none;
    cursor: inherit;
    display: block;
}
.spinner {
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotation {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotation {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rotation {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.list-group-item > i, .list-group-header > i {
    margin-right: 7px;
}
.mtb-8{
    margin-bottom: 8px;
    margin-top: 8px;
}
.dropdown-lang li img{
  padding-right:5px;
}
.dropdown-toggle .caret{
  margin-left: 7px;
}
#aff-link{
    height: 32px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-right: 75px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#copy-aff-link{
  position: absolute;
  margin-left: -60px;
  z-index: 11;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  width: 60px;
  height: 32px;
  top: 0px;
  margin-top: 0px;
  padding-left: 24px;
  background-color: #f5f5f5;
  /* padding-bottom: 0px; */
}
/* ------------------------------------------------------------------------------
 *
 *  # Login and related forms
 *
 *  Styles related to user login - logins, registration, password revovery, unlock etc.
 *
 *  Version: 1.1
 *  Latest update: Nov 25, 2015
 *
 * ---------------------------------------------------------------------------- */
.login-cover {
  background: url('../images/login_cover.jpg') no-repeat;
  background-size: cover;
}
.login-container {
  display: table;
  width: 100%;
  height: 100%;
}
.navbar + .login-container {
  height: calc(100% -  46px);
}
.navbar-lg + .login-container {
  height: calc(100% -  50px);
}
.navbar-sm + .login-container {
  height: calc(100% -  44px);
}
.navbar-xs + .login-container {
  height: calc(100% -  42px);
}
.login-container .page-content {
    display: table-row;
    height: 100%;
    background: url('../images/_il_landing_.jpg') center center no-repeat;
    background-color: #FFF;
    /* background-color: #4e4e4e; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.login-container .login-form {
  width: 390px;
}
.login-container .login-form, .login-container .registration-form {
    margin: 0 auto 20px auto;
    padding: 40px;
    background: transparent;
}
@media (max-width: 480px) {
  .login-container .login-form,
  .login-container .registration-form {
    width: 100%;
  }
}
.login-container .footer {
  left: 0;
  right: 0;
  text-align: center;
      float: inherit;
}
.login-container .content-wrapper {
  vertical-align: middle;
  display: table-cell;
}
.login-container .nav-tabs.nav-justified {
  margin-bottom: 0;
}
.login-container .nav-tabs.nav-justified > li > a {
  border-top: 0!important;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #f5f5f5;
}
.login-container .nav-tabs.nav-justified > li:first-child > a {
  border-left: 0;
  border-radius: 3px 0 0 0;
}
.login-container .nav-tabs.nav-justified > li:last-child > a {
  border-right: 0;
  border-radius: 0 3px 0 0;
}
.login-container .nav-tabs.nav-justified > li.active > a {
  background-color: transparent;
}
@media (max-width: 768px) {
  .login-container .nav-tabs.nav-justified {
    padding: 0;
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .login-container .nav-tabs.nav-justified:before {
    content: none;
  }
  .login-container .nav-tabs.nav-justified > li > a {
    border-width: 0!important;
  }
}
@media (max-width: 768px) {
  .login-options,
  .login-options .text-right {
    text-align: center;
  }
}

/* ------------------------------------------------------------------------------
 *
 *  # PNotify notifications
 *
 *  Styles for pnotify.min.js - a flexible JavaScript notification plugin
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */
.ui-pnotify {
  top: 20px;
  right: 20px;
  position: fixed;
  height: auto;
  z-index: 9999;
  border-radius: 3px;
}
.ui-pnotify.alert-rounded > .alert {
  border-radius: 5px;
}
.ui-pnotify[class*=bg-] > .alert {
  background-color: inherit;
  border-color: transparent;
  color: #fff;
}
.ui-pnotify.stack-top-left,
.ui-pnotify.stack-bottom-left {
  left: 20px;
  right: auto;
}
.ui-pnotify.stack-bottom-right,
.ui-pnotify.stack-bottom-left {
  bottom: 20px;
  top: auto;
}
.ui-pnotify.stack-custom-right {
  top: auto;
  left: auto;
  bottom: 200px;
  right: 200px;
}
.ui-pnotify.stack-custom-left {
  top: 200px;
  left: 200px;
  right: auto;
  bottom: auto;
}
.ui-pnotify.stack-custom-top {
  right: 0;
  left: 0;
  top: 0;
}
.ui-pnotify.stack-custom-bottom {
  right: 0;
  left: 0;
  bottom: 0;
  top: auto;
}
.ui-pnotify-container {
  height: 100%;
  margin: 0;
  overflow: visible!important;
}
h4.ui-pnotify-title {
  display: block;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 15px;
}
.ui-pnotify-icon {
  display: block;
  float: left;
  margin-right: 10px;
}
.ui-pnotify-closer,
.ui-pnotify-sticker {
  float: right;
  margin-left: 5px;
  font-size: 10px;
  margin-top: 4px;
  line-height: 1;
}
.ui-pnotify-closer > span,
.ui-pnotify-sticker > span {
  font-size: 12px;
}
.ui-pnotify-sharp {
  border-radius: 0;
}
.ui-pnotify-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.ui-pnotify-history-container {
  position: absolute;
  top: 0;
  right: 18px;
  width: 70px;
  border-top: 0;
  padding: 0;
  z-index: 10000;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ui-pnotify-history-container.ui-pnotify-history-fixed {
  position: fixed;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
  padding: 2px;
  text-align: center;
}
.ui-pnotify-history-container button {
  cursor: pointer;
  display: block;
  width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
  display: block;
  margin: 0 auto;
}

/* ------------------------------------------------------------------------------
*
*  # Alert component
*
*  Overrides for alerts bootstrap component
*
*  Version: 1.0
*  Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */
.alert {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.alert .alert-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.alert .alert-link {
  color: inherit;
}
.alert .close,
.alert .close:hover,
.alert .close:focus {
  color: inherit;
}
.alert-primary {
  background-color: #E3F2FD;
  border-color: #1E88E5;
  color: #1565C0;
}
.alert-primary hr {
  border-top-color: #187bd1;
}
.alert-primary .alert-link {
  color: #104d92;
}
.alert-primary,
.alert-primary .close {
  color: #104d92;
}
.alert-success,
.alert-success .close {
  color: #205823;
}
.alert-info,
.alert-info .close {
  color: #00545c;
}
.alert-warning,
.alert-warning .close {
  color: #aa3510;
}
.alert-danger,
.alert-danger .close {
  color: #9c1f1f;
}
.alert.alert-rounded {
  border-radius: 100px;
  padding-left: 25px;
  padding-right: 25px;
}
.alert-component[class*=alert-styled-] {
  background-color: #fff;
}
.alert[class*=bg-] a,
.alert[class*=bg-] .alert-link {
  color: #fff;
}
.alert[class*=alert-styled-]:after,
.ui-pnotify[class*=alert-styled-] > .alert:after {
  content: '\e9a2';
  font-family: 'icomoon';
  color: #fff;
  width: 44px;
  left: -44px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.alert[class*=alert-styled-].alert-danger:after,
.ui-pnotify[class*=alert-styled-] > .alert.alert-danger:after,
.alert[class*=alert-styled-][class*=bg-danger]:after,
.ui-pnotify[class*=alert-styled-] > .alert[class*=bg-danger]:after {
  content: '\ed64';
}
.alert[class*=alert-styled-].alert-success:after,
.ui-pnotify[class*=alert-styled-] > .alert.alert-success:after,
.alert[class*=alert-styled-][class*=bg-success]:after,
.ui-pnotify[class*=alert-styled-] > .alert[class*=bg-success]:after {
  content: '\ed6e';
}
.alert[class*=alert-styled-].alert-warning:after,
.ui-pnotify[class*=alert-styled-] > .alert.alert-warning:after,
.alert[class*=alert-styled-][class*=bg-warning]:after,
.ui-pnotify[class*=alert-styled-] > .alert[class*=bg-warning]:after {
  content: '\e9bd';
}
.alert[class*=alert-styled-].alert-info:after,
.ui-pnotify[class*=alert-styled-] > .alert.alert-info:after,
.alert[class*=alert-styled-][class*=bg-info]:after,
.ui-pnotify[class*=alert-styled-] > .alert[class*=bg-info]:after {
  content: '\e9b9';
}
.alert.alert-styled-right:after,
.ui-pnotify.alert-styled-right > .alert:after {
  left: auto;
  right: -44px;
}
.alert.alert-styled-custom:after,
.ui-pnotify.alert-styled-custom > .alert:after {
  content: "\e81b";
}
.alert.alert-styled-left,
.ui-pnotify.alert-styled-left > .alert {
  border-left-width: 44px;
}
.alert.alert-styled-left[class*=bg-],
.ui-pnotify.alert-styled-left[class*=bg-] > .alert {
  border-left-color: rgba(0, 0, 0, 0.15) !important;
}
.alert.alert-styled-right,
.ui-pnotify.alert-styled-right > .alert {
  border-right-width: 44px;
}
.alert.alert-styled-right[class*=bg-],
.ui-pnotify.alert-styled-right[class*=bg-] > .alert {
  border-right-color: rgba(0, 0, 0, 0.15) !important;
}
.alert[class*=alert-arrow-]:before,
.ui-pnotify[class*=alert-arrow-] > .alert:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  border-left: 5px solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left-color: inherit;
  margin-top: -5px;
}
.alert.alert-arrow-right:before,
.ui-pnotify.alert-arrow-right > .alert:before {
  left: auto;
  right: 0;
  border-left: 0;
  border-right: 5px solid;
  border-right-color: inherit;
}
.ui-pnotify[class*=alpha-] >  {
  background-color: inherit;
  border-color: inherit;
  color: inherit;
}
.ui-pnotify.bg-success {
  background-color: #5cb85c;
}

/* ------------------------------------------------------------------------------
 *
 *  # Daterange picker
 *
 *  Date range picker component for Bootstrap
 *
 *  Version: 1.1
 *  Latest update: Oct 20, 2015
 *
 * ---------------------------------------------------------------------------- */
.daterangepicker {
  position: absolute;
  left: 0;
  margin-top: 5px;
  width: auto;
  padding: 0;
}
.daterangepicker.dropdown-menu {
  max-width: none;
  background-color: transparent;
  border: 0;
  z-index: 100000;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.daterangepicker.dropup {
  margin-top: -5px;
}
.daterangepicker .ranges,
.daterangepicker .calendar {
  float: left;
}
.daterangepicker.opensleft .calendars {
  float: left;
}
.daterangepicker.opensright .calendars {
  float: right;
}
.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
  float: none;
  margin-left: 0;
  margin-right: 0;
}
.daterangepicker.show-calendar .calendar {
  display: block;
}
.daterangepicker .calendar {
  display: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 5px;
  padding: 10px;
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker table tbody th,
.daterangepicker table tbody td {
  cursor: pointer;
}
.daterangepicker th,
.daterangepicker td {
  white-space: nowrap;
  text-align: center;
}
.daterangepicker th.week,
.daterangepicker td.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker th {
  color: #999999;
  font-weight: normal;
  font-size: 12px;
  min-width: 36px;
}
.daterangepicker th > i {
  top: 0;
  color: #888;
}
.daterangepicker th.prev,
.daterangepicker th.next {
  cursor: pointer;
}
.daterangepicker th.available:hover > i,
.daterangepicker th.available:focus > i {
  color: #333333;
}
.daterangepicker td.available:hover,
.daterangepicker td.available:focus {
  background-color: #f5f5f5;
}
.daterangepicker td.off,
.daterangepicker td.disabled {
  color: #ccc;
}
.daterangepicker td.disabled {
  cursor: not-allowed;
}
.daterangepicker td.in-range {
  background-color: #f5f5f5;
}
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.active:focus {
  background-color: #26A69A;
  color: #fff;
  border-radius: 2px;
}
.daterangepicker .table-condensed tr > th,
.daterangepicker .table-condensed tr > td {
  padding: 10px;
  line-height: 1;
}
.daterangepicker .table-condensed .month {
  font-size: 15px;
  line-height: 1;
  color: #333333;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
}
.daterangepicker select {
  display: inline-block;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 60px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.daterangepicker .daterangepicker_input {
  position: relative;
}
.daterangepicker .daterangepicker_input i {
  position: absolute;
  right: 11px;
  top: auto;
  bottom: 10px;
  color: #999999;
}
.daterangepicker .daterangepicker_input input {
  padding-left: 11px;
  padding-right: 34px;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 12px 0;
}
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.ranges {
  background-color: #fff;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 200px;
  margin-top: 5px;
}
.opensright .ranges {
  margin-left: 0;
}
.opensleft .ranges {
  margin-right: 0;
}
.ranges ul {
  list-style: none;
  margin: 0;
  padding: 5px 0;
}
.ranges ul + .daterangepicker-inputs {
  border-top: 1px solid #e5e5e5;
}
.ranges ul li {
  color: #333333;
  padding: 8px 12px;
  cursor: pointer;
  margin-top: 1px;
}
.ranges ul li:first-child {
  margin-top: 0;
}
.ranges ul li:hover,
.ranges ul li:focus {
  background-color: #f5f5f5;
}
.ranges ul li.active {
  color: #fff;
  background-color: #59b56c;
}
.ranges .daterangepicker-inputs {
  padding: 12px;
  padding-top: 17px;
}
.ranges .daterangepicker-inputs .daterangepicker_input + .daterangepicker_input {
  margin-top: 17px;
}
.ranges .daterangepicker-inputs .daterangepicker_input > span {
  display: block;
  font-size: 12px;
  margin-bottom: 7px;
  color: #999999;
}
.ranges .daterangepicker-inputs + .range_inputs {
  border-top: 1px solid #e5e5e5;
}
.ranges .range_inputs {
  padding: 12px;
}
.ranges .range_inputs .btn {
  display: block;
  width: 100%;
}
.ranges .range_inputs .btn + .btn {
  margin-top: 12px;
}
@media (min-width: 769px) {
  .ranges {
    margin: 5px;
  }
}
.daterange-custom {
  cursor: pointer;
}
.daterange-custom:after {
  content: '';
  display: table;
  clear: both;
}
.daterange-custom .label,
.daterange-custom .badge {
  margin: 4px 0 0 7px;
  vertical-align: top;
}
.daterange-custom .label-icon {
  margin-top: 0;
  margin-right: 5px;
}
.daterange-custom-display {
  display: inline-block;
  position: relative;
  padding-left: 21px;
  line-height: 1;
}
.daterange-custom-display:after {
  content: '\e9c9';
  font-family: 'icomoon';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.daterange-custom.is-opened .daterange-custom-display:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.daterange-custom-display > i {
  display: inline-block;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: -0.015em;
}
.daterange-custom-display b {
  display: inline-block;
  margin-left: 4px;
  font-weight: 400;
}
.daterange-custom-display b > i {
  font-size: 11px;
  display: block;
  line-height: 12px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400;
}
.daterange-custom-display em {
  line-height: 30px;
  vertical-align: top;
  margin: 0 4px;
}
@media (max-width: 769px) {
  .opensleft,
  .opensright {
    left: 0!important;
    right: 0;
  }
  .opensleft .calendars,
  .opensright .calendars {
    float: none;
  }
  .daterangepicker.opensleft .ranges,
  .daterangepicker.opensright .ranges,
  .daterangepicker.opensleft .calendar,
  .daterangepicker.opensright .calendar,
  .daterangepicker.opensleft .calendars,
  .daterangepicker.opensright .calendars {
    float: none;
  }
  .daterangepicker {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .daterangepicker .calendar {
    margin-left: 0;
    margin-right: 0;
  }
  .daterangepicker .ranges {
    width: 100%;
  }
}

#aff-trades-table{
  display: none;
}
#aff-trades-table-wrapper{
  min-height: 300px;
}
#aff_time_period{
  height: 45px;
}
#trade_population_container,#trade_population_container_0{
  min-height: 400px;
}
.navbar-default .navbar-toggle {
    padding: 0;
    background: none !important;
    border: none;
}
@media (max-width: 767px) {
  .no-padding-xs{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .no-margin-xs{
    margin: 0 !important;
  }
  .border-bottom-xs{
    border-bottom: 1px solid #DDD;
  }
  .main-wrapper {
    padding-bottom: 0px;
  }
  #aff_time_period {
    font-size: 12px;
  }
  .pagination>li>a, .pagination>li>span {
    padding: 6px 6px;
  }
  .navbar-default .navbar-toggle {
    padding-top: 10px;
  }
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 10px;
    left: 4px;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    color: white;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    line-height: 16px;
    content: '+';
    background-color: #1c84c6;
    font-weight: bold;
}
.cursor-pointer{
  cursor: pointer;
}
.bg-danger{
  background-color: #d9534f;
}
#campaign-link-mobile .label{
    position: relative;
    top: -3px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    content: "\e9dc";
    font-family: 'icomoon';
    background-color: transparent;
    color: #3f3f3f;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: "\e9df";
    background-color: transparent;
}
.navbar-collapse{
  border: none;
}
.btn.btn-success:hover {
    /* background-color: #C00710; */
}

.btn.btn-success {
    color: #fff;
    /* background-color: #ed1c24; */
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 3px;
}
.btn .label {
    position: relative;
    top: -2px;
}
.btn{
  border-radius: 3px;
}
.banner-box{
  margin-bottom: 30px;
}
.banner-box img{
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
.banner-img-wrapper{
    display: inline-block;
    vertical-align: middle;
    min-height: 250px;
    line-height: 250px;
}
.banner-code{
  word-wrap: break-word;
}
.navbar, .navbar.navbar-default {
    background-color: #090c11;
    color: #FFF;
    font-weight: bold;
    box-shadow: 0px 0px 29px -11px #000000;
    margin: 0 !important;
}
.list-group .list-group-item {
    padding: 10px 16px;
}
[class*="panel-"] > .panel-heading {
    color: inherit;
    border: 0;
}
#footer {
    padding: 20px 0px 20px 0px;
    background-color: #575e6b;
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
}
#footer + #footer-bottom {
    border-top: 1px solid #4f4c4c;
}
#footer-bottom {
    padding: 20px 0;
    background-color: #363636;
    color: #b3b3b3;
    font-size: 14px;
    font-weight: 300;
}
@media (max-width: 1199px){
.navbar .navbar-brand {
    height: 50px;
    padding: 0px;
}

.navbar .navbar-nav > li > a {

    padding-left: 30px;
}
}
.list-group {
    padding-left: 0;
    margin-bottom: 40px;
    margin-top: 40px;
}
.btn.btn-gray {font-size: 14px;color: #fff;padding: 15px 50px;text-decoration: none;border-radius: 5px;text-transform: uppercase;background: #b70014;border: 1px solid #b70014;width: auto;margin-top: 25px;margin: auto;}
.btn.btn-gray:focus, .btn.btn-gray:hover {
    background: none;
    color: #b70014;
}
.login-form input{
    background: #222429 !important;
    color: #a1a1a1;
    padding: 12px 15px!important;
    height: auto !important;
    font-size: 14px !important;
    border: 0 !important;
    border-radius: 3px !important;
}
.has-feedback .form-control {
  padding-right: 34px;
}
.has-feedback .form-control.input-sm,
.has-feedback.form-group-sm .form-control {
  padding-right: 30px;
}
.has-feedback .form-control.input-lg,
.has-feedback.form-group-lg .form-control {
  padding-right: 46px;
}
.has-feedback-left .form-control {
  padding-right: 12px !important;
  padding-left: 34px !important;
}
.has-feedback-left .form-control.input-sm,
.has-feedback-left.form-group-sm .form-control {
  padding-left: 30px;
}
.has-feedback-left .form-control.input-lg,
.has-feedback-left.form-group-lg .form-control {
  padding-left: 46px;
}
.has-feedback-left .form-control-feedback {
  left: 0;
}
.form-control-feedback {
  line-height: 34px !important;
}
.input-sm + .form-control-feedback,
.form-horizontal .form-group-sm .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px !important;
}
.input-lg + .form-control-feedback,
.form-horizontal .form-group-lg .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px !important;
}
.has-feedback label.sr-only ~ .form-control-feedback,
.has-feedback label.sr-only ~ div .form-control-feedback {
  top: 0;
}
@media (min-width: 768px) {
  .form-inline .inline-feedback {
    position: relative;
    display: inline-block;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .has-feedback-left .form-control-feedback {
  left: 15px;
}
ght: 30px !important;
}
.input-lg + .form-control-feedback,
.form-horizontal .form-group-lg .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px !important;
}
.has-feedback label.sr-only ~ .form-control-feedback,
.has-feedback label.sr-only ~ div .form-control-feedback {
  top: 0;
}
@media (min-width: 768px) {
  .form-inline .inline-feedback {
    position: relative;
    display: inline-block;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .has-feedback-left .form-control-feedback {
  left: 15px;
}
.text-white{
  color: #FFF !important;
}
.nav.navbar-nav a{
    text-transform: initial !important;
    padding: 29px 15px;
    font-size: 12px;
    background: transparent !important;
    text-transform: uppercase;
}
#user-drp{
  padding: 20px;
  font-size: 12px;
}
.dropdown-menu{
    /* margin-top: 10px; */
    padding: 0;
    background-color: #222429;
    border-radius: 24px !important;
}
.dropdown-menu li a{
  padding: 10px 10px !important;
  color: #ADB0BA!important;
  display: block;
  min-width: 100px;
  /* border-bottom: 1px solid #f1f1f1; */
  text-align: left;
  text-transform: none;
  /* border-top: 1px solid #444449 !important; */
  /* background-color: #26282b; */
  font-size: 14px !important;
}
.dropdown-menu li a:hover,.dropdown-menu li a:focus,.dropdown-menu li a:active{
    color: #3b8b6e !important;
    background-color: #151618 !important;
}
#main-navbar a{
  text-transform: uppercase !important;
  font-weight: bold;
}
.bg-white{
  background-color: #FFF;
}


.nav-register-parent {
  float:right;
}
.nav-register-parent h3 {
  line-height:96px;
  font-family: 'Roboto', sans-serif;
}

.register-parent h5 {
  font-family: 'Roboto', sans-serif;
  font-size:20px;
}
.register-parent .panel-heading {
  background-color: #b70014;
  color:#fff;
  border-radius: 0;
}
.register-parent select {
  height: 36px;
  border: 1px solid #d4d5d5;
  background-color: #f2f2f2;
  line-height: 36px;
  color: #292a2a;
  font-size: 15px;
  font-weight: 300;
  padding: 0 20px;
  width:100%;
  border-radius: 0;
  font-family: 'Roboto', sans-serif;
}
.register-parent input:not([type='file']) {
  height: 36px;
  border: 1px solid #d4d5d5;
  background-color: #f2f2f2;
  line-height: 36px;
  color: #292a2a;
  font-size: 15px;
  font-weight: 300;
  padding: 0 20px;
  width:100%;
  border-radius: 0;
  font-family: 'Roboto', sans-serif;
  margin-bottom:12px;
}
.register-parent .form-group {
  margin-top:10px;
}
.register-parent input[type='file'] {
  opacity:1;
  position:static;
}
.register-parent button[type="submit"] {
  background-color: #b70014;
  color: #fff;
  font-weight: bold;
  padding: 11px 30px;
  line-height: 12.49px;
  border-radius: 0;
  margin: 15px 0;
  font-family: 'Roboto', sans-serif;
}
.mt-10 {
  margin-top:10px !important;
}
.btn.btn-green {font-size: 14px;color: #fff;padding: 15px 50px;text-decoration: none;border-radius: 0px;text-transform: uppercase;background: #53be11;border: 1px solid #53be11;width: auto;margin-top: 25px;margin: auto; height:48px;}
.btn.btn-green:focus, .btn.btn-green:hover {
    background: none;
    color: #53be11;
}
.login-button {
  padding: 15px 0px !important;
  font-family: 'Roboto', sans-serif;
}

.register-parent .bootstrap-select {
  width: 100% !important;
  margin-top: -25px;
}
.register-parent .bootstrap-select button {
  text-transform: none;
  height: 36px;
  border: 1px solid #d4d5d5 !important;
  background-color: #f2f2f2 !important;
  line-height: 36px;
  color: #292a2a !important;
  font-size: 15px;
  font-weight: 300;
  padding: 0 24px;
  width: 100%;
  border-radius: 0;
  font-family: 'Roboto', sans-serif;
}
.register-parent .dropdown-menu {
  border-radius: 0;
}
.register-parent .dropdown-menu>.active>a, .register-parent .dropdown-menu>.active>a:focus, .register-parent .dropdown-menu>.active>a:hover {
  background-color: #a1d9ec;
}
.register-parent .bootstrap-select-container > select {
  position: absolute !important;
  top: 0;
  left: 0;
}
.register-parent select.bs-select-hidden, .register-parent select.selectpicker {
  width: 220px !important;
  height: 1px !important;
  opacity: 0;
  display: inline-block !important;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.register-parent .bootstrap-select-container {
  position: relative;
}
.register-parent .dropdown-menu li {
  cursor: pointer;
}
.register-parent .bs-actionsbox {
  background-color: #fff;
}
.register-parent .bs-actionsbox button {
  width: 50%;
}

.banner-iframe-wrapper{
    display: inline-block;
    vertical-align: middle;
    min-height: 250px;
    line-height: 250px;
    width: 100%;
}
.banner-iframe-wrapper iframe {
    width: 100%;
    border: none;
    overflow: hidden;
}

#main-navbar .badge {
  background-color: #ffc800;
}

.dropdown-menu.ib-contents-dropdown-menu li a{
  padding: 10px 10px !important;
  color: #000 !important;
  display: block;
  min-width: 100px;
  border-bottom: 1px solid #f1f1f1;
  text-align: left;
  text-transform: none;
  border-top: 1px solid #f1f1f1!important;
  background-color: #ffffff !important;
  font-size: 14px !important;
}
#main-navbar .dropdown-menu.ib-contents-dropdown-menu a{
  text-transform: none !important;
}
.contest-prizes .list-group-item{
  background-color: rgb(247, 247, 247);
  /* box-shadow: 0px 0px 5px rgb(51, 51, 51); */
  box-shadow: 0px 0px 5px rgba(136, 136, 136, 0.7);
  padding: 0px;
  margin: 20px 0px;
  border-radius: 4px;
}

.prizes p{
  font-family: georgia;
  font-style: italic;
  position: absolute;
  font-size: 28px;
  z-index: 700;
  top: -19px;
  left: 19px;
  }

.prizes.bronze p{  color: rgba(223,182,103,1);}
.prizes.silver p{  color: rgba(160,160,160,1);}
.prizes.gold p{  color: rgba(242,215,50,1);}
.contest-prizes{
  background: #fff;
}
.prize-amount{
  font-size: 30px;
  padding-right: 15px;
  font-weight: bold;
  padding-top: 2px;
}
.prizes{
  cursor: pointer;
  content: "";
  width: 52px;
  height: 52px;
  display: inline-block;
  position: relative;
  margin: 5px;
  top: 6px;
  border-radius: 50px;
  z-index: 500;
  box-shadow:  2px 2px 2px 1px rgba(0, 0, 0, .1);
  }

.prizes:after{
  content: "";
  width: 42px;
  height: 42px;
  display: block;
  top: 4px;
  left: 4px;
  position: absolute;
  border-radius: 50px;
  z-index: 600;
  }

.prizes:before{
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  border-radius: 50px;
  z-index: 500;
  }

.coin:hover{
  top: -1px;
  transition: all .5s ease-in-out;
  box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, .2);
  }

.bronze{
  background: linear-gradient(45deg,  rgba(223,182,103,1) 0%,rgba(249,243,232,1) 56%,rgba(231,192,116,1) 96%);
  font-size: 35px;
  padding: 10px 0;
  text-shadow: 0px 1px 1px #4d4d4d;
  color: #deb667;
  }

.bronze:before{
  background: linear-gradient(135deg,  #d19c35 0%,#f7e6c5 50%,#e8b558 100%);
  border: 1px solid #e6b86a;
  padding: 20px;
  }

.bronze:after{
  background: linear-gradient(45deg,  rgba(223,182,103,1) 0%,rgba(249,243,232,1) 56%,rgba(231,192,116,1) 96%);
  border-top: 1px solid rgba(255,255,255,0.3);
  border-left: 1px solid rgba(255,255,255,0.3);
  border-bottom: 1px solid rgba(209,156,53,0.3);
  border-right: 1px solid rgba(209,156,53,0.5);
  box-shadow: inset 0px 0px 2px 2px rgba(153, 106, 26, .05);
  }

.bronze:hover:after{
  background: linear-gradient(45deg,  rgba(223,182,103,1) 0%,rgba(249,243,232,1) 41%,rgba(231,192,116,1) 96%);
  border-top: 1px solid rgba(255,255,255,0.3);
  border-left: 1px solid rgba(255,255,255,0.3);
  border-bottom: 1px solid rgba(209,156,53,0.3);
  border-right: 1px solid rgba(209,156,53,0.5);
  box-shadow: inset 0px 0px 2px 2px rgba(153, 106, 26, .05);
  }

.silver{
  background: linear-gradient(45deg,  rgba(160,160,160,1) 0%,rgba(232,232,232,1) 56%);
  font-size: 35px;
  padding: 10px 0;
  text-shadow: 0px 1px 1px #4d4d4d;
  color: #b5b5b5;
  }

.silver:before{
  background: linear-gradient(45deg,  rgba(181,181,181,1) 0%,rgba(252,252,252,1) 56%,rgba(232,232,232,1) 96%);
  border: 1px solid rgba(181,181,181,1);
  padding: 20px;
  }


.silver:after{
  background: linear-gradient(45deg,  rgba(181,181,181,1) 0%,rgba(252,252,252,1) 56%,rgba(232,232,232,1) 96%);
  border-top: 1px solid rgba(255,255,255,0.3);
  border-left: 1px solid rgba(255,255,255,0.3);
  border-bottom: 1px solid rgba(160,160,160,0.3);
  border-right: 1px solid rgba(160,160,160,0.5);
  box-shadow: inset 0px 0px 2px 2px rgba(150, 150, 150, .05);
  }

.silver:hover:after{
  background: linear-gradient(45deg,  rgba(181,181,181,1) 0%,rgba(252,252,252,1) 38%,rgba(232,232,232,1) 96%);
  border-top: 1px solid rgba(255,255,255,0.3);
  border-left: 1px solid rgba(255,255,255,0.3);
  border-bottom: 1px solid rgba(160,160,160,0.3);
  border-right: 1px solid rgba(160,160,160,0.5);
  box-shadow: inset 0px 0px 2px 2px rgba(150, 150, 150, .05);
  }

.gold{background: linear-gradient(45deg,  rgba(242,215,12,1) 0%,rgba(255,255,255,1) 56%,rgba(252,235,0,1) 96%);color: #b5ac33;font-size: 35px;padding: 10px 0;text-shadow: 0px 1px 1px #4d4d4d;color: #d2c843;}

.gold:before{
  background: linear-gradient(45deg,  rgba(242,215,12,1) 0%,rgba(255,255,255,1) 56%,rgba(252,235,0,1) 96%);
  border: 1px solid rgba(242,215,12,1);
  padding: 20px;
  }


.gold:after{
  background: linear-gradient(45deg,  rgba(242,215,12,1) 0%,rgba(255,255,255,1) 56%,rgba(252,235,0,1) 96%);
  border-top: 1px solid rgba(255,255,255,0.3);
  border-left: 1px solid rgba(255,255,255,0.3);
  border-bottom: 1px solid rgba(242,215,12,0.3);
  border-right: 1px solid rgba(242,215,12,0.3);
  box-shadow: inset 0px 0px 2px 2px rgba(150, 150, 150, .05);
  }

.gold:hover:after{
  background: linear-gradient(45deg,  rgba(242,215,12,1) 3%,rgba(255,255,255,1) 39%,rgba(252,235,0,1) 100%);
  border-top: 1px solid rgba(255,255,255,0.3);
  border-left: 1px solid rgba(255,255,255,0.3);
  border-bottom: 1px solid rgba(242,215,12,0.3);
  border-right: 1px solid rgba(242,215,12,0.3);
  box-shadow: inset 0px 0px 2px 2px rgba(150, 150, 150, .05);
  }
  #contest-side{
    background: #DDD;
  }
.bg-white{
  background: #26282B;
}

.flip-clock-wrapper {
  zoom: 0.7 !important;
  font: normal 17px "Helvetica Neue", Helvetica, sans-serif !important;
}

@media (max-width: 768px) {
  .flip-clock-wrapper {
    zoom: 0.5 !important;
    font: normal 17px "Helvetica Neue", Helvetica, sans-serif !important;
  }
}

.dash-lead-previous {
  cursor:pointer;
  width:80px;
  display:inline-block;
  font-weight: bold;
}
.dash-lead-previous .green, .dash-lead-previous.green {
  color:#009688;
}
.dash-lead-previous .red, .dash-lead-previous.red {
  color:#ff5252;
}
.dash-lead-previous .yellow, .dash-lead-previous.yellow {
  color:#ffca66;
}
.dash-lead-previous .blue, .dash-lead-previous.blue {
  color:#0d9dde;
}
.dash-lead-previous .black, .dash-lead-previous.black {
  color:#000;
}

.dash-lead-previous [class^='icon-'] {
  font-size:20px;
}
.btn-orange{
  border: 1px solid #ffc800;
  border-radius: 4px;
  background: #ffc800;
  color: #fff !important;
  font-size: 16px;
  line-height: 1;
  padding: .6em 1em;
  font-weight: 400;
  transition: all .3s;
  outline: 0!important;
}
.btn-orange:hover{
  border-color: #ffc800;
  background: #ffc800 !important;
}
.btn-orange-border{
  border: 1px solid #ffc800;
  border-radius: 4px;
  background: #FFF !important;
  color: #ffc800 !important;
  font-size: 16px;
  line-height: 1;
  padding: .6em 1em;
  font-weight: 400;
  transition: all .3s;
  outline: 0!important;
}
.btn-orange-border:hover{
  border-color: #ffc800;
  color: #ffc800 !important;
}
#main-navbar{
  padding-top: 4px !important;
}
.btn-blue{
  background: #3B8B6E;
  font-size: 16px;
  line-height: 1;
  padding: .6em 1em;
  font-weight: 400;
  transition: all .3s;
  outline: 0!important;
  color: #C0FF7E !important;
}
.btn-blue:hover{
  background: #449074;
  color: #FFF !important;
}
#lang-sel-container{
  padding-top: 11px;
}
#user-drp{
  padding-top: 25px;
}
.input-group-text {
    background-color: #f8f8f8;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #FFFFFF !important;
    background-color: #151618 !important;
    background-clip: padding-box;
    border: 1px solid #444549 !important;
    border-radius: 48px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    background-image: none;
}
button:focus, input:focus, select:focus {
    border-color: #3b8b6e !important;
    box-shadow: none;
}
.main-header.black a {
    color: #adb0ba;
}
#lang-sel-container.nav>li>a:focus, #lang-sel-container.nav>li>a:hover {
    text-decoration: none;
    background-color: #26282b !important;
    border-radius: 24px;
}
.table .child span{
    white-space: initial !important;
}

/***********************************************************************************
 *	+ PASSWORD VALIDATION
 ***********************************************************************************/

/*==========================show password style============================*/
.showpassword {
  background: transparent;
}
/*==========================requirements style============================*/
.invalid {
  color: #848482;
  transition: all 0.1s ease-in;
}
.invalid:before {
  content: "";
  padding-right: 15px;
}
.invalidPass {
  background: rgba(192, 57, 43, 0.85);
}
.valid {
  color: #3cbc3c;
  transition: all 0.2s ease-in;
  animation-name: grow;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
.valid strong {
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1), 5px 10px 5px rgba(0, 0, 0, 0.05),
    -5px 10px 5px rgba(0, 0, 0, 0.05);
}
.valid::before {
  content: "\2713 ";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: -5px;
  position: relative;
  font-weight: 800;
  animation-name: grow;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 100ms ease-out;
  -moz-transition: -moz-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 100ms ease-out;
  -ms-transition: -ms-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 100ms ease-out;
  -o-transition: -o-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 100ms ease-out;
  transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 100ms ease-out;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-backface-visibility: hidden;
}

.password_info ul {
  margin: 0 auto;
  width: 250px;

}

.password_info li {
  padding: 5px;
  text-align: left;
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in;
}

/*==========================requirements logic============================*/


.password_info {
  display: none;
  padding: 20px;
  font-family: helvetica, arial, sans-serif;
  background-color: white;
  text-align: center;
  z-index: 2;
}

.pass_show {
  height: 30vh !important;
  opacity: 1 !important;
}

.incorrectMsg {
  display: none;
  color: #FA3429;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.incorrectCre {
  display: none;
  color: #FA3429;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.shake {
  animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes grow {
  50% {
    transform: scale(1.1);
  }
}

.form-error {
  display: none;
}
.text-green{
    color: #3B8B6E;
}
.text-gray{
    color: #ADB0BA;
}
.mb-60{
    margin-bottom:60px;
}
hr {
    border-top: 1px solid #444549;
}
.lang-sel-ul{
    width: 100%;
    border: 1px solid #444449;
    border-radius: 48px;
    background: #151618;
}
.lang-sel-ul.nav .open>a, .lang-sel-ul.nav .open>a:focus, .lang-sel-ul.nav .open>a:hover {
    background-color: transparent;
}
.lang-sel-ul.nav>li>a:focus, .lang-sel-ul.nav>li>a:hover {
    background-color: transparent;
}
#campaign-select{
    background-color: #3b8b6e;
    border: 0px !important;
    border-bottom-left-radius: 18px;
    border-top-left-radius: 18px;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border: 1px solid #3b8b6e !important;
}
select {
    background: #444449;
    border: none;
    color: #adb0ba;
}
body .container .well, body .container-fluid .well, body .container .jumbotron, body .container-fluid .jumbotron, body .container .well-default, body .container-fluid .well-default, body .container .jumbotron-default, body .container-fluid .jumbotron-default {
    background-color: #151618;
}
table.dataTable tbody tr {
    background-color: #151618;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #706f6f;
}
.table>thead>tr>th {
    border-bottom: 2px solid #6c6b6b;
}
table.dataTable tbody tr.even {
    background: #232324;
}
.table-hover>tbody>tr:hover {
    background-color: #26282b;
}
fieldset[disabled][disabled] .btn, fieldset[disabled][disabled] .input-group-btn .btn, fieldset[disabled][disabled] .btn-group, fieldset[disabled][disabled] .btn-group-vertical, .btn.disabled, .input-group-btn .btn.disabled, .btn-group.disabled, .btn-group-vertical.disabled, .btn:disabled, .input-group-btn .btn:disabled, .btn-group:disabled, .btn-group-vertical:disabled, .btn[disabled][disabled], .input-group-btn .btn[disabled][disabled], .btn-group[disabled][disabled], .btn-group-vertical[disabled][disabled] {
    /* color: rgba(255, 255, 255, 0.26); */
    /* background: initial; */
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #aaaeb7;
}
input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    border: 1px solid #444449;
    background: #151618;
    border-radius: 24px;
}
.togglebutton label {
    cursor: pointer;
    color: rgb(171 174 184);
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    background-color: #151618;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #706f6f;
}
.label.label-warning {
    background-color: #3b8b6e;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #3b8b6e;
}
.label {
    border-radius: 15px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #3b8b6e;
    border-color: #3b8b6e;
}
.btn:not(.btn-raised), .input-group-btn .btn:not(.btn-raised), .btn:not(.btn-raised).btn-default, .input-group-btn .btn:not(.btn-raised).btn-default {
    color: #fafafa;
}
.form-control:focus {
    border-color: #3b8b6e !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(59 139 110);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(59 139 110);
}
.btn.active, .btn:active,input.active, input:active  {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.mb-40{
    margin-bottom:40px;
}
.badge {
    background-color: #3b8b6e;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #222328;
    border-color: #222328;
    border-radius: 24px;
}
.dropdown-menu li a:hover {
    color: #c0fe7e !important;
}
.pagination>li>a, .pagination>li>span {
    color: #3b8b6e;
    background-color: #151618;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #3b8b6e;
    background-color: #26282b;
    border-color: #26282b;
}
.become-a-partner-box .btn-border{
    border: 1px solid #3B8B6E !important;
    color: #C0FF7E !important;
    text-transform: capitalize !important;
    color: #ffffff !important;
    padding: 10px 30px;
    text-transform: capitalize;
}
.become-a-partner-box .btn-border:hover, .become-a-partner-box .btn-border:focus{
    background-color: rgba(153, 153, 153, 0.2);
}
.mt-40 {
	margin-top: 40px;
}
#monthly_dist_container .apexcharts-legend {
  display: flex !important; /* Force horizontal layout */
  flex-direction: row !important;
  flex-wrap: wrap!important; /* Ensure responsiveness */
  justify-content: center; /* Center align items */
}

#monthly_dist_container .apexcharts-legend-group {
  display: flex !important; /* Ensure each legend item stays inline */
  align-items: center; /* Align icons and text */
}

#monthly_dist_container .apexcharts-legend-series {
  margin-right: 5px; /* Space between marker and text */
}