* { padding: 0; margin: 0; box-sizing: border-box; outline: none; font-family: "Fonte2"; }
:root {
	--color-mercadolivre: #ffe600;
	--color-bling: #8EC73D;
	--color-tray: #43A0D6;
	--color-tray-02: #2E5185;
	--color-primary: #056FF3;
	--color-primary-02: #00d0ff;
	--color-secondary: #9D31AC;
}
/*
Cores { 
	Azuul= #056FF3;
	Azul 2 = 6c83c4;
	Roxo = 7C28EF;#7C28EF
	Roxo 2 = 6600ff;
	Roxo 3 = 9D31AC;
	Laranja = FF8942
	laranja 2 = FF8942


	Laranja Street = #F4975C
	Azul Street = #6FAED7

	Facebook = 3b5998 
	+Google = db4a39 
	Twitter = 1DA1F2

	Marketplaces
	- Mercado livre: #ffe600 amarelo > 2d3277 azul;
}
*/
::-moz-selection { color: #fff; background: #6c83c4; text-shadow: 0 -1px 0 rgba(0,0,0,0.5) }
::-webkit-selection { color: #fff; background: #6c83c4; text-shadow: 0 -1px 0 rgba(0,0,0,0.5) }
::-o-selection { color: #fff; background: #6c83c4; text-shadow: 0 -1px 0 rgba(0,0,0,0.5) }
::-ms-selection { color: #fff; background: #6c83c4; text-shadow: 0 -1px 0 rgba(0,0,0,0.5) } 
::selection { color: #fff; background: #6c83c4; text-shadow: 0 -1px 0 rgba(0,0,0,0.5) }

body { background-color: #F4F9FD; position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; }
button { border: none; }
a { text-decoration: none; }

.stl-01 { background-image: linear-gradient(to left ,#FF8942, #7C28EF); padding: 5px 7px; color: #fff; text-transform: uppercase; font-size: 1.1em; 
font-weight: 100}

* { padding: 0; margin: 0; box-sizing: border-box; outline: none; font-family: "Fonte2"; }
blockquote {display: block;margin-top: 1em;margin-bottom: 1em;margin-left: 40px;margin-right: 40px;}
/*body { max-width: 80%; position: relative; }*/
body.overlay > *:not( *.no-overlay ) { filter: blur(15px); filter: blur(15px) brightness(50%); -moz-filter: blur(15px) brightness(50%); -webkit-filter: blur(15px) brightness(50%); 
transition-duration: 0.5s;}
body.overlay-min > *:not( *.no-overlay ) { filter: blur(1px) brightness(80%); transition-duration: 0.5s;}

body.masc-box:before { width: 100%; height: 100%; position: fixed; top: 0; left: 0; content: ''; background-color: rgba(0, 0, 0, 0.5); z-index: 1500;
 animation-duration: 0.5s; animation-fill-mode: both; animation-name:fadeIn}
 body.overlay-min.masc-box:before { background-color: rgba(0, 0, 0, 0.3) !important; }

body.overlay, 
body.aside-open,
body.aside-close { transition: transform 0.4s; -webkit-animation-fill-mode: both; }
body.aside-open { position: fixed; overflow: hidden; transform: translate3d(360px, 0, 0); }
body.aside-close { position: fixed; overflow: hidden; transform: translate3d(0, 0, 0); }


/* Arrows */

i.arrow { border: solid black; border-width: 0 2px 2px 0;display: inline-block;padding: 2px;}
i.arrow.right {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
i.arrow.left { transform: rotate(135deg); -webkit-transform: rotate(135deg);}
i.arrow.up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
i.arrow.down { transform: rotate(45deg); -webkit-transform: rotate(45deg);}

/* Like Btns */


/* lOADINGS */
div.svg-loader { width: 35px; height: 35px; position: fixed; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 999999; }
div.svg-loader svg { fill: #7C28EF; -webkit-animation-name: spinner; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 1s;
 animation-name: spinner; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 1s; -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d;}
div.svg-loader:before { content: ""; width: 60px; height: 60px; border:5px solid rgba(0,0,0,0.5); display: block; position: absolute; margin-top: -17px;
margin-left: -17px; border-radius: 50%; border-top-color: #7C28EF; animation: spinLoading 0.8s linear infinite;}

div.svg-loader-min { width: 20px; height: 20px; position: fixed; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; z-index: 999999; }
div.svg-loader-min:before { content: ""; width: 35px; height: 35px; border:5px solid rgba(0,0,0,0.2); display: block; position: absolute; margin-top: -17.5px;
margin-left: -17.5px; border-radius: 50%; border-top-color: #7C28EF;  animation: spinLoading 0.6s linear infinite;}

/* Make clicks pass-through */
#nprogress {  pointer-events: none; z-index: 1050;}
#nprogress .bar { background: rgba(255,255,255, 1);  position: fixed; z-index: 1050; top: 0; left: 0;  width: 100%; height: 3px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5)}
/* Fancy blur effect */
#nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #FF8942, 0 0 5px #FF8942; opacity: 1.0;
 -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);}
/* Remove these to get rid of the spinner */
#nprogress .spinner { display: none; position: fixed; z-index: 1050; top: 15px; right: 15px;}
#nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box;  border: solid 2px transparent; border-top-color: #FF8942; border-left-color: #FF8942;
  border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite;}
.nprogress-custom-parent { overflow: hidden;position: relative;}
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute;}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


main.container-page { width: 100%; position: absolute; height: 100%; background-image: linear-gradient(194deg, var(--color-primary), var(--color-secondary)); display: flex; overflow: hidden;}
div.title-full-page { width: calc(100% - 40px); display: flex; font-size: 1em;; margin: auto;} 

div.title-full-page.icon:before { content: ""; width: 25px; height: 25px;  background-position: center; background-repeat: no-repeat; background-size: 100%; margin-right: 10px;}
div.title-full-page.icon.history:before {background-image: url(../svg/all/history-gray.svg);}
div.title-full-page.icon.shipping:before {background-image: url(../svg/all/ct-color.svg);}
div.title-full-page.icon.shipping-price:before {background-image: url(../svg/all/shipping-price-color.svg);}

/* Menu aside */

section.site-full { width: 100px; height: calc(100% - 40px);  margin-top: 20px; position: relative;}
section.site-full div.logo-aside { width: 100%; height: 50px; text-align: center;}
section.site-full div.logo-aside img { width: auto; height: 50px; display: inline-block; border-radius: 6px; } 
section.site-full div.user-data { width: 100%; height: 50px; text-align: center; margin-top: 20px; position: relative;}
section.site-full div.user-data img { width: auto; height: 50px; display: inline-block; border-radius: 6px; box-shadow: 0 0 15px rgba(0,0,0,.3) } 
section.site-full div.user-data img:hover { box-shadow: 0 0 15px rgba(0,0,0,.3); cursor: pointer; }

section.site-full ul.apps-sync { width: 100%; display: table; margin-top: 0px; list-style: none;}
section.site-full ul.apps-sync li { width: 50px; height: 50px; background-color: #ddd; margin: auto; margin-top: 10px; border-radius: 6px; 
transition: 0.3s; position: relative; background-position: center; background-repeat: no-repeat; background-size: 50%; }
section.site-full ul.apps-sync li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99;}
section.site-full ul.apps-sync li:hover { box-shadow: 0 0 15px rgba(0,0,0,.3) }
section.site-full ul.apps-sync li.add-app { background-color: #00d0ff; background-image: url(../svg/content/plus-white.svg); 
animation-duration: 0.5s;  animation-fill-mode: both; animation-name:fadeInUp; animation-delay: 0.7s;}
section.site-full ul.apps-sync li span.qtd { padding: 3px 6px; border-radius: 25px; color: #fff; position: absolute; top: -11px; left: 39px; 
background-color: #d61e55; font-size: 0.7em; font-weight: bold; text-shadow: 0 -1px 0 #000; border: 4px solid #056FF3;}
section.site-full ul.apps-sync li.app { background-size: 70%; animation-duration: 0.5s;  animation-fill-mode: both; animation-name:fadeInDown}
section.site-full ul.apps-sync li.app.sync {  }
section.site-full ul.apps-sync li.app.sync:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; 
background-color: rgba(0, 0, 0, 0.7); border-radius: 6px;  }
section.site-full ul.apps-sync li.app.sync div.box-progress { width: 100%; top: 50%; transform: translateY(-50%); position: absolute; 
text-align: center; color: #fff; }

section.site-full ul.apps-sync li.app.sync.load {  }
section.site-full ul.apps-sync li.app.sync.load:after { border: 2px solid rgba(255,255,255, 0.9);   border-radius: 50%; width: 24px; height: 24px; 
animation: spin 0.7s linear infinite; top: 12px; left: 12px; position: absolute; content: "";  border-top: 2px solid #056FF3; }

section.site-full ul.apps-sync li.app canvas.percent-control { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

/*section.site-full ul.apps-sync li[data-app="web-site"]{ background-image: url(../svg/marketplace/web-site.svg); background-color: #fff; }
section.site-full ul.apps-sync li[data-app="bling"]{ background-image: url(../svg/marketplace/bling.svg); background-color: #fff; background-size: 170% !important;}
section.site-full ul.apps-sync li[data-app="mercado-livre"] { background-image: url(../svg/marketplace/mercado-livre.svg); background-color: #ffe600;}
section.site-full ul.apps-sync li[data-app="carrefour"] { background-image: url(../svg/marketplace/carrefour.svg); background-color: #fff;}
section.site-full ul.apps-sync li[data-app="integracommerce"] { background-image: url(../svg/marketplace/integracommerce.svg); background-color: #fff;}
section.site-full ul.apps-sync li[data-app="skyhub"] { background-image: url(../svg/marketplace/skyhub.svg); background-color: #fff;}
section.site-full ul.apps-sync li[data-app="viavarejo"] { background-image: url(../svg/marketplace/viavarejo.svg); background-color: #fff;}
*/
section.site-full div.footer-aside { width: 100%; height: auto; position: absolute; bottom: 0; text-align: center;     display: flex;flex-direction: column;justify-content: center;align-items: center;}
section.site-full div.footer-aside a.settings { width: 50px; height: 50px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: 70%;
 background-image: url(../svg/content/settings-color.svg); } 
section.site-full div.footer-aside a.payments { width: 50px; height: 50px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: 70%;
background-image: url(../svg/content/money-color.svg); } 
section.site-full div.footer-aside a.cloud { width: 50px; height: 50px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: 70%;
background-image: url(../svg/nav/uploading.svg); } 

section.site-full div.footer-aside a.stock { width: 50px; height: 50px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: 70%;
background-image: url(../svg/all/stock-manager-color.svg); } 

section.site-full div.footer-aside a.cloud canvas { }


div.app-context-box { width: 400px; height: auto; min-height: 115px; max-height: 400px; position: fixed; left: 90px;  background-color: #fff; border-radius: 9px; 
z-index: 99; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); display: none; }
div.app-context-box.show { display: block; }
div.app-context-box div.arrow { content: ""; width: 0; height: 0;  border-top: 15px solid transparent; border-bottom: 15px solid transparent;
border-right:15px solid white; padding: 0; display: inline-block; position: absolute; left: -15px; top: auto; z-index: 99;}

div.app-context-box div.lds-style { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

div.app-context-box div.content-app { width: 100%; height: auto; display: block; max-height: 400px; overflow-y: auto; }
div.app-context-box div.content-app div.title-box { width: 100%; height: auto; padding: 25px; padding-bottom: 0;}
div.app-context-box div.content-app div.title-box span { width: 100%; padding-left: 0px; display: block;}
div.app-context-box div.content-app div.title-box span.title { font-size: 1.2em; } 
div.app-context-box div.content-app div.title-box span.desc { font-size: 0.9em; }
div.app-context-box div.content-app div.title-box span.site { font-size: 0.8em; color: #056FF3; font-family: "Fonte1"; cursor: pointer} 

div.app-context-box div.content-app div.content-sync { width: 100%; display: inline-block; padding: 10px 25px; }
div.app-context-box div.content-app div.content-sync a { color: #056FF3; }
div.app-context-box div.content-app div.content-sync a:hover { text-decoration: none; }
div.app-context-box div.content-app div.content-sync ul.list-sync { width: 100%; list-style: none; display: inline-block; position: relative; }
div.app-context-box div.content-app div.content-sync ul.list-sync li { width: calc(100% / 3 - 10px); float: left; padding-bottom: 5px;
background-color: rgba(0,0,0,0.1); margin-right: 15px; border-radius: 4px; }
div.app-context-box div.content-app div.content-sync ul.list-sync li:nth-last-child(3) {margin-right: 0px;}

div.app-context-box div.content-app div.content-sync ul.list-sync li span.tt { width: 100%; display: block; text-align: center; font-size: 0.9em; padding-top: 15px; }
div.app-context-box div.content-app div.content-sync ul.list-sync li span.qtd { width: 100%; display: block; text-align: center; font-size: 1.7em; padding-top: 15px; 
color: #056FF3;}
div.app-context-box div.content-app div.content-sync ul.list-sync div.legend-loading { padding-left: 5px; padding-bottom: 10px; padding-top: 3px; font-size: 0.8em; color: #333;
position: relative; width: 100%; display: block; float: left; margin-top: 5px; background-color: rgba(0,0,0,0.1); position: relative; border-radius: 4px;}
div.app-context-box div.content-app div.content-sync ul.list-sync .nprogress-loading { position: absolute !important; width: calc(100% - 10px); bottom: 5px;}

div.app-context-box div.content-app div.history-sync { width: 100%; float: left; padding-top: 15px;}
div.app-context-box div.content-app div.history-sync div.title {  width: 100%; padding-left: 0px; display: block; font-size: 1.2em; }
div.app-context-box div.content-app div.history-sync div.desc {  width: 100%; padding-left: 0px; display: block; font-size: 0.9em; }

div.app-context-box div.content-app div.history-sync div.list { width: 100%; display: block; border-top: 1px dashed #ddd; padding-top: 0px; margin-top: 5px; }
div.app-context-box div.content-app div.history-sync div.list div.his { width: 100%; font-size: 0.8em; border-bottom: 1px solid #eee; padding: 2px 0;}
div.app-context-box div.content-app div.history-sync div.list div.his:hover { background-color: #eee; cursor: pointer; }

/* overflow: auto; overflow-x: hidden; */
div.app-context-box.cloud { min-height: 115px; max-height: calc(100% - 100px); height: auto; }
div.app-context-box.cloud div.full-context-content {width: 100%; max-height: 100%; height: auto; padding-top: 15px;  }
div.app-context-box.cloud div.container-data { padding: 0 20px; padding-bottom: 0; }
div.app-context-box.cloud div.title-full { width: calc(100% - 40px); display: block; font-size: 1.4em;; margin: auto;} 
div.app-context-box.cloud div.legend { width: calc(100% - 40px); display: block; font-size: .85em;; margin: auto;} 
div.app-context-box.cloud div.container-data div.list-cloud-data { width: 100%; }
div.app-context-box.cloud div.container-data div.list-cloud-data ul { list-style: none; }
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-cloud { display: flex; flex-wrap: nowrap; padding-top: 5px; padding-bottom: 5px; }
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-cloud li { display: block; padding-right: 15px;}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-cloud li i { width: 50px; height: 50px; 
float: left; background-position: center; background-repeat: no-repeat; background-size: 100%;;}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-cloud li span { float: right;}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-cloud li span.val { font-size: 1.5em;; padding-top: 5px;}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-cloud li span.desc { font-size: 0.75em;; color: #666;}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-cloud li.total i { background-image: url(../svg/content/folder.svg);}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-cloud li.space i { background-image: url(../svg/content/file-sharing.svg);}

div.app-context-box.cloud div.container-data div.list-cloud-data div.legend { padding: 10px 0; color: #333;}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files { width: 100%;; display: flex; justify-content:space-between; padding-top: 0px; padding-bottom: 5px; 
flex: auto;}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li {  border-radius: 3px; }
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li:hover { background-color: rgba(0, 0, 0, 0.2);}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li a {display: flex; }
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li a i {  width: 30px; height: 30px; ;
	background-position: center; background-repeat: no-repeat; background-size: 80%;;}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li a div.data { padding-right: 5px; }
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li a div.data span { display: block; padding-left: 5px;}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li a div.data span.title { font-size: 0.70em;; color: #222;}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li a div.data span.value { font-size: 0.85em;; color: #666;}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li.imagem a i { background-image: url(../svg/content/photo.svg);}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li.musica a i { background-image: url(../svg/content/music.svg);}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li.video a i { background-image: url(../svg/content/multimedia.svg);}
div.app-context-box.cloud div.container-data div.list-cloud-data ul.data-files li.my-photos a i { background-image: url(../svg/all/picture-color.svg);}

div.app-context-box.cloud div.container-data div.list-cloud-data div.footer-cloud { display: flex; padding-top: 10px; padding-bottom: 20px;}
div.app-context-box.cloud div.container-data div.list-cloud-data div.footer-cloud a { padding: 7px 15px; border-radius: 5px; margin-right: 10px; color: #333; }
div.app-context-box.cloud div.container-data div.list-cloud-data div.footer-cloud a.btn-cloud { background-color: #056FF3; color: #fff;}
div.app-context-box.cloud div.container-data div.list-cloud-data div.footer-cloud a.btn-cloud i { width: 22px; height: 22px; margin-right: 10px;
	background-position: center; background-repeat: no-repeat; background-size: 100%;; float: left; background-image: url(../svg/content/upload-white.svg); }
div.app-context-box.cloud div.container-data div.list-cloud-data div.footer-cloud a.pg-js:hover { background-color: rgba(0, 0, 0, 0.1); }


div.app-context-box.cloud ul.content-upload { width: calc(100% - 40px); display: flex; flex-direction: column; list-style: none; border-radius: 5px;
margin: auto; margin-bottom: 15px; margin-top: 10px;overflow: auto; overflow-x: hidden; background-color: #eee; align-items: center;}
div.app-context-box.cloud ul.content-upload li.list-file { width: 100%; display: flex; padding-left: 5px;; padding-bottom: 5px; padding-top: 5px;; 
	border-bottom: 1px solid #eee;}
div.app-context-box.cloud ul.content-upload li.list-file:hover { background-color: rgba(0, 0, 0, 0.1);}
div.app-context-box.cloud ul.content-upload li.list-file i { width: 35px; height: 35px; background-color: #333; border: 1px solid #eee;
border-radius: 4px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: 80%;; position: relative;}
div.app-context-box.cloud ul.content-upload li.list-file i img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%);}

div.app-context-box.cloud ul.content-upload li.list-file i figure { width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: 80%; }
div.app-context-box.cloud ul.content-upload li.list-file i figure.xml {  background-image: url(../svg/all/xml-icon.svg); background-color: #fff; }
div.app-context-box.cloud ul.content-upload li.list-file i figure.video {  background-image: url(../svg/content/multimedia.svg); background-color: #fff; }

div.app-context-box.cloud ul.content-upload li.list-file div.ldg-upl { width: 30px; padding-top: 6px; position: relative;}
div.app-context-box.cloud ul.content-upload li.list-file div.ldg-upl .lds-ellipsis { height: 30px;}
div.app-context-box.cloud ul.content-upload li.list-file div.ldg-upl .lds-ellipsis div {   top: calc(100% - 20px);}

div.app-context-box.cloud ul.content-upload li.list-file div.data-file { width: calc(100% - 80px); height: auto; padding-left: 10px;; flex-direction: column;
	display: flex; align-items: center;
	justify-content: center;}
div.app-context-box.cloud ul.content-upload li.list-file div.data-file span.file-title { display: block; width: 100%; font-size: 0.80em;; word-wrap:break-word;}
div.app-context-box.cloud ul.content-upload li.list-file div.data-file span.file-desc { display: block; width: 100%; font-size: 0.60em;; word-wrap:break-word; color: #aaa;}


div.app-context-box.cloud ul.content-upload li.list-file.error:after { width: 35px; height: 35px; float: right; background-position: center; background-repeat: no-repeat; background-size: 60%; 
	background-image: url(../svg/content/cancel.svg); content: ""; }

div.app-context-box.cloud ul.content-upload li.list-file.success:after { width: 35px; height: 35px; float: right; background-position: center; background-repeat: no-repeat; background-size: 60%; 
background-image: url(../svg/checked-color.svg); content: ""; }

content.page-ctt { width: calc(100% - 100px); height: calc(100% - 40px);  margin-top: 20px; display: flex;}
content.page-ctt aside.as-content { width: 300px; height: 100%; background-color: rgba(0,0,0,.4); border-top-left-radius: 15px; 
border-bottom-left-radius: 15px; padding-right: 15px; position: relative;}
content.page-ctt aside.as-content section.search-aside { width: 100%; text-align: center; padding-top: 25px; position: relative;}
content.page-ctt aside.as-content section.search-aside input { width: 80%; background-color: rgba(255,255,255,.2); border:none; height: 36px;
border-radius: 25px; text-indent: 15px; color: #fff;}
content.page-ctt aside.as-content section.search-aside button.search-btn { width: 30px; height: 30px; position: absolute; bottom: 3px; right: calc(10% + 5px); 
background-color: transparent; background-size: 50%; background-repeat: no-repeat; background-image: url(../svg/nav/search-white.svg);
background-position: center;}
content.page-ctt aside.as-content section.search-aside input::placeholder { color: #aaa; }
content.page-ctt aside.as-content div.alerts-aside { width: 90%; display: block; display: flex; margin: auto; border-bottom: 1px solid rgba(0,0,0,0.1);
padding-bottom: 10px;}
content.page-ctt aside.as-content div.alerts-aside div.box { width: calc(100% / 3); height: 50px;  text-align: center; padding: 10px 0;}
content.page-ctt aside.as-content div.alerts-aside div.box a.btn { width: 40px; height: 40px; display: inline-block; position: relative;
background-position: center; background-repeat: no-repeat; background-size: 40%;border-radius: 6px; cursor: pointer; transition: 0.2s;}
content.page-ctt aside.as-content div.alerts-aside div.box a.btn:hover { background-color: rgba(255,255,255,.1);box-shadow: 0 0 15px rgba(0,0,0,.2) }
content.page-ctt aside.as-content div.alerts-aside div.box a.btn.notf { background-image: url(../svg/nav/notification-white.svg); }
content.page-ctt aside.as-content div.alerts-aside div.box a.btn.chat { background-image: url(../svg/nav/chat-white.svg); }
content.page-ctt aside.as-content div.alerts-aside div.box a.btn.sync { background-image: url(../svg/nav/sync-white.svg); }
content.page-ctt aside.as-content div.alerts-aside div.box a.btn.cart { background-image: url(../svg/all/cart-white.svg); }
content.page-ctt aside.as-content div.alerts-aside div.box a.btn span { padding: 5px; background-color: orangered; font-size: .7em; border-radius: 15px; color: #fff; top: 0; left: 50%; position: absolute; }
content.page-ctt aside.as-content section.content-menu-aside { width: 285px; height: calc(100% - 61px); position: absolute; overflow: hidden; 
 top: 61px;}
content.page-ctt aside.as-content section.content-menu-aside div.aside-content { width: 100%; height: 100%; overflow: auto; }
content.page-ctt aside.as-content section.content-menu-aside div.aside-content::-webkit-scrollbar {width: 0px; }
content.page-ctt aside.as-content section.content-menu-aside div.aside-content.profile-show .menu-aside { display: none; } 

content.page-ctt aside.as-content section.content-menu-aside.sync-active {  }
content.page-ctt aside.as-content section.content-menu-aside.sync-active div.aside-content {  height: calc(100% - 75px); }

content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside { width: 80%; display: block; margin: auto; list-style: none; padding-top: 15px;
padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.1);}
content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside[data-icon="user"] { border: none !important; }

content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside div.title-menu { width: 100%; color: #fff; text-transform: uppercase; font-size: 1.2em;}
content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside div.title-menu i { width: 20px; height: 20px; display: inline-block; float: left; margin-top: 3px;
 margin-right: 10px; background-position: center; background-repeat: no-repeat; background-size: 100%;}
content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside li { width: 100%; display: block; font-size: 0.8em; padding-top: 10px;}
content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside li a { color: #eee; display: flex; justify-content: space-between; }
content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside li a i { background-color: ;}
content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside[data-icon="product"] div.title-menu i { background-image: url(../svg/nav/product-white.svg); }
content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside[data-icon="user"] div.title-menu i { background-image: url(../svg/user/group-white.svg); }
content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside[data-icon="order"] div.title-menu i { background-image: url(../svg/user/shopping-white.svg); }

content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside li a.ask { }
content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside li a.ask span { background-color: orangered; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .5); padding: 2px 5px; font-size: 0.7em;
border-radius: 5px;}
content.page-ctt aside.as-content section.content-menu-aside ul.menu-aside li a.ask span.qtd { display: none;}

content.page-ctt aside.as-content section.content-menu-aside div.integrations-box { width: 100%; display: block;  }
content.page-ctt aside.as-content section.content-menu-aside div.integrations-box ul.list-tools { width: 80%; display: flex; list-style: none; margin: auto;
 padding-top: 15px; border-top: 1px solid rgba(0,0,0,0.1); }
content.page-ctt aside.as-content section.content-menu-aside div.integrations-box ul.list-tools li.tool-box { width: 50%; height: 45px; margin-right: 10px;
background-position: center; background-repeat: no-repeat; background-size: 70%; border-radius: 5px; background-color: #fff; position: relative;}
content.page-ctt aside.as-content section.content-menu-aside div.integrations-box ul.list-tools li.tool-box a { position: absolute; width: 100%; height: 100%;}
content.page-ctt aside.as-content section.content-menu-aside div.integrations-box ul.list-tools li.tool-box:hover { background-color: #aaa;}
content.page-ctt aside.as-content section.content-menu-aside div.integrations-box ul.list-tools li.tool-box.bling { background-image: url(../svg/logos/logo-bling-png-1.svg);}
content.page-ctt aside.as-content section.content-menu-aside div.integrations-box ul.list-tools li.tool-box.melhorenvio { background-image: url(../svg/logos/melhor-envio-logo-1.svg); }
content.page-ctt aside.as-content section.content-menu-aside div.integrations-box ul.list-tools li.tool-box.correios { background-image: url(../svg/logos/correios.svg); background-size: 90% !important;}

content.page-ctt aside.as-content .window-as { width: 100%; height: 100%; position: absolute; background-color: #fff; top: 0; left: 0; border-top-left-radius: 15px; 
	border-bottom-left-radius: 15px; z-index: 1; display: none;}
content.page-ctt aside.as-content .window-as.show { display: block; animation: fadeInRight 0.5s;}
content.page-ctt aside.as-content .window-as.hide { display: block; animation: fadeOutRight 0.5s; }

	content.page-ctt aside.as-content .window-as .title-wdw { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 10px 15px; font-size: 1.2em; display: flex; align-items: center;}
content.page-ctt aside.as-content .window-as .title-wdw button.return { width: 30px; height: 30px; display: block;  background-position: center; background-repeat: no-repeat; background-size: 50%;
	background-image: url(../svg/all/arrow-back-gray.svg); background-color: transparent; border-radius: 50%;}
	content.page-ctt aside.as-content .window-as .title-wdw button.return:hover { background-color: rgba(0, 0, 0, .1); cursor: pointer; }
content.page-ctt aside.as-content .window-as .title-wdw i { width: 30px; height: 30px; display: block; margin-right: 10px; background-position: center; background-repeat: no-repeat; background-size: 100%; }
content.page-ctt aside.as-content .window-as.notification .title-wdw i {background-image: url(../svg/all/notification-grey.svg);}

content.page-ctt aside.as-content .window-as.notification .ntf-content { width: 100%; height: calc(100% - 89px); display: flex; flex-direction: column; overflow: auto;}

content.page-ctt aside.as-content .window-as.notification .filter-ntf { width: 100%; display: flex; padding: 7px 10px; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-top: 0;}
content.page-ctt aside.as-content .window-as.notification .filter-ntf .type-ntf { color: #999; margin-top: 7px; border: 1px solid #333; padding: 3px 10px; border-radius: 5px; display: flex; align-items: center;
	color: #666; border: 1px solid #ddd; padding: 3px 10px; border-radius: 5px; font-size: .7em; margin-right: 5px;}  
content.page-ctt aside.as-content .window-as.notification .filter-ntf .type-ntf:before { width: 15px; height: 15px; content: ""; margin-left: -5px; margin-right: 5px;
background-position: center; background-repeat: no-repeat; background-size: 100%; }
content.page-ctt aside.as-content .window-as.notification .filter-ntf .type-ntf:hover { cursor: pointer; background-color: rgba(0, 0, 0, .1);}

content.page-ctt aside.as-content .window-as.notification .filter-ntf .type-ntf .qtd { background-color: #d61e55; color: #fff; font-size: .8em; padding: 3px 5px; margin-left: 5px; border-radius: 5px; text-shadow: 0 -1px 0 black; ;}

content.page-ctt aside.as-content .window-as.notification .filter-ntf .type-ntf.like:before { background-image: url(../svg/app/bookmark_heart.svg); }
content.page-ctt aside.as-content .window-as.notification .filter-ntf .type-ntf.order:before { background-image: url(../svg/all/order-color.svg); }
content.page-ctt aside.as-content .window-as.notification .filter-ntf .type-ntf.more:before { display: none }

content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .1); display: flex; align-items: self-start; padding: 10px;}
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf:hover { background-color: rgba(0, 0, 0, .1);}
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf i.figure { width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: 99%;  }

content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf.like i.figure {background-image: url(../svg/app/bookmark_heart.svg); }
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf.order i.figure {background-image: url(../svg/all/order-color.svg) }
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf.dev-post i.figure {background-image: url(../svg/all/returns-color.svg) }
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf.videoshop i.figure {background-image: url(../svg/app/video-shop-3.svg); background-size: 80%; }
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf.ask i.figure {background-image: url(../svg/all/ask-color.svg); background-size: 80%; }

content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf .ctt-ntf { width: calc(100% - 50px); display: flex; flex-direction: column; font-size: .8em; color: #666; padding-left: 5px; align-items: self-start;}
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf .ctt-ntf .tt-ntf { color: #056FF3; }
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf .ctt-ntf .desc-ntf { color: #333; margin-top: 3px; display: flex; }
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf .ctt-ntf .desc-ntf div.tumb { width: 50px; height: 50px; position: relative; border-radius: 5px; border: 1px solid #eee; overflow: hidden; margin-left: 5px;}
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf .ctt-ntf .desc-ntf .text { width: calc(100% - 50px); font-size: .9em;}
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf .ctt-ntf .desc-ntf div.tumb img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf .ctt-ntf .date-ntf { color: #999; margin-top: 3px; z-index: .8em; }
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf .ctt-ntf .type-ntf { color: #999; margin-top: 5px; border: 1px solid #333; padding: 3px 10px; border-radius: 5px; display: flex; align-items: center;
	color: #666; margin-top: 5px; border: 1px solid #ddd; padding: 3px 10px; border-radius: 5px;     font-size: 0.8em;}
content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf .ctt-ntf .type-ntf:before { width: 20px; height: 20px; content: ""; margin-left: -5px; margin-right: 5px;
background-position: center; background-repeat: no-repeat; background-size: 70%; background-image: url(../svg/all/tag-grey.svg); }

content.page-ctt aside.as-content .window-as.notification .ntf-content .item-ntf .ctt-ntf .type-ntf.like:before { background-image: url(../svg/app/bookmark_heart.svg); }


content.page-ctt section.container-page { width: calc(100% - 285px); height: 100%;  border-top-left-radius: 15px; border-bottom-left-radius: 15px;
background-color: #eee; margin-left: -15px; overflow: hidden;position: relative; display: flex; z-index: 5;}
/*scrollbar-width: none;  */

content.page-ctt section.container-page div.content-page { overflow: auto; width: 100%; height: 100%; position: absolute; right: 0;border-left: 1px solid #eee;
 }
/*content.page-ctt section.container-page div.content-page::-webkit-scrollbar {width: 0px; }*/

.ic-app[data-app="website"]{ background-image: url(../svg/marketplace/web-site.svg); }
.ic-app[data-app="like-tray"]{ background-image: url(../svg/app/bookmark_heart.svg); background-size: 80% !important;}
.ic-app[data-app="video-shop"]{ background-image: url(../svg/app/video-shop-2.svg); background-size: 80% !important;}
.ic-app[data-app="bling"]{ background-image: url(../svg/marketplace/bling.svg); background-size: 170% !important;}
.ic-app[data-app="tray"]{ background-image: url(../svg/integrations/tray.svg); background-size: 80% !important; }
.ic-app[data-app="melhorenvio"]{ background-image: url(../svg/integrations/melhorenvio.svg); background-size: 170% !important;}
.ic-app[data-app="mercado-livre"] { background-image: url(../svg/marketplace/mercado-livre.svg);}
.ic-app[data-app="carrefour"] { background-image: url(../svg/marketplace/carrefour.svg);}
.ic-app[data-app="integracommerce"] { background-image: url(../svg/marketplace/integracommerce.svg);}
.ic-app[data-app="skyhub"] { background-image: url(../svg/marketplace/skyhub.svg);}
.ic-app[data-app="viavarejo"] { background-image: url(../svg/marketplace/viavarejo.svg);}


.i-app[data-app="website"]  i{ background-image: url(../svg/marketplace/web-site.svg); }
.i-app[data-app="tray"]  i{ background-image: url(../svg/integrations/web-site.svg); }
.i-app[data-app="melhorenvio"]  i{ background-image: url(../svg/marketplace/web-site.svg); }
.i-app[data-app="bling"] i { background-image: url(../svg/marketplace/bling.svg); background-size: 170% !important;}
.i-app[data-app="mercado-livre"] i { background-image: url(../svg/marketplace/mercado-livre.svg); background-color: #ffe600;}
.i-app[data-app="carrefour"] i { background-image: url(../svg/marketplace/carrefour.svg); background-color: #fff;;}
.i-app[data-app="integracommerce"] i { background-image: url(../svg/marketplace/integracommerce.svg);}
.i-app[data-app="skyhub"] i { background-image: url(../svg/marketplace/skyhub.svg);}
.i-app[data-app="viavarejo"] i { background-image: url(../svg/marketplace/viavarejo.svg);}


/* Aside profile */
.profile-aside { width: 100%; display: none; align-items: center; flex-direction: column; padding-top: 20px;}
.profile-aside.show { display: flex; animation: fadeInUp .5s;}
.profile-aside .img-profile { width: 100px; height: 100px; border-radius: 50%; position: relative; overflow: hidden; margin-bottom: 20px;}
.profile-aside .img-profile img { width: 100%; z-index: 0; }
.profile-aside .img-profile button.edit { display: none; }
.profile-aside .img-profile:hover button.edit { z-index: 2; top: 50%; left: 50%; width: 35px; height: 35px; transform: translate(-50%, -50%); margin-left: 0; background-size: 60%; border-radius: 50%; display: block;}
.profile-aside .img-profile:hover:before { width: 100%; height: 100%; top: 0; left: 0; content: ""; background-color: rgba(0, 0, 0, .5); z-index: 1; position: absolute;}
.profile-aside .img-profile canvas { position: absolute; top: 0; left: 0; ;}
.profile-aside .data-user { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff;}
.profile-aside .data-user .name { font-size: 1.3em; position: relative;}
.profile-aside .data-user .mail { font-size: .8em; color: #aaa; margin-top: 10px; }
.profile-aside .data-user .nasci { font-size: .7em; color: #aaa; margin-top: 3px; position: relative;}
.profile-aside .data-user .phone { font-size: .8em; color: #fff; position: relative;  margin-top: 10px;background: rgba(0, 0, 0, 0.5); padding: 5px 10px; border-radius: 5px;
display: flex; align-items: center; justify-content: center;}
.profile-aside .data-user .phone:before { content: ""; width: 15px; height: 15px;  margin-right: 5px; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../svg/all/phone-white.svg);}
.profile-aside .data-user .phone button.edit { top: 2px;}
.profile-aside .data-user .phone a { color: #fff;}
.profile-aside .data-user .phone a:hover { text-decoration: underline;}

.profile-aside .img-profile.curr_loading button.edit { display: none;}
.profile-aside button.edit { width: 20px; height: 20px; display: block; position: absolute; background-image: url(../svg/all/edit-white.svg); background-color: transparent; margin-left: 5px; 
background-position: center; background-repeat: no-repeat; background-size: 80%; border-radius: 4px;}
.profile-aside button.edit:hover { background-color: rgba(0, 0, 0, .5);}  

.profile-aside .data-user button.edit { right: -25px; top: 0; }

.profile-aside .container-profile { width: 100%; border-top: 1px solid rgba(0, 0, 0, .1); margin-top: 15px; padding: 10px;}
.profile-aside .container-profile div.title-cont-pro { color: #fff; font-size: 1em; }
.profile-aside .container-profile ul.list-profile { width: 100%; list-style: none; }
.profile-aside .container-profile ul.list-profile li { display:flex; align-items: center; }
.profile-aside .container-profile ul.list-profile li a { color: #ddd; padding: 5px 10px; padding-left: 5px; display: block; border-radius: 5px; }
.profile-aside .container-profile ul.list-profile li a:hover { background-color: rgba(0, 0, 0, .1);}
.profile-aside .container-profile ul.list-profile li i { width: 20px; height: 20px; background-color: transparent; display: block; margin-left: 10px; margin-right: 5px; background-position: center; 
background-repeat: no-repeat; background-size: 100%;}
.profile-aside .container-profile ul.list-profile li.password i { background-image: url(../svg/all/password_white.svg);}
.profile-aside .container-profile ul.list-profile li.logout i { background-image: url(../svg/all/logout_white.svg);}