.gradient-magalu {
    background: rgb(10,102,189) !important;
    background: linear-gradient(335deg, rgba(10,102,189,1) 0%, rgba(7,132,249,1) 37%, rgba(0,212,255,1) 100%) !important;
}

.gradient-magalu-red {
	background: rgb(233,83,96) !important;
	background: linear-gradient(90deg, rgba(233,83,96,1) 0%, rgba(255,98,0,1) 50%, rgba(255,188,0,1) 100%) !important;
}

.magalu-strip-multicolor {
    border-radius: 2px 2px 0 0;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-topleft: 2px;
    height: 5px;
    background: #fcd000;
    background: -moz-linear-gradient(left,#fcd000 0,#ff8a00 17%,#ff253a 34%,#ff37a8 51%,#a400e1 67%,#0086ff 83%,#00d604 100%);
    background: -webkit-linear-gradient(left,#fcd000 0,#ff8a00 17%,#ff253a 34%,#ff37a8 51%,#a400e1 67%,#0086ff 83%,#00d604 100%);
    background: linear-gradient(to right,#fcd000 0,#ff8a00 17%,#ff253a 34%,#ff37a8 51%,#a400e1 67%,#0086ff 83%,#00d604 100%);
    width: 100%;
    height: 5px;
}

.topo-menu-usuario {
	margin-top: 7px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 9px 15px !important;
	color: #fff;
	background: rgba(0,0,0,0.1) !important;
	border-radius: 5px;
	color: #fff;
}

.topo-menu-usuario:hover, .topo-menu-usuario:focus {
	color: #fff !important;
}

.login-form-label {
    font-size: 12px;
    color: #777;
    margin-left: 15px;
}

.login-form-input {
	font-size: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    border-radius: 3px;
    border-width: 2px !important;
    background: #fff;
}

.login-link a {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 15px;
}

.logo-unilever {
    width: 80px;
    margin-top: 15px;
}

.logo-luizalabs {
    width: 180px;
    margin-top: 30px;
}

.login-panel {
    margin-top: 50px !important;
}

.full-width, .box-full-width {
	width: 100%;
	float: left;
}

.box-margin-xs-top {
	margin-top: 15px !important;
}

.box-padding-xs-y {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.box-padding-xs-all {
	padding: 15px !important;
}

.box-no-padding {
	padding: 0 !important;
}

.box-margin-xs-bottom {
	margin-bottom: 15px !important;
}

.box-margin-md-bottom {
	margin-bottom: 30px !important;
}

.box-margin-md-top {
	margin-top: 30px !important;
}

.box-margin-lg-top {
	margin-top: 45px !important;
}

.box-padding-xs-bottom {
	padding-bottom: 15px !important;
}

.box-margin-xs-bottom {
	margin-bottom: 15px !important;
}

.box-no-margin {
	margin: 0 !important;
}

.box-no-border {
	border: 0 !important;
}

.box-background-white {
	background: #fff !important;
}

.box-color-white {
	color: #fff !important;
}

.box-text-uppercase {
	text-transform: uppercase;
}

.box-super-shadow {
	border-radius: 5px;
    -webkit-box-shadow: rgba(255,255,255,.9) 0px 1px 0px inset,rgba(0,0,0,.03) 0px -1px 0px inset,rgba(0,0,0,.15) 0 15px 10px,rgba(0,0,0,.3) 0 8px 36px;
    -moz-box-shadow: rgba(255,255,255,.9) 0px 1px 0px inset,rgba(0,0,0,.03) 0px -1px 0px inset,rgba(0,0,0,.15) 0 15px 10px,rgba(0,0,0,.3) 0 8px 36px;
    box-shadow: rgba(255,255,255,.9) 0px 1px 0px inset,rgba(0,0,0,.03) 0px -1px 0px inset,rgba(0,0,0,.15) 0 15px 10px,rgba(0,0,0,.3) 0 8px 36px;
}

.box-super-shadow-no-border-radius {
    -webkit-box-shadow: rgba(255,255,255,.9) 0px 1px 0px inset,rgba(0,0,0,.03) 0px -1px 0px inset,rgba(0,0,0,.15) 0 15px 10px,rgba(0,0,0,.3) 0 8px 36px;
    -moz-box-shadow: rgba(255,255,255,.9) 0px 1px 0px inset,rgba(0,0,0,.03) 0px -1px 0px inset,rgba(0,0,0,.15) 0 15px 10px,rgba(0,0,0,.3) 0 8px 36px;
    box-shadow: rgba(255,255,255,.9) 0px 1px 0px inset,rgba(0,0,0,.03) 0px -1px 0px inset,rgba(0,0,0,.15) 0 15px 10px,rgba(0,0,0,.3) 0 8px 36px;
}

.box-super-shadow-soft {
    border-radius: .5rem;
    border: 0 solid rgba(0,0,0,.125);
    box-shadow: 0 0 1px 0 rgba(59,89,178,.08), 0 4px 14px rgba(59,89,178,.06);
}

.centered-loading {
	position:fixed;
	left:50%;
	bottom:50%;
	height:55px;
	width:55px;
	margin-left:-27.5px;
	-webkit-animation:rotation 1s infinite linear;
	animation:rotation 1s infinite linear
}

@-webkit-keyframes rotation {
	from
	{
		-webkit-transform:rotate(0deg)
	}
	
	to
	{
		-webkit-transform:rotate(359deg)
	}
}

@keyframes rotation {
	from
	{
		transform:rotate(0deg)
	}
	
	to
	{
		transform:rotate(359deg)
	}
}

.aside-right {
	width: 320px;
	height: 100%;
	overflow: auto;
	top: 0;
	right: 0;
	z-index: 99999;
	background: #3a3f51;
	-webkit-box-shadow: 0px 0px 76px 8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 76px 8px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 76px 8px rgba(0,0,0,0.75);
}

#main-sidebar-right {
	color:#fff;
	padding-bottom: 30px;
}

.sidebar-right-header {
	font-size: 20px;
}

.sidebar-right-top {
	padding: 15px 0;
	background: #313644;
}

.sidebar-right-close {
    font-size: 38px;
    line-height: 22px;
    cursor: pointer;
}

.sidebar-right-close:hover {
	color: #eee;
}

.sidebar-right-input {
	border-radius: 2px;
	border:0;
	-webkit-box-shadow: 10px 0px 86px 8px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 0px 86px 8px rgba(0,0,0,0.75);
	box-shadow: 10px 0px 86px 8px rgba(0,0,0,0.75);
}

.sidebar-right-input-margin {
	margin-top: 30px;
}

.sidebar-right-input-search {
	cursor: pointer;
}

.sidebar-right-search-image img {
	width: 150px;
	margin: 50px 0;
}

.sidebar-right-card {
	padding: 15px 0;
	margin-top: 5px;
    border-radius: 3px;
	background: #1b1e29;
}
.sidebar-right-card-hover {
	cursor: pointer;
}

.sidebar-right-card-hover:hover {
	background: #5a6384;
}

.sidebar-right-card .title {
	font-size: 18px;
}

.sidebar-right-card .category {
	font-size: 14px;
}

.sidebar-right-card .view {
	font-size: 14px;
}

.sidebar-right-back {
	cursor: pointer;
	padding: 10px 0;
}