@import url(https://member.idaff.com/assets/plugins/pace/pace-theme-flash.css);
@import url(https://member.idaff.com/assets/plugins/bootstrapv3/css/bootstrap.min.css);
@import url(https://member.idaff.com/assets/plugins/font-awesome/css/font-awesome.css);
@import url(plugins/jquery-scrollbar/jquery.scrollbar.css);
@import url(plugins/bootstrap-select2/select2.css);
@import url(plugins/switchery/css/switchery.min.css);
@import url(plugins/nvd3/nv.d3.min.css);
@import url(plugins/mapplic/css/mapplic.css);
@import url(plugins/famfamfam/famfamfam-flags.css);
@import url(plugins/rickshaw/rickshaw.min.css);
@import url(plugins/bootstrap-datepicker/css/datepicker3.css);
@import url(plugins/jquery-metrojs/MetroJs.css);
@import url(pages/css/pages-icons.css);
@import url(plugins/summernote/css/summernote-bs3.css);
@import url(plugins/summernote/css/summernote.css);
@import url(font/flaticon.css);
@import url(plugins/select2/select2.min.css);
@import url(pages/css/pages.css);
.breadcrumb {
  background: #ececec;
  position: relative;
  padding: 10px 10px 9px;
  text-transform: initial;
  margin-bottom: 15px;
  font-family: inherit; }

.breadcrumb:before {
  content: '';
  display: block;
  background: #ececec;
  position: absolute;
  top: 0;
  left: -100%;
  right: -100%;
  bottom: -1px;
  z-index: -1;
  border-bottom: 1px solid #e7e7e8; }

/* 
    Forms
*/
.note-editor .note-editable {
  min-height: 10em;
  height: auto !important; }

.form-group.required:after {
  color: #f55753;
  content: "*";
  font-family: arial;
  font-size: 30px;
  position: absolute;
  right: 12px;
  top: -3px; }
  @media (max-width: 1399px) {
    .form-group.required:after {
      top: 8px; } }

a.select2-choice.select2-default, a.select2-choice.select2-default:focus, a.select2-choice.select2-default:active {
  background: transparent;
  border: transparent;
  padding: 0;
  line-height: 1em;
  height: 1em;
  box-shadow: none; }

.select2-drop-active,
.select2-drop.select2-drop-above.select2-drop-active {
  border: 1px solid #eeeeee;
  box-shadow: none;
  border-top: none; }

.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
  background-image: none !important;
  border: 1px solid #eee; }

.select2-results {
  margin: 0.5em; }

.select2-results.scroll-wrapper > .scroll-content > li {
  line-height: 24px;
  top: 0; }

.select2-container .select2-choice .select2-arrow {
  opacity: 0; }

.select2-container *:focus {
  outline: none !important; }

.datepicker {
  padding: 9px 12px; }

@media only screen and (min-width: 992px) {
  form .row [class*='col-']:first-child {
    padding-left: 7px; }
  form .row [class*='col-']:last-child {
    padding-right: 7px; } }

.form-control[readonly] {
  background: transparent;
  color: inherit; }

.select2-container .select2-choice {
  background: transparent;
  border: 0;
  padding: 0;
  line-height: 1em;
  height: 1em;
  box-shadow: none; }

.mobile-quickmenu {
  transition: 250ms; }

.sidebar-open .mobile-quickmenu {
  transform: translateY(100%); }

.header .bubble {
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  height: auto;
  min-width: 20px;
  width: auto; }

@media only screen and (min-width: 980px) {
  body.menu-behind .header .brand {
    width: 240px;
    text-align: left;
    padding-left: 20px; } }

.profile-dropdown {
  min-width: 240px; }

.notification-list .dropdown-menu {
  right: -14px;
  top: 14px; }

.notification-list .profile-dropdown:after {
  top: -5px; }

.notification-list .profile-dropdown:before {
  top: -6px; }

.header {
  height: auto;
  min-height: 60px; }

@media (max-width: 991px) {
  body .header {
    min-height: 48px;
    height: auto; } }

/*
    Layout
*/
.container {
  max-width: 100%; }

.content > .container {
  min-height: 100vh; }

.pace .pace-activity {
  top: 66px; }
  @media (max-width: 767px) {
    .pace .pace-activity {
      top: 54px; } }

.content {
  overflow-x: hidden; }

body.has-announcement {
  margin-top: 36px; }
  body.has-announcement .page-sidebar {
    margin-top: 36px; }

.login-content {
  max-width: 100%;
  width: 400px;
  padding: 0 15px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%); }
  .login-content .login-logo {
    max-width: 50%;
    margin: 0 auto;
    display: block; }

@media (max-width: 768px) {
  iframe#launcher {
    bottom: 64px !important;
    right: 0 !important; } }

[aria-expanded="false"] > .fa-chevron-down {
  transform: rotate(-270deg); }

.with-gradient-overlay:before {
  background-image: url(pages/img/linear_gradient.png);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: bottom;
  content: " ";
  left: 0;
  right: 0;
  height: 100%;
  bottom: 0;
  position: absolute;
  z-index: 0; }

.with-dark-overlay:before {
  background: rgba(0, 0, 0, 0.6);
  content: " ";
  left: 0;
  right: 0;
  height: 100%;
  bottom: 0;
  position: absolute;
  z-index: 0; }

.inline-block[class*='col-'] {
  display: inline-block;
  float: none; }

.fixed {
  position: fixed !important; }

@media (max-width: 767px) {
  .jumbotron, .container-fluid {
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 480px) {
  .panel .panel-body {
    padding: 15px; } }

body.fixed-header .header {
  padding: 0; }

.widget-title {
  font-size: 16px; }

.icon-panel {
  font-size: 46px;
  padding-right: 10px; }

.font-body {
  font-family: inherit !important; }

.m-r-560 {
  margin-right: 560px; }

.absolute-center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%); }

.panel.panel-default .panel-heading.b-b {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd; }

@media (max-width: 991px) {
  .content {
    margin-bottom: 5em; } }

.select2-container.form-control {
  z-index: 1; }

.select2-container-active.form-control a:focus {
  box-shadow: none !important;
  outline: none !important; }

.bg-cover {
  background-size: cover;
  background-position: center; }

.popover {
  text-transform: initial;
  font-family: inherit; }

.bg-cover img {
  width: 100%;
  height: 100%; }

.z999 {
  z-index: 999; }

.bg-darker {
  background-color: rgba(0, 0, 0, 0.5); }

@media (min-width: 768px) {
  .product-menu-wrapper {
    border-right: 1px solid #eee;
    padding-right: 0 !important; }
    .product-menu-wrapper .nav-tabs {
      background: transparent; }
    .product-menu-wrapper .horizontal-scroll {
      overflow: hidden; }
  .product-menu-wrapper [data-sticky] {
    top: 64px; } }

.pagination > li > span.select-page {
  padding: 3px 8px 3px 3px;
  line-height: 20px; }
  .pagination > li > span.select-page input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 24px; }

@media (min-width: 1399px) {
  .pagination > li > span.select-page {
    padding: 3px 8px 3px 3px;
    line-height: 20px; }
    .pagination > li > span.select-page input {
      border: 1px solid rgba(0, 0, 0, 0.1);
      height: 26px; } }

.panel.panel-default .panel-heading {
  padding: 20px; }

.panel-body > form:first-child {
  margin-top: 20px; }

@media (max-width: 768px) {
  .panel-body > .table-responsive,
  .panel-body > .table {
    margin-left: -15px;
    margin-right: -15px;
    min-width: calc(100% + 30px); } }

@media (max-width: 768px) {
  .panel-controls.top-right.padding-20 {
    padding: 15px !important; } }

.panel > .table-responsive.panel-default {
  border: 0; }

/*
    Responsive Helper
*/
@media (max-width: 1400px) {
  .icon-panel {
    line-height: 56px; } }

@media (max-width: 991px) {
  .sm-top-right, .xs-top-right {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important; }
  .widget_beranda .widget-1 > .panel-body .pull-bottom {
    padding: 0 20px 30px 20px; } }

@media (min-width: 768px) {
  .lg-m-t-10, .md-m-t-10 {
    margin-top: 10px; } }

@media (max-width: 768px) {
  .table-mobile-left-heading .table-responsive .table td:before {
    content: attr(title);
    font-weight: bold;
    padding: 0 15px;
    position: absolute;
    left: 0;
    width: 40%;
    padding-right: 10px;
    text-align: left;
    word-wrap: break-word;
    margin: 0;
    background: none; }
  .table-mobile-left-heading .table tbody tr td {
    border-bottom: 0;
    padding-left: 40%;
    position: relative;
    white-space: normal;
    padding-bottom: 10px;
    padding-top: 10px; }
  .table-mobile-left-heading .table tbody tr td:last-child {
    padding-bottom: 30px; }
  .table-mobile-left-heading .table tbody tr td:first-child {
    padding-top: 30px; }
  .widget_sales .table-responsive .table td:last-child:before {
    content: 'DETAIL'; }
  .widget_sales .table-responsive .table tr.open + tr td:before {
    content: none; }
  .widget_sales .table tbody tr.open + tr td {
    border-bottom: 0;
    padding-left: 15px;
    position: relative;
    white-space: normal;
    padding-bottom: 10px;
    padding-top: 10px; }
  .widget_beranda .perform-affiliate .widget-title {
    padding-left: 35px;
    padding-right: 20px; }
  .widget_beranda .perform-affiliate .icon-heading {
    margin-left: -35px; }
  .widget_beranda .widget-1 {
    background-image: url(img/welcome-image-mobile.jpg);
    background-position: 50% 100%;
    background-size: 100%; }
  .widget_beranda .widget-1:before {
    background-image: url(https://member.idaff.com/assets/pages/img/linear_gradient_y.png);
    background-repeat: repeat-y;
    content: " ";
    left: -120px;
    right: 0;
    height: 100%;
    bottom: 0;
    position: absolute;
    z-index: 1;
    opacity: 0.4; }
  .table-no-data .table tbody tr td,
  .table-no-data .table tbody tr td,
  .table-no-data .table tbody tr td {
    padding-left: 0; }
  .breadcrumb {
    margin-left: -15px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-right: -15px; } }

/*
    Tables
*/
th .btn {
  font-weight: 900; }

.table {
  margin-top: -1px; }

.table.table-striped tbody tr td {
  border-bottom: 0; }

.table-detailed > tbody > tr:nth-child(odd) {
  cursor: pointer; }

.table-detailed tr .fa-chevron-right {
  transition: 250ms; }

.table-detailed tr.open .fa-chevron-right {
  transform: rotate(90deg); }

tr.open + tr td {
  background-color: #f5f5f5; }

.table th[class*=col-] {
  padding-left: 20px;
  padding-left: 20px; }

@media screen and (max-width: 767px) {
  .table-responsive {
    border: 0; } }

@media (max-width: 767px) {
  .table-responsive .table,
  .table-responsive .table thead,
  .table-responsive .table tbody,
  .table-responsive .table tr,
  .table-responsive .table th,
  .table-responsive .table td {
    display: block; }
  .table-responsive .table thead {
    display: none; }
  .table-responsive .table td:before {
    content: attr(title);
    display: block;
    padding: 15px 15px 5px;
    margin: -15px -15px 0;
    font-weight: bold; }
  .table-no-data.table-responsive .table td:before {
    display: none; }
  .table-responsive .table td {
    border-top: 0;
    border-bottom: 0; }
  .table-responsive .table td:last-child {
    border-bottom: 1px solid #eee; }
  .table-responsive .table td + td {
    padding-top: 0; }
  .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
    white-space: initial; } }

/*
    Tabs
*/
.nav-tabs {
  background: white; }
  .nav-tabs + .nav-tabs {
    border-top: 0; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 0 !important;
  color: #626262;
  background-color: transparent;
  box-shadow: inset 0 -3px #f8d053; }

.nav-tabs > li > a {
  border: 0 !important; }

.horizontal-scroll {
  overflow-x: auto;
  overflow-y: visible; }

.horizontal-scroll .nav-tabs {
  display: table;
  min-width: 100%;
  white-space: nowrap;
  text-align: center; }

.horizontal-scroll .nav-tabs > li {
  display: table-cell;
  float: none; }

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
  border-top: 1px solid #e7e7e7; }

@media (min-width: 768px) {
  .horizontal-scroll .nav-tabs.nav-stacked {
    display: block;
    border: 0; }
  .horizontal-scroll .nav-tabs.nav-stacked > li {
    display: block; }
  .horizontal-scroll .nav-tabs.nav-stacked > li > a {
    text-align: left; } }

/*
    Base Typography
*/
body, .font-body {
  font-family: 'Lato', sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  line-height: 1.4; }

.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading h5,
.panel-heading h6,
.panel-heading .h1,
.panel-heading .h2,
.panel-heading .h3,
.panel-heading .h4,
.panel-heading .h5,
.panel-heading .h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  color: #999999;
  text-transform: uppercase; }

label,
.font-heading,
thead,
th,
.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li > a,
.panel .panel-heading .panel-title,
.table thead tr th {
  font-family: 'Lato', sans-serif;
  color: #999999; }

.pretty-money small {
  color: inherit;
  font-weight: 100; }

.header a.btn {
  color: inherit; }

.strong {
  font-weight: 900; }

.light {
  font-weight: 300; }

.thumbnail-wrapper.d32 > * {
  line-height: 32px !important; }

.initial-avatar {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%); }

.widget-1 {
  background-image: url(img/welcome-image.jpg);
  background-position: 50% 25%;
  background-size: 100%; }

.widget-1 span.label {
  color: #626262;
  background: #e6e6e6; }

.icon-heading {
  font-size: 24px;
  margin-right: 10px;
  vertical-align: middle;
  line-height: 34px; }

.btn-circle-arrow.next {
  border: 1px solid #626262; }

.btn-circle-arrow.next i {
  font-size: 15px;
  left: 70%;
  top: 26%; }

.widget_topvendor .panel-body.p-b-15 {
  padding-bottom: 0 !important; }

.line-chart.no-data:before,
.widget_sales .placeholder-img:before,
.widget_commission .placeholder-img:before,
.widget_payouthistory .placeholder-img:before,
.widget_productlist .placeholder-img:before,
.widget_payout .placeholder-img:before,
.widget_productapproved .placeholder-img:before,
.widget_productsummaryreport .placeholder-img:before,
.widget_conversionreport .placeholder-img:before,
.widget_clicks .placeholder-img:before,
.widget_linksreport .placeholder-img:before,
.widget_affreferrals .placeholder-img:before,
.widget_request .placeholder-img:before,
.widget_approved .placeholder-img:before {
  white-space: pre;
  display: block;
  width: 320px;
  max-width: 100%;
  background-size: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  background-position: center;
  background-size: 220px;
  background-repeat: no-repeat;
  padding-top: 240px;
  text-align: center; }

.line-chart.no-data svg {
  display: none; }

.widget_clickchart .line-chart.no-data:before {
  content: 'Belum ada data klik untuk bulan ini';
  background-image: url(img/no-data-click.svg); }

.widget_commissionchart .line-chart.no-data:before {
  content: 'Belum ada data komisi untuk bulan ini';
  background-image: url(img/no-data-commission.svg); }

.widget_saleschart .line-chart.no-data:before {
  content: 'Belum ada data penjualan untuk bulan ini';
  background-image: url(img/no-graphic-sales.svg); }

.widget_sales .placeholder-img:before {
  content: 'Belum ada data penjualan';
  background-image: url(img/no-data-sales.svg);
  margin-top: 20px; }

.widget_commission .placeholder-img:before {
  content: 'Belum ada data komisi';
  background-image: url(img/no-data-commission.svg);
  margin-top: 20px; }

.widget_payouthistory .placeholder-img:before {
  content: 'Belum ada daftar pembayaran';
  background-image: url(img/no-data-sales.svg);
  margin-top: 20px; }

.widget_payout .placeholder-img:before {
  content: 'Belum ada daftar pembayaran';
  background-image: url(img/no-data-sales.svg);
  margin-top: 20px; }

.widget_productlist .placeholder-img:before {
  content: 'Belum ada produk';
  background-image: url(img/no-data-click.svg);
  margin-top: 20px; }

.widget_productapproved .placeholder-img:before {
  content: 'Belum ada produk disetujui';
  background-image: url(https://member.idaff.com/assets/img/no-data-product-approved.svg);
  margin-top: 20px; }

.widget_productsummaryreport .placeholder-img:before {
  content: 'Belum ada produk disetujui';
  background-image: url(https://member.idaff.com/assets/img/no-data-product-approved.svg);
  margin-top: 20px; }

.widget_conversionreport .placeholder-img:before {
  content: 'Belum ada data laporan';
  background-image: url(img/no-data-click.svg);
  margin-top: 20px; }

.widget_clicks .placeholder-img:before {
  content: 'Belum ada data klik';
  background-image: url(img/no-data-click.svg);
  margin-top: 20px; }

.widget_linksreport .placeholder-img:before {
  content: 'Belum ada data laporan';
  background-image: url(img/no-data-click.svg);
  margin-top: 20px; }

.widget_affreferrals .placeholder-img:before {
  content: 'Belum ada data';
  background-image: url(img/no-data-affiliate.svg);
  margin-top: 20px; }

.widget_approved .placeholder-img:before {
  content: 'Belum ada data';
  background-image: url(img/no-data-affiliate.svg);
  margin-top: 20px; }

.widget_request .placeholder-img:before {
  content: 'Belum ada request';
  background-image: url(img/no-data-affiliate.svg);
  margin-top: 20px; }

.widget_sales .placeholder-img span,
.widget_commission .placeholder-img span,
.widget_payouthistory .placeholder-img span,
.widget_productlist .placeholder-img span,
.widget_payout .placeholder-img span,
.widget_productapproved .placeholder-img span,
.widget_productsummaryreport .placeholder-img span,
.widget_conversionreport .placeholder-img span,
.widget_clicks .placeholder-img span,
.widget_linksreport .placeholder-img span,
.widget_affreferrals .placeholder-img span,
.widget_request .placeholder-img span,
.widget_approved .placeholder-img span {
  display: none; }

.list-no-data {
  margin-top: 30px;
  margin-bottom: 38px; }

.widget_topaffiliates .placeholder-img,
.widget_lastapproved .placeholder-img {
  width: 220px;
  margin-bottom: 7px; }

.panel .panel-heading {
  padding: 20px 20px 7px 20px;
  position: relative;
  z-index: 3;
  min-height: 48px; }

.widget_allproducts h5,
.form-group .row h5.m-t-0 {
  font-weight: 700; }

.btn-facebook {
  background-color: #39539B;
  border-color: #39539B;
  color: white; }
  .btn-facebook:active, .btn-facebook:hover {
    background-color: #39539B;
    border-color: #39539B;
    color: white; }

.btn-twitter, .btn-facebook:active {
  border-color: #3CA9F0;
  background-color: #3CA9F0;
  color: white; }

.btn-twitter:hover {
  border-color: #3CA9F0;
  background-color: #3CA9F0;
  color: white;
  background-color: #3CA9F0;
  color: white; }

/*
    Sidemenu
*/
.page-sidebar .icon-thumbnail > i {
  font-size: 16px; }

.page-sidebar .actived .icon-thumbnail, .page-sidebar .open.active .icon-thumbnail {
  background-color: #3691cf; }

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li.actived > a,
.page-sidebar .sidebar-menu .actived a,
.page-sidebar .sidebar-menu .actived i,
.page-sidebar .sidebar-menu .sub-menu li a:hover,
.page-sidebar .sub-menu .active.open > a {
  color: white !important; }

.page-sidebar .sidebar-menu a.open > .fa.fa-angle-left,
.page-sidebar .sidebar-menu a[aria-expanded="true"] > .fa.fa-angle-left {
  transform: rotate(-90deg); }

.page-sidebar .sidebar-menu a > .fa.fa-angle-left {
  margin-right: 0.5em;
  transition: 250ms; }

body.mobile .page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail, body.mobile .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail {
  color: white !important; }

@font-face {
  font-family: 'icomoon';
  src: url("font/icomoon_df1yhh.eot");
  src: url("font/icomoon_df1yhh.eot#iefix") format("embedded-opentype"), url("font/icomoon_df1yhh.ttf") format("truetype"), url("https://member.idaff.com/assets/font/icomoon.woff?df1yhh") format("woff"), url("font/icomoon_nc0u02-icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa[class^="icon-"], .fa[class*=" icon-"] {
  font-family: 'FontAwesome'; }

.icon-pending-payment:before {
  content: "\e90f"; }

.icon-total-income:before {
  content: "\e910"; }

.icon-transaction:before {
  content: "\e911"; }

.icon-new-product:before {
  content: "\e909"; }

.icon-top-affiliate:before {
  content: "\e90c"; }

.icon-active-product:before {
  content: "\e902"; }

.icon-all-click:before {
  content: "\e903"; }

.icon-approved-product:before {
  content: "\e904"; }

.icon-click-chart:before {
  content: "\e905"; }

.icon-commission-chart:before {
  content: "\e906"; }

.icon-last-payment:before {
  content: "\e907"; }

.icon-link-web:before {
  content: "\e908"; }

.icon-recent-payout:before {
  content: "\e90a"; }

.icon-this-month-payout:before {
  content: "\e90b"; }

.icon-top-product:before {
  content: "\e90d"; }

.icon-top-vendor:before {
  content: "\e90e"; }

.icon-help-icon:before {
  content: "\e900"; }

.icon-vendor-icon:before {
  content: "\e901"; }

.pretty-money {
  white-space: nowrap; }

.fa.icon-heading {
  font-family: 'FontAwesome' !important; }

.container-fluid {
  padding-left: 15px;
  padding-right: 15px; }

.sm-gutter form .row [class*='col-']:not(:first-child),
.sm-gutter form .row [class*='col-']:not(:last-child) {
  padding-left: 10px;
  padding-right: 10px; }

.table-responsive {
  overflow: visible; }

/*# sourceMappingURL=index.css.map */