body {
  background-color: #FFF;
  /* font-family: 'Roboto', sans-serif; */
  height: 100%;
  min-height: 100vh;
}
.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;
}
.fade {
  opacity: 1;
}
.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 !important;
}
.pt-15{
  padding-top:15px;
}
.fs-11{
  font-size:11px;
}
.fs-12{
  font-size:12px;
}
.fs-13{
  font-size: 13px;
}
.fs-14{
  font-size: 14px;
}
.fs-15{
  font-size: 15px;
}
.fs-20{
  font-size: 20px;
}
i.fs-20{
  font-size: 20px !important;
}
.fs-custom-1,i.fs-custom-1{
  font-size: 1.4rem !important;
}
.nohover:hover {
    color: inherit !important;
}
.mh-30{
  min-height: 30px;
}
.ml-5{
  margin-left: 5px;
}
.mb-10{
  margin-bottom: 10px;
}
.h-35{
    height:35px;
}
.w-35{
    width:35px;
}
.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 #b6b6b6;
    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: .25rem;
}
.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;
}

.gradient-container{
    /*background: hsla(201, 29%, 58%, 1);
    background: linear-gradient(180deg, hsla(201, 29%, 58%, 1) 0%, hsla(0, 0%, 20%, 1) 100%);
    background: -moz-linear-gradient(180deg, hsla(201, 29%, 58%, 1) 0%, hsla(0, 0%, 20%, 1) 100%);
    background: -webkit-linear-gradient(180deg, hsla(201, 29%, 58%, 1) 0%, hsla(0, 0%, 20%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#769EB3", endColorstr="#323232", GradientType=1 );*/
    background-image: url("/../../static/assets/images/bg.jpg");
    background-size:cover;

}
.portal-subtitle{
    color:#bcbec2;
}
/* ------------------------------------------------------------------------------
*
*  # 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;
}
.main-wrapper{
    overflow: auto;
    padding-bottom: 165px;
    min-height: 100%;
    /* background: #d3d3d3; */
}
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;
position:relative;
}
.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 !important;
    padding-left: 38px !important;
}
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: 28px;
    left: 47px;
    position: absolute;
}
.light-grey{
    background-color: #f9f9f9 !important;
}
.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;
  display:none;
}
#aff-link{
    height: 36px;
    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: 0px;
  border-top-right-radius: 0px;
  width: 60px;
  /*height: 32px;*/
  top: 0px;
  margin-top: 0px;
  padding-left: 24px;
  background-color: #f5f5f5;
  /* padding-bottom: 0px; */
  margin-left: -59px;
}

#aff-details-mobile{
    display:none;
}
#aff-details-mobile[data-kt-toggle-name="on"] {
    display:block;
}

#signUpDescription{
    display:none;
    position: absolute;
    right: 0;
    top: -83px;
    width: 158px;
    background-color: var(--bs-body-bg);
    padding: 10px;
    border-radius: 6px;
    font-size: 12px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}

#signUpTooltip:hover + #signUpDescription{
    display:block
}

#signUpDescription i{
    position: absolute;
    transform: rotate(180deg);
    bottom: -9px;
    font-size: 10px;
    right: 4px;
    color: var(--bs-body-bg);
}

#signUpDescription[data-kt-toggle-name="on"] {
    display:block;
}

/* ------------------------------------------------------------------------------
 *
 *  # 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;
    color: #000;
}
@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 12px;
  }
  .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: 31px;
    left: 4px;
    height: 20px;
    width: 20px;
    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: #FFF;
    color: #333;
    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;
}
#footer {
    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: #000; */
}
.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 !important;
    padding-left:38px !important;
}
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: 36px;
    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; */
  margin-left: -59px;
}
/* ------------------------------------------------------------------------------
 *
 *  # 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 12px;
  }
  .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: 31px;
    left: 4px;
    height: 20px;
    width: 20px;
    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 {
    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; */
}
.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;
  font-size: 14px !important;
}
.dropdown-menu li a:hover,.dropdown-menu li a:focus,.dropdown-menu li a:active{
    color: #0E51A7 !important;
    background-color: #ffffff !important;
}
#main-navbar a{
  text-transform: uppercase !important;
}
.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: #FFF;
}

.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: #0E51A7;
  font-size: 16px;
  line-height: 1;
  padding: .6em 1em;
  font-weight: 400;
  transition: all .3s;
  outline: 0!important;
  color: #FFF !important;
}
.btn-blue:hover{
  background: #063066;
  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: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -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;
}
button:focus, input:focus, select:focus {
    border-color: #46A5DA!important;
}
.main-header.black a {
    color: #333;
}
#lang-sel-container.nav>li>a:focus, #lang-sel-container.nav>li>a:hover {
    text-decoration: none;
    background-color: #f3f3f3 !important;
}
.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;
}

/* styles for new template */
#kt_app_content{
    background-color:#fcfcfc
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc{
    background-image: none;
}

table.dataTable.table-hover>tbody>tr:hover>*{
    box-shadow:none;
}

.table:not(.table-bordered) td:first-child,
.table:not(.table-bordered) th:first-child,
.table:not(.table-bordered) tr:first-child{
    padding-left:10px;
}

.dataTables_wrapper .dataTables_filter{
    margin-right: 16px;
    margin-left: 10px;
    float:left;
}

.dataTables_wrapper .dataTables_filter input{
    border-radius: 6px;
    height: 44px;
}

div.dt-buttons{
    float:right !important;
}

div.dt-button-collection{
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
    border: 1px #ededed solid;
}

.dt-button{
    height:42px !important;
    border:0 !important;
    padding: calc(0.775rem + 1px) calc(1.5rem + 1px) !important;
    color: var(--bs-primary) !important;
    background-color: var(--bs-primary-light) !important;
    margin-top: 1rem !important;
}

.dt-button:hover{
    color: var(--bs-primary) !important;
}

.panel{
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
    border: 1px #F1F1F2 solid;
    border-radius: 8px;
}

table.dataTable>tbody>tr.child,
table.dataTable>tbody>tr.child:hover{
    background-color: #fcfcfc !important;
}

table.dataTable>tbody>tr.child ul.dtr-details{
    width:100%;
}

table.dataTable>tbody>tr.child span.dtr-title{
    min-width:150px;
    font-size:13px;
}

table.dataTable>tbody>tr.child span.dtr-data{
    font-size:13px;
}

.table-hover>tbody>tr.dt-hasChild{
    background-color: #f5f5f5;
}

.daterangepicker.show-ranges.show-calendar .ranges{
    border-bottom:0;
}

.daterangepicker.show-ranges.show-calendar .ranges ul{
    max-height:none;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left,
.daterangepicker.show-ranges.ltr .drp-calendar.right{
    padding-bottom: 0;
}

.applyBtn{
    color: var(--bs-text-white) !important;
    border:0 !important;
    text-transform: capitalize;
}

.cancelBtn{
    border:0 !important;
    text-transform: capitalize;
}

#aff_time_period{
    width: auto;
    border-bottom:0 !important;
}

#rebates-info{
    background-color: #fdede2;
    position: fixed;
    width: 100%;
    z-index: 10;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
}
.sign-in-form .menu-link.active{
    border-radius: 6px;
    background-color: #f5f5f5;
}
#rebates-info i{
    font-size: 2.25rem;
    position: absolute;
    right: 7px;
    top: 7px;
    color: #ff7006;
}

input:focus{
    box-shadow: none !important;
}

.paginate_button{
    margin-right: 0.5rem;
}

.pagination .first a,
.pagination .previous a,
.pagination .next a,
.pagination .last a{
    padding:6px 6px;
    margin-right: 0;
}

.pagination .first a:focus,
.pagination .previous a:focus,
.pagination .next a:focus,
.pagination .last a:focus{
    outline:none;
}

.pagination>li>a{
    color: var(--bs-pagination-color);
    border-radius: 0.475rem;
}

.pagination>li>a:hover{
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
}

.pagination>li:not(.disabled)>a:hover i{
    color: var(--bs-pagination-hover-color);
}

.pagination>.active>a,
.pagination>.active>a:hover{
    background-color: var(--bs-pagination-active-bg);
    border-radius: 0.475rem;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    background-color: var(--bs-pagination-active-bg);
    outline:none;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{
    outline:none;
}

.paginate_button:active{
    background: transparent !important;
    border: 0;
    outline: none;
    box-shadow: none !important;
}

.form-check-input:checked + label{
    color: var(--bs-gray-800);
}

.form-check-input:focus{
    outline:none !important;
}

#reset-password-page .form-group label{
    font-size: 13px;
}

.datatable{
    display: none;
}

.modal.fade:not(.show){
    opacity: 0;
}
.modal.fade.in,
.modal.fade.show{
    opacity: 1;
}

.modal-backdrop.fade:not(.show){
    opacity: 0.5;
}

.modal-header .close{
    position: absolute;
    right: -21px;
    top: -27px;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    font-weight: 500;
    font-size: 32px;
}

@media (max-width: 768px) {
    .modal-header .close{
        right: 0;
    }
}

.form-control{
    color: var(--bs-gray-700);
    padding: 12px 15px!important;
    height: auto !important;
    font-size: 14px !important;
    box-shadow: none;
}

.reset-pass-form label{
    font-weight: 500;
}

.lots-label{
    font-size: 14px;
    font-weight: 500;
    padding-top: 2px;
    padding-left: 3px;
}

.dashboard-panel{
    min-height: auto;
    background: transparent;
    box-shadow: none;
    border: 0;
}

.dashboard-panel .panel-body{
    padding: 0;
}

.mw-1900{
    max-width: 1900px;
}

.custom_column{
    background-color: var(--bs-body-bg);
    border-radius:8px;
    box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.03);
    border: 1px solid var(--bs-border-color);
}

.stats-container .col{
    width: 48%;
    flex-shrink:0;
}

#overview_period{
    padding: 4px 15px !important;
    border-bottom: 0 !important;
}

#dateRangeValue{
    text-align: center;
    display: inline-block;
    text-transform: none;
    font-size: 13px;
}

.percentage-box{
    font-size: 11px;
    border-radius: 4px;
    padding: 1px 4px;
    text-align:center;
    font-weight: 600;
    color: grey;
    background-color: #efefef;
}

.percentage-green{
    background-color:#e7f7ec;
    color:#40cd99;
}

.percentage-red{
    background-color:#fef1f2;
    color:#f3465e;
}

#campaign_modal .dropdown-toggle::after{
    border: solid #333;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 16px;
    top: 14px;
}

.dropdown-menu li.active a,
.dropdown-menu li.active:hover a{
    background-color: #337ab7 !important;
    color:#fff !important
}

.dashboard-copy-btn{
    width: auto !important;
    font-size: 11px !important;
    background-color: #54d391 !important;
    border: 0 !important;
    margin: 0 !important;
    border-radius: 6px !important;
    height: 35px !important;
    color: #fff !important;
}

.buttons-colvis:before{
    display:none;
}

.buttons-colvis{
    font-family: Open Sans,sans-serif !important;
}

.buttons-columnVisibility.active:after{
    content:'\F26E';
    color:#000;
    font-size:20px;
    position:absolute;
    right:0;
    top: 5px;
    font-family: bootstrap-icons!important;
    color: var(--bs-primary)
}
.buttons-columnVisibility{
    padding-left:0 !important;
    background-color: transparent !important;
    color: var(--bs-gray-800) !important;
    margin:0 !important;
    border-bottom: 1px #ececec solid !important;
    min-height: 42px !important;
    height: auto !important;
}

.buttons-columnVisibility:last-child{
    border-bottom: 0 !important;
}

.buttons-columnVisibility:not(.active):hover{
    color: var(--bs-gray-800) !important;
}

.buttons-columnVisibility.active{
    color: var(--bs-primary) !important;
}

.dt-button-collection{
    width:180px !important;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03) !important;
    border: 1px #d1d1d1 solid !important;
}

.banner-thumbnail{
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
    border-radius:8px;
    background-color: #f3f3f3;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-primary-hover:hover{
    color: var(--bs-primary) !important
}

.text-orange{
    color: orange !important
}
.bg-orange{
    background-color: orange !important
}
.text-blue{
    color:#6a86ff !important;
}
.bg-blue{
    background-color:#6a86ff !important;
}
.text-cyan{
    color:#4ecfce !important;
}
.bg-cyan{
    background-color:#4ecfce !important;
}
.btn-default .badge-light-primary{
    color: var(--bs-primary) !important;
    background-color: var(--bs-primary-light) !important;
}
.btn-default .badge-light-success{
    color: var(--bs-success) !important;
    background-color: var(--bs-success-light) !important;
}
.btn-default .badge-light-danger{
    color: var(--bs-danger) !important;
    background-color: var(--bs-danger-light) !important;
}
.badge-orange{
    background-color:#f18141;
    color:#fff
}
.badge-light-orange,
.btn-default .badge-light-orange{
    background-color: #fdf2ed;
    color: #f18141;
}
.badge-light-green,
.btn-default .badge-light-green{
    background-color:#57b3a8;
    color:#fff
}
.badge-light-gray,
.btn-default .badge-light-gray{
    background-color: #f3f4f4;
    color: #6c7784;
}
#aff-campaigns-table tr .campaign_line{
    background-color: var(--bs-primary)
}

#aff-campaigns-table tr:nth-child(2n) .campaign_line{
    background-color: var(--bs-success)
}

#aff-campaigns-table tr:nth-child(3n) .campaign_line{
    background-color: var(--bs-warning)
}

#aff-campaigns-table tr:nth-child(4n) .campaign_line{
    background-color: var(--bs-danger)
}

#aff-campaigns-table tr:nth-child(5n) .campaign_line{
    background-color: var(--bs-info)
}

#aff-trades-table thead th:last-child{
    text-align:center
}

.btn.copyLinkBtn:hover{
    background-color: transparent !important;
}

.ki-fasten .path1:before,
.ki-profile-user .path1:before,
.ki-profile-user .path3:before{
   opacity: .5;
}

/*.copyLinkBtn:hover{
    background-color:#e2e2e2
}
*/
#banner_code{
    word-break:break-all;
}

.clientBtn{
    background: #efefef;
}

.campaign_box,
.banner_box,
.client_box{
    border-radius:8px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.campaign_box:hover,
.banner_box:hover,
.client_box:hover{
    background-color:#efefef;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#banner-container .banner-thumbnail{
    width: 60px;
    height: 60px;
}

.marketing-filter{
    background-color: #ededed;
}

.aff-subibs-table tbody tr td:first-child span{
    display: inline-flex;
    align-items: center;
}

.aff-subibs-table tbody tr td:first-child span.ps-3{
    padding-left: 0.95rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-4{
    padding-left: 1.65rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-5{
    padding-left: 2.35rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-6{
    padding-left: 3rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-7{
    padding-left: 3.75rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-8{
    padding-left: 4.35rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-9{
    padding-left: 4.75rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-10{
    padding-left: 5.75rem!important
}

.aff-subibs-table tbody tr td:first-child span.ps-11{
    padding-left: 6.55rem!important
}

.aff-subibs-table tbody tr td:first-child span.ps-12{
    padding-left: 7.35rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-13{
    padding-left: 8.15rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-14{
    padding-left: 8.95rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-15{
    padding-left: 9.55rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-16{
    padding-left: 10.35rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-17{
    padding-left: 11rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-18{
    padding-left: 11.75rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-19{
    padding-left: 12.55rem!important;
}

.aff-subibs-table tbody tr td:first-child span.ps-20{
    padding-left: 13.35rem!important;
}


@media screen and (max-width: 640px){
    div.dt-buttons{
        display: flex;
        width: 100%;
        justify-content: end;
        margin-bottom: 10px;
    }

    .dt-button{
        margin-top: 0 !important
    }

    #overview_period{
        padding: 4px 7px !important;
    }

    #dateRangeValue{
        font-size: 12px;
        line-height: 2;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
        top: 29px;
    }

    #rebates-info{
        font-size: 11px;
        text-align: justify !important;
    }
}



/* Overwrite Dark theme in Login, Forgot Password */
[data-bs-theme=dark] #kt_app_content,
[data-bs-theme=dark] .app-footer{
   background-color: #131313;
}

[data-bs-theme=dark] .panel{
    background-color: #1c1d22;
    box-shadow: none;
    border: 1px #2B2B40 solid;
}
[data-bs-theme=dark] .nav>li>a:focus, [data-bs-theme=dark] .nav>li>a:hover {
    text-decoration: none;
    background-color: #2e3138;
    color: #FFF;
    outline: none;
}
[data-bs-theme=dark] .dashboard-panel{
    box-shadow: none;
    border: 0;
    background-color: transparent;
}

[data-bs-theme=dark] input{
    background-color: var(--bs-app-header-base-bg-color);
    box-shadow: none;
    border: 1px #51515c solid;
}

[data-bs-theme=dark] div.dataTables_filter input{
    border: 1px #51515c solid;
    background: transparent;
}

[data-bs-theme=dark] div.dataTables_filter label:after{
    color: #51515c;
}

[data-bs-theme=dark] .table-hover>tbody>tr:hover,
[data-bs-theme=dark] .table-hover>tbody>tr.dt-hasChild{
    background-color: #131313
}

[data-bs-theme=dark] table.dataTable>tbody>tr.child,
[data-bs-theme=dark] table.dataTable>tbody>tr.child:hover{
    background-color: #131313 !important;
}

[data-bs-theme=dark] table.dataTable>tbody>tr.child ul.dtr-details>li{
    border-bottom: 1px solid #3b3b49;
}

[data-bs-theme=dark] .text-muted{
    color: var(--bs-gray-700) !important;
}

[data-bs-theme=dark] .btn:not(#lang-dropdown),
[data-bs-theme=dark] input{
    color: var(--bs-body-color) !important;
}

[data-bs-theme=dark] .btn:not(#kt_sign_in_submit,#kt_password_reset_submit,#lang-dropdown){
    /* background-color: #2e2e2e !important; */
}

[data-bs-theme=dark] #copy-aff-link{
    background-color: var(--bs-gray-400) !important;
}

[data-bs-theme=dark] .text-gray-700 {
    color: var(--bs-text-gray-800)!important;
}

[data-bs-theme=dark] .text-gray-400,
 [data-bs-theme=dark] .text-gray-500,
 [data-bs-theme=dark] .text-gray-600{
    color: var(--bs-text-gray-700)!important;
}

[data-bs-theme=dark] .text-info{
    color: #ad8fec!important;
}

[data-bs-theme=dark] .campaign_box button,
[data-bs-theme=dark] .banner_box button,
[data-bs-theme=dark] .client_box .clientBtn{
    background-color:#34373a !important
}

[data-bs-theme=dark] .campaign_box:hover,
[data-bs-theme=dark] .banner_box:hover,
[data-bs-theme=dark] .client_box:hover{
    background-color:#151518 !important
}

[data-bs-theme=dark] .banner-thumbnail{
    background-color: #151518;
}

[data-bs-theme=dark] .percentage-box{
    color: #999;
    background-color: #151518;
}

[data-bs-theme=dark] .percentage-green{
   background-color: #10ba7c;
   color: #e7f7ec;
}

[data-bs-theme=dark] .percentage-red{
    background-color: #f3465e;
    color: #fef1f2;
}

[data-bs-theme=dark] .blockOverlay{
    background-color: #1c1d22 !important;
}

[data-bs-theme=dark] .btn#kt_app_header_menu_toggle{
    background-color: transparent !important;
}

[data-bs-theme=dark] #kt_app_header_menu_toggle i{
    color: #fff !important;
}

[data-bs-theme=dark] .modal:not(#tioprime-pool-modal) input{
    /* background-color: #1c1d22 !important; */
    /* color: #FFF !important; */
}

[data-bs-theme=dark] .modal .bg-gray-200,
[data-bs-theme=dark] .modal .form-select,
[data-bs-theme=dark] .form-select.form-select-solid{
    background-color: #2e2e2e !important;
}

[data-bs-theme=dark] .form-select.form-select-solid{
    border-color: #2e2e2e !important;
}

[data-bs-theme=dark] .btn.dashboard-copy-btn#copy-aff-link,
[data-bs-theme=dark] .btn.dashboard-copy-btn#copy-banner-code{
    background-color: #54d391 !important;
}

[data-bs-theme=dark] .pagination>.disabled>a,
[data-bs-theme=dark] .pagination>.disabled>a:focus,
[data-bs-theme=dark] .pagination>.disabled>a:hover,
[data-bs-theme=dark] .pagination>.disabled>span,
[data-bs-theme=dark] .pagination>.disabled>span:focus,
[data-bs-theme=dark] .pagination>.disabled>span:hover{
    background-color: transparent;
}

[data-bs-theme=dark] div.dt-button-collection{
    background-color: #1c1d22;
    border: 1px #2b2b40 solid !important;
}

[data-bs-theme=dark] .buttons-columnVisibility{
    border-bottom: 1px #2b2b40 solid !important;
}

[data-bs-theme=dark] #rebates-info{
    background-color: #a67f65;
}

[data-bs-theme=dark] #rebates-info i{
    color: #d5d5d5;
}

[data-bs-theme=dark] .btn#submit-rebates,
[data-bs-theme=dark] .btn#reset-pass,
[data-bs-theme=dark] .btn#email_alerts_save,
[data-bs-theme=dark] .btn#go_back,
[data-bs-theme=dark] .btn#resetBtn{
    background-color: var(--bs-primary) !important;
}

[data-bs-theme=dark] .marketing-filter{
    background-color: #252525;
}

[data-bs-theme=dark] #campaign_modal .dropdown-toggle::after{
    border: solid #8d8d8d;
}

[data-bs-theme=dark] .gradient-container{
    /* background: #32424b; */
    /* background: linear-gradient(180deg, #32424b 0%, #141414 100%); */
    background: -moz-linear-gradient(180deg, #32424b 0%, #141414 100%);
    /* background: -webkit-linear-gradient(180deg, #32424b 0%, #141414 100%); */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#769EB3", endColorstr="#323232", GradientType=1 );
}

[data-bs-theme=dark] .daterangepicker .ranges li{
    color: var(--bs-gray-800);
}

[data-bs-theme=dark] .ki-duotone{
    color: #848484;
}

[data-bs-theme=dark] .ki-chart-line .path1:before{
    opacity: .5;
}

[data-bs-theme=dark] .client_box .client_commission,
[data-bs-theme=dark] .client_box .client_volume,
[data-bs-theme=dark] .banner_box .banner_clicks,
[data-bs-theme=dark] .banner_box .banner_clients{
    color: #aeaeae !important;
}
[data-bs-theme=dark]  .gradient-container {
    background-image: none;
    background-color: #1c1d22;
}
[data-bs-theme=dark] #deposit-funds-list li>a,[data-bs-theme=dark] #withdraw-funds-list li>a {
    /* border: 3px solid #1c1d22; */
}
[data-bs-theme=dark] #deposit-funds-list li>a.active,[data-bs-theme=dark] #withdraw-funds-list li>a.active {
    border: 3px solid #fd7a23;
}
[data-bs-theme=dark] .input-group-addon {
    color: #fff;
    background-color: #51515c;
    border: 1px solid #51515c;
}

[data-bs-theme=dark] .sign-in-form .menu-link.active{
    border-radius: 6px;
    background-color: #323232;
}
[data-bs-theme=dark] .table-responsive {
    border: none;
}
[data-bs-theme=dark] .pagination>li>a,[data-bs-theme=dark] .pagination>li>span {
    background-color: #2e3138;
}
#page-loader {
    background-color: #131313;
}

[data-bs-theme=dark] .nav-pills .nav-link.active, [data-bs-theme=dark] .nav-pills .show>.nav-link {
    color: #FFFFFF;
    background-color: #2e3138;
    /* border: 2px solid #3f97ff; */
}
[data-bs-theme=dark] .dropzone:hover {
    background: #0a0a0a;
}
[data-bs-theme=dark] .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #3a3a47;
}

/* overwrite styles */
.dataTables_wrapper .dataTables_info{
    clear: both;
    float: left;
}

.dataTables_wrapper .dataTables_paginate{
    float: right;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty{
    text-align: center;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.dataTables_wrapper{
    position: relative;
    clear: both;
}

.label.label-info{
    background-color: rgba(2, 166, 242, 0.73);
}

.label{
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.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: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

@media screen and (max-width: 767px){

    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate{
        float: none;
        text-align: center;
    }
}
.box-shadow{
    box-shadow: var(--bs-menu-dropdown-box-shadow);
}
group-addon:first-child {
    padding: 15px;
    width: 45px;
}
.form-control {
    appearance: auto !important;
}
.input-group-addon{
    padding: 14px;
    min-width: 47px;
}
.vis-yesterday{
    display: none;
}
.mh-img {
    min-height: 200px;
    padding: 10px;
}

.mh-points-area {
    min-height: 290px;
    padding: 5px;
}
.mh-points-area i{
  padding-top: 4px;
}
.img-center-ver-hor {
    justify-content: space-around;
}

.dropzone .dz-message {
    justify-content: space-around;
}

.dropzone {
    border: 1px dashed #566ca9;
    min-height: 96px;
    padding: 25px 18px;
}

.dropzone {
    border: 2px dashed #99a1b7;
    min-height: 96px;
}
.dropzone:hover{
  background: #e8e8e8;
}
.dropzone .dz-default {
    padding-top: 10px;
}

.dropzone .dz-button {
    font-size: 1.1rem !important;
    font-weight: bold !important;
}


#documents-modal-dynamic .modal-body{
    min-height: 400px;
}
.nav-link {
    /* color: #4b5675; */
}
.collapsable-acc-details-btn[aria-expanded="false"]::before{
    content: "\f286";
}
#page-loader {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background-color: #131313;
}

.loader-img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -80px 0 0 -175px;
    text-align: center;
    width: 350px;
}
.loader-img .text-gray-400{
    color: #b5b5c3 !important;
 }
 .loader-img .text-gray-800{
    color: #252f4a !important;
 }

.loader-img img {
	width: 220px;
}
.crossed-line {
  position: relative;
  display: inline-block;
}

.crossed-line::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px; /* Adjust as needed */
  background-color: #FFF; /* Change the color as needed */
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-left: 52px !important;
}
.intl-tel-input {
    width: 100%
}

#dob-day,#dob-day2,#exp-day {
	width: 27%;
	display: inline;
}
#dob-month,#dob-month2,#exp-month {
	width: 40%;
	display: inline;
}
#dob-year,#dob-year2,#exp-year {
	width: 30%;
	display: inline;
}
#open-live-form select {
	padding: 8px 10px;
	height: 40px;
}

label.required.form-label {
    fw-bold
}
.currency-icon{
    font-size: 25px;
    min-width: 34px !important;
    height: 34px;
    background-color: #dfe1e8;
    color: #98a1b7;
    border-radius: 50%;
    padding: 0px;
    font-weight: bold;
    line-height: 34px;
    margin-right: 10px;
}
.btn-check:checked+.btn.btn-active-light-primary .currency-icon,.btn.btn-active-light-primary:hover:not(.btn-active) .currency-icon{
    background-color: #beddff;
    color: #3f97ff;
}

.text-decoration-line-through:hover{
    text-decoration: line-through !important;
}

#deposit-funds-list li>a.active, #withdraw-funds-list li>a.active {
    border-radius: 8px;
    border: 2px solid #000000;
    background: transparent;
}
#deposit-funds-list li>a, #withdraw-funds-list li>a {
    border: 3px solid transparent;
    cursor: pointer;
    min-height: 70px;
    display: grid;
    text-align: center !important;
    background: transparent;

}

#deposit-funds-list li>h5, #withdraw-funds-list li>h5 {
    /* margin-left: 10px; */
}
[data-bs-theme=dark] .input-group-text {
        background: #2e3138 !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /* color: #071437; */
    /* background-color: #f9f9f9; */
    /* border: 2px solid #3f97ff; */
}

#dep-wire-transfer-list li>a.active {
    border-radius: 8px;
    /* border: 2px solid #000000; */
    /* background-color: transparent; */
    /* color: black; */
}
.card {
    overflow-x: auto;
}
.table-responsive {
    border: none;
}

[data-bs-theme=dark] .g-recaptcha {
    overflow:hidden;
    width:299px;
    height:74px;
    background-color: var(--bs-app-header-base-bg-color);
    box-shadow: none;
    border: 1px #51515c solid;
    color: var(--bs-body-color) !important;
    border-radius: .475rem;
}

[data-bs-theme=dark] .g-recaptcha iframe {
    margin:-1px 0px 0px -2px;
}

[data-bs-theme=dark] .h-captcha {
    overflow:hidden;
    width:295px;
    height:74px;
    background-color: var(--bs-app-header-base-bg-color);
    box-shadow: none;
    border: 1px #51515c solid;
    color: var(--bs-body-color) !important;
    border-radius: .475rem;
}

[data-bs-theme=dark] .h-captcha iframe {
    margin:-1px 0px 0px -3px;
}

.vis-tomorrow{
    display:none;
}

#charts-container .apexcharts-title-text, #trade_population_container .apexcharts-title-text,#bid_ask_distribution .apexcharts-title-text {
  font-weight: 600!important;
  font-size: 1.25rem!important;
}
#charts-container,#trade_population_container .apexcharts-subtitle-text,#bid_ask_distribution .apexcharts-subtitle-text {
  font-weight: 600!important;
  font-size:1.075rem!important;
}
#acc-details-chart .apexcharts-legend {
  display: none;
}

.legend-marker-container {

  width: 15px; 
  height: 15px; 
  border-radius: 50%; 
  display: flex; 
  overflow: hidden;
  margin-right: 0;
  border: 1px solid #fff;
  transform: rotate(45deg);
}
.tooltip-marker-container {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  margin-right: 0;
  transform: rotate(45deg);
}
.apexcharts-legend-text {
  margin-left: -10px!important;
}
.apexcharts-legend-series:hover .apexcharts-legend-text,.apexcharts-legend-series:focus .apexcharts-legend-text {
font-weight: 600!important;
}
.no-before::before {
  content: none!important; 
}
.acc-template {
  overflow:hidden;
}
.filters-container{
  display: flex;
}
@media (min-width: 992px) {
    .menu-lg-row>.menu-item {
        display: flex !important;
    }
}
[data-bs-theme=dark] .light-modal-content {
    background: #FFF!important;
    color: #99A1B7 !important;
}

[data-bs-theme=dark] .light-modal-content .modal-header .btn i {
    color: #2e2e2e!important;
}
.badge-dark.kyc-counter {
    color: #1b1b29!important;
    background-color: #FFFFFF!important;
}
#tioprime-pool-modal .form-floating > .form-control-plaintext:focus,
#tioprime-pool-modal .form-floating > .form-control-plaintext:not(:placeholder-shown),
#tioprime-pool-modal .form-floating > .form-control:focus,
#tioprime-pool-modal .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 1.85rem!important;
    padding-bottom: .625rem!important;
}
#tioprime-pool-modal .card-flush {
  height: 100%;
  background-color: #BFDDE3
}
#tioprime-pool-modal .balance-card-container .card-header,#tioprime-pool-modal .balance-card-container .card-body {
  padding: 2rem 2.25rem 0;
  border: none;
}
#tioprime-pool-modal .form-check.form-check-solid .form-check-input:not(:checked) {
    background-color: var(--bs-gray-200);
}
html[lang="ar"] .card-markets-timeline{
  direction: ltr;
}
html[lang="ar"] .title-ltr {
  margin-right: 16px;
}
html[lang="ar"] #dashboard-wallet-currency {
  float: right;
  margin-top: 0.725rem;
}
html[lang="ar"] .actions-container .btn span {
  margin-right: 8px;
}