html {
  background-image: url("./images/1.jpg"); }

#mainPleaseWait {
  transition: all .25s ease-in-out; }

.icon-gender-big:before {
  font-size: 80px !important; }

.icon-menu-small:before {
  margin-left: 0px !important;
  font-size: 18px !important; }

.genderperc {
  font-size: 14px;
  font-weight: bold; }

.topCounter {
  margin-left: 20px;
  font-size: 18px; }

.card-div {
  height: 530px;
  margin-left: 2.8%;
  padding-left: 0px;
  padding-right: 0px;
  cursor: pointer;
  transition: all .25s ease-in-out;
  border-radius: 5px; }

.card-div:hover {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

.card-header-cell {
  text-align: center;
  height: 35px;
  font-size: 16px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.card-icon {
  text-align: center;
  height: 190px; }

.card-table-container {
  text-align: center;
  padding: 10px; }

.card-perc {
  font-size: 20px;
  font-weight: bold; }

.card-total {
  font-size: 16px;
  font-weight: bold; }

.card-table {
  width: 90%; }

.card-table-title {
  text-align: left;
  font-size: 10px; }

.card-table-number {
  font-weight: bold;
  text-align: right; }

.dashboard-header-sub-title {
  font-size: 11px;
  color: #666666; }

.card-detail-indicator-header {
  font-size: 10px;
  font-weight: bold; }

.card-detail-indicator-content {
  color: #666666;
  font-weight: bold; }

.card-detail-indicator-sub-content {
  color: #666666;
  font-weight: bold;
  font-size: 9px; }

.card-header-cell-1 {
  background-color: #95B739;
  color: white; }

.card-icon-1 {
  background-color: #ACCB58;
  color: white; }

.card-header-cell-2 {
  background-color: #AEB627;
  color: white; }

.card-icon-2 {
  background-color: #D0D84B;
  color: white; }

.card-header-cell-3 {
  background-color: #3CD3FF;
  color: white; }

.card-icon-3 {
  background-color: #A8ECFF;
  color: white; }

.card-header-cell-4 {
  background-color: #00B6EA;
  color: white; }

.card-icon-4 {
  background-color: #0FC9FF;
  color: white; }

.card-header-cell-5 {
  background-color: #EE4420;
  color: white; }

.card-icon-5 {
  background-color: #F16043;
  color: white; }

.card-header-cell-premium {
  background-color: #D25A0B;
  color: white; }

.card-icon-premium {
  background-color: #F3680C;
  color: white; }

.center-table {
  margin: 0 auto !important;
  float: none !important; }

.default-cell {
  background-color: white; }

.text-cell {
  width: 100px;
  border: 1px solid #eaeaea; }

.text-cell-header {
  width: 100px;
  border: 1px solid #eaeaea;
  text-align: center; }

.number-cell {
  width: 100px;
  border: 1px solid #eaeaea;
  text-align: center; }

.table-header {
  text-align: center;
  border: 1px solid #eaeaea;
  font-weight: bold; }

.number-cell-totals {
  width: 100px;
  border: 1px solid #eaeaea;
  text-align: center;
  font-weight: bold; }

.number-cell:hover {
  background-color: #eaeaea;
  cursor: pointer; }

.rfm-sub-title {
  font-weight: bold; }

.drop-zone-container {
  display: table-cell;
  border: 1px dashed #cccccc;
  height: 35px;
  vertical-align: middle;
  text-align: center;
  transition: all .25s ease-in-out; }

.drop-zone-container-hover {
  border: 1px dashed #333333;
  background-color: #eeeeee;
  transition: all .25s ease-in-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.segment-card-div {
  border: 1px solid #eeeeee;
  margin-left: 2.8%;
  padding-left: 0px;
  padding-right: 0px; }

.segment-card-header {
  height: 25px;
  font-size: 12px;
  font-weight: bold;
  text-align: center; }

.segment-1 {
  background-color: #ACCB58;
  color: white; }

.segment-2 {
  background-color: #D0D84B;
  color: white; }

.segment-3 {
  background-color: #A8ECFF;
  color: white; }

.segment-4 {
  background-color: #0FC9FF;
  color: white; }

.segment-5 {
  background-color: #F16043;
  color: white; }

.segment-P {
  background-color: #F3680C;
  color: white; }

.segment-1-font {
  color: #ACCB58; }

.segment-2-font {
  color: #D0D84B; }

.segment-3-font {
  color: #A8ECFF; }

.segment-4-font {
  color: #0FC9FF; }

.segment-5-font {
  color: #F16043; }

.segment-P-font {
  color: #F3680C; }

.segment-card-header-1 {
  background-color: #95B739;
  color: white; }

.segment-card-header-2 {
  background-color: #AEB627;
  color: white; }

.segment-card-header-3 {
  background-color: #3CD3FF;
  color: white; }

.segment-card-header-4 {
  background-color: #00B6EA;
  color: white; }

.segment-card-header-5 {
  background-color: #EE4420;
  color: white; }

.segment-card-btns {
  display: table;
  width: 100%;
  height: 50px; }

.segment-card-btn {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.segment-card-btn:hover {
  background-color: #eeeeee; }

.segment-count-title {
  text-align: center; }

.segment-count {
  text-align: center;
  font-size: 22px;
  font-weight: bold; }

.segment-perc {
  text-align: center; }

.member-list-cell-header {
  font-weight: bold; }

.chart-title {
  font-weight: bold;
  text-align: center; }

.chart-container {
  text-align: center; }

.filteroption {
  color: #333333; }

.filteroption:hover {
  cursor: pointer;
  color: #eeeeee; }

.filteroption_selected {
  color: black;
  font-weight: bold; }

.filter_hidden {
  display: none; }

.filter-label {
  font-size: 12px; }

.card-div-export {
  border: 1px solid #eeeeee;
  height: 100px;
  margin-left: 2.8%;
  padding-left: 0px;
  padding-right: 0px;
  cursor: pointer;
  transition: all .25s ease-in-out;
  border-radius: 5px; }

.card-icon-export {
  text-align: center;
  height: 100px;
  border-radius: 5px; }

.export-icon {
  height: 80px;
  width: auto;
  margin-top: 10px; }

.active-rfmv-source {
  background-color: #eeeeee; }

.draggable-handle {
  font-size: 20px;
  z-index: 9;
  cursor: pointer;
  transition: all .25s ease-in-out; }

.draggable-handle:hover {
  color: red; }

.deletable-item:hover {
  color: red; }

.deletable-item-btn {
  cursor: pointer; }

.rfmv-jumbotext {
  font-size: 14px; }

.selectedSegmentToExport {
  opacity: 0.9;
  transition: all .25s ease-in-out; }

.selectedIndicator {
  border-radius: 50%;
  background-color: green;
  height: 30px;
  width: 30px;
  position: absolute;
  top: -15px;
  right: -10px;
  text-align: center;
  display: none;
  transition: all .25s ease-in-out; }

.searchMemberCard {
  border-radius: 5px;
  width: 120px;
  height: 150px; }

.subnavbar {
  position: fixed;
  left: 0;
  top: 60px;
  height: 100px;
  background-color: #eeeeee;
  width: 100vw;
  z-index: 9;
  opacity: 0.9; }

.gender_chart_labelsmall {
  font-size: 10px; }

.fm_btn {
  position: fixed;
  top: 80px;
  left: 20px;
  z-index: 9999;
  background-color: red;
  height: 30px;
  width: 70px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  text-align: center; }

.fm_btn p {
  color: white !important;
  position: relative;
  top: 5px; }

.fm_wrapper {
  transition: all 0.5s ease;
  position: fixed;
  top: 125px;
  left: 20px;
  z-index: 9999;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  width: 250px; }

.fm_wrapper .badge {
  background-color: red !important; }

.fm-class-btn {
  cursor: pointer; }

.fm-class-btn:hover {
  background-color: #eeeeee; }

.fm-class-btn .badge {
  background-color: white !important;
  color: black; }

.fm_modal_list_item {
  cursor: pointer; }

.fm_modal_list_item:hover {
  background-color: #eeeeee; }

.fm-reset-filters-btn {
  background-color: red !important;
  color: white !important; }

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