@charset "UTF-8";
/*------------------------------------------------
				AUTHOR DETAILS
--------------------------------------------------
Designer: Capsula Digital
Designer URL: https://capsula.digital
Programmer HTML/CSS: Agência FULLPROG
Programmer URL: https://fullprog.com
------------------------------------------------*/
/*----------CONFIG FONTS AND STYLES------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url("bootstrap.css");
@import url("../plugins/dropzone-5.7.0/dropzone.css");
@import url("https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.4/dist/semantic.min.css");
@import url("../fonts/fa/css/all.min.css");
@import url("../fonts/icones/tryplo/v4.1/style.css?v=4.1");
/*--------------CONFIG DEFAULT------------------*/
:root {
	--FW1: 100;
	--FW2: 200;
	--FW3: 300;
	--FW4: 400;
	--FW5: 500;
	--FW6: 600;
	--FW7: 700;
	--FW8: 800;
	--FW9: 900;
	--lH0: 0;
	--lH01: 0.1;
	--lH02: 0.2;
	--lH03: 0.3;
	--lH04: 0.4;
	--lH05: 0.5;
	--lH1: 1;
	--lH11: 1.1;
	--lH12: 1.2;
	--lH13: 1.3;
	--lH14: 1.4;
	--Zi9: 9;
	--fontdefault: 'Roboto', 'Montserrat', 'Poppins', 'AmsiPro', sans-serif;
	--white: rgb(255, 255, 255);
	--transparent: transparent;
	--black: #000;
	--blue_dark:  #012E52;
	--blue:  #1196CA;
	--blue_sky:  #3BD3F4;
	--ped_entre: #1196CA;
	--ped_ag_pag: #DBBA18;
	--ped_auth: #44C5A7;
	--ped_pag_apr: #0FB13A;
	--ped_prod_sep: #CE750F;
	--ped_fat: #FF7700;
	--ped_p_env: #E166A7;
	--ped_transp: #8A6CCF;
	--ped_cancel: #D7443E;
	--bs-green: #0fce41;
}
body{
	background: var(--white);
	color: var(--black);
	font-family: var(--fontdefault) !important;
	font-weight: var(--FW4) !important;
	font-size: .9rem;
	line-height: var(--lH14) !important;
	word-break: break-word;
}
.swal2-icon {
    font-size: 13px !important;
}
.ui.dimmer{
	position: fixed;
	z-index: 99999;
}
.row > *{
	padding: 0;
	margin: 0;
}
.row{
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;

}
.alert{
	padding: 1rem 1rem;
	margin-top: 1em;
}
.alert:nth-child(1){
	margin-top: 0;
}
.alert-ouline-danger{
	border: 1px solid #c50505;color: #c50505;border-radius: 9px;background: #fff6f6;
}
ul{
	padding-inline-start: 0 !important;
	margin-block-start: 0;
	margin-block-end: 0;
	margin: 0;
}
li{
	display: inline-block;
}
a:active{
	text-decoration: none;
	color: var(--orange);
}
a{
	text-decoration: none;
	color: var(--blue_sky);
}
a:focus{
	text-decoration: none;
	color: #272727;
}
::focus{
	text-decoration: none;
	border: none;
}
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus{
	
}
::selection {
	background: var(--blue);
	color: var(--white);
}
*{
	outline: none !important;
	padding: 0;
}
::-webkit-input-placeholder { 
	font-size: 13px;
	font-weight: 400;
}
::-moz-placeholder { 
	font-size: 13px;
	font-weight: 400;
}
:-ms-input-placeholder { 
	font-size: 13px;
	font-weight: 400;
}
:-moz-placeholder { 
	font-size: 13px;
	font-weight: 400;
}
.btn_site .btn-site {
	display: inline-flex;
	align-items: center;
	padding: 1em 2em;
	background: var(--blue);
	color: var(--white);
	border-radius: 5px;
}
.btn_site .btn-site i {
	padding-right: 15px;
}
.input-group-text {
	border-color: transparent;
	padding: 0 1em;
	background: transparent;
}
.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
	padding: 0 50px;
}
input[readonly].form-control {
	background: #eee !important;
}
p{
	margin: 0;
}
input:focus{
	border: none;
}
button{
	border:none;
	background:none;
}
b, strong{
	font-weight: var(--FW8);
}
.bg-ped_ag_pag{
	background: var(--ped_ag_pag);
}
.bg-ped_auth{
	background: var(--ped_auth);
}
.bg-ped_pag_apr{
	background: var(--ped_pag_apr);
}
.bg-ped_prod_sep{
	background: var(--ped_prod_sep);
}
.bg-ped_fat{
	background: var(--ped_fat);
}
.bg-ped_p_env{
	background: var(--ped_p_env);
}
.bg-ped_transp{
	background: var(--ped_transp);
}
.bg-ped_entre{
	background: var(--ped_entre);
}
.bg-ped_cancel{
	background: var(--ped_cancel);
}
.tped_ag_pag{
	color: var(--ped_ag_pag);
}
.tped_auth{
	color: var(--ped_auth);
}
.tped_pag_apr{
	color: var(--ped_pag_apr);
}
.tped_prod_sep{
	color: var(--ped_prod_sep);
}
.tped_fat{
	color: var(--ped_fat);
}
.tped_p_env{
	color: var(--ped_p_env);
}
.tped_transp{
	color: var(--ped_transp);
}
.tped_entre{
	color: var(--ped_entre);
}
.tped_cancel{
	color: var(--ped_cancel);
}
.loader_tryplo.ui.loader:after{
	border-color: #1196ca #05c7f2 #0a5d83;
	margin: -2px 0 0 -10px;
}
.on-mob{
	display: none;
}
.marginAuto{
	margin: 0 auto;
}
.tupper{
	text-transform: uppercase;
}
.tlower{
	text-transform: lowercase;
}
.tcenter{
	text-align: center;
	align-items: center !important;
}
.tleft {
	text-align: left !important;
	align-items: flex-start !important;
}
.tright{
	text-align: right !important;
	align-items: flex-end !important;
}
.text-muted{
	color: #001A2E !important;
}
.tblue_sky,
*[tblue_sky]{
	color: var(--blue_sky);
}
.tblue,
*[tblue]{
	color: var(--blue);
}

.cpointer{
	cursor: pointer !important;
}
.tunderline {
	text-decoration: underline;
	text-decoration-color: var(--black);
}
.tline-through {
	text-decoration: line-through;
}
.center_all {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.container,
.container-fluid{

	padding: 0;
}
body.cbp-spmenu-push > .container-fluid .header .header_content .menu .menu_links li button{
	text-align: right;
}
.tryplo-tryplopay.logo-header{
	font-size: 35px;
}
.tryplo-tryplopay.logo-header .path1:before, 
.tryplo-tryplopay.logo-header .path2:before, 
.tryplo-tryplopay.logo-header .path3:before, 
.tryplo-tryplopay.logo-header .path4:before, 
.tryplo-tryplopay.logo-header .path5:before, 
.tryplo-tryplopay.logo-header .path6:before, 
.tryplo-tryplopay.logo-header .path12:before, 
.tryplo-tryplopay.logo-header .path13:before, 
.tryplo-tryplopay.logo-header .path14:before{
	color: var(--white);
}
.cbp-spmenu {
	background: var(--white);
	position: fixed;
}
.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}
.cbp-spmenu-vertical a {
	background: var(--transparent) !important;
}
.cbp-spmenu-left {
	left: -240px;
}
.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}
.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.cbp-spmenu-push-toright {
	left: 0;
}
.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#menu-bars {
	height: 3px;
	width: 18px;
	list-style: none;
	background: var(--white);
	margin: 0 0px;
	position: relative;
	top: -3px;
	transition: 0.2s all ease-in;
}
#menu-bars::before, 
#menu-bars::after {
	content: '';
	position: absolute;
	height: 3px;
	width: 25px;
	list-style: none;
	background: var(--white);
	left: 0;
	transition: 0.2s all ease-in;
}
#menu-bars::before {
	transform: translateY(-7px);
}
#menu-bars::after {
	transform: translateY(7px);
}
#showLeftPush.active #menu-bars::after{
	transform: rotate(45deg);
}
#showLeftPush.active #menu-bars::before{
	transform: rotate(-45deg);
}
#showLeftPush:hover #menu-bars,
#showLeftPush:hover #menu-bars::before, 
#showLeftPush:hover #menu-bars::after{
	background: var(--white);
	transition: 0.2s all ease-in;
}
#showLeftPush.active #menu-bars{
	background: var(--transparent);
	transition: 0.2s all ease-in;
}
section.header{

	padding: 10px 5em;

	background: var(--blue_dark);
}
section.header .header_content{

	padding: 0;
}
section.header .header_content .logo{

}
section.header .header_content .logo img{

	width: 150px;
	max-width: 100%;
}
section.header .header_content .menu{

}
section.header .header_content .menu .menu_links{

	margin-left: 3em;
}
section.header .header_content .menu .menu_links li:not(.on-mob):nth-child(2){
	margin-left: 0;
}
section.header .header_content .menu .menu_links li{

	margin-left: 2em;
}
section.header .header_content .menu .menu_links li a{

	color: var(--white);
}
section.header .header_content .menu .menu_links li a.dropdown-toggle{background: #013f71;border: none;padding: 5px 20px;display: inline-flex;align-items: center;}
section.header .header_content .menu .menu_links li a.dropdown-toggle p{
	padding-right: 15px;
}
section.header .header_content .menu .menu_links li a p{

}
section.header .header_content .menu .menu_links li a p i{

}
section.header .header_content .menu .menu_links li ul{

	padding: 0;
}
section.header .header_content .menu .menu_links li ul li{

	width: 100%;

	margin: 0;
}
section.header .header_content .menu .menu_links li ul li a{

	color: var(--black);
}
section.header .header_content .menu .menu_links li ul li a p{

}
section.header .header_content .menu .avatar{

}
section.header .header_content .menu .avatar .dropdown > a{

	display: inline-flex;

	align-items: center;

	background: transparent;

	border: none;
}
section.header .header_content .menu .avatar .dropdown-toggle::after{
	display: none;
}
section.header .header_content .menu .avatar a img{width: 45px;border-radius: 100%;height: 45px}
section.header .header_content .menu .avatar a p{

	padding-left: 1em;

	padding-right: 2em;
}
section.header .header_content .menu .avatar ul {
	padding: 0;
	border: 0;
	box-shadow: rgb(0 0 0 / 25%) 0 0 5px 1px;
	width: 100%;
}
section.header .header_content .menu .avatar ul li{

	width: 100%;
}
section.header .header_content .menu .avatar ul li a,
section.header .header_content .menu .menu_links li ul li a {
	color: var(--black);
	padding: 15px 15px !important;
}
section.header .header_content .menu .avatar ul li a p i{

}
.sidebar{

	padding: 3em 7em 0em 0em;
}
.sidebar .list-unstyled{

}
.sidebar .list-unstyled li{

	width: 100%;

	margin-bottom: 0;

	align-items: center;

	font-size: 15px;

	border-bottom: 1px solid #f1f1f1;

	padding: 0 0 0 0;
}
.sidebar .list-unstyled li a,
.sidebar .list-unstyled li button{
	padding: 0.8em 1em;
	border-radius: 5px;
	padding: 0.8em 1em 0.8em 5em;
	transition: 0.3s;
}
.sidebar .list-unstyled li:hover > a,
.sidebar .list-unstyled li.active > a,
.sidebar .list-unstyled li.active button,
.sidebar .list-unstyled li:hover button,
.sidebar .list-unstyled li button[aria-expanded=true]{
	box-shadow: rgb(0 0 0 / 10%) 0 0 20px 0px;
	transition: 0.3s;
	color: var(--blue_sky);
	font-weight: var(--FW6);
}
.sidebar .list-unstyled li.active button, .sidebar .list-unstyled li button[aria-expanded=true] {
	color: var(--blue_dark);
}
.sidebar .list-unstyled .header_menu{

	font-size: 15px;

	font-weight: var(--FW5);

	color: var(--blue_dark);

	border: none;

	box-shadow: none;

	padding: 0 0 0 5em;

	margin-bottom: 0;
	margin-top: 3em;
}
.sidebar .list-unstyled .header_menu p{

}
.sidebar .list-unstyled .header_menu i{
	
}
.sidebar .list-unstyled li a{

	display: inline-flex;

	align-items: center;

	width: inherit;

	color: var(--blue_dark);

	font-weight: var(--FW4);

	padding: 1em 1em 1em 5em;
}
.sidebar .list-unstyled li a i{

	padding-right: 1em;
}
.sidebar .list-unstyled li a p{

	/* font-weight: var(--FW4); */
}
.sidebar .list-unstyled li button{

	display: inline-flex;

	font-size: 15px;

	width: 100%;
}
.sidebar .list-unstyled li button i{

	padding-right: 1em;
}
.sidebar .list-unstyled li button p{
}
.sidebar .list-unstyled ul{

	display: block;

	width: 100%;
}
.sidebar .list-unstyled ul li{

}
.sidebar .list-unstyled ul li a{

	padding-left: 7em;
}
.sidebar .list-unstyled ul li a p{

}
.sidebar .list-unstyled ul li a i{
	
}
.sidebar .list-unstyled .collapse,
.sidebar .list-unstyled .collapsing{
	
	width: 100%;
	
	margin-top: 1em;
	
	padding-left: 0;
}
.sidebar .list-unstyled ul li:nth-last-child(1){
	margin-bottom: 0;
	border: none;
}
.main{
	padding: 0 0em 0 0em;
}
.main .content{

	padding: 2em 0;
}
.main .content .status_text{

	text-align: right;

	margin-bottom: 2em;
}
.main .content .status_text p{

	font-size: 11px;

	font-weight: var(--FW5);

	color: var(--bs-gray-dark);
}
.main .content .cards_area{

	margin-bottom: 2em;
}
.main .content .cards_area .card_item{
    margin-bottom: 2em;
	padding: 0 1em 0 0em;

/* background: var(--white); */

/* box-shadow: none; */
}
.main .content .cards_area .card-title{
	align-items: center;
}
.main .content .cards_area .card-title .alert{
	display: inline-flex;
	padding: 5px 10px;
	margin: 0;
	margin-left: 15px;
}
.main .content .cards_area .card-title .alert i{
	padding-right: 10px;
}
.main .content .cards_area .card{

	border: none;

	box-shadow: none;

	border-radius: 15px;

	height: 100%;

	align-items: center;
}
.main .content .cards_area .card .card-body{align-items: center;border: none;box-shadow: rgb(0 0 0 / 2%) 0 0 20px 20px;border-radius: 15px;padding: 2em 1.3em;width: 100%;}
.main .content .cards_area .card .card-body .datas_area{

	margin-bottom: 1em;

	padding: 0 10px;

	align-items: center;
}
.main .content .cards_area .card .card-body .datas_area h6{

	font-size: 15px;

	width: 100%;

	text-transform: uppercase;

	font-weight: var(--FW3);
}
.main .content .cards_area .card .card-body .datas_area h6 strong{
	
	font-weight: var(--FW6);
}
.main .content .cards_area .card .card-body .datas_area h5{

	font-weight: var(--FW6);

	font-size: 20px;

	width: 100%;
}
.alert{
	border: none;
	font-weight: 400;
}
.alert-secondary{
	background: #f3f3f3;
}
.main .content .cards_area .card .card-body .datas_area p{

	font-weight: var(--FW5);

	font-size: 13px;
}
.main .content .cards_area .card .card-body .chart_area{

}
.main .content .cards_area .card .card-body .chart_area .chart_item{

}
.main .content .cards_area .card .card-body .chart_area .chart_item .apexcharts-canvas > svg {
	transform: translate(10px, 10px);
}
.main .content .cards_area .card .card-body .itens_area{

	padding-top: 1em;
}
.main .content .cards_area .card .card-body .itens_area ul li span{

	margin-right: 1em;

	padding: 0.8em;
}
.ist1{
	display: inline-flex;
	align-items: center;
	margin-top: 9px;
	font-size: 25px !important;
}
.ist1 small{
	font-size: 11px;
	font-weight: var(--FW5);
	line-height: 1;
	padding-left: 5px;
	text-transform: uppercase;
}
.main .content .cards_area .card .card-body .itens_area ul{

}
.main .content .cards_area .card .card-body .itens_area ul li{

	display: inline-flex;

	margin-bottom: 1em;

	align-items: center;

	width: 100%;
}
.main .content .cards_area .card .card-body .itens_area ul li p{

	font-weight: var(--FW5);
}
.main .content .cards_area .card .card-body .dropdown-toggle{

	background: transparent;

	border: none;

	color: var(--black);

	font-size: 11px;

	font-weight: var(--FW5);

	box-shadow: rgb(0 0 0 / 15%) 0 0 20px 2px;
}
.main .content .cards_area .card .card-body .dropdown-toggle span{

}
.main .content .cards_area .card .card-body .dropdown-menu{

	padding: 0;

	width: min-content;
}
.main .content .cards_area .card .card-body .dropdown-menu button{
	
	width: 100%;
	
	text-align: left;
	
	padding: 10px 10px;
	
	font-size: 13px;
}
.main .content .cards_area .card .card-body .dropdown-menu button:hover,
.main .content .cards_area .card .card-body .dropdown-menu button.active{
	background: #f3f3f3;
}
#app{
	right: 0;
	text-align: right;
	width: 20px;
	display: inline-block;
}
.base-timer {
	position: relative;
	width: 20px;
	height: 20px;
}

.base-timer__svg {
	transform: scaleX(-1);
}

.base-timer__circle {
	fill: none;
	stroke: none;
}

.base-timer__path-elapsed {
	stroke-width: 0px;
	stroke: var(--white);
}

.base-timer__path-remaining {
	stroke-width: 7px;
	stroke-linecap: round;
	transform: rotate(90deg);
	transform-origin: center;
	transition: 1s linear all;
	fill-rule: nonzero;
	stroke: currentColor;
}

.base-timer__path-remaining.green {
	color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
	color: orange;
}

.base-timer__path-remaining.red {
	color: red;
}

.base-timer__label {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 8px;
	display: none;
}
.test-emoji{
	position: absolute;
	text-align:center;
	font-size: 2rem;
	left: 0%;
	width: 100%;
	top: 20%;
}

.global-composer-popover-input{
	font-size-adjust: none;
	font-size: 100%;
	font-style: normal;
	letter-spacing: normal;
	font-stretch: normal;
	font-variant: normal;
	font-weight: 400;
	font: normal normal 100% "intercom-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	text-align-last: auto;
	text-decoration: none;
	-webkit-text-emphasis: none;
	text-emphasis: none;
	text-height: auto;
	text-indent: 0;
	text-justify: auto;
	text-outline: none;
	text-shadow: none;
	text-transform: none;
	text-wrap: normal;
	alignment-adjust: auto;
	alignment-baseline: baseline;
	-webkit-animation: none 0 ease 0 1 normal;
	animation: none 0 ease 0 1 normal;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-appearance: normal;
	-moz-appearance: normal;
	appearance: normal;
	azimuth: center;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	background: none 0 0 auto repeat scroll padding-box transparent;
	background-color: transparent;
	background-image: none;
	baseline-shift: baseline;
	binding: none;
	bleed: 6pt;
	bookmark-label: content();
	bookmark-level: none;
	bookmark-state: open;
	bookmark-target: none;
	border: 0 none transparent;
	border-radius: 0;
	bottom: auto;
	box-align: stretch;
	-webkit-box-decoration-break: slice;
	box-decoration-break: slice;
	box-direction: normal;
	box-flex: 0.0;
	box-flex-group: 1;
	box-lines: single;
	box-ordinal-group: 1;
	box-orient: inline-axis;
	box-pack: start;
	box-shadow: none;
	box-sizing: content-box;
	-webkit-column-break-after: auto;
	break-after: auto;
	-webkit-column-break-before: auto;
	break-before: auto;
	-webkit-column-break-inside: auto;
	break-inside: auto;
	caption-side: top;
	clear: none;
	clip: auto;
	color: inherit;
	color-profile: auto;
	-webkit-column-count: auto;
	-moz-column-count: auto;
	column-count: auto;
	-webkit-column-fill: balance;
	-moz-column-fill: balance;
	column-fill: balance;
	-webkit-column-gap: normal;
	-moz-column-gap: normal;
	column-gap: normal;
	-webkit-column-rule: medium medium #1f1f1f;
	-moz-column-rule: medium medium #1f1f1f;
	column-rule: medium medium #1f1f1f;
	-webkit-column-span: 1;
	-moz-column-span: 1;
	column-span: 1;
	-webkit-column-width: auto;
	-moz-column-width: auto;
	column-width: auto;
	-webkit-columns: auto auto;
	-moz-columns: auto auto;
	columns: auto auto;
	content: normal;
	counter-increment: none;
	counter-reset: none;
	crop: auto;
	cursor: auto;
	direction: ltr;
	display: inline;
	dominant-baseline: auto;
	drop-initial-after-adjust: text-after-edge;
	drop-initial-after-align: baseline;
	drop-initial-before-adjust: text-before-edge;
	drop-initial-before-align: caps-height;
	drop-initial-size: auto;
	drop-initial-value: initial;
	elevation: level;
	empty-cells: show;
	fit: fill;
	fit-position: 0 0;
	float: none;
	float-offset: 0 0;
	grid-columns: none;
	grid-rows: none;
	hanging-punctuation: none;
	height: auto;
	hyphenate-after: auto;
	hyphenate-before: auto;
	hyphenate-character: auto;
	hyphenate-lines: no-limit;
	hyphenate-resource: none;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
	icon: auto;
	image-orientation: auto;
	image-rendering: auto;
	image-resolution: normal;
	inline-box-align: last;
	left: auto;
	line-height: inherit;
	line-stacking: inline-line-height exclude-ruby consider-shifts;
	list-style: disc outside none;
	margin: 0;
	marks: none;
	marquee-direction: forward;
	marquee-loop: 1;
	marquee-play-count: 1;
	marquee-speed: normal;
	marquee-style: scroll;
	max-height: none;
	max-width: none;
	min-height: 0;
	min-width: 0;
	move-to: normal;
	nav-down: auto;
	nav-index: auto;
	nav-left: auto;
	nav-right: auto;
	nav-up: auto;
	opacity: 1;
	orphans: 2;
	outline: medium none invert;
	outline-offset: 0;
	overflow: visible;
	overflow-style: auto;
	padding: 0;
	page: auto;
	page-break-after: auto;
	page-break-before: auto;
	page-break-inside: auto;
	page-policy: start;
	-webkit-perspective: none;
	perspective: none;
	-webkit-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
	pointer-events: auto;
	position: static;
	presentation-level: 0;
	punctuation-trim: none;
	quotes: none;
	rendering-intent: auto;
	resize: none;
	right: auto;
	rotation: 0;
	rotation-point: 50% 50%;
	ruby-align: auto;
	ruby-overhang: none;
	ruby-position: before;
	ruby-span: none;
	size: auto;
	string-set: none;
	table-layout: auto;
	top: auto;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transform-origin: 50% 50% 0;
	-ms-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
	-webkit-transform-style: flat;
	transform-style: flat;
	transition: all 0 ease 0;
	unicode-bidi: normal;
	vertical-align: baseline;
	white-space: normal;
	white-space-collapse: collapse;
	widows: 2;
	width: auto;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	z-index: auto;
	text-align: start;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}
.global-composer-popover {
	z-index: 2147483003;
	position: absolute;
	bottom: 20px;
	right: calc(50% - 165px);
	box-shadow: 0 1px 15px 1px rgba(0,0,0,.08);
	background-color: #fff;
	border-radius: 6px;
	transition-duration: 200ms;
	transition-delay: 0ms;
	transform-style: flat;
	transform-origin: 50% 50% 0;
	opacity: 0;
	transition: all 0.2s linear;
	visibility: hidden;
}
.global-composer-popover.active{
	visibility: visible;
	opacity:1;
	bottom: 20px;
	right: calc(50% - -35px);
}
.global-emoji-picker {
	width: 330px;
	height: 260px;
}
.global-composer-popover-header {
	position: absolute;
	top: 0;
	left: 20px;
	right: 20px;
	height: 40px;
	border-bottom: 1px solid #edeff1;
}
.global-composer-popover-input {
	background-image: url(https://js.intercomcdn.com/images/search.7ae40c25.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 0 12px;
	font-weight: 400;
	font-size: 14px;
	color: #6e7a89;
	padding-left: 25px;
	height: 40px;
	width: 100%;
	box-sizing: border-box;
	background-image: url(https://js.intercomcdn.com/images/search@2x.9f02b9f3.png);
	border:none;
	outline: none;
}
.global-composer-popover-body {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 5px;
	padding: 0 20px;
	overflow-y: scroll;
}
.global-emoji-picker-group {
	margin: 10px -5px;
}
.global-emoji-picker-group {
	margin: 10px -5px;
}
.global-emoji-picker-group-title {
	color: #b8c3ca;
	font-weight: 400;
	font-size: 13px;
	margin: 5px;
}
.global-emoji-picker-emoji {
	padding: 5px;
	width: 30px;
	line-height: 30px;
	display: inline-table;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	font-size: 28px;
	transition: -webkit-transform 60ms ease-out;
	transition: transform 60ms ease-out;
	transition: transform 60ms ease-out,-webkit-transform 60ms ease-out;
	transition-delay: 60ms;
	font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;
}
.global-emoji-picker-emoji:hover {
	transition-delay: 0ms;
	-webkit-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}
.global-composer-popover-caret {
	position: absolute;
	bottom: -8px;
	right: 0;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
	margin: 0 auto;
	left: 0;
}

.chat-input-tool{
	padding: 1em;
	border:none;
	outline:none;
	color: var(--black);
	cursor: pointer;
}
@media (max-width: 767px){
	.tryplo-tryplopay.logo-header{
	font-size: 27px;
}
	.on-mob{
		display: block;
	}
	.no-mob{
		display: none;
	}
	.two {
		order: 2;
	}
	.one {
		order: 1;
	}
	section.header .header_content .menu .menu_links li.on-mob {
		margin-left: 0em;
	}
	.main .content .cards_area .card_item {
		margin-bottom: 1em;
	}
	body > .container-fluid .main .sidebar{
		margin-left: -100vw;
		position: absolute;
		z-index: 9999999999999999999999999999999999999999999;
		transition: 0.2s ease-in-out;
	}
	body.cbp-spmenu-push > .container-fluid .main .sidebar.cbp-spmenu-open{
		margin-left: 0;
		transition: 0.2s ease-in-out;
	}
	
}
/*--iPad in landscape--*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.two {
		order: 1;
	}
	.one {
		order: 2;
	}
}
@media screen and (min-width: 1300px) and (max-width: 1440px){
	
}
@media screen and (min-width: 1440px) and (max-width: 1870px){
}
@media screen and (min-width: 2120px) {
}
.bg-secondary{
	background: #c7c7c7 !important;
}
.bg-success{
	background: var(--bs-green) !important;
}
.non_left .apexcharts-yaxis,
.non_left .apexcharts-xaxis {
	display: none !important;
}
.non_bg .apexcharts-xcrosshairs, 
.non_bg .apexcharts-ycrosshairs,
.non_bg .apexcharts-grid .line{
	display: none !important;
}
.non_bg .apexcharts-gridline, 
.non_bg .apexcharts-annotation-rect, 
.non_bg .apexcharts-tooltip .apexcharts-marker, 
.non_bg .apexcharts-area-series .apexcharts-area, 
.non_bg .apexcharts-line, 
.non_bg .apexcharts-zoom-rect, 
.non_bg .apexcharts-toolbar svg, 
.non_bg .apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, 
.non_bg .apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, 
.non_bg .apexcharts-radar-series path, 
.non_bg .apexcharts-radar-series polygon,
.non_bg .apexcharts-inner .apexcharts-grid .apexcharts-xaxis-tick{
	display: none !important;
}
.clients_page{

}
.clients_page .content{

}
.clients_page .content .table_area{

	padding: 2em 2em;

	box-shadow: rgb(0 0 0 / 4%) 0 0 20px 20px;

	border-radius: 15px;

	background: var(--white);
}
.clients_page .content .table_area table{

	margin-top: 3em !important;
}
table.dataTable thead th, 
table.dataTable thead td{
	padding: 1.5em 18px;
	border-bottom: 0px solid #111;
	text-transform: uppercase;
	color: var(--blue_dark);
	font-size: 15px;
}
table tfoot tr td {
	padding: 24px 0 0;
	text-align: center;
}
table tfoot tr td li.btn_tryplo {
	padding: 5px 10px;
	background: var(--bs-light);
	border-radius: 5px;
	color: var(--black);
	margin-right: 5px;
	transition: all 0.3s;
	margin-bottom: 10px;
	min-width: 40px;
	min-height: 30px;
}
table tfoot tr td li.btn_tryplo:hover {
	background: var(--blue_sky);
	color: var(--white);
}
table tfoot tr td li.btn_tryplo.active {
	background: var(--blue_dark);
	color: var(--white);
}
table tfoot tr td li.btn_tryplo:nth-last-child(1) {
	margin-right: 0;
}
.clients_page .content .table_area table thead{

}
.clients_page .content .table_area table thead tr{

}
.clients_page .content .table_area table thead tr th,
.relatorios_page .content .table_area table thead tr th,
.marketing_page .content .table_area table thead tr th{

	padding-left: 0;
}
.clients_page .content .table_area table tbody{

}
.clients_page .content .table_area table tbody tr{
}
.clients_page .content .table_area table tbody tr td, .relatorios_page .content .table_area table tbody tr td, .marketing_page .content .table_area table tbody tr td {
	background: var(--white) !important;
	border-bottom: 1px solid #ececec;
	padding: 1em 2em 1em 0em;
	align-items: center;
}
table td .animate-bg {
	margin-top: -1px;
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after{
	/*display: none;*/
	
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after {

	bottom: 1.5em;
}
.clients_page .content .table_area table tbody tr td.f32{
	display: flex;
	margin-right: 0px;
}
.f32 .flag {
	margin-right: 5px;
}
.badge {
	padding: .5em 1.5em;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: var(--FW4);
	width: auto;
}
div.dataTables_wrapper div.dataTables_filter input {
	border-radius: 5px;
	border-color: #d0d0d0;
	padding: 9.5px 1em;
	width: 100%;
}
.page-item:not(:first-child) .page-link {
	margin-left: 15px;
	border-radius: 5px;
	border-color: transparent;
	background: #e6e6e6;
	color: var(--black);
}
.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	background-color: #e6e6e6;
	border-color: #dee2e6;
	border-radius: 5px;
	border-color: transparent;
}
.page-link {
	position: relative;
	display: block;
	color: var(--black);
	text-decoration: none;
	background-color: #e6e6e6;
	border: 1px solid #dee2e6;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border-color: transparent;
	border-radius: 5px;
}
.page-link:hover,
.page-item:not(:first-child) .page-link:hover,
#example_next .page-link:hover {
	z-index: 2;
	color: var(--white);
	background-color: var(--blue);
	border-color: var(--blue_sky);
}
.page-item.active .page-link,
.page-item.active .page-link:hover {
	color: var(--black);
	background-color: var(--white);
	border-color: var(--blue_sky);
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before {
	right: 1.5em;
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after {
	right: 1em;
}
table.dataTable.stripe tbody>tr.selected, table.dataTable.stripe tbody>tr>.selected, table.dataTable.display tbody>tr.selected, table.dataTable.display tbody>tr>.selected{

	color: var(--black);

}
table.dataTable.stripe tbody>tr.selected td, table.dataTable.stripe tbody>tr>.selected td, table.dataTable.display tbody>tr.selected td, table.dataTable.display tbody>tr>.selected td{
	background: #ececec !important;
}
div.dataTables_wrapper div.dataTables_filter {
	text-align: right;
	width: 22%;
	display: inline-flex;
}
.btn_export{
	background: #c5c5c5;
	border: none;
	border-radius: 5px !important;
}
.btn {
	padding: 0.5em 1.8em;
}
.btn_export:hover,
.btn_export[aria-expanded="true"]{
	background-color: var(--blue_sky);
}
div.dt-button-collection {
	width: 100%;
}
.dropdown-menu {
	padding: 0;
	margin: 5px 0 0;
}
div.dataTables_wrapper div.dataTables_filter label{
	width: 100%;
}
#example_next .page-link {
	background: var(--blue_sky);
	color: var(--white);
}
#example_next.disabled .page-link{
	background: #e6e6e6;
	color: #6c757d;
}
.content .header_title{

	padding: 2em 0 0em;
}
.relatorios_page .content .header_title{
	padding-bottom: 3em;
}
.content .header_title .title{

	display: inline-flex;

	align-items: center;
}
.content .header_title .title h2{

	margin: 0;

	color: var(--blue_dark);

	font-weight: var(--FW5);

	font-size: 30px;

	margin-right: 0.5em;
}
.content .header_title .title small{

}
.content .header_title .title p{

}
.content .header_title .acoes{

	text-align: right;
}
.content .header_title .acoes .btn_site{

}
.content .header_title .acoes .btn_site .btn-site{

	display: inline-flex;

	align-items: center;

	background: var(--blue);

	padding: 1em 2em;

	border-radius: 5px;

	color: var(--white);
}
.content .header_title .acoes .btn_site .btn-site i{

	padding-right: 1em;

	font-weight: var(--FW5);
}
.content .header_title .acoes .btn_site .btn-site p{
	
	font-size: 15px;
	
	font-weight: var(--FW5);
}
.cards_list .card_box .header {
	background: var(--white);
	padding: 0 0 1em 0em;
	border-bottom: 1px solid #eaeaea;
	display: inline-flex;
	margin-bottom: 2em;
}

.cards_list .card_box {
	padding: 2em 2em;
	box-shadow: rgb(0 0 0 / 6%) 0 0 9px 3px;
	border-radius: 5px;
	margin-bottom: 2em;
	background: var(--white);
}

.cards_list .card_box .header h6 {
	margin: 0 2em 0 0em;
}

.cards_list .card_box .body {
	padding: 0em 0 0;
	display: inline-grid;
}

.cards_list .card_box .body ul li .title_card {
	display: flex;
	align-items: center;
	margin-bottom: 1em;
}

.cards_list .card_box .body ul li .title_card i {
	display: inline-flex;
}

.cards_list .card_box .body ul li .title_card p {
	display: inline-flex;
}

.cards_list .card_box .body ul li:not(.page-item) {
	display: inline-block;
	align-items: center;
	padding: 0 3.5em 0 0em;
	margin-top: 0em;
	width: 24%;
}

.cards_list .card_box .body ul {
	display: flex;
	width: 100%;
	align-items: baseline;
	z-index: 1;
	position: relative;
}
.cards_list .card_box .total_compra_card .body ul {
	display: block;
}
.cards_list .card_box .body ul li .title_card p, .cards_list .card_box .body ul li .title_card i {
	font-size: 15px;
	font-weight: var(--FW6);
	text-transform: uppercase;
	color: var(--blue_sky);
	margin-right: 9px;
}

.cards_list .card_box .body ul li:nth-child(4n) {
	padding-right: 0;
}

.cards_list .card_box .body ul li:nth-last-child(1) {}
.cards_list .card_box .header .ativos_header {
	display: inline-flex;
	color: var(--blue_sky);
	font-size: 15px;
	align-items: center;
	font-weight: var(--FW6);
}

.cards_list .card_box .header .ativos_header i {
	margin-right: 8px;
	font-weight: var(--FW6);
}

.cards_list .card_box .body ul li .body_card {
	margin-bottom: 3em;
	line-height: 1.6;
}
.cards_list .card_box .body ul li .body_card .btn_site{
	margin-top: 1em;
}
.cards_list .card_box .body .status_cadastro {margin-bottom: 1em;}

.cards_list .card_box .body form {
	margin-top: 1em;
}

.cards_list .card_box .body form .campo_form {
	margin-bottom: 2em;
}

.cards_list .card_box .body form .campo_form label {
	margin: 0 15px -8px;
	z-index: 1;
	background: var(--white);
	padding: 0px 10px;
	width: auto;
}

.cards_list .card_box .body form .campo_form input {
	padding: 1em 1.6em;
}

.cards_list .card_box .body form .campo_form .campo {
	padding: 0 1em;
}

.cards_list .card_box .body form .campo_form .campo:nth-child(1) {
	padding-left: 0;
}

.cards_list .card_box .body form .campo_form .campo:nth-last-child(1) {
	padding-right: 0;
}

.cards_list .card_box .body form .campo_form .campo label {}

.cards_list .card_box .body form .campo_form .campo input {
	margin-top: -8px;
}

.cards_list .card_box .body form .campo_form textarea {
	padding: 1em 1.5em;
}
.cards_list .card_box .body form .btn_site {
	display: inline-flex;
	text-align: right;
	float: right;
}

.cards_list .card_box .body form .btn_site .btn-site {
	display: inline-flex;
	text-align: right;
	float: right;
	align-items: center;
	padding: 1em 2em;
	background: var(--blue);
	color: var(--white);
	border-radius: 5px;
}

.cards_list .card_box .body form .btn_site .btn-site i {
	padding-right: 15px;
}
.navtabs .nav-tabs {
	border: none;
	align-items: center;
}

.navtabs .nav-tabs li {align-items: center;margin-right: 1em;/* background: var(--white); */}

.navtabs .nav-tabs li a {
	border: none;
	padding: 1em 1em;
	/* background: var(--white); */
	color: var(--blue_dark);
	font-weight: var(--FW4);
	border-radius: 5px;
	display: block;
}

.navtabs .nav-tabs li:nth-child(1) {
	margin-left: 0;
}
.navtabs .nav-tabs li a.active {
	background: #eef7ff;
	color: var(--blue);
}
.navtabs .header_title .title h2 span {
	font-weight: var(--FW3);
}
#mesclar_produtos .results_busca_prods {
	margin-top: 1em;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: stretch;
}
.label_principal_mesclagem:hover:before {
	content: "\f058";
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	color: var(--blue_sky);
	font-size: 20px;
	border-radius: 42px;
	padding: 0px 4px;
}
.label_principal_mesclagem.active:before {
	content: "\f058";
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	color: var(--blue_sky);
	font-size: 20px;
	border-radius: 42px;
	padding: 0px 4px;
	font-weight: 800;
}
.label_principal_mesclagem {
	width: 25%;
	border: 1px solid #ccc;
	border-radius: 5px;
	display: inline-flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	margin-right: 1em;
	cursor: pointer;
}
.produto_mesclar {
	width: 100%;
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-content: center;
	align-items: flex-start;
}
.produto_mesclar img {
	width: 100%;
	border-radius: 5px 5px 0 0;
}

.produto_mesclar p {
	font-weight: var(--FW4);
	font-size: 15px;
	padding: 5px 10px;
}
#mesclar_produtos .results_busca_prods p.etapa1 {
	font-size: 15px;
	font-weight: var(--FW5);
	margin-bottom: 1em;
}
.modal-header {
	background: #F3F3F3;
	padding: 2em;
}
.modal-title {
	color: var(--blue_dark);
	font-size: 20px;
	font-weight: var(--FW7);
	margin-right: 1em;
}
.modal-header .btn-close {
	font-size: 13px;
}
.modal-header .title_modal{
	display: inline-flex;
	align-items: center;
}
.modal-header .title_modal{

}
.modal-header .title_modal p{
	font-size: 13px;
	font-weight: var(--FW5);
}
.modal-body {
	padding: 2rem;
}
.modal-body table{

	margin-top: 2em;

	width: 100%;
}
.modal-body table thead{
}
.modal-body table thead th{

	padding: 1em 2em;

	text-align: center;

	border-bottom: 1px solid #e4e4e4;

	border-top: 1px solid #e4e4e4;

	font-size: 13px;
}
.modal-body table tbody{

	align-items: center;
}
.modal-body table tbody tr{align-items: center;}
.modal-body table tbody tr td{padding: 1em 1em;align-items: center;}
.modal-body table tbody tr td img,
.relatorios_page table tbody tr td img,
.produtos_page table tbody tr td img{

	width: 60px;

	padding-right: 1em;
}
.modal-body table tbody tr td p,
.relatorios_page table tbody tr td p,
.marketing_page table tbody tr td,
.produtos_page table tbody tr td p{

	font-weight: var(--FW5);

	font-size: 13px;

	align-items: center;
}
.modal-body table tbody tr td p span,
.relatorios_page table tbody tr td p span,
.marketing_page table tbody tr td p span,
.produtos_page table tbody tr td p span{

	font-size: 12px;
}
.dados_carrinho_modal{

}
.dados_carrinho_modal .dados_cliente{

}
.dados_carrinho_modal .dados_cliente h5{

	font-size: 15px;

	text-transform: uppercase;

	font-weight: var(--FW6);

	color: var(--blue_dark);
}
.dados_carrinho_modal .dados_cliente ul{

	margin-bottom: 1em;

	display: inline-grid;
}
.dados_carrinho_modal .dados_cliente ul li{

	display: inline-flex;

	align-items: center;

	margin-top: 1em;
}
.dados_carrinho_modal .dados_cliente ul li i{

	padding-right: 10px;

	color: #bfbfbf;

	font-weight: var(--FW6);
}
.dados_carrinho_modal .dados_cliente ul li a{

}
.dados_carrinho_modal .dados_cliente ul li p{

	font-size: 14px;

	font-weight: var(--FW4);

	color: var(--black);
}
.dados_carrinho_modal .dados_cliente .total_compra{

	font-weight: var(--FW7);

	display: inline-grid;
}
.dados_carrinho_modal .dados_cliente .total_compra span{

	font-size: 14px;

	text-transform: uppercase;

	font-weight: var(--FW5);
}
.login_page,
.cadastro_page{

	min-height: 100vh;

	align-items: center;

	background: #F8F8F8;
}
.login_page .content,
.cadastro_page .content{

	min-height: 90vh;

	align-items: center;

	display: flex;
}
.login_page .content .form,
.cadastro_page .content .form form{margin: 0 auto;height: 100%;align-items: center;box-shadow: rgb(0 0 0 / 10%) 0px 0 6px 2px;padding: 3em 5em;border-radius: 10px;background: var(--white);}
.login_page .content .form .header_form,
.cadastro_page .content .form form .parte2 .header_form{
	margin: 0 auto 2em;
	text-align: center;
}
.login_page .content .form .header_form img{margin: 0 auto 2em;text-align: center;width: 180px;}
.login_page .content .form .header_form p,
.cadastro_page .content .form form .parte2 .header_form{
	font-size: 20px;
	font-weight: var(--FW6);
	color: var(--blue_dark);
}
.login_page .content .form form{

}
.login_page .content .form form .campo_form,
.cadastro_page .content .form form .parte2 .campo_form{

	margin-bottom: 2em;

	text-align: left;
}
.login_page .content .form form .campo_form label,
.cadastro_page .content .form form .parte2 .campo_form label{

	font-size: 15px;

	margin-bottom: -15px;

	background: var(--white);

	padding: 5px 15px;

	width: auto;

	z-index: 1;

	margin-left: 15px;
}
.login_page .content .form form .campo_form input,
.cadastro_page .content .form form .parte2 .campo_form input{

	padding: 1em;
}
.pass_here .show_pass {
	position: absolute;
	right: 14px;
	align-items: center;
	top: 25px;
	padding: 15px 15px;
	background: var(--white);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
}
.pass_here .show_pass[active=true] i:before{
	content: "\f070";
}
.pass_here {
	position: relative;
}
.login_page .content .form form .btn_site,
.cadastro_page .content .form form .parte2 .btn_site{

	margin: 2em auto 2em;

	text-align: center;
}
.login_page .content .form form .btn_site .btn-site,
.cadastro_page .content .form form .parte2 .btn_site .btn-site{

	background: #0FB13A;

	width: auto;

	padding: 1.5em 5em;

	font-size: 17px;

	color: var(--white);

	font-weight: var(--FW5);

	border-radius: 5px;

	margin: auto;

	transition: 0.3s ease-in-out;
}
.login_page .content .form form .btn_site .btn-site i{

}
.login_page .content .form form .btn_site .btn-site p{
	
}
.login_page .content .form form .btn_site .btn-site:hover,
.cadastro_page .content .form form .parte2 .btn_site .btn-site:hover {
	background: var(--bs-green);
	transition: 0.3s ease-in-out;
}
.btn_simple{

	text-align: center;

	color: var(--bs-gray);

	text-transform: uppercase;

	font-size: 12px;

	font-weight: var(--FW5);
}
.btn_simple p{
	
}
.cadastro_page .btn_simple,
.login_page .container > .btn_simple{text-transform: none;font-size: 16px;}
.cadastro_page .btn_simple p{
	
}
.cadastro_page .btn_simple p span,
.login_page .container > .btn_simple p span{
	color: var(--blue_sky);
	text-transform: uppercase;
	text-decoration: underline;
}
.cadastro_page .content .form{

	margin: 0 auto 0em;

	padding: 5em 0;
}
.cadastro_page .content .form .header_form{

	margin: 0 auto 2em;

	text-align: center;
}
.cadastro_page .content .form .header_form img{

	width: 180px;
}
.cadastro_page .content .form form{

	margin-bottom: 3em;
}
.cadastro_page .content .form form .campo_form{

	padding: 0 1em 0 0;

	text-align: center;
}
.cadastro_page .content .form form .campo_form label{

	background: var(--white);

	padding: 0;

	position: relative;

	border-radius: 5px;

	width: 100%;

	transition: 0.3s ease-in-out;
}

.cadastro_page .content .form form input[type=radio] ~ label{

}
.cadastro_page .content .form form input[type=radio]{

	display: none;
}

.cadastro_page .content .form form .campo_form input[type=radio] ~ label[destaque-cor] {

	cursor: pointer;

	transition: 0.3s ease-in-out;
}
.cadastro_page .content .form form .campo_form input[type=radio] ~ label[destaque-cor]:after{
	position: relative;
	display: block;
	text-align: center;
	color: var(--white);
	padding: 10px 0;
	font-weight: var(--FW4);
	font-size: 13px;
	width: 100%;
	content: attr(destaque);
}
.cadastro_page .content .form form .campo_form input[type=radio] ~ label[destaque-cor=blue_sky]:after{
	background: var(--blue_sky);
}
.cadastro_page .content .form form .campo_form input[type=radio] ~ label[destaque-cor=blue_sky] {
	border: 1px solid var(--blue_sky);
}
.cadastro_page .content .form form .campo_form input[type=radio] ~ label[destaque-cor=gray]:after{
	background: var(--bs-gray);
}
.cadastro_page .content .form form .campo_form input[type=radio] ~ label[destaque-cor=gray] {
	border: 1px solid var(--bs-gray);
}
.cadastro_page .content .form form .campo_form input[type=radio] ~ label p {
	padding: 1em 1em;
	font-weight: var(--FW6);
	font-size: 35px;
	color: var(--blue_dark);
}

.cadastro_page .content .form form .campo_form input[type=radio] ~ label p span {
	font-weight: var(--FW4);
	font-size: 16px;
}
.cadastro_page .content .form form .campo_form input[type=radio] ~ label p sub{
	
	bottom: 0;
	
	font-size: 15px;
}
.cadastro_page .content .form form .campo_form input[type=radio] ~ label[destaque-cor]:hover, 
.cadastro_page .content .form form .campo_form input[type=radio] ~ label[destaque-cor]:hover:after, 
.cadastro_page .content .form form .campo_form input[type=radio] ~ label[destaque-cor]:after {
	transition: 0.3s ease-in-out;
}

.cadastro_page .content .form form .campo_form input[type=radio] ~ label[destaque-cor]:hover:after {
	background: var(--blue);
	border-color: var(--blue);
}

.cadastro_page .content .form form .campo_form input[type=radio] ~ label[destaque-cor]:hover {
	border-color: var(--blue);
}
.cadastro_page .content .form .steps_step{

}
.cadastro_page .content .form .steps_step .step{
	width: 100%;
	margin-bottom: 3em;
	display: flex;
}
.cadastro_page .content .form .steps_step .step li{width: 50%;position: relative;align-items: center;text-align: right;}
.cadastro_page .content .form .steps_step .step li.active p{color: var(--blue_dark);}
.cadastro_page .content .form .steps_step .step li span{
	border: 1px solid #dcdcdc;
	border-radius: 100px;
	padding: 6px 13px;
	display: inline-block;
	margin-bottom: 1em;
	background: var(--white);
	z-index: 2;
}
.cadastro_page .content .form .steps_step .step li.active span{

	border: 1px solid var(--blue_dark);
}
.cadastro_page .content .form .steps_step .step li:nth-last-child(1){

	text-align: left;
}
.cadastro_page .content .form .steps_step .step li:nth-last-child(1):after{width: 100%;left: -50%;}
.cadastro_page .content .form .steps_step .step li:nth-child(1):after {
	width: 0;
}
.cadastro_page .content .form .steps_step .step li:after {content: "";border-bottom: 1px solid #dcdcdc;width: 100%;height: 1px;display: inline-block;position: relative;bottom: 5.4em;align-items: center;text-align: right;right: 0;z-index: 1;}
.cadastro_page .content .form .steps_step .step li.active:after {
	border-bottom: 1px solid var(--black);
}

.cadastro_page .content .form .steps_step .step li p {
	text-align: center;
	font-weight: var(--FW6);
	font-size: 18px;
	color: #dcdcdc;
	z-index: 2;
	position: relative;
}
.cadastro_page .content .form form .parte2 .campos{
	display: inline-flex;
}

.cadastro_page .content .form form .campo_form input[type=radio]:checked ~ label[destaque-cor] {
	border-color: var(--bs-teal);
}

.cadastro_page .content .form form .campo_form input[type=radio]:checked ~ label[destaque-cor]:after {
	border-color: var(--bs-teal);
	background: var(--bs-teal);
}
.cadastro_page .content .form form .parte2 .header_form {
	display: inline-flex;
	text-align: left;
	width: 100%;
}

.cadastro_page .content .form form .parte2 .header_form .title {
	display: inline-flex;
	width: 100%;
	align-items: center;
}

.cadastro_page .content .form form .parte2 .header_form .title .dados_plano {width: 100%;text-align: right;font-weight: var(--FW4);display: inline-flex;align-items: center;font-size: 15px;}
.cadastro_page .content .form form .parte2 .campos .campo_form:nth-last-child(1),
.cadastro_page .content .form form .parte2 .campos .campo_form:nth-child(2) {
	padding-left: 1em;
}
.cadastro_page .content .form form .parte2 .campos .campo_form{
	width: 50%;
	padding: 0 1em 0 0em;
}
.cadastro_page .content .form form .parte2 .ambiente{
	display: inline-flex;
	align-items: center;
}
.cadastro_page .content .form form .parte2 .ambiente i{
	margin-right: 10px;
	font-size: 20px;
}
.cadastro_page .content .form form .parte2 .ambiente p{
	text-transform: uppercase;
	font-weight: var(--FW5);
}
.cadastro_page .content .form form .parte2 .btn_site, 
.cadastro_page .content .form form .parte2 .ambiente {
	width: 50%;
}
.cadastro_page .content .form form .parte2 .btn_site .btn-site{
	
	padding: 1.5em 3em;
}
.cadastro_page .content .form form .parte2 .btn_site.btn_small{
	
	margin: 0;
	
	width: auto;
	
	padding-left: 15px;
}
.cadastro_page .content .form form .parte2 .btn_site.btn_small .btn-site{

	padding: 10px 20px;

	border-radius: 3px;

	background: var(--blue);

	font-weight: var(--FW4);
}
.cadastro_page .content .form form .parte2 .header_form .title > p{
	width: 58%;
}
.parsley-errors-list li {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: var(--FW4);
	color: var(--bs-danger);
}
.cadastro_page .content .form form .parte2 .campo_form input.parsley-error{
	border:  1px solid var(--bs-danger);
}
.cadastro_page .content .form form .parte2 .campo_form input.parsley-success{
	border:  1px solid var(--bs-success);
}
body.pedido_page .card_box .header .acoes a{
	font-size: 16px;
	/*color: var(--bs-green);*/
	font-weight: var(--FW4);
}
body.pedido_page .content .header_title .acoes {
	text-align: right;
	display: inline-flex;
	flex-direction: row-reverse;
	align-items: center;
}
body .content .total_compra_card{
	display: grid;
}
body .content .total_compra_card .title{
	padding: 1em 1em;
	background: var(--bs-cyan);
	font-size: 20px;
	border-radius: 10px;
	color: var(--white);
	font-weight: 600;
	z-index: 2;
	position: relative;
	display: inline-block;
	width: 100%;
}
body .content .total_compra_card .body{
	border: 1px solid var(--black);
	border-top: transparent;
	margin: -15px 0 0;
	display: inline-grid;
	padding: 2em 2em;
	z-index: 1;
	position: relative;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
body .content .total_compra_card .body ul li{
	width: 49% !important;
	padding: 0  !important;
}
body .content .total_compra_card .body .price{
	font-size: 30px;
	font-weight: var(--FW6);
	padding: 0 0 10px 0;
	z-index: 2;
}
body .content .header_title .go_back{margin-bottom: 2em;}
body .content .header_title .go_back .body{
	display: inline-flex;
	align-items: center;
	font-size: 15px;
	font-weight: var(--FW5);
	color: var(--blue_dark);
}
body .content .header_title .go_back i{

	padding: 6px 10px;

	background: #f1f1f1;

	border-radius: 5px;

	margin-right: 15px;
}
body .content .header_title .go_back p{

}
body .content .header_title .acoes .acao{
	margin-left: 1em;
	font-weight: var(--FW5);
	color: var(--blue_sky);
	font-size: 16px;
}
.table_transacao{

}
.table_transacao tbody{

}
.table_transacao tbody tr{
}
.pedido_page .cards_list .card_box:nth-last-child(1){
	padding-bottom: 0;
}
.table_transacao tbody tr td{padding-bottom: 1em;padding-top: 1em;align-items: center;border-bottom: 1px solid #e6e6e6;}
.table_transacao tbody tr td p{

	font-size: 15px;

	font-weight: var(--FW4);
}
.table_transacao tbody tr td i,
.table_transacao tbody tr td [class^="tryplo-"], 
.table_transacao tbody tr td [class*=" tryplo-"]{
	padding-right: 13px;
}
.table_transacao tbody tr td.acoes{

	text-align: right;
}
.table_transacao tbody tr td.acoes a[disabled]{
	color: #e8e8e8;
	cursor: not-allowed;
}
.table_transacao tbody tr td.acoes a{
	
	font-size: 19px;
	
	color: var(--bs-dark);
}
.table_filter{
	margin-bottom: 2em;
}
.table_filter ul{

}
.table_filter ul .filter_table {
	margin-right: 1em;
	cursor: pointer;
}
.table_filter ul .filter_table p{
	background: #efefef;
	padding: 10px 25px;
	font-weight: var(--FW4);
	border-radius: 5px;
	border: 1px solid var(--transparent);
	color: var(--black);
	transition: 0.3s ease-in-out;
}
.table_filter ul .filter_table.active p,
.table_filter ul .filter_table.active:hover p{
	background: var(--white);
	border: 1px solid var(--blue_sky);
	color: var(--black);
	transition: 0.3s ease-in-out;
}
.table_filter ul .filter_table:hover p {
	background: var(--blue_sky);
	border: 1px solid var(--blue_sky);
	color: var(--white);
	transition: 0.3s ease-in-out;
}
i.fab.fa-shopify {
	color: var(--bs-green);
}
.table_transacao tbody tr.filter_produto td img {
	width: 60px;
	padding-right: 1em;
}
.table_transacao tbody tr.filter_produto td p {
	font-weight: var(--FW5);
	font-size: 13px;
	align-items: center;
}
.table_transacao .filter_produto td p strong {
	font-size: 15px;
}
.table_pedidos thead{

}
.table_pedidos thead tr{

	border-bottom: 1px solid var(--black);
}
.table_pedidos thead tr th{

	/* padding-left: 0; */

	border-bottom: 1px solid #f1f1f1;
}
.table_pedidos tbody{

}
.table_pedidos tbody td{

	padding: 2em 1em;

	border-bottom: 1px solid #ececec;
}
.table_pedidos tbody td p{

	font-size: 14px;

	font-weight: var(--FW4);
}
.table_pedidos tbody td i{

}
.table_pedidos tbody .pedido_id{
	text-align: center;
}
.table_pedidos tbody .pedido_title{
	
}
.table_pedidos tbody .pedido_title > span, .table_pedidos tbody .pedido_title i{
}
.table_pedidos tbody .pedido_title p{
	
	font-weight: var(--FW5);
}
.table_pedidos tbody .pedido_title p small{
	
	font-weight: var(--FW4);
}
.table_pedidos tbody .pedido_data{
	
	padding-right: 1em;
	
	padding-left: 1em;
}
.table_pedidos tbody .pedido_data span,
.table_pedidos tbody .pedido_data i{
	
}
.table_pedidos tbody .pedido_data p{
	
}
.table_pedidos tbody .pedido_data p small{
	
}
.table_pedidos tbody .pedido_preco{
	
	padding-right: 1em;
	
	padding-left: 1em;
}
.table_pedidos tbody .pedido_preco span,
.table_pedidos tbody .pedido_preco i{
	
}
.table_pedidos tbody .pedido_preco p{
	
}
.table_pedidos tbody .pedido_preco p small{
	
}

.table_pedidos tbody .pedido_status{padding-right: 1em;padding-left: 1em;}
.table_pedidos tbody .pedido_status span,
.table_pedidos tbody .pedido_status i{
	
	font-size: 12px;
}
.table_pedidos tbody .pedido_status p{
	
}
.table_pedidos tbody .pedido_status p small{
	
}

.table_pedidos tbody .pedido_local{
	
	padding-right: 1em;
	
	padding-left: 1em;
}
.table_pedidos tbody .pedido_local span,
.table_pedidos tbody .pedido_local i{
	
}
.table_pedidos tbody .pedido_local p{
	
}
.table_pedidos tbody .pedido_local p small{
	
}

.table_pedidos tbody .pedido_entrega{
	
	padding-right: 1em;
	
	padding-left: 1em;
}
.table_pedidos tbody .pedido_entrega span,
.table_pedidos tbody .pedido_entrega i{
	
}
.table_pedidos tbody .pedido_entrega p{
	
}
.table_pedidos tbody .pedido_entrega p small{
	
}
.table_pedidos tbody .pedido_item{
	
	display: inline-flex;
}
.table_pedidos tbody .pedido_item span[class^="tryplo-"], 
.table_pedidos tbody .pedido_item span[class*=" tryplo-"],
.table_pedidos tbody .pedido_item i[class^="tryplo-"], 
.table_pedidos tbody .pedido_item i[class*=" tryplo-"],
.table_pedidos tbody .pedido_item i{
	
	margin-right: 12px;
}
.table_pedidos tbody .pedido_item p{
	
}
.table_pedidos tbody .pedido_item p small{
	
}




.table_pedidos tbody .pedido_acoes{

	padding-right: 1em;

	padding-left: 1em;

	text-align: right;
}
.table_pedidos tbody .pedido_acoes i,
.table_pedidos tbody .pedido_acoes span{

	padding-right: 0em;

	padding-left: 0.5em;

	font-size: 22px;
}
.table_pedidos tbody .pedido_acoes p{

}
.table_area{
	padding: 2em 2em;
	box-shadow: rgb(0 0 0 / 9%) 0 0 3px 1px;
	border-radius: 5px;
	margin-top: 2em;
	background: var(--white);
	margin-bottom: 3em;
}
.table_pedidos thead tr th.pedido_acoes {
	/* display: none; */
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
	content: " ";
	margin-top: 7px;
	margin-left: -6px;
	border: 1px solid black;
	border-radius: 3px;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
	display: block;
	position: absolute;
	top: 2.8em;
	left: 50%;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
}
table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox {
	position: relative;
	align-items: center;
	margin: 0;
	padding: 0 !important;
}
.filter_table_v2,
.filter_table_v2_item_method{
	display: inline-flex;
	align-items: center;
	margin: 2em 0 0;
}
.filter_table_v2 .filter_table_v2_item:nth-child(1),
.filter_table_v2 .filter_table_v2_item_method:nth-child(1){
	margin-left: 0;
}
.filter_table_v2 .filter_table_v2_item,
.filter_table_v2 .filter_table_v2_item_method{
	display: inline-block;
	margin: 0 0em 0 0.4em;
	text-align: center;
	align-items: center;
	height: 100%;
	box-shadow: rgb(0 0 0 / 10%) 0 0 20px 0px;
	border-radius: 10px;
	min-width: 100px;
	width: auto;
}
.filter_table_v2 .filter_table_v2_item p,
.filter_table_v2 .filter_table_v2_item_method p{
	padding: 1em 1.6em;
	background: #ffffff;
	font-weight: var(--FW6);
	text-transform: uppercase;
	border-radius: 10px;
	font-size: 13.32px;
	height: 100%;
	align-items: center;
	display: flex;
	transition: 0.3s ease-in-out;
	cursor: pointer;
	width: 100%;
	text-align: center;
	display: inline-grid;
}
.filter_table_v2 .filter_table_v2_item p:hover,
.filter_table_v2 .filter_table_v2_item_method p:hover{
	transition: 0.3s ease-in-out;
}
.filter_table_v2 .filter_table_v2_item p.tped_ag_pag:hover,
.filter_table_v2 .filter_table_v2_item.active p.tped_ag_pag,
.filter_table_v2 .filter_table_v2_item p.tped_ag_pag.active,
.filter_table_v2 .filter_table_v2_item_method p.tped_ag_pag:hover,
.filter_table_v2 .filter_table_v2_item_method.active p.tped_ag_pag,
.filter_table_v2 .filter_table_v2_item_method p.tped_ag_pag.active{
	color: #fff;
	background: var(--ped_ag_pag);
}
.filter_table_v2 .filter_table_v2_item p.tped_auth:hover,
.filter_table_v2 .filter_table_v2_item.active p.tped_auth,
.filter_table_v2 .filter_table_v2_item p.tped_auth.active,
.filter_table_v2 .filter_table_v2_item_method p.tped_auth:hover,
.filter_table_v2 .filter_table_v2_item_method.active p.tped_auth,
.filter_table_v2 .filter_table_v2_item_method p.tped_auth.active{
	color: #fff;
	background: var(--ped_auth);
}
.filter_table_v2 .filter_table_v2_item p.tped_pag_apr:hover,
.filter_table_v2 .filter_table_v2_item.active p.tped_pag_apr,
.filter_table_v2 .filter_table_v2_item p.tped_pag_apr.active,
.filter_table_v2 .filter_table_v2_item_method p.tped_pag_apr:hover,
.filter_table_v2 .filter_table_v2_item_method.active p.tped_pag_apr,
.filter_table_v2 .filter_table_v2_item_method p.tped_pag_apr.active{
	color: #fff;
	background: var(--ped_pag_apr);
}
.filter_table_v2 .filter_table_v2_item p.tped_prod_sep:hover,
.filter_table_v2 .filter_table_v2_item.active p.tped_prod_sep,
.filter_table_v2 .filter_table_v2_item p.tped_prod_sep.active,
.filter_table_v2 .filter_table_v2_item_method p.tped_prod_sep:hover,
.filter_table_v2 .filter_table_v2_item_method.active p.tped_prod_sep,
.filter_table_v2 .filter_table_v2_item_method p.tped_prod_sep.active{
	color: #fff;
	background: var(--ped_prod_sep);
}
.filter_table_v2 .filter_table_v2_item p.tped_fat:hover,
.filter_table_v2 .filter_table_v2_item.active p.tped_fat,
.filter_table_v2 .filter_table_v2_item p.tped_fat.active,
.filter_table_v2 .filter_table_v2_item_method p.tped_fat:hover,
.filter_table_v2 .filter_table_v2_item_method.active p.tped_fat,
.filter_table_v2 .filter_table_v2_item_method p.tped_fat.active{
	color: #fff;
	background: var(--ped_fat);
}
.filter_table_v2 .filter_table_v2_item p.tped_p_env:hover,
.filter_table_v2 .filter_table_v2_item.active p.tped_p_env,
.filter_table_v2 .filter_table_v2_item p.tped_p_env.active,
.filter_table_v2 .filter_table_v2_item_method p.tped_p_env:hover,
.filter_table_v2 .filter_table_v2_item_method.active p.tped_p_env,
.filter_table_v2 .filter_table_v2_item_method p.tped_p_env.active{
	color: #fff;
	background: var(--ped_p_env);
}
.filter_table_v2 .filter_table_v2_item p.tped_prod_sep:hover,
.filter_table_v2 .filter_table_v2_item.active p.tped_prod_sep,
.filter_table_v2 .filter_table_v2_item p.tped_prod_sep.active,
.filter_table_v2 .filter_table_v2_item_method p.tped_prod_sep:hover,
.filter_table_v2 .filter_table_v2_item_method.active p.tped_prod_sep,
.filter_table_v2 .filter_table_v2_item_method p.tped_prod_sep.active{
	color: #fff;
	background: var(--ped_prod_sep);
}
.filter_table_v2 .filter_table_v2_item p.tped_transp:hover,
.filter_table_v2 .filter_table_v2_item.active p.tped_transp,
.filter_table_v2 .filter_table_v2_item p.tped_transp.active,
.filter_table_v2 .filter_table_v2_item_method p.tped_transp:hover,
.filter_table_v2 .filter_table_v2_item_method.active p.tped_transp,
.filter_table_v2 .filter_table_v2_item_method p.tped_transp.active{
	color: #fff;
	background: var(--ped_transp);
}
.filter_table_v2 .filter_table_v2_item p.tped_entre:hover,
.filter_table_v2 .filter_table_v2_item.active p.tped_entre,
.filter_table_v2 .filter_table_v2_item p.tped_entre.active
.filter_table_v2 .filter_table_v2_item_method p.tped_entre:hover,
.filter_table_v2 .filter_table_v2_item_method.active p.tped_entre,
.filter_table_v2 .filter_table_v2_item_method p.tped_entre.active{
	color: #fff;
	background: var(--ped_entre);
}
.filter_table_v2 .filter_table_v2_item p.tped_cancel:hover,
.filter_table_v2 .filter_table_v2_item.active p.tped_cancel,
.filter_table_v2 .filter_table_v2_item p.tped_cancel.active,
.filter_table_v2 .filter_table_v2_item_method p.tped_cancel:hover,
.filter_table_v2 .filter_table_v2_item_method.active p.tped_cancel,
.filter_table_v2 .filter_table_v2_item_method p.tped_cancel.active{
	color: #fff;
	background: var(--ped_cancel);
}
.filter_table_v2 .filter_table_v2_item p:hover,
.filter_table_v2 .filter_table_v2_item.active p,
.filter_table_v2 .filter_table_v2_item p.active,
.filter_table_v2 .filter_table_v2_item_method p:hover,
.filter_table_v2 .filter_table_v2_item_method.active p,
.filter_table_v2 .filter_table_v2_item_method p.active{
	color: #fff;
	background: var(--blue_dark);
}
.data_range{

}
.data_range label{
	font-size: 17px;
	font-weight: var(--FW4);
	padding-right: 11px;
}
.data_range input{
	padding: 10px 1em;
	max-width: 100%;
	min-width: 80%;
	font-size: 15px;
	font-weight: var(--FW4);
	color: #5d5d5d;background: transparent;
	border: none;
}
.data_range .input-group{
	width: auto;
	display: inline-flex;
	min-width: 65%;border: 1px solid #cccccc;
	border-radius: 5px !important;
}
.data_range .input-group-text {
	background: transparent;
	border: none;
	padding-right: 0;
}
table.dataTable.stripe tbody>tr.odd.selected, 
table.dataTable.stripe tbody>tr.odd>.selected, 
table.dataTable.display tbody>tr.odd.selected, 
table.dataTable.display tbody>tr.odd>.selected,
table.dataTable tbody>tr.selected, 
table.dataTable tbody>tr>.selected{
	border-color: transparent !important;
	background: transparent !important;;
}

.relatorios_page table.dataTable tbody td.select-checkbox:before, 
.relatorios_page table.dataTable tbody td.select-checkbox:after, 
.relatorios_page table.dataTable tbody th.select-checkbox:before, 
.relatorios_page table.dataTable tbody th.select-checkbox:after {
	top: 1.5em;
	left: 1em;
}
.relatorios_page table.dataTable tr.selected td.select-checkbox:after, 
.relatorios_page table.dataTable tr.selected th.select-checkbox:after {
	margin-top: -12px;
	margin-left: -11px;
}
.relatorios_page table tbody tr td.id_ped,
.marketing_page table tbody tr td.id_ped{
	padding-right: 1em !important;
	padding-left: 2.4em !important;
}
.relatorios_page .content .table_area table thead tr th.id_ped {
	text-align: left !important;
}
.relatorios_page .navtabs .nav-tabs li a.active {
	background: #f5f5f5;
}
.dt-buttons > .btn,
.dt-buttons > .btn-group{margin-left: 4px !important;border-radius: 5px !important;}
.dt-buttons > .btn:nth-child(1),
.dt-buttons > .btn-group:nth-child(1){
	margin-left: 0 !important;
}
.btn_filter{
	background: var(--white);
	color: var(--bs-gray);
	border-color: var(--bs-gray);
	transition: 0.3s;
}
.btn_filter .btn-filter{
	color: var(--bs-gray);
	transition: 0.3s;
}
.btn_filter:hover{
	background: var(--white);
	color: var(--blue_sky);
	border-color: var(--blue_sky);
	transition: 0.3s;
}
.btn_filter:hover .btn-filter{
	color: var(--blue_sky);
	transition: 0.3s;
}
.btn_reload{
	background: var(--blue_dark);
	border: none;
	padding: 8px 15px;
}
.btn-check:focus + .btn, .btn:focus {
	outline: 0;
	box-shadow: none;
}
.btn_filter.btn-secondary:disabled, .btn_filter.btn-secondary.disabled {
	color: #fff;
	background-color: #d2d2d2;
	border-color: #d2d2d2;
}
.marketing_page table.dataTable tbody td.select-checkbox:before, 
.marketing_page table.dataTable tbody td.select-checkbox:after, 
.marketing_page table.dataTable tbody th.select-checkbox:before, 
.marketing_page table.dataTable tbody th.select-checkbox:after {
	top: 1em;
	left: 1em;
}
.marketing_page table.dataTable tr.selected td.select-checkbox:after, 
.marketing_page table.dataTable tr.selected th.select-checkbox:after {
	margin-top: -9px;
	margin-left: -11px;
}
.marketing_page .main{

}
.marketing_page .main .content{
}
form{

}
.campo_form{

	margin-bottom: 2em;

	/* z-index: 1; */

	/* position: relative; */
}
.campo_form:nth-last-child(1){
	margin-bottom: 0;
}
.content_form .detalhes_msg {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5em;
}
.content_form .titulo_msg{
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 0;
}
.content_form .center_content{
	display: inline-flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
	align-items: flex-start;
}
.campo_form label, form label{

	margin-bottom: -14px;

	z-index: 9;

	background: var(--white);

	width: auto;

	padding: 2px 10px;

	margin-left: 15px;

	font-size: 15px;

	text-transform: uppercase;

	font-weight: var(--FW4);
	position: relative;
}
.ui.active.selection.dropdown{
	z-index: 99;
}
.campo_form input, .campo_form .form-control{

	padding: 1em 1.8em;

	font-size: 14px;
}
.campo_form input[type=radio]{

	padding: 0;

	z-index: 0;

	display: none;

	margin: 0;
}
.campo_form input[type=radio] ~ label{
	
	margin: 0;
	
	padding: 10px 20px;
	
	transition: 0.3s ease-in-out;
	
	cursor: pointer;
}
form .campo_form textarea{

	padding: 1em 1.8em;

	font-size: 14px;
}
form .campo_form .ui.selection{

	padding: 1em 1.8em;

	font-size: 14px;

	z-index: 1;
}
.campo_form .form-check{
	
	display: inline-flex;
	
	border: 1px solid var(--blue_dark);
	
	padding: 0;
	
	margin-left: 0;
	
	margin-right: -5px;
	
	z-index: 2;
	
	position: relative;
}
.campo_form .form-check[checkV2],
.campo_form .form-check[checkV4]{
	border: 1px solid var(--bg-grey);
	border-radius: 50px;
}
.campo_form .form-check[checkV2] input[type=radio] ~ label{
	color: var(--black);
	border-radius: 50px;
	border: 1px solid #e8e7e7;
	padding: 10px 25px;
	display: inline-flex;
	align-items: center;
}
.campo_form .form-check[checkV2] input[type=radio] ~ label i,
.campo_form .form-check[checkV4] input[type=radio] ~ label i{
	padding-right: 10px;
}
.campo_form .form-check[checkV4] input[type=radio] ~ label {
	color: var(--black);
	border-radius: 50px;
	border: 1px solid #e8e7e7;
	padding: 4px 20px;
	display: inline-flex;
	align-items: center;
}
.campo_form .form-check[checkV2],
.campo_form .form-check[checkV4]{
	margin-right: 10px;
}
.campo_form .form-check[checkV2]:nth-child(2),
.campo_form .form-check[checkV4]:nth-child(2){
	margin-left: 0;
}
.campo_form .form-check[checkV2] input[type=radio]:checked ~ label, 
.campo_form .form-check[checkV2] input[type=radio]:hover ~ label {
	background: var(--blue_sky);
	color: var(--white);
	border-color: var(--blue_sky);
}
.campo_form .form-check[checkV4] input[type=radio]:checked ~ label, 
.campo_form .form-check[checkV4] input[type=radio]:hover ~ label {
	background: var(--blue_sky);
	color: var(--white);
	border-color: var(--blue_sky);
}
.campo_form .form-check[checkV2][bg="bs-green"] input[type=radio]:checked ~ label, 
.campo_form .form-check[checkV2][bg="bs-green"] input[type=radio]:hover ~ label,
.campo_form .form-check[checkV4][bg="bs-green"] input[type=radio]:checked ~ label, 
.campo_form .form-check[checkV4][bg="bs-green"] input[type=radio]:hover ~ label {
	background: var(--bs-green);
	color: var(--white);
	border-color: var(--bs-green);
}
form .campo_form .costum_p{
	font-size: 15px;
	font-weight: var(--FW4);
	padding-right: 15px;
}
form .animate-bg:nth-last-child(1) {
	margin-bottom: 2em;
	margin-top: 0em;
}
.dropzone .dz-preview .dz-remove {
	position: absolute;
	top: -7px;
	right: -7px;
	z-index: 9999;
	background: var(--bs-red);
	border-radius: 5px;
	transition: 0.3s ease-in-out;
	color: transparent;
	width: auto;
	box-shadow: rgb(0 0 0 / 29%) 0 0 20px 1px;
}
.dropzone .dz-preview .dz-remove:before {
	content: "\f2ed";
	color: var(--white);
	font-family: 'Font Awesome 5 Pro';
	text-align: center;
	padding: 3px 7px;
	display: block;
}
.dropzone .dz-preview .dz-remove:hover {
	text-decoration: underline;
	top: -5px;
	right: -5px;
	transition: 0.3s ease-in-out;
}
.dropzone {
	border: 1px solid rgb(234 234 234);
	padding: 20px 20px;
	background: rgb(249 249 249);
	align-items: center;
	text-align: center;
}
.dropzone .dz-message {
	text-align: center;
	margin: 0;
	height: 100%;
	align-items: center;
	display: inline-flex;
}
form .campo_form > p{
	z-index: 9;
	width: auto;
	padding: 2px 0px;
	margin-bottom: 10px;
	margin-left: 0;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: var(--FW4);
	position: relative;
}
form .campo_form input[type=radio]:checked ~ label, form .campo_form input[type=radio]:hover ~ label{

	background: var(--blue_dark);

	color: var(--white);

	transition: 0.3s ease-in-out;
}
form .campo_form .selection .text{

}
form .campo_form .selection .menu{
}
form .campo_form .selection .menu .item i.fab,
form .campo_form .selection .text > i,
.fab.fa-facebook{
	font-size: 20px;
	color: var(--bs-blue);
	align-items: center;
}
form .campo_form .selection .menu .item > i,
form .campo_form .selection .menu .item > span,
form .campo_form .selection .text > span,
form .campo_form .selection .text > i{
	font-size: 23px;
	padding-right: 8px;
}
form .campo_form .selection .menu .item {
	align-items: center;
}
form .btn_site{

}
.btn_site .btn-site:nth-child(1n) {
	margin-left: 1em;
}
.btn_site .btn-site:nth-child(1) {
	margin: 0;
}
.fileupload-buttonbar .btn_site .btn-site {
	padding: 1em 1em;
}
.fileupload-buttonbar .progress, .files .progress {
	height: 0.5rem;
	background-color: #ebebeb;
	border-radius: 10px;
}
.fileupload-buttonbar .progress .progress-bar, .files .progress {
	background-color: rgb(33 186 69 / 64%);
}
.fileupload-buttonbar {
	margin-bottom: 3em;
}
.fileupload-buttonbar .btn_site {
	display: inline-flex;
}
.fade.in {
	opacity: 1;
}
.ui.loader:after {
	border-color: #ffffff #ffffff transparent;
}
.ui.loader:before {
	border: 0.2em solid rgb(255 255 255 / 14%);
}
.ui.buttons .disabled.button, .ui.disabled.button, .ui.button:disabled, .ui.disabled.button:hover, .ui.disabled.active.button {
	opacity: 1 !important;
}
.ui.inverted.dimmer .ui.loader, .ui.loader {
	width: 1.285714rem;
	height: 1.285714rem;
	font-size: 1em;
}
.ui.loader:before, .ui.loader:after {
	width: 1.285714rem;
	height: 1.285714rem;
	margin: 0 0 0 -0.7em;
}
.icon_pr i,
.icon_pr > span{
	padding-right: 10px;
}
.pixel_lista .icon_pr i, 
.pixel_lista .icon_pr > span{
	font-size: 20px;
}
table thead tr th .dropdown .btn{
	display: inline-flex;
}
table thead tr th .dropdown .btn p{
	padding-right: 1em;
}
table thead tr th .dropdown .dropdown-menu li{
	width: 100%;
	position: relative;
}
table thead tr th .dropdown .dropdown-item {
	width: auto;
	padding: 10px 20px;
}
table thead tr th .dropdown .dropdown-toggle::after{
	display: none;
}
.select_item_table p{
	padding-left: 15px;
}
.marketing_page table tbody tr td.id_ped.pixel_id {
	padding-right: 1em !important;
	padding-left: 0.4em !important;
}
.dropdown-toggle[disabled]{
	opacity: 0.5;
	cursor: no-drop;
}
.marketing_page[class^="_index"] .header_title,
.marketing_page[class*="_index"] .header_title, 
body .header_title.access_denied{

	align-items: center;

	padding-left: 6em;
}
.marketing_page[class^="_index"] .header_title .title, .marketing_page[class*="_index"] .header_title .title, body .header_title.access_denied .title{

	display: block;
}
.marketing_page[class^="_index"] .header_title .title h2, .marketing_page[class*="_index"] .header_title .title h2, body .header_title.access_denied .title h2{

	margin-bottom: 1em;

	font-size: 45px;

	font-weight: 900;
}
.marketing_page[class^="_index"] .header_title .btn_site, 
.marketing_page[class*="_index"] .header_title .btn_site, 
body .header_title.access_denied .btn_site{
	font-size: 15px;
}
body > .container-fluid.main_all{
	min-height: 100%;
	/* height: 100%; */
}
body > .container-fluid .main{
	min-height: 100vh;
	height: fit-content;
}
body > .container-fluid .main > .row{
	min-height: 100vh;
	height: 100%;
}
body > .container-fluid .main .sidebar{
	min-height: 100%;
	background: var(--white);
	/* height: 100%; */
}
body > .container-fluid .main .content{
	min-height: 100%;
	background: #f9f9f9;
	padding-right: 5em;
	/* height: 100%; */
	padding-left: 5em;
}
form .body_form .main_form,
.box_area .box_item .box_main {
	background: var(--white);
	padding: 1em 2em 2em 2em;
	box-shadow: rgb(0 0 0 / 9%) 0 0 3px 1px;
	border-radius: 5px;
	margin-bottom: 3em;
}
form .body_form .main_form:nth-last-child(1),
.box_area .box_item .box_main:nth-last-child(1){
	margin-bottom: 5em;
}

form .body_form .header_form, .table_area .header_area,
.box_area .box_item .box_main .box_header {
	padding-bottom: 1em;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 1em;
	padding-top: 1em;
}

form .body_form .header_form p, 
.table_area .header_area p,
.box_area .box_item .box_main .box_header p {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: var(--FW5);
	color: var(--blue_dark);
	margin-right: 15px;
}
.button_btn {
	align-items: center;
	display: inline-flex;
	padding: 0 0em 0 2em;
	flex-direction: column;
	justify-content: center;
}
.tryplohelp {
	background: var(--white);
	padding: 2em 2em 2em 2em;
	box-shadow: rgb(0 0 0 / 9%) 0 0 3px 1px;
	border-radius: 5px;
	margin-bottom: 3em;
	margin-top: 3em;
}
.tryplohelp .header_content:nth-last-child(1){
	margin-bottom: 5em;
}
.tryplohelp .header_content .content_title {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 2em;
	margin-bottom: 3em;
}
.tryplohelp .header_content p {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: var(--FW6);
	color: var(--blue_dark);
	margin-right: 15px;
	border-left: 1px solid var(--blue_dark);
	padding-left: 1em;
}
.tryplohelp .body_content{

}
.tryplohelp .body_content strong {
	font-weight: var(--FW8);
}

.tryplohelp .body_content a {
	font-style: italic;
	font-weight: var(--FW7);
}
.tryplohelp .body_content *{
	font-weight: var(--FW4);
}
.tryplohelp .body_content p,
.tryplohelp .footer_content p{
	font-size: 14px;
	text-align: left;
	margin-bottom: 1em;
}
.tryplohelp .body_content img {
	border-radius: 10px;
	margin: 1em auto;
	text-align: center;
	box-shadow: rgb(0 0 0 / 9%) 0 0 3px 1px;
	width: 100%;
}
.tryplohelp .body_content p:has(img) {
	text-align: center;
}
.tryplohelp .footer_content {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	border-top: 1px solid #f1f1f1;
	padding-top: 2em;
	margin-top: 1em;
	align-content: center;
}
.tryplohelp .footer_content .faq_ask ul{
}
.tryplohelp .footer_content .faq_ask ul li{

	margin-right: 0em;
}
.tryplohelp .footer_content .faq_ask ul li p{

	font-size: 2rem;

	width: 45px;

	text-align: center;
}
.tryplohelp .footer_content .data_post{

}
.tryplohelp .footer_content .data_post p{

	font-size: 0.9rem;

	text-align: right;
}

[id^="ancora_a"]:before, [id*=" ancora_a"]:before {
	padding-right: 15px;
	content: "\f13d";
	font-family: "Font Awesome 6 Pro";
	font-size: 1.3rem;
}

[id^="ancora_"], [id*=" ancora_"] {
}
.votacao{
	cursor: pointer;
}
i.votacao.fa-face-smile{
	color: var(--blue);
}
i.votacao.fa-face-smile:hover:before{
	font-weight: 900;
}
i.votacao.fa-face-disappointed{
	color: var(--dark);
}
i.votacao.fa-face-disappointed:hover:before{
	font-weight: 900;
}
.fa-solid:hover, .fas:hover {
}
.fa-face-disappointed:before {
	content: "\f119";
	font-style: normal;
	font-weight: 400;
}
.fa-face-smile:before, .fa-smile:before {
	content: "\f118";
	font-style: normal;
}
form{
	position: relative;
}
form .body_form .campos{

}
.ui.button{
	margin: 0;
}
form .body_form .campos .campo_form {
	padding-left: 1em;
	padding-right: 1em;
}
form .body_form .campos .campo_form:first-child {
	padding-left: 0;
	padding-right: 1em;
}
form .body_form .campos .campo_form:nth-last-child(1) {
	padding-left: 1em;
	padding-right: 0em;
}
.daterangepicker.single .ranges ul {
	display: inline-grid;
}
form .content_form .campo_form .input-group .button{
	display: inline-flex;
}
.active i.fal.fa-plus:before {
	/*content: "\f068";*/
}
.menu_links  .fa-plus:before{
	content: "\f067" !important;
}
.form-check[checkV3] {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
.form-check[checkV3] .form-check-input[type=checkbox] {
	width: auto;
	height: auto;
	padding: 10px 10px !important;
	margin: 5px 10px 5px 0 !important;
	border: 1px solid #eee !important;
}
.form-check[checkV3] label{
	font-weight: var(--FW4);
	font-size: 14px;
}
form *:focus,
form *:active{
	/*border-color: transparent !important;*/
}
body > .container-fluid .main .content .accordion .item{
	margin-bottom: 1em;
}
body > .container-fluid .main .content .accordion .item:nth-last-child(1){
	margin-bottom: 0em;
}
body > .container-fluid .main .content .accordion .title{
	font-size: 14px;
}
body > .container-fluid .main .content .accordion .title i {
	padding: 10px;
	background: #eee;
	margin-right: 10px;
	border-radius: 5px;
}
.campo_form .form-check[checkV2] ~ .campo_form {
	margin-top: 2em;
}
body > .container-fluid .main .content .accordion .content, 
.accordion .content.active {
	background: none;
	padding: 0;
	margin: 0;
}
.ui.form .field > label {
	margin: 0px 0 -15px 15px;
	color: rgba(0, 0, 0, 0.87);
	font-size: 15px;
	font-weight: var(--FW4);
	z-index: 9999;
	text-transform: uppercase;
	display: inline-flex;
	position: relative;
	width: auto;
}
.ui.form .fields > .field:first-child {
	margin: 0;
}
form .campos .campo_form .ui.selection {
	padding: 1.3em 1.8em;
}
.form-control:disabled, .form-control[readonly]{
	background: var(--white) !important;
}
form .content_form .campo_form .input-group .button {
	margin: 0;
}
.campo_form .form-check[checkV2] input[type=radio] ~ label p small{
	text-transform: lowercase;
	font-size: 11px;
}
.exemple_order .orderbump_body .cover_order img,
.small_prod .small_prod_body .small_prod_cover img {
	width: 100%;
	align-items: center;
}

.exemple_order .orderbump_body .text_order,
.small_prod .small_prod_body .small_prod_text {
	padding-left: 11px;
}

.exemple_order .orderbump_body .text_order .title_order,
.small_prod .small_prod_body .small_prod_text .small_prod_title_order {
	font-weight: var(--FW5);
	font-size: 15px;
}

.exemple_order .orderbump_body .text_order .price_order,
.exemple_order .orderbump_body .text_order .price_order_new,
.small_prod .small_prod_body .small_prod_text .small_prod_price_order {
	font-size: 18px;
	font-weight: var(--FW6);
	color: #000;
}
.exemple_order .orderbump_body .text_order .price_order[older] {
	font-size: 13px;
	color: #7b7b7b;
	text-decoration: line-through;
}
.exemple_order .orderbump_body .button {
	margin-top: 1em;
	text-transform: uppercase;
}
.produto_selected{
	margin-top: 1em;
}
.exemple_order .orderbump_body,
.small_prod .small_prod_body{
	align-items: center;
}
.exemple_order .orderbump_body .cover_order,
.small_prod .small_prod_body .small_prod_cover {
	align-items: center;
	display: flex;
}
.exemple_order .orderbump_header,
.small_prod .small_prod_header {
	margin-bottom: 10px;
}
.exemple_order .orderbump_header p,
.small_prod .small_prod_header p {
	font-size: 15px;
	font-weight: var(--FW6);
	text-transform: uppercase;
}
.exemple_order,
.small_prod {
	border: 1px solid var(--blue_sky);
	padding: 15px;
	border-radius: 10px;
	background: #d4f4fb;
	width: 100%;
	margin-bottom: 1em;
}
.exemple_order .orderbump_body .text_extra {
	margin-top: 10px;
}
.exemple_order .orderbump_body .text_extra .title_extra{
	font-weight: var(--FW5);
	font-size: 15px;
}
.exemple_order .orderbump_body .text_extra .msg_extra{
	font-size: 13px;
}
.results_busca_prods {
	margin-top: 1em;
}

.results_busca_prods ul {}

.results_busca_prods ul li {
	margin-bottom: 1em;
	border-bottom: 1px solid #f3f3f3;
	width: 100%;
	padding: 1em 0;
	transition: 0.2s ease-in-out;
	cursor: pointer;
}
.results_busca_prods ul li:nth-last-child(1){
	border-color: transparent;
}
.results_busca_prods ul li:hover, .results_busca_prods ul li.active{
	background: #f3f3f3;
	padding: 1em 1em;
	transition: 0.2s ease-in-out;
}
.results_busca_prods ul li .produto_item_result {
	align-items: center;
}

.results_busca_prods ul li .produto_item_result .cover {}

.results_busca_prods ul li .produto_item_result .cover img {
	width: 100%;
	padding-right: 1em;
}

.results_busca_prods ul li .produto_item_result .title {
	line-height: 0.5;
}

.results_busca_prods ul li .produto_item_result .title p {
	font-size: 15px;
	font-weight: var(--FW5);
	text-transform: uppercase;
	line-height: 1.4;
}

.results_busca_prods ul li .produto_item_result .title small {
	font-weight: var(--FW5);
}

.dados_carrinho_modal .campo_form {}

.dados_carrinho_modal .campo_form input {
	padding: 10px;
}
.campos .form-check {
	width: auto;
	display: inline-flex;
	min-width: 33%;
}
form .body_form .content_form > .checkbox{
	border-bottom: 1px solid #f3f3f3;
	padding: 1em 0em;
}
form .body_form .campos .checkbox {
	width: auto;
	display: inline-flex;
	min-width: 33%;
	border-bottom: 1px solid #f3f3f3;
	padding: 1em 0em;
	max-width: 33%;
}
.md-checkbox {
	position: relative;
	margin: 1em 0;
	text-align: left;
}
.md-checkbox.md-checkbox-inline {
	display: inline-block;
}
.md-checkbox label {
	cursor: pointer;
	display: inline;
	line-height: 1.25em;
	vertical-align: top;
	clear: both;
	padding-left: 1px;
}
.md-checkbox label:not(:empty) {
	padding-left: 0.75em;
}
.md-checkbox label:before, .md-checkbox label:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}
.md-checkbox label:before {
	width: 1.25em;
	height: 1.25em;
	background: #fff;
	border: 2px solid rgba(0, 0, 0, 0.54);
	border-radius: 0.125em;
	cursor: pointer;
	transition: background 0.3s;
}
.md-checkbox input[type=checkbox] {
	outline: 0;
	visibility: hidden;
	width: 1.25em;
	margin: 0;
	display: block;
	float: left;
	font-size: inherit;
}
.md-checkbox input[type=checkbox]:checked + label:before {
	background: #337ab7;
	border: none;
}
.md-checkbox input[type=checkbox]:checked + label:after {
	transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
	width: 0.75em;
	height: 0.375em;
	border: 0.125em solid #fff;
	border-top-style: none;
	border-right-style: none;
}
.md-checkbox input[type=checkbox]:disabled + label:before {
	border-color: rgba(0, 0, 0, 0.26);
}
.md-checkbox input[type=checkbox]:disabled:checked + label:before {
	background: rgba(0, 0, 0, 0.26);
}

.ripple-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: inherit;
	pointer-events: none;
}
.disabled .ripple-container {
	display: none;
}

.ripple {
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	border-radius: 100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.05);
	transform: scale(1);
	transform-origin: 50%;
	opacity: 0;
	pointer-events: none;
}

.ripple.ripple-on {
	transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
	opacity: 0.1;
}

.ripple.ripple-out {
	transition: opacity 0.1s linear 0s !important;
	opacity: 0;
}

.checkbox label {
	cursor: pointer;
	padding-left: 0;
	font-weight: var(--FW4);
	font-size: 14px;
	align-items: center;
	display: flex;
	background: transparent;
	padding-bottom: 1em;
}
.form-group.is-focused .checkbox label {
	color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus {
	color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .checkbox label {
	color: rgba(0,0,0, 0.26);
}
.checkbox input[type=checkbox] {
	opacity: 0;
	position: absolute;
	margin: 0;
	z-index: -1;
	width: 0;
	height: 0;
	overflow: hidden;
	left: 0;
	pointer-events: none;
}
.checkbox .checkbox-material {
	vertical-align: middle;
	position: relative;
	top: 3px;
	padding-right: 8px;
}
.checkbox .checkbox-material:before {
	display: block;
	position: absolute;
	left: 0;
	content: "";
	background-color: rgba(0, 0, 0, 0.84);
	height: 20px;
	width: 20px;
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
	margin: 0;
	transform: scale3d(2.3, 2.3, 1);
}
.checkbox .checkbox-material .check {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(0,0,0, .54);
	overflow: hidden;
	z-index: 1;
	border-radius: 3px;
}
.checkbox .checkbox-material .check:before {
	position: absolute;
	content: "";
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	margin-left: 7px;
	width: 0;
	height: 0;
	background: red;
	box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
	animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
	opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check {
	background: var(--blue_sky);
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
	color: #FFFFFF;
	box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
	animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before {
	animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
	animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
	animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
	animation: rippleOff 500ms;
}
.setting_page .table_area table tbody tr td {
	padding: 1em 1em;
	border-bottom: 1px solid #ececec;
}
.setting_page .table_area table thead tr th {
	background: #efeeee;
	padding: 1em 1em;
	text-transform: uppercase;
	color: var(--blue_dark);
	font-size: 15px;
}
.setting_page .table_area table .select_all{
	color: var(--blue_sky);
	transition: 0.3s ease-in-out;
}
.setting_page .table_area table .select_all.checked{
	color: var(--blue_dark);
	transition: 0.3s ease-in-out;
}
.table_area .footer_area {
	margin-top: 2em;
}

.table_area .footer_area .btn_site {
	display: inline-flex;
}

.table_area .footer_area .btn_site .btn-site {
	margin-right: 10px;
}
.setting_page .ui.buttons .disabled.button, 
.setting_page .ui.disabled.button, 
.setting_page .ui.button:disabled, 
.setting_page .ui.disabled.button:hover, 
.setting_page .ui.disabled.active.button{
	opacity: 0.45 !important;
}
.table_area{

}
.table_area .header_area{

}
.table_area .header_area p{

}
.table_area .table_div{

}
.table_area .table_div .header_div{

	background: #d2d2d2;

	padding: 1em 15px;
}
.table_area .table_div .header_div p{

}
.table_area .table_div .header_div .title{

	font-size: 15px;

	text-transform: uppercase;

	font-weight: var(--FW6);

	color: var(--blue_dark);

/* background: #d2d2d2; */
}
.table_area .table_div .body_div{

}
.table_area .table_div .body_div .item{
}
.table_area .table_div .body_div .item:first-child{
}
.table_area .table_div .body_div .item .item_area{

	padding: 2em 15px;

	border-top: 1px solid #e8e8e8;

	align-items: center;
}
.table_area .table_div .body_div .item:first-child .item_area{
	border-color: transparent;
}
.table_area .table_div .body_div .item .text{

	display: inline-flex;

	align-items: center;
}
.table_area .table_div .body_div .item .text p{

	font-size: 15px;

	font-weight: var(--FW4);
}
.table_area .table_div .body_div .item .text p ~ span{

	margin-left: 10px;
}
.table_area .table_div .body_div .item .text span p{

}
.table_area .table_div .body_div .item .text span i{

}
.table_area .table_div .body_div .item .results_domain{
	width: auto;
	display: inline-block;
	min-width: 50%;
}
.table_area .table_div .body_div .item .results_domain .dados_domain{

	box-shadow: rgb(0 0 0 / 10%) 0 0 10px 1px;

	border-radius: 5px;

	padding: 2em 2em;

	border-left: 5px solid var(--transparent);

	width: auto;

	transition: 1s;

	margin-top: 2em;
}
.table_area .table_div .body_div .item .results_domain .dados_domain[border=bs-green],
.table_area .table_div .body_div .item .results_domain .dados_domain[border=bs-success]{
	border-color: var(--bs-green);
	transition: 1s;
}
.table_area .table_div .body_div .item .results_domain .dados_domain[border=bs-info],
.table_area .table_div .body_div .item .results_domain .dados_domain[border=bs-info]{
	border-color: var(--blue_sky);
	transition: 1s;
}
.table_area .table_div .body_div .item .results_domain .dados_domain[border=bs-gray]{
	border-color: #c7c7c7;
	transition: 1s;
}
.table_area .table_div .body_div .item .results_domain .dados_domain[border=bs-warning]{
	border-color: #ffc107;
	transition: 1s;
}
.table_area .table_div .body_div .item .results_domain .dados_domain[border=bs-danger],
.table_area .table_div .body_div .item .results_domain .dados_domain[border=bs-red]{
	border-color: #ff4141;
	transition: 1s;
}
.table_area .table_div .body_div .item .results_domain .dados_domain[border=bs-black],
.table_area .table_div .body_div .item .results_domain .dados_domain[border=bs-dark]{
	border-color: var(--black);
	transition: 1s;
}
.table_area .table_div .body_div .item .results_domain .dados_domain ul{

	display: block;
}
.table_area .table_div .body_div .item .results_domain .dados_domain ul li{

	display: flex;

	margin-top: 1em;

	width: 100%;

	align-items: center;
}
.table_area .table_div .body_div .item .results_domain .dados_domain ul li:first-child{
	margin-top: 0;
}
.table_area .table_div .body_div .item .results_domain .dados_domain ul li p{

	font-size: 15px;

	color: #5a5a5a;

	font-weight: var(--FW4);

	margin-right: 15px;
}
.btn_update{

	color: var(--blue_sky);

	font-weight: var(--FW6);

	font-size: 15px;

	display: flex;

	padding: 10px 0px 10px;

	width: auto;

	cursor: pointer;

	transition: 0.3s ease-in-out;

	margin-top: 1em;

	align-items: center;

	margin-bottom: 2em;
}
.table_area .table_div .body_div .item .results_domain .btn_update i,
.btn_update i{

	font-weight: var(--FW5);

	margin-right: 8px;
}
.table_area .table_div .body_div .item .results_domain .btn_update p{
	
}
.acao{
	cursor: pointer;
}
.table_area .table_div .body_div .item .text .acao {
	padding: 5px 10px;
	background: #d2d2d2;
	color: var(--black);
	transition: 0.3s ease-in-out;
	text-align: right;
	display: inline-block;
}

.table_area .table_div .body_div .item .text .acao.active {
	color: var(--white);
	background: var(--blue_sky);
	transition: 0.3s ease-in-out;
}
.skeleton {
	/*width: 320px;*/
}
.skeleton .image, .skeleton .line {
	background-image: linear-gradient(90deg, #e0e0e0 0px, #ededed 30px, #e0e0e0 60px);
	background-size: calc(320px + 100px);
	animation: refresh 2s infinite ease-out;
}
.skeleton.v2 .image, 
.skeleton.v2 .line{
	animation: placeHolderShimmer 1s linear infinite forwards
}
.skeleton .image {
	min-height: 195px;
	width: 100%;
	border-radius: 10px;
}
.skeleton .line {
	height: auto;
	min-height: 21px;
	margin-bottom: 0px;
}
.skeleton .line.form-control{
	min-height: 51px;
}
.skeleton .line:first-child {
	width: 50%;
}
.skeleton .line:last-child {
	width: 90%;
}
.table_area .table_div .body_div .item .results_domain .btn_site {
	display: inline-block;
	width: auto;
}
table .carrinho_title {
	font-weight: var(--FW5);
}
.table_area .table_div .body_div .item .results_domain .btn_update.active i,
.btn_update.active_btn i,
.btn_update.active i,
.btn_reload.active_btn i,
.btn_reload_account.active_btn i{
	-webkit-animation:spin 0.35s linear infinite;
	-moz-animation:spin 0.35s linear infinite;
	animation:spin 0.35s linear infinite;
}
.dados_carrinho_modal .dados_cliente {
	padding-right: 2em;
}
.table_area .table_div .body_div .item .results_domain .btn_update.active p,
.btn_update.active_btn p,
.btn_update.active p,
.btn_reload.active_btn p,
.btn_reload_account.active_btn p{
	color: transparent;
	transition: 0.3s;
	cursor: default;
}
.table_area .table_div .body_div .item .results_domain .btn_update p,
.btn_update p{
	transition: 0.3s;
}

.results_domain .subtitle{
	font-size: 15px;
	font-weight: var(--FW4);
	color: var(--bs-gray);
	margin-top: 0em;
}
.badge.small p {
	font-size: 10px !important;
}

.badge.small {
	padding: 5px 10px;
	margin-left: 10px;
}
.badge.bg-danger{
	background: #ff4141 !important;
}
.badge.bg-success,
.badge.bg-warning,
.badge.bg-danger{
	color: var(--white) !important;
}
.bg-outline-danger{
	background: transparent !important;
	border: 1px solid #ff4141 !important;
	color: #ff4141;
}
.bg-outline-success{
	background: transparent !important;
	border: 1px solid var(--bs-green) !important;
	color: var(--bs-green);
}
.bg-outline-warning{
	background: transparent !important;
	border: 1px solid #ffc107 !important;
	color: #ffc107;
}
.bg-outline-info{
	background: transparent !important;
	border: 1px solid #0dcaf0 !important;
	color: #0dcaf0;
}
.bg-outline-primary{
	background: transparent !important;
	border: 1px solid #0d6efd !important;
	color: #0d6efd;
}
.bg-outline-purple {
    background: transparent !important;
    border: 1px solid #8f012f !important;
    color: #8f012f;
}
.cadastro_area {
	margin-top: 3em;
}
.preloader {
	display: block;
	position: relative;
	height: 100%;
	background: #f6f7f8;
	background-image: -webkit-gradient(linear, left center, right center, from(#f6f7f8), color-stop(0.2, #edeef1), color-stop(0.4, #f6f7f8), to(#f6f7f8));
	background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
	background-repeat: no-repeat;
	background-size: 800px 100%;
	animation: placeHolderShimmer 1s linear infinite forwards;
}
.preloader > * {
	background: transparent;
	position: relative;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}
.preloader > *:after {
	content: "";
	position: absolute;
	border: 500px solid #fff;
	width: 100%;
}
.preloader .loader-circle {
	height: 200px;
}
.preloader .loader-circle:after {
	left: -325px;
	top: -475px;
	border-radius: 100%;
	width: 150px;
	height: 150px;
}
.preloader .loader-bar {
	height: 40px;
}
.preloader .loader-bar:after {
	left: -85%;
	top: -485px;
	border-radius: 1500px;
	height: 10px;
	width: 60%;
}
.preloader .filler {
	height: 20px;
	background: #fff;
}


.animate-bg {animation-duration: 1s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background: #f6f7f8;background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size: 800px 104px;min-height: 12px;display: block;clear: both;color: transparent !important;}
.animate-bg *{	
	visibility: hidden;
	color: transparent !important;
}
.animate-bg{
	margin-bottom: 7.5px;
	margin-top: 15px;
}
.animate-bg:nth-last-child(1){
	margin-bottom: 0;
}
.box_area{

	margin-top: 3em;
}
.box_area .box_item{

}
.box_area .box_item .box_main{

}
.box_area .box_item .box_main .box_header{

}
.box_area .box_item .box_main .box_header p{

}
.box_area .box_item .box_main .box_header span{

}
.box_area .box_item .box_main .box_body {
	padding: 1em 0em 0;
}
.box_area .box_item .box_main .box_body .cover_plano{

}
.box_area .box_item .box_main .box_body .cover_plano .cover{

	padding-right: 15px;
}
.box_area .box_item .box_main .box_body .cover_plano .cover img{

	width: 100%;
}
.box_area .box_item .box_main .box_body .dados_plano{

	padding-left: 15px;
}
.box_area .box_item .box_main .box_body .dados_plano .header_plano{

	display: flex;

	align-items: center;
}
.box_area .box_item .box_main .box_body .dados_plano .header_plano p{

	font-weight: var(--FW7);

	font-size: 30px;

	color: var(--blue_dark);
}
.box_area .box_item .box_main .box_body .dados_plano .header_plano small{

	font-size: 18px;

	font-weight: var(--FW6);

	padding-left: 15px;

	margin-left: 15px;

	border-left: 1px solid #eaeaea;
}
.box_area .box_item .box_main .box_body .dados_plano .body_plano{

}
.box_area .box_item .box_main .box_body .dados_plano .body_plano p{

	font-size: 15px;

	font-weight: var(--FW5);

	color: var(--bs-gray);
}
.box_area .box_item .box_main .box_body .dados_plano .button{

	font-size: 17px;

	font-weight: var(--FW5);

	margin-top: 1em;
}
.box_area .box_item .box_main .box_body .dados_plano .card_bg{

	background: #ececec;

	padding: 2em 2em;

	border-radius: 10px;
}
.box_area .box_item .box_main .box_body .dados_plano .card_bg > p{

	font-size: 17px;

	font-weight: var(--FW4);

	color: #585858;
}
.box_area .box_item .box_main .box_body .dados_plano .card_bg p small{

}
.box_area .box_item .box_main .box_body .dados_plano .card_bg p strong{

}
.box_area .box_item .box_main .box_body .dados_plano .card_bg p.title{

	font-size: 18px;

	color: #585858;

	display: block;

	margin-bottom: 1em;
}
.box_area .box_item .box_main .box_body .dados_plano .card_bg p.title small{

	font-size: 14px;

	font-weight: var(--FW5);
}
.box_area .box_item .box_main .box_body .dados_plano .card_bg p.title strong{

}
.box_area .box_item .box_main .box_body .dados_plano .card_bg i{color: var(--blue);font-size: 30px;font-weight: var(--FW3);padding-right: 15px;}
.box_main .cards_list .card_box {
	padding: 0;
	box-shadow: none;
	border: none;
	background: transparent;
}
.clients_page .cards_list .card_box .body ul{
	display: inline-block;
	align-items: center;
}
.ccard_details{
	font-size: 15px;
	font-weight: var(--FW4);
	/*margin-left: 15px;*/
}
.cartao_play .jp-card .jp-card-front{
	background: #0b4f70 url(../imgs/logo.white.svg) no-repeat 35% 30%;
	background-size: 20%;
}
.cartao_play .jp-card .jp-card-back {
	background: #0b4f70 url(../imgs/logo.white.svg) no-repeat 25% 78%;
	background-size: 20%;
	transition: background 3s;
}
.cartao_play .jp-card .jp-card-back .jp-card-shiny:after{
	display: none;
}
.setting_page .table_area table.table_finan tbody tr td .notify_lanc {font-size: 13px;font-weight: var(--FW6);color: var(--blue_sky);margin-top: 10px;display: block;}

.setting_page .table_area table.table_finan tbody tr td:first-child i {
	font-size: 30px;
}
.table_finan td img {
	height: 30px;
}
.afiliacoes .header_form img {
	height: 40px;
}
.alert.smaller {
	padding: 5px 15px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-block;
}
.alert.tryplo_help{

}
.alert.tryplo_help .body_alert{
	display: inline-flex;
	width: 100%;
}
.alert.tryplo_help .body_alert .content_alert {
	width: auto;
	margin-right: 2em;
}
.setting_page .table_area table.table_finan tbody tr td:first-child p {
	font-size: 15px;
	font-weight: var(--FW4);
	padding-left: 10px;
}
.setting_page .table_area table tbody tr:nth-last-child(1) td{
	border-color: transparent;
}
form .campo_form label[checkedV5] {
	margin-left: 0;
	margin-bottom: 0;
	text-transform: none;
}
.box_gateway_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
.box_gateway_list .box-gateway {
	display: flex;
	flex-direction: row-reverse;
	padding: 15px 30px;
	border-radius: 5px;
	background: #fbfbfb;
	background: linear-gradient(180deg,#fbfbfb 0,#f5f5f5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbfbfb",endColorstr="#f5f5f5",GradientType=0);
	margin-right: 15px;
	width: 22%;
	align-items: center;
	margin-bottom: 15px;
	text-align: center;
}

.radio_opt {
	border-radius: 5px;
	margin-left: 1em;
	cursor: pointer;
}
.radio_opt input{
	display: none;
}
.radio_opt label{

	transition: 0.3s;
	border-radius: 5px;
}
.radio_opt input:checked ~ label, .radio_opt:hover label {
	color: #008dfd;
	transition: 0.3s;
}
.radio_opt input:checked ~ label, .radio_opt:hover label {
	background: #cbe8ff;
	border: 1px solid;
	transition: 0.3s;
	border-color: #cbe8ff;
}
.radio_opt label {
	margin: 0;
	align-items: center;
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	width: 100%;
	padding: 1.5em 1em;
	border: 1px solid #000000;
	cursor: pointer;
	z-index: 1;
	width: 100%;
	min-height: 80px;
	transition: 0.3s;
}
.integracoes .box_area .box_item .box_main .box-gateway {
	padding: 1.5em 1em;
	align-items: center;
	border-bottom: 1px solid #efefef;
	transition: 0.3s;
}
.integracoes .box_area .box_item .box_main .box-gateway:nth-child(1){
	margin-top: -1.5em;
}
.integracoes .box_area .box_item .box_main .box-gateway:hover{
	background: #efefef;
	transition: 0.3s;
}
.integracoes .box_area .box_item .box_main .box-gateway img {
	padding-right: 1.5em;
	width: 80px;
}

.integracoes .box_area .box_item .box_main .box-gateway p {
	font-size: 15px;
	line-height: 1;
	font-weight: var(--FW6);
}

.integracoes .box_area .box_item .box_main .box-gateway p span {
	font-weight: var(--FW4);
	font-size: 13px;
}
.box_gateway_list .box-gateway img {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.box_gateway_list .box-gateway.none_more img{
	width: 20%;
}
.box_gateway_list .box-gateway p {
	display: block;
	line-height: 17px;
	text-align: center;
	padding-top: 10px;
	display: none;
	font-weight: var(--FW5);
}
.sidebar .list-unstyled ul li a p ~ span {
	margin-left: 10px;
}
.setting_page.checkout .table_area {
	background: transparent;
	box-shadow: none;
	padding: 0;
}
.setting_page.checkout form .body_form .campos .checkbox {
	min-width: 50%;
}
form .campo_form input[type=color], form .campo_form .form-control[type=color]{
	padding: 0;
}
.rating {
	display: inline-block;
	position: relative;
	height: 20px;
	line-height: 1px;
	width: auto;
	font-size: 100px;
}

.rating label {
	position: absolute;
	top: 15px;
	left: 0;
	height: 100%;
	cursor: pointer;
	background: none;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 35px;
}

.rating label:last-child {
	position: static;
}

.rating label:nth-child(1) {
	z-index: 5;
}

.rating label:nth-child(2) {
	z-index: 4;
}

.rating label:nth-child(3) {
	z-index: 3;
}

.rating label:nth-child(4) {
	z-index: 2;
}

.rating label:nth-child(5) {
	z-index: 1;
}

.rating label input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: inherit;
}

.rating label .icon {
	float: left;
	color: transparent;
	transition: 0.3s;
}

.rating label:last-child .icon {
	color: #000;
}

.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
	color: #F1DA0F;
	transition: 0.3s;
}

.rating label input:focus:not(:checked) ~ .icon:last-child {
	color: #000;
	text-shadow: 0 0 5px #09f;
}
.dropify-wrapper .dropify-message span.file-icon{
	font-size: 15px;
}
.geo_id:not(.animate-bg) .byfullprog {
	background: -webkit-linear-gradient(90deg, rgba(0,255,143,1) 42%, rgba(12,191,40,1) 42%, rgba(0,255,40,1) 35%);
	background: -webkit-linear-gradient(90deg, rgba(0,255,143,1) 42%, rgba(12,191,40,1) 42%, rgba(0,255,40,1) 35%);
	background: linear-gradient(90deg, rgb(0 255 143 / 42%) 0%, rgb(0 138 22 / 42%) 65%, rgb(0 255 40 / 35%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff8f",endColorstr="#00ff28",GradientType=1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: opacityAnimation 5s linear;
	-webkit-animation: opacityAnimation 5s linear;
	-moz-animation: opacityAnimation 5s;
	-o-animation: opacityAnimation 5s;
	cursor: default;
}
body .content .header_title .acoes .acao.btn_update {
	padding: 0;
	display: inline-flex;
	margin: 0 0 0 1em;
}
.index_recuperacao .content .header_title .title {
	display: block;
}
.index_recuperacao .header_title .btn_site {
	margin-top: 1em;
}
.index_recuperacao .header_title .btn_site .btn-site{
	margin-top: 1em;
}
.animate-bg select {
	display: none !important;
}
#json {
	margin-top: 2em;
}
.json-viewer li {
	display: block;
}

.json-viewer .hide {
	display: none;
}

.json-viewer ul li {
	padding-left: 7px;
}
.json-viewer {
	display: inline-block;
	overflow: scroll;
	max-height: 600px;
	height: auto;
	width: 100%;
	color: #656D78;
	padding: 10px 10px 10px 20px;
	margin-bottom: 3px;
}

.json-viewer ul {
	list-style-type: none;
	margin: 0;
	margin: 0 0 0 1px;
	border-left: 3px dotted rgb(204, 204, 204, 0.19);
	padding-left: 2em;
}

.json-viewer ul li .type-string,
.json-viewer ul li .type-date {
	color: var(--blue);
}

.json-viewer ul li .type-boolean {
	color: #F6BB42;
	font-weight: bold;
}

.json-viewer ul li .type-number {
	color:   #e87376;
}

.json-viewer ul li .type-null {
	color: #EC87C0;
}

.json-viewer a.list-link {
	color: #656D78;
	text-decoration: none;
	position: relative;
}

.json-viewer a.list-link:before {
	color: #aaa;
	content: "\25BC";
	position: absolute;
	display: inline-block;
	width: 1em;
	left: -1em;
}

.json-viewer a.list-link.collapsed:before {
	content: "\25B6";
}

.json-viewer a.list-link.empty:before {
	content: "";
}

.json-viewer .items-ph {
	color: #aaa;
	padding: 0 1em;
}

.json-viewer .items-ph:hover {
	text-decoration: underline;
}
.dados_carrinho_modal .lateral_direita .nav.nav-tabs {
	height: 60px;
	margin-bottom: 1em;
}
body .body_webhook_request .json-viewer::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 5px;
	height: 5px;
	border-radius: 100px;
}
body .body_webhook_request .json-viewer::-webkit-scrollbar-thumb {
	cursor: pointer;
	border-radius: 105px;
	background: rgba(0, 0, 0, 0.25);
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
body .body_webhook_request .json-viewer::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
	border-radius: 100px;
}

footer.footer {
	align-items: center;
	padding: 2em 5em;
}
.footer .row.line {
	align-items: center;
}
.footer .logo {
	padding-right: 2em;
}
.footer .logo img {
	/*width: 100%;*/
}
.footer .menu{

}
.footer .menu p {
	font-size: 13px;
	font-weight: 400;
}
.tryplo-fullprog {
	font-size: 15px;
}
.html_auth2 {
	text-align: center;
}

.dados_plano .html_auth2 > img:not(.no_sec) {
	text-align: center;
	margin: 0px 0 30px 0;
	padding: 10px 10px;
	background: var(--white);
	border-radius: 10px;
	order: 1;
}
.box_area .box_item .box_main .box_body .dados_plano .card_bg:has(.no_sec) {
	background: transparent;
}
.box_area .box_item .box_main .box_body .dados_plano .html_auth2 > p {
	font-size: 14px;
	text-align: left;
	order: 2;
	padding-left: 20px;
}
@media (max-width: 767px){
	.dados_plano .html_auth2 > img {
		margin: 30px 0 30px 0;
		padding: 10px 10px;
		border-radius: 10px;
		order: 2;
	}

	.box_area .box_item .box_main .box_body .dados_plano .html_auth2 > p {
		text-align: left;
		order: 1;
		padding-left: 0;
	}
	.on-mob{
		display: block;
	}
	.no-mob{
		display: none;
	}
	.sidebar {
		padding: 3em 0em 0em 0em;
	}
	section.header {
		padding: 10px 2em;
	}
	section.header .header_content .logo,
	section.header .header_content .menu {
		width: 50%;
	}
	section.header .header_content .logo img {
		width: 100%;
	}
	section.header .header_content .menu .avatar {
		width: 35%;
	}
	section.header .header_content .menu .menu_links {
		margin-left: 3em;
		width: 30%;
		display: flex;
	}
	section.header .header_content .menu .avatar .dropdown > a {
		padding: 0;
	}
	body > .container-fluid .main .content {
		padding-right: 2em;
		padding-left: 2em;
	}
	.content .header_title .title {
		margin-bottom: 2em;
	}
	.content .header_title .acoes {
		text-align: center;
	}
	.dataTables_wrapper {
		overflow: auto;
	}
	table.dataTable,
	.table_finan{
		width: 100vh !important;
	}
	.filter_table_v2 {
		display: none;
	}
	div.dataTables_wrapper div.dataTables_filter {
		width: auto;
	}
	.dt-buttons > .btn, .dt-buttons > .btn-group {
		margin-bottom: 1em;
	}
	form .body_form .campos .campo_form:nth-last-child(1),
	form .body_form .campos .campo_form {
		padding-left: 0em;
		padding-right: 0em;
	}
	.campo_form:nth-last-child(1){
		margin-bottom: 1em;
	}
	form .body_form .campos .campo_form:first-child {
		padding-left: 0;
		padding-right: 0em;
	}
	.button_btn {
		padding: 0 0em 0 0em;
	}
	form .body_form .main_form:nth-last-child(1), .box_area .box_item .box_main:nth-last-child(1) {
		margin-bottom: 2em;
	}
	.box_area .box_item .box_main .box_body .dados_plano {
		padding-left: 0;
	}
	.box_area .box_item .box_main .box_body .dados_plano .header_plano {
		display: block;
		margin-bottom: 1em;
	}
	.box_area .box_item .box_main .box_body .dados_plano .header_plano small:nth-child(2) {
		padding-left: 0;
		margin-left: 0;
	}
	.box_area .box_item .box_main .box_body .dados_plano .body_plano p{
		margin-bottom: 10px;
	}
	.cards_list .card_box .body ul {
		display: block;
	}
	.cards_list .card_box .body ul li:not(.page-item) {
		padding: 0 0 0 0em;
		width: 100%;
	}
	.cards_list .card_box .body ul li .body_card {
		margin-bottom: 0;
	}
	.table_area {
		overflow: auto;
	}
	.jp-card {
		min-width: 100%;
	}
	.radio_opt {
		margin-left: 0em;
	}
	.navtabs .nav-tabs li {
		display: inline-flex;
	}
	.table_area .table_div .body_div .item .text {
		margin-bottom: 1em;
	}
	.table_area .table_div .body_div .item .text:nth-last-child(1){
		margin-bottom: 0;
	}
	.table_area .table_div .body_div .item .text .badge.small{
		margin-left: 0;
	}
	.table_area .table_div .body_div .item .text .tright{
		text-align: left !important;
	}
	.results_domain{
		overflow: auto;
	}
	.table_area .table_div .body_div .item .results_domain .dados_domain ul {
		display: inline-flex;
	}
	.table_area .table_div .body_div .item .results_domain .dados_domain {
		width: 100vh;
	}
	.table_area .table_div .body_div .item .results_domain .dados_domain ul li {
		margin-top: 0em;
	}
	.box-gateway .centro_botoes{
		display: block;
	}
	.box-gateway .centro_botoes .acao{
		width: 100%;
		display: block;
		margin-top: 1em;
	}
	.box-gateway .centro_botoes .badge {
		padding: .5em .5em;
		margin-top: 1em;
	}
	.index_recuperacao .content .header_title .title {
		display: block;
	}
	.index_recuperacao .header_title .btn_site {
		margin-top: 1em;
	}
	.index_recuperacao .header_title .btn_site .btn-site{
		margin-top: 1em;
	}
	.index_recuperacao .header_title img{
		width: 100%;
	}
	.table_area,
	.table_arsea{
		overflow: auto;
	}
	.dados_carrinho_modal .campo_form{
		display: block;
	}
	.table_area table#table1,
	.table_area table#table2 {
		width: 100vh !important;
	}
	.cards_list .card_box .body form .campo_form .campo {
		padding: 0 0em;
	}
	.pedido_page .content .header_title .title,
	body.pedido_page .content .header_title .acoes {
		display: block;
	}
	body.pedido_page .content .header_title .acoes .acao.btn_update {
		margin: 0 0 1em 1em;
	}
	.pedido_page .cards_list .card_box .body ul li:not(.page-item){
		margin-bottom: 1em;
	}
	.table_filter ul .filter_table {
		margin-bottom: 1em;
	}
	.pedido_page table,
	.produtos_page .table_transacao {
		width: 100vh;
	}
	.pedido_page .cards_list .card_box,
	.produtos_page .cards_list .card_box{
		overflow: auto;
	}
	.table_transacao tbody tr td {
		min-width: 100px;
	}
	.table_transacao tbody tr td p {
		padding-right: 10px;
	}
	.login_page .content .form form .btn_site .btn-site, .cadastro_page .content .form form .parte2 .btn_site .btn-site {
		width: auto;
		padding: 1.5em 1em;
		text-align: center;
		display: block;
		width: 100%;
	}
	.cadastro_page .btn_simple, .login_page .container > .btn_simple{
		margin-top: 2em;
		display: block;
	}
	.login_page .content .form, .cadastro_page .content .form form {
		padding: 3em 3em;
	}
	.cadastro_page .content .form form .parte2 .header_form .title {
		display: block;
	}
	.cadastro_page .content .form form .parte2 .header_form .title > p {
		width: 100%;
		margin-bottom: 1em;
	}
	.cadastro_page .content .form form .parte2 .campos .campo_form {
		width: 100%;
		padding: 0 0em 0 0em !important;
	}
	.cadastro_page .content .form form .parte2 .btn_site, .cadastro_page .content .form form .parte2 .ambiente {
		width: 100%;
	}
	.footer .logo {
		padding-right: 0;
		text-align: center !important;
		margin-bottom: 2em;
		margin-top: 2em;
	}
	.copys.tright {
		text-align: center !important;
		margin-top: 2em;
	}
}

/*--iPhone X in portrait & landscape--*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) { 

}
/*--iPhone X in landscape--*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 

}
/*--iPhone X in portrait--*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { 

}
/*--iPad in portrait & landscape--*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	.on-mob{
		display: block;
	}
	.no-mob{
		display: none;
	}
	
	
}
/*--iPad in landscape--*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.two {
		order: 1;
	}
	.one {
		order: 2;
	}
}

/*--iPad in portrait--*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 


}

/*--iPhone 6, 7, & 8 in portrait & landscape--*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 

}

/*--iPhone 6, 7, & 8 in landscape--*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 

}
/*--
iPhone 6, 7, & 8 in portrait--*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 

}
/*--
iPhone 6, 7, & 8 Plus in portrait & landscape--*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 

}

/*--iPhone 6, 7, & 8 Plus in landscape--*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 

}

/*--iPhone 6, 7, & 8 Plus in portrait--*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 

}
/*--
iPhone 5 & 5S in portrait & landscape--*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 

}

/*--iPhone 5 & 5S in landscape--*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 

}

/*--iPhone 5 & 5S in portrait--*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

}

/*--iPad mini in portrait & landscape--*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { 

}
/*--
iPad mini in landscape--*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 

}

/*--iPad mini in portrait--*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  { 

}
/* iPad Pro Portrait and Landscape */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (-webkit-min-device-pixel-ratio: 1.5) {
	
}

/* iPad Pro Portrait */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* iPad Pro Landscape */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1.5) {

}
@media screen and (min-width: 1100px) and (max-width: 1300px){
	.sidebar {
		padding: 3em 0em 0em 0em;
	}
	.sidebar .badge p {
		display: none;
	}
}
@media screen and (min-width: 1300px) and (max-width: 1440px){
	.filter_table_v2 {
		display: inline-flex;
		align-items: center;
		margin: 2em 0 0;
		overflow: overlay;
		padding: 2em 2em 2em 0em;
	}
	.filter_table_v2 .filter_table_v2_item {
		min-width: 220px;
	}
	.sidebar {
		padding: 3em 0em 0em 0em;
	}
	.sidebar .badge p {
		display: none;
	}
	.sidebar .list-unstyled li a .badge p {
		display: none;
	}
	.integracoes .box-gateway .centro_botoes{
		display: inline-block;
	}
	.integracoes .box-gateway .centro_botoes .button {
		width: 40%;
		margin-bottom: 1em;
	}
	form .body_form .campos {
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.setting_page.checkout form .body_form .campos .checkbox {
		min-width: 100%;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1870px){
}
@media screen and (min-width: 1921px){
	body .container-fluid {
		max-width: 100% !important;
	}
}
@media screen and (min-width: 2120px) {
}
.header .header_content .dropdown-menu.show {
	display: block;
	overflow: auto;
	height: auto;
	max-height: 80vh;
}

@-webkit-keyframes placeHolderShimmer {
	0% {
		background-position: -868px 0;
	}
	100% {
		background-position: 868px 0;
	}
}
@keyframes placeHolderShimmer { 0% { background-position: -400px 0  } 100% { background-position: 400px 0  } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }

@keyframes rippleOn {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		opacity: 0;
	}
}
@keyframes rippleOff {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		opacity: 0;
	}
}

@keyframes checkbox-on {
	0% {
		box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
	}
	50% {
		box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
	}
	100% {
		box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
	}
}
@keyframes refresh {
	0% {
		background-position: calc(-100px);
	}
	40%, 100% {
		background-position: 320px;
	}
}

@keyframes opacityAnimation {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes opacityAnimation {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes opacityAnimation {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes opacityAnimation {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}