@media screen and (min-width:0px){
	:root{
		--main-color-primary:#F8DCD8;
		--main-color-secundary:#F4E1D6;
		--main-color-tertiary:#E7C4B7;
		--main-color-gray:#EDECEC;
		--main-color-gray2:#CDCDCC;
	}

	/*=============== GENERAL ===============*/
	body{background:var(--main-color-primary) !important;}
	body,
	body *{font-weight:400;}
	#main__wrapper a{color:#000; font-weight:700;}
	#main__wrapper .wcbtn{text-transform:uppercase; font-weight:400;}
	#main__wrapper .btn-primary{background:var(--main-color-primary); color:#fff;}
	#main__wrapper .btnborder{border-color:var(--main-color-primary); color:var(--main-color-primary) !important;}
	/*=============== GENERAL ===============*/

	#scrollto_top a#scrolltop-btn{background:var(--main-color-primary);}

	#offcanvas{background:linear-gradient(0deg, rgba(231,196,183,1) 30%, rgba(255,255,255,1) 100%); position:fixed; width:100%; height:100%; top:-120%; left:0; padding:2rem; z-index:999;}
	#offcanvas.active{top:0;}
	#offcanvas *{font-size:1.4rem; color:rgba(0, 0, 0, 0.8);}
	#offcanvas a#nav-responsive-close{background:#000; position:absolute; width:3.5rem; height:3.5rem; top:0; right:0; line-height:0; text-align:center;}
	#offcanvas a#nav-responsive-close span.wcicon{color:#fff; line-height:3.5rem;}
	#offcanvas a#nav-responsive-close:hover span.wcicon{transform:rotate(180deg);}
	#offcanvas .container__logo{margin:0 0 2rem 0; text-align:center;}
	#offcanvas .container__logo img.logo{max-width:180px; margin:0 auto;}

	sidebar#dashboard{background:linear-gradient(0deg, rgba(231,196,183,1) 30%, rgba(255,255,255,1) 100%); position:fixed; width:25rem; height:100%; top:0; left:0; z-index:999;}
	sidebar#dashboard.active{width:5rem;}
	sidebar#dashboard *{color:rgba(0, 0, 0, 0.8);}
	sidebar#dashboard a#collapse__dashboard{background:#000; position:absolute; display:inline-block; width:4rem; height:4rem; right:-2rem; top:2rem; font-size:1.8rem; color:#fff; line-height:4rem; text-align:center; border-radius:100%; z-index:3;}
	sidebar#dashboard a#collapse__dashboard *{color:#fff; line-height:4rem;}
	sidebar#dashboard a#collapse__dashboard.active *{transform:rotate(180deg);}
	sidebar#dashboard .container__logo{margin:0 0 2rem 0; text-align:center;}
	sidebar#dashboard .container__logo img.logo{max-width:180px;}
	sidebar#dashboard.active .container__logo img.logo{display:none;}
	sidebar#dashboard.active ul.wcnavaccordion{margin:5rem 0 0 0;}
	sidebar#dashboard.active ul.wcnavaccordion li a{display:block; font-size:0; text-align:center;}
	sidebar#dashboard.active ul.wcnavaccordion li a span.wcicon{margin:0 auto;}
	sidebar#dashboard.active ul.wcnavaccordion li a span.arrowparent{display:none;}
	sidebar#dashboard.active ul.wcnavaccordion li.nav-childrens ul.sub-menu{background:#fff; position:absolute; width:23rem; top:0; left:5rem; font-size:1.2rem; box-shadow:0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.3); border-radius:0 0.5rem 0.5rem 0; opacity:0; visibility:hidden;}
	sidebar#dashboard.active ul.wcnavaccordion li.nav-childrens:hover ul.sub-menu{display:block; opacity:1; visibility:visible;}
	sidebar#dashboard.active ul.wcnavaccordion li.nav-childrens ul.sub-menu *{font-size:1.2rem; text-align:left;}
	sidebar#dashboard.active ul.wcnavaccordion li.nav-childrens ul.sub-menu a span.wcicon{margin:0 0.5rem 0 0;}

	#header{background:#fff; position:sticky; width:100%; top:0; left:0; padding:0 1rem; z-index:99;}
	#header .container__logo img.logo{max-width:70px;}
	#header ul.nav-items{text-align:right;}
	#header ul.nav-items li a{display:inline-block; color:#000;}

	body.intern #main__wrapper{padding:1rem;}
	body.dashboard #main__wrapper .container__row-fullwidth{background:#fff; width:100%; padding:1rem 2rem; border-radius:1rem;}

	/*========================================= LOGIN =========================================*/
	body.login #main__wrapper{padding:5rem 1rem;}
	body.login #main__wrapper form.form-login{background:#fff; max-width:400px; padding:2rem; margin:0 auto; text-align:center; border-radius:2rem;}
	body.login #main__wrapper form.form-login *{text-align:center;}
	body.login #main__wrapper form.form-login img.logo{max-width:200px;}
	/*========================================= LOGIN =========================================*/

	.items-information-app .wcrow > *{background:rgba(0, 0, 0, 0.3); padding:1rem 1.5rem; border-radius:1rem;}
	.items-information-app .wcrow > .consents_create{background:#cc3b3b;}
	.items-information-app .wcrow > .surveys_create{background:#81c995;}
	.items-information-app .wcrow > .users{background:#75b4f8;}
	.items-information-app .wcrow > .services{background:#e7d663 ;}
	.items-information-app .wcrow > .surveys{background:#f28b82 ;}
	.items-information-app .wcrow > * > *{display:block; text-transform:uppercase; color:#fff; line-height:1;}
	.items-information-app .wcrow > * > .number{font-size:5rem;}
	.items-information-app .wcrow > * > .title{font-size:1.4rem;}
	.items-information-app .wcrow > * > .description{font-size:1rem;}

	nav[role=navigation]{background:rgba(0, 0, 0, 0.03); display:flex; flex-wrap:wrap; align-items:center; padding:1rem 2rem; border-radius:0.5rem;}
	nav[role=navigation] > *{width:100%;}
	nav[role=navigation] > *:first-child{display:flex; flex-wrap:wrap; align-items:center;}
	nav[role=navigation] > *:first-child *:first-child{justify-content:flex-start;}
	nav[role=navigation] > *:first-child *:last-child{justify-content:flex-end; margin-left:auto;}
	nav[role=navigation] > *:first-child span{display:none;}
	nav[role=navigation] > *:last-child{display:flex; flex-wrap:wrap; align-items:center;}
	nav[role=navigation] > *:last-child div:first-child{justify-content:flex-start;}
	nav[role=navigation] > *:last-child div:first-child *{font-size:1.4rem;}
	nav[role=navigation] > *:last-child div:last-child{justify-content:flex-end; margin-left:auto;}
	nav[role=navigation] > *:last-child div:last-child span{display:flex; flex-wrap:wrap; align-items:center;}
	nav[role=navigation] > *:last-child div:last-child span span[aria-disabled=true]{display:none;}
	nav[role=navigation] > *:last-child div:last-child span span[aria-current=page]{}
	nav[role=navigation] > *:last-child div:last-child span > *{padding:0.3rem;}
	nav[role=navigation] > *:last-child div:last-child span > a{display:flex; flex-wrap:wrap;}
	nav[role=navigation] > *:last-child div:last-child span > a svg{width:1.5rem; height:auto;}

	#main__wrapper .comment__item{margin:0.5rem 0;}
	#main__wrapper .comment__item .text__message{background:rgba(0, 0, 0, 0.1); width:max-content; max-width:100%; padding:1rem 2rem; font-size:1.2rem; border-radius:1rem;}

	img#draw-image,
	img#draw-image2{display:none;}
	img#draw-image.active,
	img#draw-image2.active{display:block;}

	#footer{background:var(--main-color-gray2); padding:5rem 1rem;}
    #footer *{color:#fff;}
	#footer .wcrow .colwc-sm-12{width:100%;}
	#footer ul.social-icons li{padding:0 0.5rem;}
	#footer ul.social-icons li a img{max-width:2.5rem;}
	#footer p.description-footer{max-width:600px; margin:2rem auto;}
	#footer ul.wcnav li a{display:flex; flex-wrap:wrap; align-items:center; padding:0.7rem 2rem; font-size:1.3rem; text-transform:uppercase;}
	#footer ul.wcnav li a span.wcicon{margin-right:0.2rem; font-size:1.2rem;}
	#footer hr{margin:2rem;}
	#footer .copyright{margin:3rem 0 0 0; font-size:1.1rem; text-transform:uppercase;}
}
@media screen and (min-width:768px){
	
}
@media screen and (min-width:1024px){
	#header ul.navwc.wcfullpc{display:flex;}

	body.dashboard #main__wrapper .container__row-fullwidth{background:#fff; width:calc(100% - 250px); margin-left:250px; padding:2rem 3rem; border-radius:1rem;}
	body.dashboard #main__wrapper .container__row-fullwidth.active{width:100%; margin-left:5rem;}

	.items-information-app .wcrow > *{padding:2rem 3rem;}
	.items-information-app .wcrow > * > .number{font-size:10rem;}
	.items-information-app .wcrow > * > .title{font-size:1.8rem;}
	.items-information-app .wcrow > * > .description{font-size:1.2rem;}
}
@media screen and (min-width:1370px){

}