@-moz-document url-prefix() { 
	.main-container .my_products ul.products_list{
		overflow-x: auto;
		overflow-y: scroll;
	}
}

@media print {
	footer, header, .sidebar, .menu, .welcome, .logo, nav, .back-wrapper, .main-submenu-area, #performance_year, button, .submenu-internal {
		display: none !important;
	}

	.main-container {
		margin: 0 !important;
	}

	.content-area {
		padding: 0 !important;
	}

	.entry.year, #show-on-print{
		display: flex !important;
	}

	.print-table{
		display: block !important;
		color: #ff000000 !important;
	}

	.print-table-year{
		display: block !important;
	}
}

.print-table, .print-table-year {
	display: none;
}

li[id^='menu-posts'], li[id*=' menu-posts']{
  	background-color: darkcyan;
}

input.link-pdf {
	background-color: transparent;
	border: none;
	font-weight: bold;
	color: #444;
}

/*----------------------- custom forms --------------------------*/
#um_form_novoregistro .um_field_container input { 
	border: solid 1px #c7c7c7; 
	padding: 5px 20px; 
}

#um_form_novoregistro .um_input{ 
	line-height: 2.7em; 
	width: 100%; 
}

#um_form_novoregistro .um_input[type=checkbox]{ 
	width: auto !important; 
}

#um_form_novoregistro input#insert_user { 
	width: 100%;
	font-size: 1.1em; 
	padding: 10px 0;
	color: #fff;
}

#post-858 #um_field_2_novoregistro_retype{
  margin-top: 10px;
}
#post-858 #um_form_novoregistro{
	width: 50%;
	margin: auto;
}
#post-858 #insert_user{
  margin-top: 30px;
}
#post-858 input:read-only {
  background-color: #f3f3f3;
  color: #737373;  
}

/*----------------------- login register --------------------------*/
body.page-id-822 .wrapper{
  height: 100%;
}

body.page-id-822 footer{
	width: 100%;
	bottom: 0px;
}

.um_field_container p{
	margin-top: 20px;
}

article#post-822,
article#post-841{
  padding: 35px 11%;
}

.wrapper .main-container.login {
	width: 370px;
	padding: 10% 0px 0px 0px;
	margin: 0 auto;
	text-align: center;
  	min-height: calc(100vh - 77px);
}

body.page-id-824 .wrapper .main-container.login p{
  	text-align: left;
}

body.page-id-841 .avatarimg{ 
  	display: none;
}

body.page-id-841 #um_field_2_novoregistro_retype{
  margin-top: 10px;
}

.wrapper .main-container.login h1{
  	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 0px;
}

.wrapper .main-container.login .login-username{
 	margin-top: 30px;
}

.wrapper .main-container.login form#pms_login input[type=text],
.wrapper .main-container.login form#pms_login input[type=password],
.wrapper .main-container.login input#pms_username_email,
.wrapper .main-container.login li.pms-field input{
  	padding: 10px 15px;
  	border: solid 1px #c7c7c7;
	border-radius: .4rem !important;
}

.wrapper .main-container.login input#wp-submit{
  	font-size: 1.4rem;
	padding: 10px 0px;
	width: 100%;
  	grid-column: span 2;
}

#pms_recover_password_form p br{
	display: none;
}

#pms_recover_password_form input[type=submit],
#pms_new_password_form input[type=submit]{
	font-size: 1.4rem;
	padding: 10px 20px;
	background: #016360;
	border-radius: 8px !important;
	border: none;
}

.wrapper .main-container.login p.login-remember{
  	margin: 20px 0;
}

.wrapper .main-container.login input#rememberme {
  	width: 19px;
	height: 19px;
	position: relative;
	top: 4px;
}

@media screen and (max-width: 575px) {
	.wrapper .main-container.login, 
	.wrapper .main-container.login{ 
		width: 100%; 
		max-width: 100% 
	}

	#post-858{
		padding: 0;
	}

	#um_form_novoregistro input#insert_user {  width: auto;    transform: translatex(0%); }  

	#post-858 #um_form_novoregistro{
		width: 100%;
	}
}

.wrapper .main-container.container,
.wrapper .main-container{
	width: calc(100% - 360px);
	max-width: 96% !important;
	margin-top: 0px;
	margin-left: 335px;
	padding: 35px 25px 50px 0px;
	transition: 0.3s;
	min-height: 100vh;
  }

.wrapper.collappse .main-container.container,
.wrapper.collappse .main-container{
	width: calc(100% - 207px);
	margin-left: 170px;
}

/* login tem layout proprio (card centralizado) e nao deve herdar o offset de sidebar acima */
.wrapper .main-container.login{
	width: 370px;
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	padding: 10% 0px 0px 0px;
	min-height: calc(100vh - 77px);
}

@media screen and (max-width: 960px) {
	.wrapper .main-container.container,
	.wrapper .main-container{
		width: 100%;
		margin-left: 0;
	}
}
  
.wrapper .main-container .card{
	background: #fff;
	padding: 15px;
	margin-bottom: 10px;
	font-size: 14px;
}


.main-container .welcome{
	border-bottom: 1px solid #00afaa;
	padding-bottom: 15px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 15px;
}

body.postid-1267 .main-container .welcome{
	justify-content: flex-start;
}

.main-container .welcome h1{
	margin-bottom: 0;
	line-height: 1.2;
}

.breadcrumbs,
.welcome.ititle .breadcrumbs{
	position: relative !important;
	bottom: auto !important;
	width: 100% !important;
	margin-top: 10px !important;
	margin-bottom: 0 !important;
}

.wrapper .main-container .rounded-lg{
	border-radius: .5rem !important;
}


.shortlinks{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.shortlinks .shortlink{
	background-color: #fff;
	padding: 15px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100px;
	width: 170px;
	text-align: center;
	color: #272c33;
	transition: .3s;
}

.shortlinks .shortlink:hover{
	background-color: #ffffffe1;
	text-decoration: none;
}

.shortlinks .shortlink h3{
	font-size: 16px;
	color: #016360;
}

.shortlinks .shortlink a{
	cursor: pointer;
}

@media screen and (max-width: 575px) {
	.shortlinks{
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.shortlinks .shortlink{
		width: calc(50% - 6px);
		height: 65px;
		margin: 3px 3px;
		padding: 0px;
		background-color: #dfdfdf;
		border-radius: 2px;
	}

	.shortlinks .shortlink h3{
		font-size: 14px;
	}

	.shortlinks .shortlink a{
		font-size: 12px;
		text-decoration: underline;
		cursor: pointer;
	}
}

/*----- PRODUTOS--------*/

.main-container .my_products{
	position: relative;
}

.main-container .my_products ul.products_list  {
	margin: 0;
	padding: 0;
	height: 405px;
	overflow: overlay;
}


   .main-container .my_products ul.products_list::-webkit-scrollbar {
	width: 11px;
  }
  .main-container .my_products ul.products_list {
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  .main-container .my_products ul.products_list::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
	border-radius: 6px;
  }
  .main-container .my_products ul.products_list::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG) ;
	border-radius: 6px;
	border: 1px solid var(--scrollbarBG);
  }

.main-container .my_products ul.products_list li .product_list_box{
	width: 70%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.main-container .my_products ul.products_list li {
	list-style: none;
	background-color: #272c33;
	padding: 5px 0;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	height: 71px;
	width: 98%;
}

.main-container .my_products .product_icon{
	margin-left: 15px;
	
}

.main-container .my_products .product_info{
	margin-left: 15px;
}

.main-container .my_products .product_info .product_title{
	color: #fff;
	font-weight: 600;
}

.main-container .my_products .product_info .product_desc{
	color:var(--color-text-subheading);
}

.main-container .my_products .product_btn{
	display: flex;
	align-items: center;
	margin-right: 15px;
}

.main-container .my_products .product_btn .btn_open{
	color: #fff; 
}

.main-container .my_products .seeall{
	position: absolute;
	right: 0;
	border: 2px solid #00afaa;
	padding: 6px 36px;
	color: #00afaa;
}

.main-container .my_products .seeall p{
	color: #00afaa;
	margin: 0;
	font-weight: 600;
}

.main-container .my_products .order{
	position: absolute;
	right: 245px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--color-product-bg);
	border: 2px solid var(--color-product-bg);
	padding: 6px 25px;
}

.main-container .my_products .order i{
	margin: 0 0 0 15px;
	color: #00afaa;
}

.main-container .my_products .order p{
	margin: 0;
}



/*
.main-container #recent_area ul li:first-child{
	padding-left: 0;
}

.main-container #recent_area ul li:last-child{
	padding-right: 0;
}*/

/*---------- recente ----------*/

.main-container #recent_area ul{ 
	margin: 0 0 20px 0; 
	padding: 0;
	display: flex;
	/* justify-content: space-between; */
}

.main-container #recent_area ul li{ 
	list-style: none; 
	width: 270px;
	position: relative;
}
.main-container #recent_area .recent_bg_img{
	background-color: rgb(59, 59, 59);
	width: 100%;
	height: 205px;
	background-size: cover;
	background-position: 50% 50%;
	opacity: 0.9;
}

.main-container #recent_area .recent_info_box{
	background-color: #fff;
	width: 100%;
	height: 115px;
	padding: 10px;
	color: #444;
	display: flex;
	flex-direction: column;
	gap: 3px;
	font-size: 0.9em;
}

.main-container #recent_area .recent_title{
	font-weight: 600;
	color: var(--color-product-bg);
	font-size: 1.1em !important;
}

/*--------- informativos -------------*/

.main-container #informative ul { 
	/* margin: 0 0 20px 0; */
	margin-bottom: 20px;
	padding: 0;
	display: flex;
	justify-content: space-between;

}

.main-container #informative ul li{
	list-style: none;
	position: relative;
	margin-bottom: 20px;
}
.main-container #informative ul li .item{ 
	border-top: 6px solid #00afaa;
	background-color: #fff;
	min-height: 128px;
	/*width: 355px;*/
	display: flex;
	justify-content: flex-start;
	padding-top: 31px;
	padding-bottom: 19px;
	position: relative;
}

.main-container #informative .informative_icon{
	margin-left: 24px;
	margin-right: 23px;
	-webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.20);
	box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.20);
}

.main-container #informative .informative_info_box{
	width: 75%;
}

.main-container #informative .informative_info_box h2{
	font-size: 1.8rem;
	color: var(--color-product-bg);
	width: 75%;
	font-weight: 400;
}

.main-container #informative .informative_info_box p{
	font-size: 1em;
	color: #888f98;
}

/*---------cursos-------------*/

.main-container #courses{
	padding-bottom: 50px;
}
.main-container #courses ul{ 
	margin: 0 0 0px 0; 
	padding: 0;
	/* display: flex;
	justify-content: space-between; */
}
.main-container #courses ul.page{ 
	margin: 20px -15px 0px -15px; 
}
.main-container #courses ul li{ 
	list-style: none;
	max-width: 267px;
}
.main-container #courses ul.page li{ 
	max-width: initial;
	margin-bottom: 25px;
}
.main-container #courses .courses_bg_img{
	background-color: #8d8d8d;
	width: 100%;
	height: 200px;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}
.main-container #courses .courses_info_box{
	background-color: #fff;
	width: 100%;
	height: 183px;
	position: relative;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.main-container #courses .courses_bg_img{
	background-size: cover;
	background-position: 50% 50%;
}

.main-container #courses .courses_info{
	padding: 28px 20px 0px 20px;
	color: #888f98;
	line-height: 1.7em;
	font-size: 0.9em;
	text-align: center;
}

.main-container #courses .courses_info_box a{
	background-color: #0965bd;
	width: 158px;
	display: block;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: 3px;
	color: #fff;
	padding: 14px 0;
	font-weight: 600;
	font-size: 1.1em;
}


.main-container .mclose{
	opacity: 0.4 !important;
	position: relative;
}

.main-container .lock{
	position: absolute;
	right: 23px; /*7px;*/
	top: 12px;
	z-index: 99;
	width: 25px;
	height: 25px;
	background: #fff;
	justify-content: center;
	align-items: center;
	display: flex;
}
.main-container .lock img{
	padding-left: 1px;
}
.main-container .main-submenu-area{
	height: 90px;
	border-bottom: 1px solid #00afaa;
	position: relative;
}

@media screen and (min-width: 961px) {
	.main-container .main-submenu-area{
		display: flex;
		align-items: center;
		gap: 15px;
	}

	.main-container .main-submenu-area #telegrambtn.float-right{
		position: relative !important;
		top: auto !important;
		right: auto !important;
		float: none !important;
		flex-shrink: 0;
	}
}

.main-container .main-submenu-area ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 90px;
	gap: 15px;
	overflow-x: auto;
	overflow-y: hidden;
	max-width: 100%;
	flex: 1;
	min-width: 0;
}
.main-container .main-submenu-area ul li{
	display: flex;
	text-align: center;
}
.main-container .main-submenu-area ul li a{
	color: var(--color-text-subheading);
	background-color: #fff;
	padding: 10px 10px !important;
	border-radius: .5rem;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}
.main-container .main-submenu-area ul li a:hover,
.main-container .main-submenu-area ul li.current-menu-item a
{
	background-color: #00afaa;
	color:  #fff;
}

.main-container .main-submenu-area ul#carteira_z-menu li a{ 
	padding: 10px 10px;
}


/*------- section start ---------*/


.main-container section.start{
	width: 100%;
	background-color: #fff;
	/*min-height: 500px;*/
	/*margin-top: 30px;*/
	padding-bottom: 50px;
	/*align-items: start;*/
	margin-left: 0;
}


.main-container section ul.submenu-internal {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-bottom: 5px;
	/* background-color: #343b44; */
	overflow-x: auto;
	overflow-y: hidden;
	max-width: 100%;
	scrollbar-width: none;
}

.main-container section ul.submenu-internal li {
	height: 70px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
}
.main-container section ul.submenu-internal li.ltborder a {
	border-top-left-radius: 0.6rem;
}
.main-container section ul.submenu-internal li.rtborder a {
	border-top-right-radius: 0.6rem;
}
.main-container section ul.submenu-internal li a{
	background-color: #016360;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
	text-align: center;
  	padding: 3px;
	min-width: 125px;
}

.main-container section ul.submenu-internal li a:hover,
.main-container section ul.submenu-internal li.current-menu-item a{
	background-color: #00afaa;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main-container section.start img.gtable,
.main-container section.start figure.gtable{
	margin: 0 auto;
	display: block;
}
.main-container section.start figure.gtable{
	text-align: center;
}

.main-container section.start .subtitle{
	max-width: 970px;
	margin: 0 auto;
}

.main-container section.start .subtitle ul{
	margin-top: 20px;
}

.main-container section.start .subtitle ul li{
	margin: 0 0px;
	padding: 0px;
	height: 75px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 25px;
	-webkit-box-shadow: 0px 3px 9px -2px rgba(0,0,0,0.3); 
	box-shadow: 0px 3px 9px -2px rgba(0,0,0,0.3);
}

.main-container section.start .subtitle ul li .report_product_list_bg{
	width: 99px;
	height: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-container section.start .subtitle ul li .report_product_list_bg .rounded-circle {
	width: 46px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main-container section.start .subtitle ul li .report_product_list_box{
	padding-left: 0;
	padding-top: 0;
}

.main-container section.start .subtitle ul li .report_product_list_box a{
	color: #00afaa;
	text-decoration: underline;
	font-weight: bold;
}

/*-------------------- comentário ---------------------*/

.main-container .comments {
	width: 100%;
	margin-top: 40px;
}
.main-container .comments .comments-header{
	height: 70px;
	background-color: #009efb;
	padding: 25px 7% 0px 3%;
}
.main-container .comments .comments-header h3{
	color: #fff;
}
.main-container .comments .roundedtop{
	border-top-left-radius: .30rem;
	border-top-right-radius: .30rem;
}

.main-container .comments .comments-base {
	background-color: #fff;
	padding: 25px 7% 25px 3%;
}

/*----------------------- admin panel --------------------------*/

#adminmenu li#menu-posts-produto, 
#adminmenu li#menu-posts-informativos,
#adminmenu li#menu-posts-cursos,
#adminmenu li#menu-posts-faq,
#adminmenu li#menu-posts-preco_justo,
#adminmenu li#menu-posts-recentes{
	background-color: darkcyan;
}

.green-audio-player .download{
	display: block;
}

#post-858 #um_form_novoregistro {
	grid-template-columns: 1fr 10fr 10fr !important;
}

#um_form_novoregistro input{
	margin-bottom: 15px;
}

#um_form_novoregistro #um_field_2_novoregistro_retype{
	margin-top: 0 !important;
}

#post-858 #um_form_novoregistro .um_field_container.avatarimg label,
#post-858 #um_form_novoregistro .um_field_container.avatarimg div{
	display: none !important;
}

.um_field_container.passfield,
.um_field_container.passfield p,
.login-password,
.pms-field{
	position: relative;
}

.toggle-password{
	background-image: url('../img/eye.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 35px;
	right: 35px;
	cursor: pointer;
	filter: invert(28%) sepia(77%) saturate(8%) hue-rotate(314deg) brightness(92%) contrast(81%);
}

.hide-password{
	background-image: url('../img/eye-slash.svg');
}

.login-password .toggle-password,
.pms-field .toggle-password{
	top: 30px;
	right: 10px;
}

#um_form_novoregistro .um_field_container input{
	margin: 0;
}

.um_field_container label{
	font-weight: normal;
}

#pms_login p:not(.login-extra),
.um_field_container{
	text-align: left;
}

#post-1839 form input#confirmo{ width: auto; }
#post-1839 .confirmo_box { display: block; }
#post-1839 .confirmo_box label{ display: inline-block;}

#pms_login input,
#um_form_novoregistro .um_field_container input{
	border-radius: 8px !important;
}

#pms_login .login-submit input,
#um_form_novoregistro #insert_user{
	background: #016360;
	border-radius: 8px !important;
	border: none;
}

#post-841 .toggle-password{
	top: 35px;
	right: 15px;
}

.podcast {
	color: #00afaa;
	margin: 10px 0;
	padding: 10px 0;
	-webkit-box-shadow: 5px 5px 15px 0px #5C5C5C; 
	box-shadow: 5px 5px 15px 0px #5C5C5C;
	border-radius: 15px;
	height: 95px !important;
	position: relative;
}

.mejs__time-total,
.mejs__time-loaded,
.mejs__horizontal-volume-total{
	background: #afafaf;
}

.mejs-volume-controls{
	display: flex;
	align-items: center;
}

.mejs__time-current, 
.mejs__time-handle-content,
.mejs__horizontal-volume-current{
	background: #00afaa;
}

.mejs__horizontal-volume-slider{
	height: 8px;
}

.mejs__horizontal-volume-total,
.mejs__horizontal-volume-current,
.mejs__horizontal-volume-handle{
	position: relative !important;
	top: 0;
}

.mejs__container{
	background: transparent !important;
}
  
.mejs__controls {
	height: 100% !important;
	display: block;
	background: transparent !important;
}

.podcast__meta {
	height: 100% !important;
	display: flex;
	justify-content: space-between;
}

.mejs-prepended-buttons {
	display: flex
}

.mejs-appended-buttons {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 250px;
	margin: auto;
}


.mejs-extra-controls{
	display: flex;
	position: absolute;
	align-items: center;
	right: 15px;
	bottom: -40px;
	gap: 1rem;
	height: 40px;
}

.mejs__download-button > a{
	background: transparent url('../img/audio/download.svg') no-repeat;
}

.mejs__play > button {
	background: transparent url('../img/audio/play.svg') no-repeat;
}

.mejs__pause > button {
	background: transparent url('../img/audio/pause.svg') no-repeat;
}

.mejs__mute > button {
	background: transparent url('../img/audio/volume-high.svg') no-repeat;
}

.mejs__unmute > button {
	background: transparent url('../img/audio/volume-low.svg') no-repeat;
}

.mejs-skip-back-button>button, 
.mejs__skip-back-button>button {
	background: transparent url('../img/audio/rewind.svg') no-repeat;
}

.mejs-jump-forward-button>button, 
.mejs__jump-forward-button>button {
	background: url('../img/audio/forward.svg') no-repeat;
}

.mejs__button > button,
.mejs__button > a,
.mejs__button{
	display: block;
	height: 22px;
	width: 22px;
	margin: 0;
}

.mejs__mute > button,
.mejs__unmute > button,
.mejs-skip-back-button > button, 
.mejs__skip-back-button > button,
.mejs-jump-forward-button > button, 
.mejs__jump-forward-button > button,
.mejs-jump-forward-button > button, 
.mejs__jump-forward-button > button {
	background-position: 0;
	background-size: contain;
	height: 22px;
	width: 22px;
	margin: 0;
	font-size: 0;
}

.mejs__speed-button > button,
.mejs__speed-button{
	width: 30px;
}

.mejs__play > button,
.mejs__pause > button,
.mejs__play,
.mejs__pause{
	background-position: 0;
	background-size: contain;
	margin: 0;
	font-size: 0;
	height: 40px;
	width: 40px;
}

.mejs__button > button,
.mejs__time > span {
	color: #00afaa;
}


@media (max-width: 578px){
	.mejs-appended-buttons{
		width: 90px;
		margin: 0;
	}
}

.dashboard-area .filter{
    background-color: #2F323A;
    padding: 20px;
    border-radius: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.dashboard-area .filter form{
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    align-items: flex-end;
    color: #fff;
    flex-wrap: wrap;
}

.dashboard-area .filter form #plan_chosen{
    display: block;
    width: 150px !important;
    min-height: 35px;
    border-radius: .5rem;
}
.dashboard-area .filter form #plan_chosen .chosen-choices{
    border: 1px solid #ced4da;
    width: 150px;
    min-height: 35px;
    border-radius: .5rem;
    padding: .375rem .75rem;
}

.dashboard-area .filter form .form-group{
    margin: 0;
}

.dashboard-area .filter form .form-group .form-control{
    width: 150px;
    height: 35px;
}

.dashboard-area .filter form .form-group label{
    color: #fff;
    font-weight: bold;
}

.dashboard-area .filter form .form-group .form-control[type=submit],
.dashboard-area .filter a{
    display: block;
    background-color: #016360;
    color: #fff;
    border: none;
    width: 150px;
    height: 35px;
    border-radius: .5rem;
    text-align: center;
    padding: 7px;
}

.dashboard-area .filter form .form-group .form-control[type=submit]:hover,
.dashboard-area .filter a:hover{
    background-color: #016360c9;
}

.dashboard-area section.table{
    margin: 25px 0;
}

.dashboard-area .charts h4{
    color: #fff;
    text-align: left;
    font-weight: 600;
    text-align: center;
    height: 35px;
    margin: 0;
}

.dashboard-area .charts h1{
    color: #fff;
    text-align: left;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 10px;
}

.dashboard-area .charts{
    margin-top: 50px;
}

.dashboard-area .chart canvas{
    width: 220px;
    margin: 25px 10px;
}

.dashboard-area .chart h4{
    color: #fff;
    text-align: left;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
}

#terms_modal {
	position: absolute;
	background: #343b44d5;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

#terms_container {
	background-color: #fff;
	color: #272c33;
	min-width: 320px;
	width: 100%;
	max-width: 500px;
	padding: 25px;
}

#terms_modal p{
	font: 400 13px/1.4 'Open Sans', sans-serif;
	color: #444;
}

#terms_modal h3{
	color: #444;
	font-size: 1.75rem;
}

#terms_modal form{
	display: flex;
	justify-content: space-between;
	text-align: right;
	font: 400 13px/1.4 'Open Sans', sans-serif;
	color: #444;
	margin-top: 25px;
}

#terms_modal form .form-group{
	text-align: left;
	font: 400 13px/1.4 'Open Sans', sans-serif;
	color: #444;
	margin: 0;
	padding: 10px 0;
}

#terms_modal form .form-group label{
	margin: 0;
}

#terms_modal button{
	background-color: #016360;
	color: #fff;
	padding: 10px;
	border: none;
	outline: none;
	transition: all .3s;
}

#terms_modal button:hover{
	background-color: #016360c9;
}

p > strong > a{
  	line-height: 3.5em;
	padding: 5px 10px;
  	border-radius:5px;
	background: #00afaa;
	color: #ffffff;
}

p > a > strong{
  	line-height: 3.5em;
	padding: 5px 10px;
  	border-radius:5px;
	background: #00afaa;
	color: #ffffff;
}

.owl-carousel{
	z-index: inherit !important;
}

.member-button,.notification-button{
	background-color: #016360;
	color: #fff;
	text-decoration: none;
	font-weight: 501;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	align-items: center;
	text-transform: uppercase;
	margin-left: 10px;
	position: relative;
}

.notification-button.active::after{
	content:'';
	position: absolute;
	border-radius: 50px;
	width: 10px;
	height: 10px;
	background-color: #f00;
	top: 8px;
	right: 8px;
}

.member-button:hover{
	color: #fff;
	text-decoration: none;
}

.post-card.mobile,
.product-card.mobile{
	display: none;
}

#news{
	display: none;
}

.post-listing{
	padding-top: 50px;
}

.my_products_int .card-header button:hover,
.my_products_int .card-header button.focus, 
.my_products_int .card-header button:focus{
	text-decoration: none;
	box-shadow: none;
	outline: 0;
	border: none;
}

.my_products_int .card-header button{
	border: none;
}

.my-products .product-box{
	display: none;
}

.show-mobile{
	display: none;
}

#telegrambtn,
#telegrambtn-modal{
	background: #fff;
	border-radius: 7px;
	display: flex !important;
	padding: 0 10px 0 5px !important;
	height: 35px;
	justify-content: center;
	align-items: center;
	width: fit-content !important;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
}

#telegrambtn i,
#telegrambtn-modal i{
	color: #fff;
	border-radius: 50px;
	width: 25px;
	height: 25px;
	padding: 6px 0;
	top: 0 !important;
	font-size: 1.4rem !important;
}

#telegrambtn i,
#telegrambtn{
	background-color: #0088cc;
	border: 0;
	color: #fff;
}

#telegrambtn.carteiraz,#telegrambtn.carteiraz i{
	background-color: #00afaa;
}
#telegrambtn.carteiraz-2,#telegrambtn.carteiraz-2 i{
	background-color: #f0524d;
}
#telegrambtn.carteiraz-espiao,#telegrambtn.carteiraz-espiao i{
	background-color: #1d7bd8;
}

#telegrambtn.discord i,
#telegrambtn.discord{
	background-color: #738adb;
	border: 0;
	color: #fff;
}

.telegramCtn{
	position: relative;
	top: auto;
	right: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: center;
	margin-left: auto;
}

body.postid-1267 .telegramCtn{
	margin-left: 0;
}

.telegramCtn.mobile{
	display: none !important;
}

.espiao-carteira-modal .modal-dialog{
	max-width: 1080px;
	width: calc(100% - 40px);
}

.espiao-carteira-modal .modal-body{
	padding: 0;
	line-height: 0;
}

.espiao-carteira-modal iframe{
	display: block;
	width: 100%;
	height: 78vh;
	min-height: 520px;
	border: 0;
	background: #fff;
}

.espiao-inline-wrap{
	width: 100%;
	background: #fff;
	border-radius: .5rem;
	padding: 20px;
}

.espiao-inline-title{
	margin: 0 0 15px 0;
}

.espiao-inline-frame{
	display: block;
	width: 100%;
	height: 950px;
	border: 0;
	background: #fff;
}

@media screen and (max-width: 960px) {
	.espiao-inline-wrap{
		padding: 12px;
	}

	.espiao-inline-frame{
		height: 1780px;
	}
}

.sidebar-menu .active{
	background-color: #00afaa;
	color: #fff !important;
}
.sidebar-menu .active::after{
	color: #fff !important;
}
.sidebar-menu .active span{
	color: #fff !important;
}
.sidebar-menu .active img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.smw-root .smw-widget > div[data-v-4c612edf]{
	display: flex !important;
	justify-content: flex-end;
	gap: 5px;
}

.image-lightbox{
	position: relative;
	cursor: zoom-in;
	display: block;
	margin: auto;
	width: fit-content;
}

.image-lightbox::after{
	content: "";
	background-image: url("../img/icons/magnify-plus.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(101%) contrast(104%);
	background-color: #b9b9b9;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px;
}

.image-lightbox img{
	margin: 20px auto;
	display: block;
	/* filter: brightness(70%);
	-webkit-filter: brightness(70%);
	-moz-filter: brightness(70%); */
}

.nav .search-area button.mobile-search{
	display: none;
}

.btn_subscribe{
	width: fit-content;
	padding: 10px 10px;
	margin: 10px 0;
	background-color: #016360;
	border-radius: 10px !important;
	border: 0;
}

.subscriptions-list{
	display: none;
}

.subscription-table{
	display: block;
}

.card-subscription{
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #016360;
	padding: 10px 20px;
	margin: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn_renewal{
	background-color: #00afaa;
	border-radius: 10px !important;
	border: 0;
	width: 100px;
}

.btn_cancel{
	background-color: #444;
	border: 0;
	color: #fff;
	border-radius: 10px !important;
}

.card-subscription .info h4{
	color: #016360;
	font-weight: bold;
}

.card-subscription .info ul{
	color: #016360;
}

.card-subscription .info ul li span{
	color: #e98f20;
}

.card-subscription .info ul.Ativo li span{
	color: #007bff;
}

.doc-error{
	color: #ff0000;
}

.search_title{
	font-size: 18px;
	color: #016360;
	border-bottom: 0 !important;
}

.result-card{
	border: 1px solid #737373;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 10px;
}

.result-card h2 a{
	font-size: 14px;
	color: #00afaa;
}

.post-title{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.result-card .result-detail,
.post-detail{
	font-size: 12px;
	color: #8d8d8d;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.availability{
	display: block;
}

.availability.mobile{
	display: none;
}

#discordModal .close {
  color: #fff;
  text-shadow: 0px;
  font-size: 2.5rem;
}

#discordModal .modal-content{
	border-radius: 5px;
}

#discordModal .modal-content .modal-header h5{
	font-size: 16px;
	color: #fff;
}
#telegramModal .modal-content .modal-header h5{
	font-size: 16px;
	color: #fff;
}

#discordModal .modal-content .modal-body p{
	font-size: 14px;
	color: #272c33;
	text-align: center;
}

#discordModal .modal-content .modal-body .token{
	font-size: 24px;
	font-weight: bold;
	width: fit-content;
	margin: 10px auto;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #738adb;
}
#telegramModal .modal-content .modal-body .token{
	font-size: 24px;
	font-weight: bold;
	width: fit-content;
	margin: 10px auto;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #738adb;
}

#discordModal .modal-content .modal-body .token span{
	background: #738adb;
	padding: 5px;
	display: block;
	border: 1px solid #738adb;
	color: #fff;
	letter-spacing: 5px;
}
#telegramModal .modal-content .modal-body .token span{
	background: #738adb;
	padding: 5px;
	display: block;
	border: 1px solid #738adb;
	color: #fff;
	letter-spacing: 5px;
}

#discordModal .modal-content .modal-body .token div{
	display: flex;
	flex-direction: column;
	gap: 3px;
	color: #738adb;
}
#telegramModal .modal-content .modal-body .token div{
	display: flex;
	flex-direction: column;
	gap: 3px;
	color: #738adb;
}

#discordModal .modal-content .modal-body .token div small{
	font-size: 10px;
}
#telegramModal .modal-content .modal-body .token div small{
	font-size: 10px;
}

#discordModal .modal-content .modal-body .token i{
	color: #738adb;
	width: 20px;
	height: 20px;
	margin: 0 10px;
}
#telegramModal .modal-content .modal-body .token i{
	color: #738adb;
	width: 20px;
	height: 20px;
	margin: 0 10px;
}

#discordModal .modal-content .modal-body .token .fa-clipboard-check,
#discordModal .modal-content .modal-body .token small{
	height: 0;
	opacity: 0;
}
#telegramModal .modal-content .modal-body .token .fa-clipboard-check,
#telegramModal .modal-content .modal-body .token small{
	height: 0;
	opacity: 0;
}

#discordModal .modal-content .modal-body .token.copied .fa-copy{
	height: 0;
	opacity: 0;
	display: none;
}
#telegramModal .modal-content .modal-body .token.copied .fa-copy{
	height: 0;
	opacity: 0;
	display: none;
}

#discordModal .modal-content .modal-body .token.copied .fa-clipboard-check,
#discordModal .modal-content .modal-body .token.copied small{
	display: inline-block;
	opacity: 1;
	height: 20px;
	transition: all .3s;
}
#telegramModal .modal-content .modal-body .token.copied .fa-clipboard-check,
#telegramModal .modal-content .modal-body .token.copied small{
	display: inline-block;
	opacity: 1;
	height: 20px;
	transition: all .3s;
}

#discordModal .modal-content .btn,
#discordModal .modal-content .btn:active{
	font-size: 14px;
	color: #fff;
	border: none;
}

#discordModal .modal-content .modal-header,
#discordModal .modal-content .modal-body,
#discordModal .modal-content .modal-footer{
	border: 0;
}

#discordModal .modal-content .modal-header,
#discordModal .modal-content .btn{
	background-color: #738adb;
}

#telegramModal .modal-content .modal-body .token{
	border: 1px solid #0088cc;
}

#telegramModal .modal-content .modal-body .token span{
	background: #0088cc;
	border: 1px solid #0088cc;
}

#telegramModal .modal-content .modal-body .token div{
	color: #0088cc;
}
#telegramModal .modal-content .modal-body .token i{
	color: #0088cc;
}

#telegramModal .modal-dialog .modal-content .modal-header,
#telegramModal .modal-dialog .modal-content .btn{
	background-color: #0088cc !important;
}

#telegramModal .modal-dialog .modal-content h3{
	text-align: center;
	color: #000000;
}

#telegramModal .modal-dialog .modal-content h3 i{
	color: #0088cc;
}

#telegramModal .modal-dialog .modal-content .modal-body p{
	color: #3d3d3d;
	width: 80%;
	display: block;
	margin: auto;
	text-align: center;
	margin: 10px auto;
}

#telegramModal .modal-dialog .modal-header button{
	margin: 0;
	padding: 0;
}

#telegramModal .modal-dialog .modal-header h1{
	width: 100%;
	text-align: center;
	color: #fff;
	margin: 0;
}

#telegramModal .modal-content .send-user{
	width: 300px;
	margin:auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

#telegramModal .modal-content .send-user input{
	border: 1px solid #0088cc;
	width: 100%;
	padding: 5px;
	border-radius: 7px;
}

#telegramModal .modal-content .send-user .warning{
	width: 100%;
	border: none;
	border-radius: 5px;
	padding: 5px 10px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	display: none;
}

#telegramModal .modal-content .send-user ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 5px 0;
}

#telegramModal .modal-content .send-user .warning.success{
	background-color: #0d8b39;
}

#telegramModal .modal-content .send-user .warning.links{
	background-color: #000000;
}

#telegramModal .modal-content .send-user .warning.error{
	background-color: #eb6d00;
}

#telegramModal .modal-content .send-user .fa-spinner{
	display: none;
	-webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.wpcf7-form{
	margin: auto;
	width: 100%;
	max-width: 363px;
}

.wpcf7-form-control{
	background-color: #f3f3f3;
	color: #737373;
	border-radius: 8px !important;
	border: solid 1px #c7c7c7;
	padding: 5px 20px;
	width: 100%;
}

.wpcf7-submit{
	background: #016360;
	border-radius: 8px !important;
	border: none;
	width: 100%;
	font-size: 1.1em;
	padding: 10px 0;
	color: #fff;
}