@import url("inc/bootstrap/bootstrap.min.css");
  @import url("inc/owl-carousel/owl.carousel.min.css");
  @import url("inc/owl-carousel/owl.theme.default.css");
  @import url("inc/ionicons.min.css");
  @import url("https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900&display=swap");
.rise {
  color: #1DCC70;
}
.fall {
  color: #ff2d55;
}
  .list-group-item-black {
  color: #fff;
  background-color: #f2f2f2;
  }

  .appContent4 {
  background: #f2f2f2;
  color: #ff9800 !important;
  }
  /* xxx */

  .tdtext { font-size:13px !important; color:#090 !important; font-weight:normal; text-align:right;}
  .tdtext2 { font-size:13px !important; color:#f00 !important; font-weight:normal; text-align:right;}
  .tdtext3 { font-size:13px !important; color:#FFB400 !important; font-weight:normal; text-align:right;}

  .text small{ font-size:12px; color:#888;}
  .listView .listItem {
  padding: 0px 55px 0px 0px;
  }

  .listView .listItem .text {
  font-size: 16px;
  }
  .modal-content {
  background-color: #f5f5f5;
  }
  .form-control{box-shadow:none; border-bottom:#ccc solid 1px; margin-bottom:3px;}
  #alert h4{font-size: 1rem; font-weight:bold; color:#000;}
  #alert p{font-size: 13px; margin-top:20px;}
  #alert .modal-content{
  border-radius:3px;
  background-color: #f5f5f5;
  }
  #alert .modal-dialog{padding:20px; margin-top:130px;}

  #bonus .modal-dialog{margin-top:100px;}
  #bonus .modal-footer{ border:none;}
  .dropdown-menu{ background:#f5f5f5;top: -15px;
  left: -145px; border:none;
  border-radius:0px;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  }

  .appHeader1.right {
  right:20px;
  }
  .dropdown-item {
  padding: .75rem 1.5rem;
  }
  * {
  box-sizing: border-box;
  }

  /* Create two equal columns that floats next to each other */
  .column {
  float: right;
  width: 50%;
  padding: 0px;
  /* Should be removed. Only for demonstration */
  }

  /* Clear floats after the columns */
  .row:after {
  content: "";
  display: table;
  clear: both;
  }

  /* xxx */

  body {
  font-family:"Heebo", sans-serif;
  font-size:14px;
  line-height:1.5em;
  letter-spacing:-0.007em;
  color:#fff;
 background-image: linear-gradient(90deg,#042238,#36688E);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  width:100%;
  height:100%;
  overflow-x:hidden;
  -ms-user-select:none;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none
  }
  a {
  -webkit-transition:.2s all;
  transition:.2s all;
  color:#f8f9fa;
  }
  a:hover {
  color:#ff9800;
  text-decoration:none
  }
  a:active, a:focus {
  text-decoration:none
  }
  textarea:focus, input:focus{
  outline: none;
  }
  .loading {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:15000;
  background:#FFF;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center
  }
  .loading .spinner-grow {
  width:100px;
  height:100px
  }
  .appHeader1 {
       background-image: linear-gradient(90deg,#042238,#36688E);
  color: #fff !important;
  padding: 0 24px;
  height:55px;
 
  }

  .appHeader1 .pageTitle {
  line-height:3em;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color:#fff  !important;
  }
  .appHeader {
  height:55px;
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  /*position:fixed;*/
  top:0;
  left:0;
  right:0;
  z-index:9990;
  background:#fff;
  border-bottom:1px solid #E5E9F2;
  color:#EBEBEB
  }
  .appHeader .pageTitle {
  color: blue;
  font-size: 28px;
  text-align:center;
  line-height:1em;
  }
  .appHeader .pageTitle .text-muted {
  font-size:11px;
  margin:0;
  line-height:1.2em
  }
  .appHeader .pageTitle .image {
  height:20px
  }
  .appHeader1 .left, .appHeader1 .right {
  position:absolute;
  top:0;
  -webkit-transition:0.2s all;
  transition:0.2s all;
  height:56px;
  min-width:56px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center
  }
  .appHeader .left .btn, .appHeader .right .btn {
  margin-right:10px
  }
  .appHeader1 .left .icon, .appHeader1 .right .icon {
  width:56px;
  height:56px;
  color:#fff  !important;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center
  }
  .appHeader1 .left .icon i, .appHeader1 .right .icon i {
  font-size:26px
  }
  .appHeader1 .left:active, .appHeader1 .right:active {
  opacity:1
  }
  .appHeader1 .left {
  left:0;
  right:auto
  }
  .appHeader1 .right {
  right:0;
  left:auto
  }
  .appHeader1 .right .link {
  margin-right:20px;
  color:#EBEBEB;
  font-weight:500
  }
  .appHeader.color-light {
  border-bottom:0
  }
  .appHeader.color-light .pageTitle {
  color:#fff
  }
  .appHeader.color-light .left .icon, .appHeader.color-light .right .icon {
  color:#fff
  }
  .searchBox {
  position:fixed;
  display:none;
  left:0;
  top:0;
  z-index:10500;
  right:0;
  height:56px;
  background:#fff;
  box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2)
  }
  .searchBox .inputIcon {
  font-size:26px;
  height:56px;
  width:56px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  position:absolute;
  left:0;
  top:0;
  color:#EBEBEB
  }
  .searchBox .form-control {
  height:56px;
  background:transparent;
  border-radius:0;
  padding-left:56px;
  padding-right:56px
  }
  .searchBox .form-control:focus {
  background:transparent
  }
  .searchBox .closeButton {
  position:absolute;
  right:0;
  top:0;
  width:56px;
  height:56px;
  text-shadow:none;
  font-size:26px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  color:#5C5C5C
  }
  .searchBox .closeButton:hover, .searchBox .closeButton:active {
  opacity:.7
  }
  .searchBlock {
  position:relative
  }
  .searchBlock .inputIcon {
  position:absolute;
  z-index:1;
  font-size:26px;
  width:56px;
  height:50px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center
  }
  .searchBlock .form-control {
  padding-left:56px
  }
  .appBottomMenu {
  min-height:56px;
  position:fixed;
  z-index:999;
  bottom:0;
  left:0;
  right:0;
  background:#f2f2f2;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  padding-bottom:env(safe-area-inset-bottom);
  }
  .appBottomMenu .item {
  width:35%;
  text-align:center;
  height:56px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center
  }
  .appBottomMenu .item>a {
  width:100%;
  height:56px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  padding:0;
  -webkit-box-pack:center;
  justify-content:center;
  color:#5E5E5E !important;
  position:relative
  }
  .appBottomMenu .item p {
  margin:0
  }
  .appBottomMenu .item i {
  font-size:20px;
  line-height:0;
  margin-bottom:14px;
  display:block
  }
  .appBottomMenu .item span {
  display:block;
  font-size:11px;
  position:absolute;
  left:0;
  bottom:2px;
  right:0
  }
  .appBottomMenu .item.active {
  position:relative
  }
  /*.appBottomMenu .item.active:after {
  content:'';
  height:2px;
  border-radius:0 0 10px 10px;
  display:block;
  background:#5b1474;
  position:absolute;
  left:0;
  top:0;
  right:0
  }*/
  .appBottomMenu .item.active>a {
  color:#E02B30 !important
  }
  .appBottomMenu.iconed .item i {
  margin-bottom:0
  }
  .appBottomMenu.color-light {
  border-top:0
  }
  .appBottomMenu.color-light .item>a {
  color:rgba(255, 255, 255, 0.7) !important
  }
  .appBottomMenu.color-light .item.active:after {
  background:transparent
  }
  .appBottomMenu.color-light .item.active>a {
  color:#FFF !important
  }
  body.sidebarActive {
  overflow:hidden
  }
  .sidebarWrapper {
  width:100%;
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:11000;
  overflow:auto;
  display:none;
  background:rgba(0, 0, 0, 0.5)
  }
  .sidebarWrapper .overlay {
  position:fixed;
  left:250px;
  right:0;
  top:0;
  bottom:0
  }
  .sidebar {
  background:#fff;
  box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.15);
  width:250px;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  z-index:3;
  overflow:auto;
  left:-90%;
  -webkit-transition:0.2s all;
  transition:0.2s all
  }
  .sidebar .profilebox {
  padding:20px
  }
  .sidebar .profilebox .avatar {
  width:48px;
  height:48px;
  border-radius:100px;
  margin-bottom:12px
  }
  .sidebar .profilebox .title {
  font-size:18px;
  font-weight:700;
  letter-spacing:0;
  color:#EBEBEB;
  margin:0 0 6px 0
  }
  .sidebar .profilebox .lead {
  font-size:14px;
  color:#5C5C5C;
  font-weight:400;
  margin:0
  }
  .sidebar .profilebox .button {
  position:absolute;
  right:15px;
  top:20px;
  font-size:22px
  }
  .sidebar .profilebox .button a {
  display:inline-block;
  padding:4px 5px;
  margin-left:5px;
  color:#EBEBEB
  }
  .sidebar .bottomButton {
  position:absolute;
  left:0
  }
  .sidebarMenu {
  padding:0;
  margin:0 0 20px 0
  }
  .sidebarMenu>li {
  display:block
  }
  .sidebarMenu>li>a {
  display:block;
  color:#EBEBEB;
  padding:12px 40px 12px 60px;
  position:relative
  }
  .sidebarMenu>li>a .badge {
  position:absolute;
  right:20px;
  top:15px;
  padding:2px 6px
  }
  .sidebarMenu>li>a i.icon {
  text-align:center;
  font-size:26px;
  position:absolute;
  left:20px;
  top:10px
  }
  .sidebarMenu>li>a .avatar {
  width:26px;
  height:26px;
  position:absolute;
  left:20px;
  top:11px;
  border-radius:100px
  }
  .sidebarMenu>li>a:active {
  background:rgba(229, 233, 242, 0.4)
  }
  .sidebarMenu li.title {
  padding-left:20px;
  font-size:14px;
  color:#5C5C5C;
  font-weight:500;
  padding-bottom:10px
  }
  .sidebar.is-active {
  left:0
  }
  #appCapsule {
  padding:0px 0;
  }
  .appContent1 {
  padding:20px;
  }
  .appContent {
  padding:0 20px 20px 20px;
  /*background:#fafafa;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-width: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  }
  .sectionTitle1 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
  }
  .sectionTitle {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 50%;
  }
  .sectionTitle3 {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 40%;
  }
  .appFooter {
  border-top:1px solid #E5E9F2;
  padding:30px 20px;
  font-size:14px;
  line-height:1.5em;
  text-align:center
  }
  .appFooter .heading {
  font-weight:500;
  color:#EBEBEB;
  margin-bottom:4px
  }
  .row {
  margin-left:-10px;
  margin-right:-10px
  }
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  padding-left:10px;
  padding-right:10px
  }
  .badge {
  font-size:13px;
  border-radius:100px;
  padding:6px 12px;
  border:1px solid #ccc;
  position:relative
  }
  .badge.iconed {
  padding-left:32px
  }
  .badge.imaged {
  padding-left:32px
  }
  .badge.imaged img {
  position:absolute;
  left:-1px;
  top:-1px;
  width:27px;
  height:27px;
  border-radius:100px
  }
  .badge i {
  margin-right:4px;
  background:rgba(0, 0, 0, 0.2);
  font-size:15px;
  width:27px;
  height:27px;
  position:absolute;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  border-radius:100px;
  left:-1px;
  top:-1px
  }
  a.badge {
  box-shadow:none !important
  }
  .badge-primary, a.badge-primary {
  background:#5b1474 !important;
  border-color:#5b1474 !important
  }
  .badge-secondary, a.badge-secondary {
  background:#C0CCDB !important;
  border-color:#C0CCDB !important
  }
  .badge-success, a.badge-success {
  background:#1DCC70 !important;
  border-color:#1DCC70 !important
  }
  .badge-danger, a.badge-danger {
  background:#ff2d55 !important;
  border-color:#ff2d55 !important
  }
  .badge-warning, a.badge-warning {
  background:#FFB400 !important;
  border-color:#FFB400 !important;
  color:#FFF !important
  }
  .badge-info, a.badge-info {
  background:#754AED !important;
  border-color:#754AED !important
  }
  .badge-light, a.badge-light {
  background:#fff !important;
  border-color:#fff !important
  }
  .badge-dark, a.badge-dark {
  background:#333 !important;
  border-color:#333 !important
  }
  .badge-outline-primary, a.badge-outline-primary {
  background:transparent !important;
  border-color:#5b1474 !important;
  color:#5b1474 !important
  }
  .badge-outline-secondary, a.badge-outline-secondary {
  background:transparent !important;
  border-color:#C0CCDB !important;
  color:#C0CCDB !important
  }
  .badge-outline-success, a.badge-outline-success {
  background:transparent !important;
  border-color:#1DCC70 !important;
  color:#1DCC70 !important
  }
  .badge-outline-danger, a.badge-outline-danger {
  background:transparent !important;
  border-color:#ff2d55 !important;
  color:#ff2d55 !important
  }
  .badge-outline-warning, a.badge-outline-warning {
  background:transparent !important;
  border-color:#FFB400 !important;
  color:#FFB400 !important
  }
  .badge-outline-info, a.badge-outline-info {
  background:transparent !important;
  border-color:#754AED !important;
  color:#754AED !important
  }
  .badge-outline-light, a.badge-outline-light {
  background:transparent !important;
  border-color:#fff !important;
  color:#fff !important
  }
  .badge-outline-dark, a.badge-outline-dark {
  background:transparent !important;
  border-color:#333 !important;
  color:#333 !important
  }
  .bg-primary {
  background:#5b1474 !important
  }
  .bg-secondary {
  background:#C0CCDB !important
  }
  .bg-success {
  background:#1DCC70 !important
  }
  .bg-danger {
  background:#ff2d55 !important
  }
  .bg-warning {
  background:#FFB400 !important
  }
  .bg-info {
  background:#754AED !important
  }
  .bg-facebook {
  background:#39579b !important
  }
  .bg-twitter {
  background:#049ff6 !important
  }
  .bg-instagram {
  background:#df237b !important
  }
  .bg-linkedin {
  background:#0075aa !important
  }
  .bg-twitch {
  background:#923cff !important
  }
  .bg-whatsapp {
  background:#0ad561 !important
  }
  .pagination .page-item .page-link {
  padding:6px 12px;
  box-shadow:none !important;
  color:#5C5C5C;
  position:relative;
  z-index:1;
  font-size:16px
  }
  .pagination .page-item.active .page-link {
  color:#fff;
  background:#5b1474;
  border-color:#5b1474;
  position:relative;
  z-index:2
  }
  .pagination-sm .page-item .page-link {
  font-size:14px
  }
  .pagination-lg .page-item .page-link {
  font-size:20px;
  padding:6px 16px
  }

  i.icon.mr-1 {
  margin-right:5px !important
  }
  .form-control {
  color:black !important;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  height:50px;
  font-size:16px;
  padding:10px 16px;
  border-radius:0px;
  border:0
  }
  .custom-control .custom-control-label {
  padding-left:6px;
  padding-top:1px
  }
  .custom-control .custom-control-label:before {
  box-shadow:none !important;
  width:22px;
  height:22px;
  border:2px solid #ccc !important;
  border-radius:3px;
  margin-top:-2px
  }
  .custom-control .custom-control-label:after {
  margin-top:0px;
  margin-left:3px
  }
  .custom-control .custom-control-label:active:before {
  background:#FFF !important
  }
  .custom-control .custom-control-input:checked ~ .custom-control-label:before {
  background:#333 !important;
  border-color:#333 !important
  }
  .custom-control .custom-control-input:checked ~ .custom-control-label:after {
  width:18px;
  height:18px;
  background-size:12px 12px
  }
  .custom-control .custom-control-input:checked ~ .custom-control-label:before {
  border-radius:3px
  }
  .custom-radio .custom-control-label:before {
  border-radius:100px
  }
  .custom-radio .custom-control-input:checked ~ .custom-control-label:before {
  border-radius:100px
  }
  .custom-switch {
  height:32px;
  width:64px;
  display:-webkit-inline-box;
  display:inline-flex
  }
  .custom-switch .custom-control-label {
  padding-left:4px
  }
  .custom-switch .custom-control-label:before {
  height:32px;
  width:64px;
  background:#FFF;
  border-radius:100px !important;
  border-color:#b2bed9 !important;
  box-shadow:none !important
  }
  .custom-switch .custom-control-label:after {
  margin-left:1px;
  width:26px !important;
  margin-top:-1px;
  height:26px !important;
  border-radius:100px;
  background:#b2bed9
  }
  .custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  border-color:#5b1474 !important;
  background:transparent !important
  }
  .custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  background:#5b1474;
  -webkit-transform:translateX(32px);
  transform:translateX(32px)
  }
  .btn {
  height:34px;
  padding:0 20px;
  font-size:14px;
  line-height:1.2em;
  font-weight:500;
  display:-webkit-inline-box;
  display:inline-flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-transition:0.2s all;
  transition:0.2s all;
  text-decoration:none !important;
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  }
  }
  .btn i.icon {
  font-size:22px;
  margin-right:10px;
  margin-top:-2px
  }
  .btn:active {
  -webkit-transform:scale(0.95);
  transform:scale(0.95)
  }
  .btn.rounded {
  border-radius:100px !important
  }
  .btn.square {
  border-radius:0
  }
  .btn.shadowed {
  box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2) !important
  }
  .btn-lg {
  height:52px;
  padding:0px 32px;
  font-size:18px
  }
  .btn-lg i.icon {
  font-size:26px
  }

  .btn-sm i.icon {
  font-size:20px
  }
  .btn-group .btn:active {
  -webkit-transform:none;
  transform:none
  }
  .btn-icon {
  width:36px;
  height:36px;
  padding:0
  }
  .btn-icon i {
  text-align:center;
  margin:0 !important
  }
  .btn-facebook {
  color:#fff !important;
  background:#39579b
  }
  .btn-twitter {
  color:#fff !important;
  background:#049ff6
  }
  .btn-instagram {
  color:#fff !important;
  background:#df237b
  }
  .btn-linkedin {
  color:#fff !important;
  background:#0075aa
  }
  .btn-twitch {
  color:#fff !important;
  background:#923cff
  }
  .btn-whatsapp {
  color:#fff !important;
  background:#0ad561
  }
  .btn-primary {
  background: #29313d;
  color: #848e9d;
  border: 0;
  }
  .btn-primary:hover {
  background:#29313d !important;
  border:0 !important
  }
  .btn-primary:active, .btn-primary.active {
  background:#424bff;
  border-color:#424bff
  }
  .btn-primary.disabled, .btn-primary:disabled {
  background:#5b1474;
  border-color:#5b1474
  }
  .btn-secondary {
  background:#fff;
  border-color:#fff;
  color:#999;
  }

  .btn-secondary:active, .btn-secondary.active {
  background:#b3c1d4;
  border-color:#b3c1d4
  }
  .btn-secondary.disabled, .btn-secondary:disabled {
  background:#C0CCDB;
  border-color:#C0CCDB
  }
  .btn-success {
  background:#1DCC70;
  border-color:#1DCC70
  }
  .btn-success:hover {
  background:#1DCC70 !important;
  border-color:#1DCC70 !important
  }
  .btn-success:active, .btn-success.active {
  background:#1aba66;
  border-color:#1aba66
  }
  .btn-success.disabled, .btn-success:disabled {
  background:#1DCC70;
  border-color:#1DCC70
  }
  .btn-danger {
  background:#ff2d55;
  border-color:#ff2d55
  }
  .btn-danger:hover {
  background:#ff2d55 !important;
  border-color:#ff2d55 !important
  }
  .btn-danger:active, .btn-danger.active {
  background:#ff1944;
  border-color:#ff1944
  }
  .btn-danger.disabled, .btn-danger:disabled {
  background:#ff2d55;
  border-color:#ff2d55
  }
  .btn-warning {
  color:#fff !important;
  background:#FFB400;
  border-color:#FFB400
  }
  .btn-warning:hover {
  background:#FFB400 !important;
  border-color:#FFB400 !important
  }
  .btn-warning:active, .btn-warning.active {
  background:#eba600;
  border-color:#eba600
  }
  .btn-warning.disabled, .btn-warning:disabled {
  background:#FFB400;
  border-color:#FFB400
  }
  .btn-link {
  color:#5b1474 !important
  }
  .btn-info {
  background:#754AED;
  border-color:#754AED
  }
  .btn-info:hover {
  background:#754AED !important;
  border-color:#754AED !important
  }
  .btn-info:active, .btn-info.active {
  background:#6737eb;
  border-color:#6737eb
  }
  .btn-info.disabled, .btn-info:disabled {
  background:#754AED;
  border-color:#754AED
  }
  .btn-outline-primary {
  background:transparent;
  border-color:#f2f2f2;
  color:#000000;
  -webkit-transition:0.2s all;
  transition:0.2s all
  }
  .btn-outline-primary:hover {
  background:#f2f2f2;
  border-color:#000000;
  color:#FFF
  }
  .btn-outline-primary:active, .btn-outline-primary.active {
  background:#3d46ff !important;
  border-color:#3d46ff !important;
  color:#fff !important
  }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color:#f2f2f2 !important;
  border-color:#000000 !important;
  background:transparent !important
  }
  .btn-outline-secondary {
  background:transparent;
  border-color:#C0CCDB;
  color:#C0CCDB;
  -webkit-transition:0.2s all;
  transition:0.2s all
  }
  .btn-outline-secondary:hover {
  background:#C0CCDB;
  border-color:#C0CCDB;
  color:#FFF
  }
  .btn-outline-secondary:active, .btn-outline-secondary.active {
  background:#b0bfd2 !important;
  border-color:#b0bfd2 !important;
  color:#fff !important
  }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color:#C0CCDB !important;
  border-color:#C0CCDB !important;
  background:transparent !important
  }
  .btn-outline-success {
  background:transparent;
  border-color:#1DCC70;
  color:#1DCC70;
  -webkit-transition:0.2s all;
  transition:0.2s all
  }
  .btn-outline-success:hover {
  background:#1DCC70;
  border-color:#1DCC70;
  color:#FFF
  }
  .btn-outline-success:active, .btn-outline-success.active {
  background:#1ab664 !important;
  border-color:#1ab664 !important;
  color:#fff !important
  }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
  color:#1DCC70 !important;
  border-color:#1DCC70 !important;
  background:transparent !important
  }
  .btn-outline-danger {
  background:transparent;
  border-color:#ff2d55;
  color:#ff2d55;
  -webkit-transition:0.2s all;
  transition:0.2s all
  }
  .btn-outline-danger:hover {
  background:#ff2d55;
  border-color:#ff2d55;
  color:#FFF
  }
  .btn-outline-danger:active, .btn-outline-danger.active {
  background:#ff1440 !important;
  border-color:#ff1440 !important;
  color:#fff !important
  }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color:#ff2d55 !important;
  border-color:#ff2d55 !important;
  background:transparent !important
  }
  .btn-outline-warning {
  background:transparent;
  border-color:#FFB400;
  color:#FFB400;
  -webkit-transition:0.2s all;
  transition:0.2s all
  }
  .btn-outline-warning:hover {
  background:#FFB400;
  border-color:#FFB400;
  color:#FFF
  }
  .btn-outline-warning:active, .btn-outline-warning.active {
  background:#e6a200 !important;
  border-color:#e6a200 !important;
  color:#fff !important
  }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color:#FFB400 !important;
  border-color:#FFB400 !important;
  background:transparent !important
  }
  .btn-outline-info {
  background:transparent;
  border-color:#754AED;
  color:#754AED;
  -webkit-transition:0.2s all;
  transition:0.2s all
  }
  .btn-outline-info:hover {
  background:#754AED;
  border-color:#754AED;
  color:#FFF
  }
  .btn-outline-info:active, .btn-outline-info.active {
  background:#6333eb !important;
  border-color:#6333eb !important;
  color:#fff !important
  }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
  color:#754AED !important;
  border-color:#754AED !important;
  background:transparent !important
  }
  .btn-outline-light {
  background:transparent;
  border-color:#fff;
  color:#fff;
  -webkit-transition:0.2s all;
  transition:0.2s all
  }
  .btn-outline-light:hover {
  background:#fff;
  border-color:#fff;
  color:#FFF
  }
  .btn-outline-light:active, .btn-outline-light.active {
  background:#f2f2f2 !important;
  border-color:#f2f2f2 !important;
  color:#fff !important
  }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
  color:#fff !important;
  border-color:#fff !important;
  background:transparent !important
  }
  .btn-outline-light:active {
  color:#EBEBEB !important
  }
  .listView {
  margin:0px -20px
  }
  .listView .listItem {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  position:relative
  }
  .listView .listItem:last-child:after {
  display:none !important
  }
  .listView .listItem:after {
  content:"";
  display:block;
  height:1px;
  background:#E5E9F2;
  position:absolute;
  bottom:0;
  left:72px;
  right:0
  }
  .listView .listItem .image {
  width:52px;
  padding-right:16px
  }
  .listView .listItem .image img {
  width:100%;
  height:auto;
  border-radius:6px
  }
  .listView .listItem .image .iconBox {
  width:36px;
  height:36px;
  border-radius:200px;
  background:#5b1474;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  color:#FFF;
  font-size:20px
  }
  .listView .listItem .image .iconBox i {
  margin:0 !important;
  line-height:1em
  }
  .listView .listItem .text {
  width:calc(100% - 64px);
  color:#5C5C5C;
  font-size:13px
  }
  .listView .listItem .text strong {
  font-weight:normal;
  display:block
  }
  .listView .listItem .text .text-muted {
  font-size:14px;
  line-height:1.3em;
  margin-top:6px
  }
  .listView a.listItem {
  background-image:url("../img/icon/arrow.svg");
  background-repeat:no-repeat;
  background-position:right 20px center
  }
  .listView a.listItem:active {
  background-color:rgba(229, 233, 242, 0.4)
  }
  .listView.detailed .listItem:after {
  left:98px
  }
  .listView.detailed .listItem .image {
  width:82px
  }
  .listView.iconed .listItem:after {
  left:98px
  }
  .listView.iconed .listItem .iconBox {
  width:62px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  height:62px;
  margin-right:20px;
  background:#5b1474;
  border-radius:6px;
  color:#fff;
  font-size:32px
  }
  .listView.textView .listItem {
  padding:16px 56px 16px 20px
  }
  .listView.textView .listItem .text {
  font-size:18px;
  width:100%
  }
  .listView.textView .listItem:after {
  left:20px
  }
  .contentList {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  padding:16px 0;
  min-height:74px;
  -webkit-box-pack:justify;
  justify-content:space-between;
  border-bottom:1px solid #E5E9F2
  }
  .contentList>div:first-child {
  padding-right:20px
  }
  .lead {
  font-weight:400;
  color:#5C5C5C;
  line-height:1.6em
  }
  .text-muted {
  color:#5C5C5C;
  font-size:14px;
  font-weight:400
  }
  h1, h2, h3, h4, h5, h6 {
  color:#848e9d;
  font-weight:700
  }
  .sectionTitle .text-muted {
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:1px;
  display:block;
  margin-bottom:10px;
  font-weight:400;
  line-height:1em
  }
  .sectionTitle.text-center .title {
  -webkit-box-pack:center;
  justify-content:center
  }
  .sectionTitle.text-center .title h1 {
  padding-right:0;
  margin:0
  }
  .sectionTitle .title {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  justify-content:space-between;
  color:#5b1474;
  font-weight:500;
  font-size:14px
  }
  .sectionTitle .title h1 {
  font-size:28px;
  font-weight:900;
  color:#EBEBEB;
  margin:0;
  padding-right:20px
  }
  .sectionTitle .title h1 small {
  color:#5C5C5C
  }
  .sectionTitle .title a {
  color:#5b1474
  }
  .sectionTitle .lead {
  color:#EBEBEB;
  line-height:1.6em;
  margin-top:10px
  }
  .title-lg {
  font-size:30px;
  color:#EBEBEB;
  font-weight:900;
  line-height:40px
  }
  .text-primary {
  color:#5b1474 !important
  }
  .text-secondary {
  color:#C0CCDB !important
  }
  .text-success {
  color:#1DCC70 !important
  }
  .text-danger {
  color:#ff2d55 !important
  }
  .text-warning {
  color:#FFB400 !important
  }
  .text-info {
  color:#754AED !important
  }
  .text-light {
  color:#f2f2f2 !important
  }
  .text-dark {
  color:#333 !important
  }
  .list-unstyled li {
  margin-bottom:10px
  }
  .list-unstyled li ul {
  margin-top:10px
  }
  .vcard {
  /*border: 1px solid #E5E9F2;*/
  border-radius: 3px;
  padding: 20px;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  text-decoration: none;
  }
  .vcard p {
  font-size:14px;
  color:#333;
  line-height:22px;
  margin-bottom:5px;
  height:65px;
  }
  .card {
  /*border:1px solid #E5E9F2;*/
  border-radius:3px;
  padding:4px;
  margin-bottom:6px;
  }
  .card .card-header {
  border-bottom:1px solid #E5E9F2;
  background:rgba(229, 233, 242, 0.1);
  font-size:14px;
  color:#5C5C5C;
  font-weight:500
  }
  .card .card-footer {
  border-top:1px solid #E5E9F2;
  background:rgba(229, 233, 242, 0.1);
  color:#5C5C5C;
  font-size:14px
  }
  .card .card-title {
  color:#EBEBEB;
  font-size:18px;
  font-weight:500;
  margin-bottom:16px
  }
  .card.bg-primary, .card.bg-success, .card.bg-danger, .card.bg-warning, .card.bg-info, .card.bg-dark, .card.bg-secondary {
  border:0
  }
  .card.bg-primary .card-header, .card.bg-success .card-header, .card.bg-danger .card-header, .card.bg-warning .card-header, .card.bg-info .card-header, .card.bg-dark .card-header, .card.bg-secondary .card-header {
  border-bottom:1px solid rgba(255, 255, 255, 0.1);
  background:transparent;
  color:#fff
  }
  .card.bg-primary .card-title, .card.bg-success .card-title, .card.bg-danger .card-title, .card.bg-warning .card-title, .card.bg-info .card-title, .card.bg-dark .card-title, .card.bg-secondary .card-title {
  color:#fff
  }
  .card.bg-primary .card-text, .card.bg-success .card-text, .card.bg-danger .card-text, .card.bg-warning .card-text, .card.bg-info .card-text, .card.bg-dark .card-text, .card.bg-secondary .card-text {
  color:rgba(255, 255, 255, 0.8)
  }
  .card-overlay {
  border:0;
  border-radius:0px;
  overflow:hidden;
  position:relative
  }
  .card-overlay .card-img-overlay {
  background:rgba(31, 48, 83, 0.5);
  border-radius:0px;
  padding:16px
  }
  .card-overlay .card-img {
  border-radius:0px
  }
  .card-overlay .header {
  font-size:14px;
  font-weight:700
  }
  .card-overlay .header i.icon {
  font-size:16px
  }
  .card-overlay .content {
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px
  }
  .card-overlay .content h1 {
  font-size:24px;
  font-weight:700;
  margin:0 0 16px 0;
  color:#fff;
  line-height:1.4em
  }
  .card-overlay .content footer {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  justify-content:space-between;
  font-size:14px
  }
  .card-overlay .content footer .author {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center
  }
  .card-overlay .content footer .author img {
  border:1px solid #fff;
  margin-right:6px;
  width:24px;
  height:24px;
  border-radius:100px
  }
  @media only screen and (max-width: 340px) {
  .card-overlay .content h1 {
  font-size:18px;
  line-height:1.4em
  }
  }
  @media only screen and (min-width: 600px) {
  .card-overlay .content h1 {
  font-size:18px;
  line-height:1.4em
  }
  .vcard p {
  display: -webkit-box;
  -moz-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  }
  }
  @media only screen and (max-width: 959px) {
  .card-overlay .content h1 {
  font-size:18px;
  line-height:1.4em
  }
  .sectionTitle, .sectionTitle3 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
  }
  .vcard {
  padding: 16px;
  }
  .appContent {
  padding: 0;
  }
  .vcard p {
  display: -webkit-box;
  -moz-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  }
  }
  .cardOverlay {
  color:#fff;
  border-radius:6px;
  border:0
  }
  .cardOverlay .card-img-top {
  border-radius:6px
  }
  .cardOverlay .card-title {
  color:#fff
  }
  .cardOverlay .card-text {
  opacity:0.75
  }
  .cardOverlay .card-img-overlay {
  background:rgba(31, 48, 83, 0.5);
  border-radius:6px;
  padding:16px
  }
  .listviewCard .listView .listItem:last-child:after {
  display:none
  }
  .divider {
  height:1px;
  background:transparent;
  border-bottom:1px solid #E5E9F2
  }
  .divider.dotted {
  border-bottom:1px dotted #E5E9F2
  }
  .divider.dashed {
  border-bottom:1px dashed #E5E9F2
  }
  .divider.large {
  border-bottom-width:2px
  }
  .divider.xlarge {
  border-bottom-width:4px
  }
  .divider.xxlarge {
  border-bottom-width:6px
  }
  .photoPost header {
  padding:10px 0;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  justify-content:space-between
  }
  .photoPost header .avatar {
  width:32px;
  height:32px;
  border-radius:100px;
  margin-right:6px
  }
  .photoPost header strong {
  font-weight:500;
  color:#EBEBEB
  }
  .photoPost header .lead {
  font-size:14px
  }
  .photoPost .image img {
  border-radius:6px
  }
  .photoPost footer {
  padding:10px 0 5px 0
  }
  .photoPost footer .btn {
  height:30px;
  line-height:1.2em;
  padding:0;
  outline:0 !important;
  box-shadow:none !important;
  display:-webkit-inline-box;
  display:inline-flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  color:#5C5C5C;
  font-size:14px;
  font-weight:500
  }
  .photoPost footer .btn i {
  font-size:22px;
  margin-right:6px;
  color:#EBEBEB
  }
  .photoPost footer .btn:active i {
  color:#5b1474
  }
  .profileDetail .profileBox {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  font-size:14px
  }
  .profileDetail .profileBox .image {
  margin-right:14px
  }
  .profileDetail .profileBox .image .avatar {
  width:54px;
  height:54px;
  border-radius:100px
  }
  .profileDetail .profileBox .info {
  line-height:1.6em
  }
  .profileDetail .profileBox .info strong {
  color:#EBEBEB;
  font-size:16px
  }
  .profileDetail .bio {
  font-size:14px;
  line-height:1.6em;
  color:#EBEBEB;
  padding:16px 0
  }
  .profileDetail .stats {
  text-align:center;
  border-top:1px solid #E5E9F2;
  border-bottom:1px solid #E5E9F2;
  padding:10px 0;
  font-size:14px
  }
  .profileDetail .stats strong {
  display:block;
  font-size:18px;
  font-weight:700;
  color:#EBEBEB
  }
  .profilePost .image {
  border-radius:6px;
  -webkit-transition:0.3s all;
  transition:0.3s all
  }
  .profilePost .image:active {
  -webkit-transform:scale(0.95);
  transform:scale(0.95)
  }
  .profilePost .item {
  margin-bottom:20px
  }
  .comments .item {
  margin:20px 0;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:start;
  align-items:flex-start;
  -webkit-box-pack:start;
  justify-content:flex-start
  }
  .comments .item .item {
  margin-bottom:0
  }
  .comments .item .image {
  margin-right:14px
  }
  .comments .item .image .avatar {
  border-radius:100px;
  width:30px;
  height:30px
  }
  .comments .item .content {
  line-height:1.45em
  }
  .comments .item .content strong {
  color:#EBEBEB;
  font-weight:500;
  display:block;
  padding-top:4px;
  margin-bottom:6px
  }
  .comments .item .content footer {
  margin-top:6px;
  font-size:12px
  }
  .cardOverlayCarousel {
  width:calc(100% + 40px);
  margin-left:-20px
  }
  .postCarousel {
  width:calc(100% + 60px);
  margin-left:-41px
  }
  .postCarousel .item .image {
  width:100%;
  height:auto;
  border-radius:6px;
  margin-bottom:14px
  }
  .postCarousel .item .title {
  font-size:18px;
  line-height:1.5em;
  font-weight:500;
  color:#EBEBEB;
  margin:0
  }
  .itemList .item {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:start;
  align-items:flex-start;
  -webkit-box-pack:start;
  justify-content:flex-start;
  margin-bottom:20px
  }
  .itemList .item .image {
  margin-right:20px
  }
  .itemList .item .image img {
  width:100px;
  height:auto;
  border-radius:6px
  }
  .itemList .item .text {
  font-size:14px;
  line-height:1.6em
  }
  .itemList .item .text .title {
  margin:4px 0 7px 0;
  font-size:18px;
  font-weight:500;
  color:#EBEBEB
  }
  .itemList .item:last-child {
  margin-bottom:0
  }
  .postItem {
  margin-bottom:6px;
  display:block
  }
  .postItem .imageWrapper {
  position:relative;
  margin-bottom:12px
  }
  .postItem .imageWrapper .badge {
  position:absolute;
  left:12px;
  bottom:12px
  }
  .postItem .imageWrapper .image {
  width:100%;
  height:auto;
  border-radius:6px
  }
  .postItem .title {
  font-size:18px;
  font-weight:500;
  color:#EBEBEB;
  margin:0 0 12px 0;
  line-height:1.4em
  }
  .postItem footer {
  display:-webkit-box;
  display:flex;
  font-size:14px;
  align-content:center;
  color: rgb(243, 152, 57);
  padding-left:3px;
  }
  .postItem footer .avatar {
  width:24px;
  height:24px;
  border-radius:100px;
  margin-right:8px
  }
  .iconedBox {
  font-size:14px;
  color:#5C5C5C;
  margin-bottom:20px
  }
  .iconedBox .iconWrap {
  width:60px;
  height:60px;
  color:#fff;
  border-radius:6px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  margin-bottom:20px
  }
  .iconedBox .iconWrap i {
  font-size:26px
  }
  .iconedBox .title {
  font-size:18px;
  color:#EBEBEB;
  font-weight:500;
  margin:0 0 10px 0
  }
  .postHeader {
  font-size:14px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  justify-content:space-between;
  border-top:1px solid #E5E9F2;
  border-bottom:1px solid #E5E9F2;
  padding:16px 0
  }
  .postHeader>div:first-child {
  padding-right:20px
  }
  .postHeader .avatar {
  width:24px;
  height:24px;
  border-radius:100px;
  margin-right:6px
  }
  .postBody {
  font-size:18px;
  line-height:1.6em
  }
  figure {
  margin:20px 0
  }
  figure img {
  width:100%;
  height:auto;
  border-radius:6px
  }
  figure figcaption {
  font-size:14px;
  line-height:1.5em;
  color:#5C5C5C;
  background:#E5E9F2;
  border-radius:0 0 6px 6px;
  margin-top:-8px;
  position:relative;
  padding:8px 16px;
  z-index:2
  }
  .postAuthor {
  border-top:1px solid #E5E9F2;
  border-bottom:1px solid #E5E9F2;
  padding:20px 0;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center
  }
  .postAuthor .avatar {
  width:50px;
  height:50px;
  border-radius:200px;
  margin-right:16px
  }
  .postAuthor strong {
  font-size:18px;
  font-weight:500;
  color:#EBEBEB
  }
  .accordion {
  margin:0 0px;
  border-radius:0
  }
  .accordion .card {
  border-radius:0 !important;
  border-left:0;
  border-right:0
  }
  .accordion.styled .card {
  border:0
  }
  .accordion .card-header {
  background:transparent;
  border:0;
  padding:0;
  position:relative
  }
  .accordion .card-header .arrow {
  font-size:18px;
  position:absolute;
  right:20px;
  top:50%;
  margin-top:-12px;
  margin-right:0
  }
  .accordion .card-header .btn {
  height:auto !important;
  border-radius:0 !important;
  padding:10px 40px 10px 20px;
  display:block;
  width:100%;
  display:block !important;
  text-align:left
  }
  .accordion .card-header .btn:active {
  -webkit-transform:none;
  transform:none
  }
  .contentBox .title {
  margin-bottom:10px
  }
  .contentBox .img-fluid {
  border-radius:6px
  }
  .contentBox.long .contentBox-body {
  margin-left:-20px;
  margin-right:-20px;
  padding:20px;
  }
  .contentBox.long .contentBox-body .listView {
  margin:-20px
  }
  .contentBox.long .contentBox-body .listView .listItem:last-child:after {
  display:none
  }
  .iconBlock {
  font-size:32px;
  color:#EBEBEB
  }
  .iconBlock>div {
  padding:10px
  }
  .imageBlock {
  width:48px;
  height:auto
  }
  .imageBlock.small {
  width:32px
  }
  .imageBlock.large {
  width:64px
  }
  .imageBlock.xlarge {
  width:128px
  }
  .imageBlock.rounded {
  border-radius:6px
  }
  .imageBlock.circle {
  border-radius:100%
  }
  .imageBlock.img-fluid {
  width:100% !important;
  height:auto
  }
  .img-fluid {
  width:100% !important;
  height:auto
  }
  .table {
  color:#5C5C5C
  }
  .table thead th {
    /* border-top: 1px solid #E5E9F2; */
    border-bottom: 0;
    color: black;
    font-size: 12px;
    font-weight: 500;
  }
  .table td, .table th {
  border-top:1px solid #E5E9F2;
  color:#848e9d;
  font-size:13px;
  }
  .table-dark {
  border-radius:6px
  }
  .table-dark thead th {
  color:#fff;
  border-top:0
  }
  .table-dark td, .table-dark th {
  border-top:1px solid rgba(255, 255, 255, 0.1)
  }
  .table-striped tbody tr:nth-of-type(odd) {
  background:rgba(229, 233, 242, 0.4)
  }
  .table-bordered {
  border-radius:6px
  }
  .table-bordered td, .table-bordered th {
  border-color:#E5E9F2
  }
  .basicCarousel {
  width:calc(100% + 40px);
  margin-left:-20px
  }
  .nav-tabs {
  background:#f2f2f2;
  border-radius:0px;
  border:0;
  padding:5px 3px 5px 3px
  }
  .nav-tabs .nav-item {
  text-align:center
  }
  .nav-tabs .nav-item i {
  font-size:20px;
  margin-bottom:-2px
  }
  .nav-tabs.iconed .nav-item i {
  margin-right:8px
  }
  .nav-tabs .nav-link {
  height:44px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  background:transparent;
  color:#000000;
  padding:0 16px;
  border-top:none;
  border-left:none;
  border-right:none;
  border-radius:0px;
  margin:0 !important;
  font-weight:500
  }
  .nav-tabs .nav-link:hover {
  background:#ccc;
  color:#333;
  border-bottom:none ;
  }

  .nav-tabs .nav-link.active {
  font-weight:500;
  color:#00000;
  background:#ffffff;
  border-bottom:solid 2px #2196f3 ;
  }
  .nav-tabs.size1, .nav-tabs.size2, .nav-tabs.size3, .nav-tabs.size4, .nav-tabs.size5 {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center
  }
  .nav-tabs.size1 .nav-item {
  width:100%
  }
  .nav-tabs.size2 .nav-item {
  width:50%
  }
  .nav-tabs.size3 .nav-item {
  width:33.333333333333%
  }
  .nav-tabs.size4 .nav-item {
  width:25%
  }
  .nav-tabs.size5 .nav-item {
  width:20%
  }
  .chatItem {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:start;
  align-items:flex-start;
  -webkit-box-pack:start;
  justify-content:flex-start;
  margin-bottom:8px
  }
  .chatItem .avatar {
  width:32px;
  height:32px;
  border-radius:100px;
  margin-right:12px
  }
  .chatItem .bubble {
  background:#E5E9F2;
  padding:10px;
  border-radius:0 12px 12px 12px;
  color:#EBEBEB
  }
  .chatItem footer {
  text-align:right;
  padding:0px 10px;
  font-size:11px
  }
  .chatItem.user {
  -webkit-box-pack:end;
  justify-content:flex-end
  }
  .chatItem.user .bubble {
  background:#5b1474;
  color:#fff;
  border-radius:12px 12px 0px 12px
  }
  .chatFooter {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  background:#fff;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  padding:0px 20px;
  height:56px;
  padding-bottom:env(safe-area-inset-bottom)
  }
  .chatFooter .leftButton {
  width:36px;
  margin-right:12px
  }
  .chatFooter .formArea {
  width:calc(100% - 36px);
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center
  }
  .chatFooter .formArea .form-control {
  height:36px;
  font-size:16px;
  width:calc(100% - 36px);
  border-radius:6px 0 0 6px
  }
  .chatFooter .formArea .btn {
  width:36px;
  height:36px;
  border-radius:0 6px 6px 0
  }
  .splashBlock {
  text-align:center
  }
  .splashBlock .splashIcon {
  font-size:100px;
  margin-bottom:30px;
  margin-top:20px
  }
  .splashBlock .splashTitle {
  font-size:100px;
  line-height:1em;
  margin:20px 0 30px 0;
  font-weight:900
  }
  .splashBlock footer {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background:#fff;
  z-index:100;
  padding:20px;
  margin-bottom:20px;
  padding-bottom:env(safe-area-inset-bottom)
  }
  .sliderCarousel {
  padding-bottom:40px
  }
  .sliderCarousel .owl-dots {
  height:20px;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  position:fixed;
  bottom:84px;
  left:0;
  right:0;
  z-index:10;
  background:#fff;
  padding:20px
  }
  .sliderCarousel .owl-dots .owl-dot {
  margin:0 6px;
  background:#E5E9F2 !important;
  border-radius:100px;
  width:10px;
  height:10px;
  display:block
  }
  .sliderCarousel .owl-dots .owl-dot.active {
  background:#5b1474 !important
  }
  #countDown {
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  justify-content:space-between;
  max-width:460px;
  margin:auto
  }
  #countDown>div {
  font-size:24px;
  line-height:1em;
  font-weight:900;
  color:#5b1474;
  background:#E5E9F2;
  padding:16px 5px 10px 5px;
  border-radius:6px;
  width:25%;
  margin:0 5px
  }
  #countDown>div span {
  font-size:14px;
  display:block;
  font-weight:400;
  color:#5C5C5C
  }
  .buttonCarousel {
  width:calc(100% + 60px);
  margin-left:-41px
  }
  .buttonCarousel .item {
  text-align:center;
  padding-top:4px
  }
  .buttonCarousel .item .imgWrapper {
  padding:0 6px
  }
  .buttonCarousel .item img {
  border-radius:100%
  }
  .buttonCarousel .item strong {
  display:block;
  font-size:12px;
  line-height:16px;
  font-weight:500;
  color:#EBEBEB;
  margin-top:10px;
  letter-spacing:-0.01em
  }
  .buttonCarousel .item.active img {
  box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #ff2d55
  }
  ::-webkit-scrollbar {
  width:0
  }
  .inner-addon {
  position: relative;
  margin-bottom:20px;
  }
  /* style icon */
  .inner-addon .icon {
  position: absolute;
  padding: 12px;
  pointer-events: none;
  font-size:24px;
  }
  /* align icon */
  .left-addon .icon {
  left:  5px;
  }
  .right-addon .icon {
  right: 0px;
  }
  /* add padding  */
  .left-addon input {
  padding-left:  40px;
  }
  .right-addon input {
  padding-right: 30px;
  }
  .v-carousel__controls {
  background: rgba(0, 0, 0, .5);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  list-style-type: none;
  width: 100%;
  z-index: 1;
  position: relative;
  margin-top: -55px;
  }
  .v-card__actions {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  }
  .inner-addon input.error {
  color: #ff0000;
  font-size: 16px;
  position:unset;
  }
  .error {
  color: #ff0000;
  font-size: 11px;
  position:absolute;
  }

  .custom-checkbox .error {
  color: #ff0000;
  font-size: 11px;
  position: absolute;
  top: 21px;
  left:30px;
  }
  .gameidtimer{-ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 50%;
  }
  .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-width: 0;
  }
  .divsize4 {
  -ms-flex-preferred-size: 33.33333333333333%;
  flex-basis: 33.33333333333333%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 33.33333333333333%;
  }
  .btn-violet{
  background-color: #9c27b0 !important;
  border-color: #9c27b0 !important;
  color:#fff;
  }
  .btn-violet:hover{
  background-color: #9c27b0 !important;
  border-color: #9c27b0 !important;
  color:#fff;
  }
  .numberbutton{
  background-color: #009688 !important;
  border-color: #009688 !important;
  color:#fff;
  min-width:15%;
  margin:6px 6px;
  }
  .numberbutton:hover{
  background-color: #009688 !important;
  border-color: #009688 !important;
  color:#fff;
  min-width:15%;
  margin:6px 6px;
  }
  .timerx{
  margin: 0 2px;
  padding: 0 4px;
  font-size: 24px;
  background: #f2f2f2;
  color: #0f1223;
  border-radius: 5px;
  }
  .gbutton:disabled{ background:#ccc !important; border:#fafafa !important; color:#666 !important; box-shadow:none;}

  .none{ display:none;}
  .btn-white, .closebtn{ box-shadow:none;}
  .btn-white:hover{ background:#ECF5FF;}
  .closebtn:hover{ background:#F4F4F4;}
  .modal-title{ font-weight:normal; color:black;}

  .number-input input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  }

  .number-input input[type=number]::-webkit-inner-spin-button,
  .number-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  }

  .number-input {
  display: flex;
  justify-content: center;
  align-items: center;
  }

  .number-input button {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0;
  position: relative;
  }

  .number-input button:before,
  .number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  height: 2px;
  transform: translate(-50%, -50%);
  }

  .number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
  }

  .number-input input[type=number] {
  text-align: center;
  }

  .number-input.number-input {
  /*border: 1px solid #ced4da;*/
  width: 100%;
  }

  .number-input.number-input button {
  padding: 18px 26px;
  background:#EAEAEA;

  }

  .number-input.number-input button.minus {
  padding: 18px 26px;
  background:#EAEAEA;
  }

  .number-input.number-input button:before,
  .number-input.number-input button:after {
  width: .7rem;
  background-color: #495057;
  }

  .number-input.number-input input[type=number] {
  width: 70%;
  border: none;
  border-width: 0 1px;
  font-size: 2rem;
  height: 2.5rem;
  color: #495057;
  }

  @media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color:transparent) {

  .number-input.def-number-input.safari_only button:before,
  .number-input.def-number-input.safari_only button:after {
  margin-top: -.3rem;
  }
  }
  }
  .modal::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
  }
  .btn-group{border-radius:4px;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);}
  .btn-group .btn{
  height: 36px;
  padding: 0px 8px;
  margin: 0px 0px;
  font-size: 13px;
  box-shadow:none;
  }
  .point {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: block;
  text-align: center;
  margin: auto;
  }
  .point2 {
  width: 100%;
  height: 15px;
  display: block;
  text-align: left;
  margin: auto;
  }
  .spacer {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
  }
  .table-container{webkit-box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12) !important;
  box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12) !important;}
  .dataTables_paginate span{display:none;}
  .dataTables_info{position: relative;
  right: 100px;
  top: 14px; text-align:right; color:#666;}
  .paginate_button {font-size:18px;margin-right:30px;}
  .dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
  position: relative;
  top: -7px;
  }
  .paginate_button {color:#666;}
  .dataTables_paginate .disabled{color:rgba(0,0,0,.26) !important;}
  table.dataTable {
  border-collapse: collapse;
  }

  .clickable::after {
  content: "\f107";
  color: #333;
  font-family: "FontAwesome";
  font-size: 24px;
  float:right;
  margin-right:20px;
  margin-top:13px
  }
  .clickable[aria-expanded="true"]::after {
  content: "\f106";
  color: #333;
  font-family: "FontAwesome";
  font-size: 24px;
  float:right;
  margin-right:20px;

  }
  .clickable span,.detail span{ font-size:14px; font-weight:500;}