html,

body {

	margin: 0px !important;

}



body {

	font-size: var(--font-size);

	background: #f1f1f1;

}



* {

	transition: all 300ms !important;

}



#bgWpp {



	width: 100vw;

	height: 100vh;



	position: fixed;

	z-index: 1;



	top: 0;

	left: 0;

	opacity: .03;



	background-size: contain !important;

	background-repeat: repeat-x;

	background-position: center center !important;



}



:root {



	--larguraLeftbar: 225px;

	--alturaTopbar: 80px;



	--alturaContent: calc(100vh - 100px);

	--larguraContent: calc(100vw - 100px);



	--font-size: 1em;





}





/* RESPONSIVIDADE */



@media only screen and (min-width: 1400px) { /* col-xxl */



	.hide-xxl { display: none; }

	.showxxl { display: flex; }



	:root {



		--larguraLeftbar: 260px;

		--alturaTopbar: 80px;



		--alturaContent: calc(100vh - 80px);

		--larguraContent: calc(100vw - 100px);



	}



}



@media only screen and (min-width: 992px) and (max-width: 1400px) { /* col-xl */



	.hide-xl { display: none; }

	.show-xl { display: flex !important; }



	:root {



		--larguraLeftbar: 200px;

		--alturaTopbar: 70px;



		--alturaContent: calc(100vh - 80px);

		--larguraContent: calc(100vw - 80px);



	}



}



@media only screen and (min-width: 768px) and (max-width: 992px) { /* col-lg */



	.hide-lg { display: none; }

	.show-lg { display: flex !important; }



	:root {



		--larguraLeftbar: 150px;

		--alturaTopbar: 60px;



		--alturaContent: calc(100vh - 50px);

		--larguraContent: calc(100vw - 80px);



	}



}



@media only screen and (min-width: 576px) and (max-width: 768px) { /* col-md */



	.hide-md { display: none; }

	.show-md { display: flex !important; }



	.mobile__menu {

		display: block !important;

	}



	#content__inner {

		height: 100% !important;

		left: 50% !important;

	}



	#content__box {

		padding-top: 25px !important;

		padding-left: 35px !important;

		padding-right: 35px !important;

	}



	#content__box::-webkit-scrollbar { width: 4px !important; }



	:root {



		--larguraLeftbar: 0px;

		--alturaTopbar: 65px;



		--alturaContent: calc(100vh - 30px);

		--larguraContent: calc(100vw - 30px);		



	}



}



@media only screen and (max-width: 576px) { /* col-sm */



	.hide-sm { display: none; }

	.show-sm { display: flex !important; }



	.mobile__menu {

		display: block !important;

	}



	#content__inner {

		height: 100% !important;

		left: 50% !important;

		border-radius: 0px !important;

	}



	#content__box {

		padding-top: 20px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;

	}



	#content__box::-webkit-scrollbar { width: 4px !important; }



	:root {



		--larguraLeftbar: 0px;

		--alturaTopbar: 80px;



		--alturaContent: 100vh;

		--larguraContent: 100vw;



	}



}



/* END RESPONSIVIDADE */





/* LEFTBAR */



#leftbar {



	width: var(--larguraLeftbar);

	height: calc(100vh - 2.5em);



	transform: translateY(-50%);

	position: fixed;

	z-index: 1000;



	top: 50%;

	left: 2em;



	background: #4048EF;

	border-radius: 2.5em;



}



#leftbar .leftbar__content {

	padding: 35px 30px 30px 30px;

}


@media only screen and (max-width: 992px) {
    #leftbar .leftbar__content {
	    padding: 35px 10px 30px 10px;
    }
}


#leftbar img.leftbar__logo {

	cursor: pointer;

	width: 100%;
	
	margin-bottom:15px;

}



#leftbar .leftbar__links {

	margin-top: 35px;

}



#leftbar .leftbar__links .LinkAtive {

	background: #00000030 !important;

}



#leftbar .leftbar__link {



	padding: 13px 15px;

	border-radius: 10px;



	background: #00000015;

	cursor: pointer !important;

	margin-bottom: 8px;



	display: flex;

	justify-content: flex-start;

	align-content: center;

	align-items: center;



}



#leftbar .leftbar__link svg {

	width: 22px;

	margin-top: -2px;

	stroke-width: 1.2px;

	margin-right: 10px;

	color: #fff;

}



#leftbar .leftbar__link .link__text p {

	transition: none !important;

	font-size: .8em !important;

	margin: 0px !important;

	font-weight: 300 !important;

	text-transform: uppercase;

	line-height: 1;

	color: #ffffff;

}



#leftbar .btm__leftbar {

	position: absolute;

	bottom: 25px;

}



#leftbar .btm__leftbar .leftbar__link svg {

	width: 20px;

	stroke-width: 1px;

}



#leftbar .btm__leftbar .leftbar__link {

	padding: 10px 15px;

	background: transparent;

	margin-bottom: 0;

	font-size: 1em;

}



#leftbar .btm__leftbar .leftbar__link p {

	font-weight: 200 !important;

}

#fecharBtnTop {
    display:none;
}


@media only screen and (max-width: 768px) {
    #leftbar {
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100vw;
        min-height: 100vh;
        transform: translateY(0px);
        overflow-y: scroll;
        border-radius: 0;
    }
    #leftbar .leftbar__content {
        padding: 30px 20px 0px 20px;
        min-height: 580px;
    }
    #leftbar .btm__leftbar {
        position: inherit;
        top: 370px;
        bottom: inherit;
    }
    #fecharBtnTop {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-right: 0px;
    }
    #leftbar img.leftbar__logo {
        max-width: 180px;
    }    
}

/* END LEFTBAR */





/* TOPBAR */



#topbar {



	height: var(--alturaTopbar);

	width: var(--larguraContent) !important;



	padding: 0px !important;

	box-shadow: 6px 6px 20px #cdcdcd30, -20px -20px 60px #ffffff;



	top: 0;



	display: flex;

	justify-content: space-between;

	align-items: center;



	position: fixed;

	z-index: 999;



}



#topbar .topbar__content {

	padding-left: calc(50px + var(--larguraLeftbar) - 40px);

	padding-right: 15px;

	width: 100%;



	display: flex;

	justify-content: space-between;

	align-content: center;

	align-items: center;

}



.mobile__menu svg {

	width: 3em !important;

	padding: 10px 10px;

	background: var(--color-primary);

	border-radius: 15px;

	color: white;

}



#topbar .topbar__local {

	font-weight: 300 !important;

	color: #343a4090;

}



#topbar .topbar__local svg {

	width: 20px;

	stroke-width: 1px;

	cursor: pointer;

	margin-top: -3px;

}



#topbar .topbar__local b {

	font-weight: 300;

	margin: 0px 5px;

}



#topbar .topbar__local p {

	font-size: .9em;

	margin: 0px !important;

}



#topbar .topbar__local a {

	cursor: pointer !important;

}



#topbar .topbar__profile {

	width: 50px;

	height: 50px;



	cursor: pointer;

	border-radius: 20px;



	background-size: cover !important;

	background-position: center center !important;

}



/* END TOPBAR */





/* CONTENT INNER */



#content__inner {



	height: var(--alturaContent);

	width: var(--larguraContent);



	padding-top: var(--alturaTopbar);



	top: 50%;

	left: calc(50% + 20px);



	background: #fff;

	font-weight: 400;

	color: #343a40;



	border-radius: 0px 0px 25px 25px;

	border: 1px solid #f1f1f1;



	box-shadow:  20px 20px 60px #cdcdcd30,

             -20px -20px 60px #ffffff;



	transform: translate3d(-50%, -50%, 0px);

	overflow: hidden;



	position: fixed;

	z-index: 998;



}



#content__box {



	padding-top: 25px;

	padding-right: 50px;

	padding-bottom: 50px;

	padding-left: calc(50px + var(--larguraLeftbar) - 40px);



	height: 100%;



	overflow-x: hidden;

	overflow-y: auto !important;



}



#content__box::-webkit-scrollbar {

  width: 6px;

}



#content__box::-webkit-scrollbar-track {

  background: #f5f5f5;

}



#content__box::-webkit-scrollbar-thumb {

  background-color: #e1e1e1;

}