.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.alpha0{ opacity:0; }
.alpha10{ opacity:.1; }
.alpha20{ opacity:.2; }
.alpha30{ opacity:.3; }
.alpha40{ opacity:.4; }
.alpha50{ opacity:.5; }
.alpha60{ opacity:.6; }
.alpha70{ opacity:.7; }
.alpha80{ opacity:.8; }
.alpha90{ opacity:.9; }
.alpha100{ opacity:1; }
.font-read{
	font-size:1.1rem;
}
.gotoPage{
	cursor:pointer;
}
.bgb20{
	background:rgba(0,0,0,.1) !important;
}
.bgw95{
	background:rgba(255,255,255,.95) !important;
}
.fw{
	color:#fff;
}
.bold{
	font-weight:800; 
}
.fd{
	color:#1a1a1c;
}
.tl{
  text-align:left;
}
.tr{
  text-align:right;
}
.tc{
  text-align:center;
}
.vt{
	vertical-align:top;
}
.vm{
	vertical-align:middle;
}
.color0{
  color:#767381;
}
.color1{
  color:#ff4d60;
}
.color2{
  color:#2ac1a8;
}
.color3{
  color:#2aa2dc;
}
.sl{
  margin-left:5px;
}
.sr{
  margin-right:5px;
}
.f10{
	font-size:10px;
}
.f12{
	font-size:12px;
}
.f14{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.f22{
	font-size:22px;
}
.b5{
	border-radius:5px !important;
}
.b10{
	border-radius:10px !important;
}
.b20{
	border-radius:20px !important;
}
.b30{
	border-radius:30px !important;
}
.b60{
	border-radius:60px !important;
}
.l-120{
	line-height: 120%;
}
.l-140{
	line-height: 140%;
}
.st-5{
	margin-top:5px !important;
}
.sb-5{
	margin-bottom:5px !important;
}
.sl-5{
	margin-left:5px !important;
}
.sr-5{
	margin-right:5px !important;
}
.mt-10{
	margin-top:10px !important;
}
.mb-10{
	margin-bottom:10px !important;
}
.centralize{
	position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);
}
.bg-cover{
	background-size:cover; 
	background-position: center center;
	background-repeat:no-repeat;
}
.pm-0{
	padding:0px !important; 
	margin:0px !important;
}
.wh-100{
	width:100%; height:100%; 
}
.scrollhidden::-webkit-scrollbar {
  display: none;
}
.scrollhidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.text_more{
  font-size:10px; 
  font-weight:600; 
  padding:2px 6px 2px 6px; 
  border-radius:12px; 
  border:1px solid rgba(255,77,96,.4);
  color:rgba(255,77,96,.4);
}
.shadow{
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.2);
}
.shadow_text{
	text-shadow: 0px 0px 10px rgba(0,0,0,.6);
}
.shadow_text_light{
	text-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.formline{
	border:2px solid rgba(0,0,0,.2) !important;
}
.img-bg{
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center center;
}
.menu-header{
  top:0px; 
  min-height:0px !important; 
  background-color:transparent; 
  display:none; 
  text-align: center;
}
.menu-header-bg{
  display:inline-block; 
  width:100%; 
  max-width:700px; 
  border-radius:0.428rem; 
  text-align:left; 
}
.inline{
  display:inline-block;
}
.relative{
  position:relative;
}
.absolute{
  position:absolute;
  top:0px;
  left:0px;
}
.pointer{
  cursor:pointer;
}
.thumb_box{
	position:relative;
	background-color:rgba(0,0,0,.05);
	border-radius:20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px !important;
    padding: 0px !important;
}
.thumb_preloader{
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}
.thumb_img{
	width:100%; 
	height:100%; 
	border-radius:6px; 
	background-size:cover; 
	background-position:center center; 
	background-repeat: no-repeat;
}
.thumb_medias_box{
	width:86px; 
	height:86px; 
	border-radius:30px; 
	background-color:rgba(30,30,30,.1); 
	background-size: 20px; 
	background-position: center center; 
	background-repeat: no-repeat;
}
.thumb_medias_inside{
	border-radius:30px; 
	width:100%;
	height:100%;
	background-position: center center; 
	background-size:cover; 
}
.s2_bt_shadow {
  box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.08);
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.08);
}
.title_etc{
  white-space: nowrap;   
  overflow: hidden;           
  text-overflow: ellipsis;   
  display: block;             
  max-width: 100%;           
}
.notify_thumb{
  width:60px; 
  height:46px; 
  border-radius:4px; 
  background-color:rgba(0,0,0,.05);
  background-size:20px; 
  background-repeat:no-repeat; 
  background-position:center center;
}
.notify_thumb_inside{
  width:60px; 
  height:46px; 
  border-radius:4px;
  background-size:cover;
  background-position:center center;
}
@keyframes todark_bg {
  from {background-color: #ffffff;}
  to {background-color: #1a1a1c;}
}
@keyframes todark_menu {
  from {background-color: #ffffff;}
  to {background-color: #1f1f23;}
}
@keyframes todark_menu_round {
  from {background-color: #ffffff; border-radius: 20px; }
  to {background-color: #1f1f23; border-radius: 20px; }
}
@keyframes tolight_bg {
  from {background-color: #1a1a1c;}
  to {background-color: #ffffff;}
}
@keyframes tolight_menu {
  from {background-color: #1f1f23; }
  to {background-color: #ffffff;}
}
@keyframes tolight_menu_round {
  from {background-color: #1f1f23; border-radius: 20px; }
  to {background-color: #ffffff; border-radius: 20px; }
}

.swiper {
  width: 100%;
  height: 430px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  /*background: #1F1F23;*/
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#app {
  height: 100%;
  height: 100dvh;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
}

.demo-nav {
  height: 48px;
  background: #222;
  display: flex;
  justify-content: center;
  align-items: stretch;
  font-family: monospace;
  color: #fff;
  gap: 16px;
  box-sizing: border-box;
  padding: 6px 16px;
  z-index: 10;
}

.demo-nav {
  font-size: 12px;
}
.demo-nav label {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  cursor: pointer;
}
.demo-nav label:hover {
  background: rgba(0, 0, 0, 0.1);
}
.demo-nav .dropdown {
  position: absolute;
  background: #111;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  right: 4px;
  top: 4px;
  width: 64px;
  overflow: hidden;
}
.demo-nav .dropdown:not(.visible) {
  display: none;
}
.demo-nav .dropdown span {
  display: block;
  cursor: pointer;
  text-align: right;
  padding: 4px 8px;
  cursor: pointer;
}
.demo-nav .dropdown span:hover {
  background: rgba(255, 255, 255, 0.05);
}

.demo-slider {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 10;
  min-height: 0;
}

.swiper-material {
  height: 280px;
  width: calc(100% - 32px);
  max-width: 800px;
}

.demo-material-image {
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.demo-material-label {
  position: absolute;
  font-size: 24px;
  color: #fff;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  padding: 24px;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 50%);
}
/*
================
RANKING
================
*/
#ranking-tag{
	position:absolute; 
	margin-top:-116px;
	right: 0px;
}

/*
================
SCROLL
================
*/
.scrolls2{
	overflow: auto;
}
.scrolls2::-webkit-scrollbar {
  width: 5px;
}
.scrolls2::-webkit-scrollbar-track {
  background: transparent
}
.scrolls2::-webkit-scrollbar-thumb {
  background-color: rgba(70,70,80,.2);
}
.scrolls2h::-webkit-scrollbar {
  height: 5px;
}
.scrolls2h::-webkit-scrollbar-track {
  background: transparent
}
.scrolls2h::-webkit-scrollbar-thumb {
  background-color: rgba(70,70,80,.2);
}
/*
================
PRELOADER
================
*/
.preloader_center{
  position: absolute; 
  top: 50%; 
  left: 50%; 
  transform:translate(-50%,-50%);
}

/* 
--------------------------------------
ANIMATIONS 
--------------------------------------
*/
.heartbeat{
  animation: heartbeat 2s ease-in-out infinite
}
@keyframes heartbeat {
  0% { 
  	transform: rotate(8deg) scale(1);
  }
  50% { 
  	transform: rotate(-8deg) scale(1.1);
  }
  100% { 
  	transform: rotate(8deg) scale(1);
  }
}
.heartbeat-p{
  animation: heartbeat-p 2s ease-in-out infinite
}
@keyframes heartbeat-p {
  0% { 
  	transform: rotate(3deg) scale(1) translate(-50%,0px);
  }
  50% { 
  	transform: rotate(-3deg) scale(1.1) translate(-49%,-3px);
  }
  100% { 
  	transform: rotate(3deg) scale(1) translate(-50%,0px);
  }
}
.breathing{
  animation: breathing 2s ease-in-out infinite
}
@keyframes breathing {
  0% { 
  	transform: rotate(3deg) scale(1);
  }
  50% { 
  	transform: rotate(-20deg) scale(1.1);
  }
  100% { 
  	transform: rotate(3deg) scale(1);
  }
}
.breathing2{
  animation: breathing2 2s ease-in-out infinite
}
@keyframes breathing2 {
  0% { 
  	transform: scale(1);
  }
  50% { 
  	transform: scale(1.2);
  }
  100% { 
  	transform: scale(1);
  }
}

/*
================
COMMENTS
================
*/
.comment_reply_tag{
  font-size: 13px;
  background-color: #44434c;
  border-radius: 10px;
  padding: 2px 8px 2px 8px;
  color: #fff;
  width: auto;
  position: absolute;
  margin-top:-70px; 
  z-index:1;
}
.comment_emoji{
  width:100%; 
  margin-bottom:4px; 
}
.comment_emoji_scroll{
  padding:5px; 
  overflow:auto; 
  background-color:rgba(0,0,0,.1); 
  border-radius:4px;
}
.comment_emoji_inside{
  font-size:22px; 
  letter-spacing:2.6px;
}
.emoji{
  cursor:pointer;
}
.iam{
	color:#767381;
	font-size: 9px;
    padding: 2px 6px 2px 6px;
    border-radius: 6px;
    border: 1px solid #767381;
    font-weight: 800;
    margin: 0 4px 0 4px;
}
/*
================
STORIES
================
*/
#stories_overflow::-webkit-scrollbar {
    display: none;
}
.stories{
  position:absolute; 
  left:0px; 
  top:0px; 
  width:100%; 
  height:100%; 
  z-index:9999;
}
.stories-inside{
  width:100%; 
  height:100%; 
  background-color:rgba(20,20,22,.95); 
  text-align:left;
}
.stories-box{
  position:absolute; 
  left:0px; 
  top:0px; 
  width:100%; 
  height:100%;
}
.stories-box-inside{
  position:relative;
  width:100%; 
  height:100%;
}

/*
================
TIMELINE
================
*/
#timeline-feed{
	border-top:1px solid rgba(0,0,0,.05); 
	padding-bottom:90px;
}
#timeline-scope-button{
	position:absolute; 
	margin-top:-116px;
	margin-left:6px;
}
.post{
  width:100%; 
  padding-bottom:30px;
}
.post-legend{
  margin:20px; line-height:180%; word-wrap:break-word; 
}
.post-photo-bg-loader{
  width:100%; 
  height:280px; 
  background-color:rgba(0,0,0,.1);  
  background-repeat: no-repeat; 
  background-size:30px; 
  background-position: center center;
}
.post-photo-box{
  width:100%; 
  height:100%; 
  background-size:contain; 
  background-repeat: no-repeat; 
  background-position:center center; 
}
.post-photo-tools{
  position:relative; 
  width:100%; 
  height:100%;
}
.post-inside-centralized{
  position:absolute; 
  top:50%; 
  left:50%; 
  transform: translate(-50%,-50%); 
}
.post-tag-center{
	color:#fff; 
	font-size:11px; 
	position:absolute; 
	top:50%; 
	left:50%; 
	transform: translate(-50%,-50%);
	text-shadow: 0px 0px 10px rgba(0,0,0,.6);
}
.s2video-controller-skew-bar{
	position:absolute; left:120px; bottom:20px; z-index:1;
}
.s2video-controller-skew-bg{
	width:100%; height:6px; background-color:rgba(255,255,255,.2); border-radius:4px;
}
.s2video-controller-skew-inside{
	height:6px; border-radius:4px; background-color:rgba(26,224,191,.8);
}
.s2video-controller-skew-inside-bt{
	position:absolute; left:0%; top:-11px; margin-left:-14px;
}

/*
================
HEATMAP
================
*/
.like-heatmap{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%;
}
.heatmap-box{
	width:100%; 
	height:100%; 
	background: rgb(14,14,14);
	background: linear-gradient(0deg, rgba(14,14,14,0.8519782913165266) 15%, rgba(14,14,14,0.4009978991596639) 100%);
}
.like-heatmap-start{
	cursor:pointer;
}
.heatmap-canvas{
}

/*
================
FORYOUR
================
*/
.search_bar{
	position:absolute; top:14px; left:20px; width:100%; z-index:1;
}
.search_result_box{
	text-align:left; 
	padding:0px; 
	margin-bottom:15px; 
	padding-bottom: 10px; 
	border-bottom: 1px dotted rgba(84,84,84,.5); 
	cursor:pointer;display:block;
}
.search_result_avatar{
	display:inline-block; 
	vertical-align: top; 
	width:50px; 
	height:50px; 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: 20px; 
	opacity:1
}
.search_result_data{
	display:inline-block; 
	vertical-align: top; 
	line-height:120%; 
	margin-left:10px; 
	opacity:1
}
.fy_page_title_box{
	border-left:2px solid #1ae0bf; padding: 6px 0 6px 10px; line-height: 140%;
}
.fy_page_title{
	font-size:18px; font-weight:600; 
}
.campaigns_banner{
	position:absolute; 
	bottom:0px; 
	width:100%; 
	height:260px; 
	z-index:1; 
	background: rgb(26,26,28); 
	background: linear-gradient(0deg, rgba(26,26,28,1) 0%, rgba(26,26,28,0) 100%);
}
.campaigns_banner_infos{
	position:absolute; 
	bottom:0px;
}
.campaigns_banner_infos_logo{
	margin-left:-4px;
}
.campaigns_banner_infos_title{
	color:#fff; 
	font-size:32px; 
	font-weight:600;
	line-height: 110%;
}
.campaigns_banner_actions{
	position:absolute; 
	bottom:0px; 
	right:0px; 
	text-align:center;
}
.campaigns_banner_actions_bt{
	margin-bottom:4px;
}
.topsupporter1_icon{
  position:relative; 
  width:200px; 
  height:200px; 
}
.topsupporter1_img_bg{
  position:absolute; 
  left:30px; 
  top:30px; 
  width:140px; 
  height:140px; 
  border-radius:50%; 
  background-size:40px; 
  background-repeat:no-repeat; 
  background-position:center center;
}
.topsupporter1_img{
  width:100%; height:100%; border-radius:50%; 
}
.topsupporter1_namebox{
  padding:14px; 
  border-radius:30px;
  background-color:#fff; 
  font-size:18px; 
  font-weight:600;
}

/*
================
PERFIL
================
*/
.perfil_cover{
	height:10px;
	width:100%; 
	margin-top:-15px;
	background-size:cover; 
	background-position: center center; 
	cursor:pointer;
}
.perfil_vips_logo{
	position:absolute; top:15px; left:15px;
}
.perfil_engage{
	position:absolute;
	top:15px; 
	right:15px; 
	font-size:16px;
}
.perfil_engage_box{
	display:inline-block; 
	padding:6px !important; 
	background-color:#fff !important;   
	box-shadow: 1px 5px 21px -10px rgb(0 0 0 / 75%); 
	-webkit-box-shadow: 1px 5px 21px -10px rgb(0 0 0 / 75%); 
	-moz-box-shadow: 1px 5px 21px -10px rgba(0,0,0,0.75);
}
.perfil_data_box{
	margin-top:-30px; text-align:center; vertical-align: top; color:#5E5873;
}
.perfil_data_numbers_box{
	width:110px; text-align:center; display:inline-block; vertical-align: top; margin-top:45px;
}
.perfil_data_numbers{
	color:#5E5873 !important; margin:0px !important
}
.perfil_data_numbers_tile{
	margin-top:6px; margin-bottom:6px; border-top: 1px solid rgba(0,0,0,0.1) !important;
}
.perfil_avatar{
	display:inline-block;  width:112px; height:112px; border:6px solid #fff; border-radius:10px; background-size: cover; background-position: center center; box-shadow: 1px 5px 21px -10px rgba(0,0,0,0.75); -webkit-box-shadow: 1px 5px 21px -10px rgba(0,0,0,0.75);-moz-box-shadow: 1px 5px 21px -10px rgba(0,0,0,0.75); background-color:#F8F8F8; cursor:pointer;
}
.perfil_avatar_guest_tag{
	margin-top: 94px;
}
.perfil_avatar_stories{
	position: relative; display:inline-block;  width:112px; height:112px;
}
.perfil_avatar_stories_border{
	width: 112px; height: 112px; cursor:pointer; box-shadow: 1px 5px 21px -10px rgba(0,0,0,0.75); -webkit-box-shadow: 1px 5px 21px -10px rgba(0,0,0,0.75);-moz-box-shadow: 1px 5px 21px -10px rgba(0,0,0,0.75);
}
.perfil_avatar_stories_box{
	position:absolute; left:0px; top:0px; z-index: 1; width: 112px; height: 112px; background-color:#fff; background-size: cover; background-position: center center; background-size: 20%; background-repeat: no-repeat; border-radius:4px;
}
.perfil_avatar_stories_guest_tag{
	position:absolute; left:0px; width:100%; margin-top:-8px; z-index:100;
}
.perfil_description{
	padding:15px; line-height:180%; overflow:hidden; color:#989898; word-wrap: break-word;
}
.perfil_thumb{
	background-color:#f3f3f3; 
	display:inline-block; 
	margin-bottom:4px; 
	vertical-align:top; 
	width:100px; 
	height:100px; 
	border-radius:10px; 
	cursor:pointer; 
	background-repeat: no-repeat; 
	background-size:20px 20px; 
	background-position:center center;
}
.perfil_thumb_inside{
	position: relative; 
	width:100%; 
	height:100%; 
	background-size: cover; 
	border-radius:10px; 
}
.perfil_thumb_more_box{
	width:100%; 
	height:100%; 
	background-color:rgba(255,255,255,.4);
}
.perfil_thumb_more{
	position: absolute; 
	top:50%; 
	left:50%; 
	font-size:22px; 
	transform:translate(-50%,-50%);
}

.perfil_ranking{
	position:absolute; right:15px; top:45px;
}
.perfil_ranking_box{
	position:absolute; right:36px; margin-top: 3px;
}
.perfil_ranking_inside{
	background-color:#fff; 
	font-size:13px; 
	padding:4px; 
	border-radius:10px;
	-webkit-box-shadow: 1px 5px 21px -10px rgb(0 0 0 / 75%);
	text-align:center;
	line-height: 110%;
	padding: 4px 10px 4px 10px;
}
.item_thumb_box{
	position:relative;
	background-color:rgba(0,0,0,.05);
	border-radius:20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px !important;
    padding: 0px !important;
}

.item_thumb{
	width:100%;
	height:100%;
	background-size:cover; 
	background-position:center center; 
	border-radius:10px; 
	background-repeat: no-repeat;
}
.gradient-border {
    --borderWidth:6px;
    background: #F8F8F8;
    position: relative;
    border-radius: var(--borderWidth);
}
.gradient-border:after {
    content: '';
    position: absolute;
    top: calc(-1 * var(--borderWidth));
    left: calc(-1 * var(--borderWidth));
    height: calc(100% + var(--borderWidth) * 2);
    width: calc(100% + var(--borderWidth) * 2);
    background: linear-gradient(60deg, #3cdcc2, #ffffff, #fe5464);
    border-radius: calc(2 * var(--borderWidth));
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
}
@keyframes animatedgradient {
    0%{background-position: 0% 50%;}
    50%{background-position: 100% 50%;}
    100%{background-position: 0% 50%;}
}
/*
================
BUTTONS:
================
*/
.bt_perfil_engage{
	margin: 2px; 
	display:inline-block
}

/*
================
WALLET:
================
*/
.wallet_page{
	position:relative; padding-bottom:90px;
}
.wallet_card{
	width:100%; padding:20px 30px 20px 30px;  
}
.wallet_card_bg{
	background:#363639; width:100%; border-radius:20px; border-bottom:2px solid #ff4d60;
}
.wallet_card_wallpaper{
	width:100%; height:100%; border-radius:20px; background-size:cover; background-position:center center;
}
.wallet_card_overlay{
	position:relative; width:100%; height:100%; border-radius:20px;
}
.wallet_add_funds{
	display:inline-block; border: 1px solid #fff !important; 
	color:#fff; box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.16); 
	-webkit-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.16); 
	-moz-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.16);
}
.wallet_loading{
	font-size:12px; text-align: center; border-top: 1px solid #efefef;
}
.wallet_bg_thumb{
	margin-bottom:4px; padding:4px !important;
}
.wallet_bg_thumb_box{
	border-radius:10px; background-color:rgba(0,0,0,.01); background-size: 20px 20px; background-position:center center; background-repeat: no-repeat;
}
.wallet_bg_thumb_img{
	width:100%; height:100%; border-radius:10px; background-size:cover; background-position:center center; background-repeat: no-repeat;
}
.wallet_bg_overlay{
	width:100%; height:100%; border-radius:10px; background-color:rgba(0,0,0,.7); 
}
.wallet_bg_thumb_img_checked{
	border:3px solid #fff;
}
.wallet_bg_thumb_check{
	position:absolute; top:10px; left:12px;
}

/*
================
FUNDS:
================
*/
.funds_cover{
	height:200px; background-size:cover; background-position:top center;
}
.funds_page{
	position:relative; width:100%; max-width:700px; display:inline-block;
}
.funds_steps{
	width:40px; background-color:#ff4d60; padding:4px; border-radius:20px; color:#fff;
}
.funds_value_box{
	height:140px; border:1px solid #EBE9F1; border-bottom:3px solid #EBE9F1; background-size:cover; background-position:center center;
}
.funds_value_input{
	text-align: right; 
	font-size: 28px !important; 
	font-weight: 900  !important; 
	height: 60px !important; 
	padding-right: 5px !important;
}

/*
================
PLAYGROUND:
================
*/
.playground_thumb_box{
	border-radius:20px; 
	background-color:rgba(0,0,0,.01); 
	background-size: 20px 20px; 
	background-position:center center; 
	background-repeat: no-repeat; 
}
.playground_thumb_img{
	width:100%; 
	height:100%; 
	border-radius:20px; 
	background-position:center center; 
	background-repeat: no-repeat; 
	background-size:cover; 
}

/*
================
BAG:
================
*/
.bag_thumb_box{
	background-color:rgba(0,0,0,.01); 
	background-size: 20px 20px; 
	background-position:center center; 
	background-repeat: no-repeat; 
}
.bag_thumb_img{
	width:100%; 
	height:100%;
	background-position:center center; 
	background-repeat: no-repeat; 
	background-size:cover; 
}
.bag_user_change_bt{
	position:relative !important;  
	font-size:18px !important;  
	font-weight:600 !important;  
	width:100% !important;  
	border-color:#fff !important; 
	border-bottom:2px solid #fff !important;
}

/*
================
SHOP:
================
*/
.shop_badge{
	display:inline-block;
	padding:6px !important; 
	background-color:#fff; 
	color:#5E5873; 
	margin:5px;
}

/*
================
PRODUCT:
================
*/
.product_cover_box{
	position: relative; display:inline-block;  width:300px; height:120px;
}
.product_cover_border{
	width: 112px; height: 112px; cursor:pointer; 
}
.product_cover_img{
	position:absolute; left:0px; top:0px; z-index: 1; width: 112px; height: 112px; background-color:#fff; background-size: cover; background-position: center center; background-size: 20%; background-repeat: no-repeat; border-radius:4px;
}

/*
================
CHAT:
================
*/
.keyboard_key{
	font-size:11px; 
	padding:4px; 
	border-radius:4px; 
	border:1px solid #c1c1c1; 
	border-bottom:2px solid #c1c1c1;
}
.arrow{
	color:rgba(80,80,80,.2); 
	margin:0 4px 0 4px;
}
#chat-congif-box{
	position:absolute; 
	width:300px; 
	top:56px; 
	right:30px; 
	border-radius:20px; 
	z-index: 9; 
}
#sidebar-content{
	border-right: 1px solid rgba(80,80,80,.1); 
}
.user-chats-s2v{
	background-image:none !important; 
	background-color:rgba(0,0,0,.1) !important; 
	padding:0px 1rem 0px 1rem !important;
}
.chat_msgs_box_s2v{
	width:100%; height:100%; overflow-y: scroll; overflow-x: hidden; padding:6px;
}
.chat_msgs_wait_s2v{
	width:100%; height:100%; position:absolute; top:0px; left:0px;
}
.chat_msgs_wait_s2v_inside{
	position:relative; 
    width:148px; 
    left:50%; 
    top:50%; 
    transform: translate(-50%,-50%);
    text-align:center; 
    line-height:120%;
}
.chat_input_s2v{
	resize: none !important; 
	line-height:140% !important; 
	font-size:16px !important;
	overflow:hidden !important; 
	border-right: 1px solid #D8D6DE !important;
}
.chat-fastmsg-box{
	position:absolute; 
	width:100%; 
	background:rgba(255,255,255,.9); 
	border-radius:8px; 
	box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); 
}
.chat-fastmsg-close{
	position:absolute; right:10px; top:10px; cursor:pointer;
}
.chat-fastmsg-edit{
	position:absolute; right:37px; top:12px; cursor:pointer;
}
.chat-fastmsg-start{
	position:absolute; right:37px; top:12px; cursor:pointer;
}
.chat-options-off{
	border-top-right-radius: 5px !important; 
	border-bottom-right-radius: 5px !important;
}
.chat-opt-signature{
	padding:10px; padding-bottom:8px; text-align:center; cursor:pointer;
}
.chat-opt-sendmedia{
	padding:10px; padding-bottom:8px; text-align:center; cursor:pointer;
}
.chat-options-on{
	padding:10px; padding-bottom:5px; text-align:center;
}
.chat-options{
	position:absolute; 
	right: -5px;
    bottom: -5px;
    border: 2px solid rgba(255, 255, 255, .05);
    border-radius: 10px;
}
.chat-options-inside{
	border-radius:10px;
	padding: 10px 10px 0 10px; 
	width:70px;
}
.chat-options-widget-label{
	width:41px;
	text-align:center; 
	padding:4px; 
	font-size:10px; 
	color:#464356;
	font-weight: 800px;
}
.chat_mimo{
	margin-right:40px; cursor: pointer; 
}
.chat_msg_icon_ok{
	color:#d3d3d3; 
	font-size:22px; 
	padding:4px; 
	margin-right:5px;
}
.chat_msg_icon_load{
	color:#d3d3d3; 
	font-size:22px; 
	padding:4px; 
	margin-right:5px; 
}
.chat_audio_cancel{
	width:45px; text-align:center; cursor: pointer; 
}
.chat_audio_cancel_text{
	color:#fff; font-size:22px; padding:4px; margin-right:5px;
}
.chat_audio{
	position: absolute; right: 10px; text-align:center; cursor: pointer; 
}
.chat_audio_time{
	color:#fff; margin-right:10px; vertical-align: middle; 
}
.chat_audio_icon{
	color:#1ebea5; font-size:24px; padding:4px; margin-right:5px; vertical-align: middle;
}
.chat-msg-options-s2v{
	position:absolute; width:240px; top:56px; right:10px;
}
.chat_emoji_box{
	position:absolute; margin-top:-100px;
}
.comment_emoji_chat_scroll{
	opacity:.95; padding:8px; overflow:auto; max-width:660px !important; border-radius:10px;
}
.chat_sendmedia_thumb{
	background-color:#6e6b7b17; 
	background-size:16%; 
	background-repeat:no-repeat; 
	background-position:center center; 
	border-radius:6px;
	position: relative;
}
.chat_sendmedia_box{
	background-size:cover; background-position:center center; border-radius:6px;
}
#chat_more{
	position: absolute; 
	bottom:10px; 
	right:0px;  
    width: 50px;
    font-size: 20px;
    text-align: center;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 2px solid rgba(70, 70, 80, .2);
    border-right: 0px;
    display:none;
}
/*
================
CONFIG:
================
*/
.config_publish_logo{
	width:112px; 
	height:112px;
	border-radius:10px; 
	background-size: cover; 
	box-shadow: 1px 5px 21px -10px rgba(0,0,0,0.75); 
	-webkit-box-shadow: 1px 5px 21px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 5px 21px -10px rgba(0,0,0,0.75); 
	background-position: center center; 
	background-size: 80%; 
	background-repeat:no-repeat;
}
.config_image_edit{
	position:absolute; 
	margin:10px;
	background-color:rgba(26,26,28,.8); 
	padding:4px;
	width: 28px;
    border-radius: 10px;
    font-size: 12px;
    height: 28px;
    color: #1ae0bf;
    border: 1px solid #4f4f4f;
}

/*
================
LIST LINK:
================
*/
.listlink_item-bg{
	background-color: rgb(239, 239, 239);
	background-size: 30px 30px; 
	background-position: 70% center; 
	background-repeat: no-repeat; 
	cursor: pointer;
}
.listlink_item-img{
	width:100%;
	height:100%;
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
}
.listlink_item-degrade{
	width:100%; 
	height:100%;
}
.listlink_item_thumb{
	width:30px; 
	height:30px; 
	padding:4px; 
	background-color:#efefef; 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size:20px 20px;
}
.listlink_img_box{
	background-color:rgba(0,0,0,.1); 
	background-size: cover; 
	background-position: center center; 
	background-repeat: no-repeat; 
	height:120px; 
	display:block; 
	border: 1px solid #d9d9d9; 
	border-radius: 10px;
}
.input_img_box{
	background-color:rgba(0,0,0,.1); 
	background-size: cover; 
	background-position: center center; 
	background-repeat: no-repeat; 
	height:120px; 
	display:block; 
	border: 1px solid #d9d9d9; 
	border-radius: 10px;
}
.modalpay_bt_active{
	background-color:#d8fdf7; 
	border:2px solid #73c7b9;
	border-bottom:4px solid #73c7b9;
}
.modalpay_bt_desactive{
	background-color:rgba(0,0,0,.05); 
	border:2px solid #d3d3d3;
	border-bottom:4px solid #d3d3d3;
}
.survey-opt{
	background-color: rgba(26,224,191,0);
}
.survey-opt:hover {
    background-color: rgba(26,224,191,0.1);
}
.processingBox{
	height:109px;
}

/*
================
DRIVE:
================
*/
#drive_sideb {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	z-index: 10;
}
@media (min-width: 768px) {
	#drive_sideb {
		position: static !important;
		left: auto !important;
		width: 50% !important;
		z-index: auto !important;
	}
}