﻿/* Print ----------------------------------------- */
@media print {
    body{
        margin:0px!important;
    }
    .page-content {
        padding-top:0px!important;
    }
    @page {
        margin: 0px !important;
        padding: 0px !important;
    }
}
.print_page {
    width: 100%;
    margin: 0px!important;
    padding: 0px!important;
}
.print_top_btns {
	width: 100%;
	text-align: center;
}
.print_top_btns button {
	width: 100px;
}
.print_row_items {
	width: 100%;
}
.print_item {
    display: inline-block;
    vertical-align: top;
    width: 272px;
    height: 99.8px;
}
.print_item_sep {
	width: 100%;
	font-size: 14px;
	color: black;
	text-align: center;
	padding-top: 45px;
}
.print_item_lab {
	width: 100%;
	font-size: 14px;
	color: black;
	text-align: center;
	padding-top: 45px;
}
.print_item_bla {
	width: 100%;
}
.print_item_bar {
    width: 100%;
    height: 100%;
}
.print_item_bar svg{
	width:100%;
	height:60px;
    margin-top:10px;
}
.print_item_margin {
}
.print_line_margin {
    height: 20px;
}
.print_fnsku {
	text-align: center;
	line-height: 10px;
}
.print_item_labnam {
	width: 193px;
	margin: auto;
	line-height: 10px;
	padding-top: 1px;
}
.print_item_labnew {
	width: 193px;
	margin: auto;
	line-height: 10px;
}

.empty_class {
}
.zero_padding {
	padding: 0px !important;
}
.stop-scrolling {
	height: 100%;
	overflow: hidden;
}
.refBlockContainer {
	width: 100%;
	height: 2300px;
	display: block;
	/*	background-color: limegreen;*/
}
/* Print ----------------------------------------- */


/* Loading --------------------------------------- */
.c7-loader {
	opacity: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 1) !important;
	z-index: 99999999 !important;
	position: fixed;
	top: 0px;
	left: 0px;
}

.c7-loader.ng-hide {
		opacity: 0;
	}

	.c7-loader.ng-hide-add,
	.c7-loader.ng-hide-remove {
		transition: all linear 0.1s !important;
	}

.ring {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 150px;
	height: 150px;
	background: transparent;
	border: 3px solid rgba(0,0,0,0);
	border-radius: 50%;
	text-align: center;
	line-height: 150px;
	font-family: sans-serif;
	font-size: 20px;
	color: white;
	letter-spacing: 4px;
	text-transform: uppercase;
	text-shadow: 0 0 10px white;
	box-shadow: 0 0 20px transparent;
}

	.ring:before {
		content: '';
		position: absolute;
		top: -3px;
		left: -3px;
		width: 100%;
		height: 100%;
		border: 3px solid transparent;
		border-top: 3px solid white;
		border-right: 3px solid white;
		border-radius: 50%;
		animation: animateC 2s linear infinite;
	}

.ringSpan {
	display: block;
	position: absolute;
	top: calc(50% - 2px);
	left: 50%;
	width: 50%;
	height: 4px;
	background: transparent;
	transform-origin: left;
	animation: animate 2s linear infinite;
}

	.ringSpan:before {
		content: '';
		position: absolute;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: white;
		top: -6px;
		right: -8px;
		box-shadow: 0 0 20px white;
	}

@keyframes animateC {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes animate {
	0% {
		transform: rotate(45deg);
	}

	100% {
		transform: rotate(405deg);
	}
}

/* Loading --------------------------------------- */

.red_back {
	background-color: red !important;
}

.green_back {
	background-color: green !important;
}

.img_upload_t {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	padding-top: 5px;
	font-size: 23px;
	font-weight: 700;
	color: #cacaca;
}

.categoriesPie {
	width: 100% !important;
	height: 100% !important;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 10000000 !important;
	position: fixed;
	top: 0;
}

	.categoriesPie .modal-dialog {
		width: 50%;
		padding: 50px 0px;
	}

.poGrid_deleteRow {
	width: 30px;
	color: black;
}

	.poGrid_deleteRow:hover {
		font-weight: bold;
		cursor: pointer !important;
		color: red;
	}

.ms-prodMain-img-container {
	width: 100%;
	margin: auto;
	text-align: center;
}

.ms-prodMain-catalogs-img {
	width: 23%;
	height: 24vw !important;
	margin-left: 10px;
	display: inline-flex;
	text-align: center;
	position: relative;
}

	.ms-prodMain-catalogs-img:hover {
		cursor: pointer;
	}

.ms-prodMain-catalog-img {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: 1;
}

.ms-prodMain-catalog-icon {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: -1;
	background-color: rgba(193, 193, 193, 0.7);
	font-size: 100px;
}

	.ms-prodMain-catalog-icon i {
		color: #00ce9e;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-40%, -80%);
	}

.ms-prodMain-catalog-icon-selected {
	z-index: 100 !important;
}

.ms-prodMain-catalog-icon i {
	color: #00ce9e;
	position: relative;
	top: 80%;
	left: 65%;
	transform: translate(-40%, -80%);
}

.ms-products-catalog-exception {
	float: right;
	text-transform: initial !important;
	font-weight: 100;
	font-size: 13px;
}

.ms-prodCatalog-selected {
	color: black;
	font-weight: 700;
	font-size: 15px;
}

.ms-products-tittle-main-container {
	width: 100%;
	background-color: gray;
}

.ms-products-main-container {
	min-height: 100vh;
}

.ms-products-sidebar-container {
	width: 15%;
	display: inline-flex;
	background-color: green;
}

.ms-products-sidebar-search-container {
	width: 100%;
	padding: 10px 0px;
}

.ms-products-sidebar-colors-container {
	width: 100%;
	min-height: 300px !important;
}

.ms-products-prods-container {
	display: inline-flex;
	width: 84%;
}

.ms-products-prod {
	width: 100%;
	background-color: red !important;
}

.ms-products-product {
	background-color: aquamarine;
	width: 120px;
	display: inline-flex;
}

.ms-products-prod-image {
	width: 100px !important;
	height: 200px;
}

	.ms-products-prod-image a {
		display: none;
	}

.ms-products-prods-pagination {
	width: 100%;
	background-color: orange !important;
}

.theme-sdtd.color-default .topbar .dropdown-menu > li.active > a, .theme-sdtd.color-default .dropdown-menu > .active > a, .theme-sdtd.color-default .dropdown-menu > .active > a:focus, .theme-sdtd.color-default .dropdown-menu > .active > a:hover {
	background: #f5f5f5;
	color: #121212 !important;
	font-size: 15px !important;
	text-decoration: none !important;
}

.dropdown-menu > li > a {
	padding: 7px 10px;
	color: #666666;
	text-decoration: none;
	font-size: 15px;
}

.ms-typeahead-menu .dropdown-menu {
	width: 100%;
}

.cBtndefault {
	width: 100px;
	height: 28px;
	font-size: 13px;
	border: 1px solid #ddd;
	background-color: white;
	color: black;
	border-radius: 4px;
}

.cBtnshover {
	background-color: #FD5D5D;
}

.cBtnsactive {
	background-color: #FF0000;
}

.cBtnnshover {
	background-color: #57CA01;
}

.cBtnnsactive {
	background-color: #439C00;
}

.ms-grid-filters-container {
	width: 100%;
	text-align: right;
	margin-bottom: 10px;
}

	.ms-grid-filters-container .btn-group {
		margin: 0px !important;
	}

		.ms-grid-filters-container .btn-group button {
			background-color: white !important;
			color: black !important;
		}

	.ms-grid-filters-container .ms-grid-filters-tittle {
		display: inline-block;
		margin-right: 20px;
	}

	.ms-grid-filters-container .menuitem {
		background-color: yellow !important;
	}

.GridFiltersDropDownButtons {
	background-color: white !important;
	border: 1px solid #ddd !important;
}

.ms-grid-cell {
	padding: 0px !important;
	vertical-align: middle !important;
	background-color: rgba(128, 128, 128, 0.2) !important;
}

	.ms-grid-cell input {
		background-color: white;
		color: black;
		border: 0px solid rgba(128, 128, 128, 0) !important;
		text-align: center;
		line-height: 100% !important;
		outline: none !important;
		width: 100%;
		height: 40px;
	}

		.ms-grid-cell input:active {
			background-color: rgba(0, 0, 0, 0.2);
			border: 0px solid black !important;
			color: transparent !important;
			text-shadow: 0 0 0 black;
		}

		.ms-grid-cell input:focus {
			background-color: white;
			border: 2px solid black !important;
			color: transparent !important;
			text-shadow: 0 0 0 black;
		}

		.ms-grid-cell input:hover {
			cursor: pointer;
		}

.FilterItensMainClass {
	display: inline-flex;
	overflow-x: auto;
	overflow-y: hidden !important;
	width: 100%;
}

.ButtonFilterGridWidthClass {
	background-color: transparent;
	border: 1px solid #ddd;
	margin-left: 4px;
	min-width: 100px;
	height: 40px;
	outline: none !important;
}

	.ButtonFilterGridWidthClass:hover {
		border: 1px solid black;
	}

	.ButtonFilterGridWidthClass:active {
		background-color: gray;
		border: 1px solid black;
		color: white;
	}

.ButtonFilterGridColorClass {
	background-color: transparent;
	border: 1px solid #ddd;
	margin-left: 4px;
	min-width: 60px;
	height: 40px;
}

	.ButtonFilterGridColorClass:hover {
		border: 1px solid black;
	}

	.ButtonFilterGridColorClass:active {
		background-color: gray;
		border: 1px solid black;
		color: white;
	}

/*
.ms-grid-header {
  font-weight: bolder;
  font-size: 12px;
  color: black;
  background-color: white !important;
  //text-align: center;
  vertical-align: middle !important;
  //width: 80px !important;
  height: 40px !important; }
*/
.ms-grid-row {
	padding: 0px 0px 0px 0px !important;
	margin: 0px !important;
}

.ms-grid-table {
	font-size: 10px;
	overflow-x: hidden;
}

	.ms-grid-table thead tr th {
		background-color: white;
		border-bottom: 2px solid darkgray;
	}

.ms-no-results {
	width: 100%;
	padding: 150px 0px 50px 0px;
	text-align: center;
	color: black !important;
	font-family: Arial;
	font-size: 50px;
}

.gridCell_a {
	background: #94ca94;
}

	.gridCell_a input {
		background: #94ca94;
	}

.gridCell_b {
	background: #73aae3;
}

	.gridCell_b input {
		background: #73aae3;
	}

.gridCell_c {
	background: #ffff9e;
}

	.gridCell_c input {
		background: #ffff9e;
	}

.gridCell_d {
	background: #ff8585 !important;
}

	.gridCell_d input {
		background: #ff8585 !important;
	}

.gridCell_danger {
	background: rgba(255, 0, 0, 0.3);
}

	.gridCell_danger input {
		background: rgba(255, 0, 0, 0.3);
	}

.gridCell_warning {
	background: rgba(255, 255, 0, 0.3);
}

	.gridCell_warning input {
		background: rgba(255, 255, 0, 0.3);
	}

.gridCell_success {
	background: rgba(0, 128, 0, 0.3);
}

	.gridCell_success input {
		background: rgba(0, 128, 0, 0.3);
	}

.gridCell_info {
	background: #c4e3f3 !important;
}

	.gridCell_info input {
		background: #c4e3f3 !important;
	}

.ms-sidebar-widget-table {
	width: 100%;
}

.ms-sidebar-widget-table-tittle {
	text-align: left;
	color: #dadada;
	padding-bottom: 15px;
	font-weight: 100;
	font-size: 18px;
	padding-left: 24px;
}

.ms-sidebar-widget-table-name {
	color: #dadada;
	font-weight: 100;
	font-size: 13px;
	text-align: left;
}

.ms-sidebar-widget-table-number {
	color: #dadada;
	font-weight: 100;
	font-size: 13px;
	text-align: left;
}

/*.ms-datepicker-container {
  background-color: #2B2E33 !important;
  color: white !important;
  width: 95%;
  margin: auto; }*/

.ms-datepicker-container .ui-datepicker-week-end {
	color: darkgreen !important;
}

.ms-datepicker-container .uib-daypicker {
	outline: none !important;
}

.ms-datepicker-container .uib-right {
	color: #efefef !important;
}

.ms-datepicker-container .uib-left {
	color: #efefef !important;
}

.ms-datepicker-container .uib-title {
	color: #efefef !important;
}

.ms-datepicker-container small {
	color: #efefef !important;
}

.ms-datepicker-container .text-info {
	color: #e6c204 !important;
}

.ms-datepicker-container .active {
	color: white !important;
	background-color: transparent !important;
	border: 1px solid white !important;
	border-color: white !important;
}

.ms-datepicker-container button {
	background-color: transparent !important;
	color: white !important;
}

	.ms-datepicker-container button[disabled="disabled"] {
		color: gray !important;
		background-color: transparent !important;
		opacity: 0.5 !important;
		pointer-events: none;
	}

.ms-datepicker-container .text-muted {
	color: transparent !important;
	background-color: transparent !important;
	opacity: 0.5 !important;
	pointer-events: none;
}

.ms-inlineDatepicker-container {
	background-color: #2B2E33 !important;
	color: white !important;
	width: 100%;
	margin: auto;
}

	.ms-inlineDatepicker-container .ui-datepicker-week-end {
		color: darkgreen !important;
	}

	.ms-inlineDatepicker-container .uib-daypicker {
		outline: none !important;
	}

	.ms-inlineDatepicker-container .uib-right {
		position: relative !important;
		color: #000000 !important;
		background-color: transparent !important;
		height: 35px;
		border: none !important;
	}

		.ms-inlineDatepicker-container .uib-right i {
			width: 100%;
			color: #000000;
		}

	.ms-inlineDatepicker-container .uib-left {
		position: relative !important;
		color: #000000 !important;
		background-color: transparent !important;
		height: 35px;
		border-bottom: 2px solid #ddd;
		border: none !important;
	}

		.ms-inlineDatepicker-container .uib-left i {
			width: 100%;
			color: #000000;
		}

	.ms-inlineDatepicker-container .uib-title {
		color: #000000 !important;
		font-size: 14px;
		background-color: transparent !important;
		border: none !important;
	}

	.ms-inlineDatepicker-container small {
		color: #54e99d !important;
		background-color: white !important;
		font-size: 14px;
	}

	.ms-inlineDatepicker-container .text-info {
		color: #04e67e !important;
	}

.prepend-icon span {
	padding-left: 0px;
}

.ms-inlineDatepicker-container .active {
	color: white !important;
	background-color: black !important;
	border: 1px solid black !important;
	font-size: 15px;
}

.ms-inlineDatepicker-container button {
	color: black !important;
	background-color: transparent !important;
	font-size: 15px !important;
	padding-left: 0px !important;
}

	.ms-inlineDatepicker-container button[disabled="disabled"] {
		color: gray !important;
		background-color: transparent !important;
		opacity: 0.5 !important;
		pointer-events: none;
	}

.ms-inlineDatepicker-container .text-muted {
	color: transparent !important;
	background-color: transparent !important;
	opacity: 0.5 !important;
	pointer-events: none;
}

.ms-validation {
	transition: border-color linear 0.25s;
	transition: opacity linear 0.25s;
}

.ms-validation-not-valid {
	border-color: red !important;
}

.ms-validation-message {
	color: red !important;
	opacity: 1;
}

.ms-validation-message-hide {
	opacity: 0 !important;
}

.ms-ma-rp-main_container {
	height: 100%;
}

.ms-ma-rp-tittle_container {
	height: 5%;
}

.ms-ma-rp-name {
	font-size: 20px;
	font-weight: 400;
	color: gray;
}

.ms-ma-rp-nickname {
	font-size: 20px;
	font-weight: 400;
	color: gray;
	float: right;
}

.ms-ma-rp-image {
	width: 100%;
	height: 95%;
}

.account_monthly_sales_container {
	position: relative;
	margin: auto;
	height: 256px;
	width: 100%;
}

.account_instagram {
	background: white;
	border: 1px solid #dbdbdb;
	margin: 1px 1px 12px;
	max-width: 300px;
	width: calc(100% - 2px);
	border-radius: 4px;
	box-shadow: none;
	display: block;
	padding: 0px;
}

.account_youTube_container iframe {
	width: 100%;
	height: 100% !important;
}

.ms-uppercase {
	text-transform: uppercase !important;
}

.confirmationMessage {
	padding: 30px 30px;
}

.confirmationMessageTitle {
	margin: 0px 0px 20px 0px;
	text-align: center;
}

.loginModal_body {
	border: none !important;
}

	.loginModal_body a:hover {
		cursor: pointer;
		text-decoration: none;
	}

.modal-body {
	position: relative;
}

	.modal-body .txt {
		width: 90%;
		background-color: gray !important;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 1px solid gray;
		color: black;
		text-align: center !important;
		font-size: 2em;
	}

		.modal-body .txt:focus {
			outline: none;
		}

		.modal-body .txt:active {
			outline: none;
		}

.Cmsg {
	text-align: center;
}

.confirmationMsg {
	width: 100% !important;
	height: 100% !important;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 10000000 !important;
	position: fixed;
	opacity: 1 !important;
	top: 0;
}

	.confirmationMsg .modal-dialog {
		width: 50%;
		padding: 50px 0px;
		top: 30%;
	}

.color_red {
	color: red !important;
}

.disabled {
	background-color: #d5d5d5e0 !important;
	opacity: 0.5 !important;
	pointer-events: none;
}

.ms-align-middle {
	vertical-align: middle !important;
}

.ms-align-c {
	text-align: center !important;
}

.ms_ngShowHide.ng-hide-add, .ms_ngShowHide.ng-hide-remove {
	transition: 0.5s linear all;
}

.ms_ngShowHide.ng-hide-add-active,
.ms_ngShowHide.ng-hide-remove-active {
	transition: 0.5s linear all;
}

.ms_ngShowHide.ng-hide-add {
	opacity: 1;
}

	.ms_ngShowHide.ng-hide-add.ng-hide-add-active {
		opacity: 0;
	}

.ms_ngShowHide.ng-hide-remove {
	opacity: 0;
}

	.ms_ngShowHide.ng-hide-remove.ng-hide-remove-active {
		opacity: 1;
	}

.hover:hover {
	cursor: pointer;
}

.chart-container {
	position: relative;
	margin: auto;
	height: 200px;
	width: 50%;
}

.ms-icheck-list {
	z-index: 99999999999999991611392 !important;
}

.ms-sub-loading-parent {
	position: relative;
}

.ms-sub-loading {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	background-color: #2D2E2F !important;
	opacity: 1;
	text-align: center !important;
}

.ms-disabled {
	opacity: 0.5 !important;
	pointer-events: none !important;
}

.ms-chat-close {
	width: 50px;
	background-color: orange !important;
	height: 40px;
}

.align_l {
	text-align: left !important;
}

.align_m {
	text-align: center !important;
}

.ms-table-body td {
	vertical-align: middle !important;
	position: relative;
	border: 1px solid #ddd;
}

.ms-table-icon.fa-usd {
	float: left !important;
	margin-top: 7px;
}

.ms-table-icon {
	margin-right: 10px !important;
	font-size: 70% !important;
}

.ms-side-panel-trigger {
	position: absolute;
	left: 0px;
	width: 6%;
	height: 100%;
	z-index: 100;
}

.ms-tfooter-icon {
	font-size: 80%;
	padding-top: 0px;
}

.ms-theader-icon {
	float: right !important;
	padding-top: 2px !important;
}

.subDiv {
	width: 20%;
	height: 100vh;
	position: absolute;
	z-index: 10;
}

.mainDiv {
	width: 100%;
	height: 100vh;
	text-align: right;
	background-color: blue;
	z-index: 1;
}

	.mainDiv button {
		float: left;
	}

.red {
	background-color: red !important;
	width: 30%;
	height: 100%;
	display: inline-block;
	border: 3px solid orange;
}

.loader {
	width: 100vw;
	height: 100vw;
	background-color: rgba(0, 0, 0, 0.5);
}

.sd_hide {
	display: none !important;
}

.sd_logo img {
	height: 70px !important;
	margin-top: 15px;
}

.sd_map {
	height: 535px !important;
}

.repeated-item.ng-enter, .repeated-item.ng-move {
	transition: all 0.9s ease-in;
	opacity: 0;
}

	.repeated-item.ng-enter.ng-enter-active,
	.repeated-item.ng-move.ng-move-active {
		opacity: 1;
	}

.repeated-item.ng-leave {
	transition: all 0.5s ease-out;
	opacity: 1;
}

.repeated-item.ng-leave-active {
	transition: all 0.5s ease-out;
	opacity: 0;
}

.ms-loader {
	opacity: 1;
}

	.ms-loader.ng-hide {
		opacity: 0;
	}

	.ms-loader.ng-hide-add,
	.ms-loader.ng-hide-remove {
		transition: all linear 0.2s !important;
	}

.ms-view.ng-enter {
	transition: all 0.5s ease-in;
	opacity: 0;
}

.ms-view.ng-enter-active {
	transition: all 0.5s ease-in;
	opacity: 1;
}

.ms-view.ng-leave {
	transition: all 0.1s ease-out;
	opacity: 1;
}

.ms-view.ng-leave-active {
	transition: all 0.1s ease-out;
	opacity: 0;
}

.color_popOver_container {
	width: 100px;
	padding: 3px;
	text-align: center;
}

	.color_popOver_container .color_popOver_name {
		margin-top: 10px;
	}

	.color_popOver_container .color_popOver_color_container {
		width: 100%;
		height: 60px;
	}

	.color_popOver_container .color_popOver_pattern_img {
		width: 100%;
		height: 60px;
	}

.search_container {
	background-color: gray;
	position: relative;
}

	.search_container .search_input {
		width: 80%;
	}

	.search_container .search_items_container {
		position: absolute;
		top: 25px;
		background-color: red;
		width: 100%;
	}

		.search_container .search_items_container.ng-enter {
			transition: all 0.5s ease-in;
			opacity: 0;
		}

		.search_container .search_items_container.ng-enter-active {
			transition: all 0.5s ease-in;
			opacity: 1;
		}

		.search_container .search_items_container.ng-leave {
			transition: all 0.3s ease-in;
			opacity: 1;
		}

		.search_container .search_items_container.ng-leave-active {
			transition: all 0.3s ease-in;
			opacity: 0;
		}

.btn_colors {
	width: 30px;
	height: 30px;
	border: 1px solid rgba(191, 191, 191, 0.72);
	margin-right: 10px;
	margin-bottom: 5px;
	display: inline-block;
	border-radius: 40px;
	box-shadow: 0 2px 4px #404040;
}

.img_colors {
	width: 20%;
	height: 30px;
	border: 1px solid rgba(162, 160, 160, 0.72);
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
	background-size: 100% 100% !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.tableclassWidth {
	width: 100% !important;
	border: 1px solid gray;
}

	.tableclassWidth h3 {
		text-align: center !important;
	}

	.tableclassWidth .white-section {
		margin: auto;
	}

/*header CSS -------------------------------------------------*/
.TopBarContainerClass {
	background-color: #2d2d2d !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.83);
	border-bottom: 1px solid black !important;
}

.SocialMediaHeaderClass li {
	border-left-color: transparent !important;
}

	.SocialMediaHeaderClass li a {
		color: rgba(255, 255, 255, 0.89) !important;
	}

.flagsLanguageClass li > a {
	color: rgba(255, 255, 255, 0.89) !important;
	background-color: #2d2d2d;
}

	.flagsLanguageClass li > a:hover {
		color: rgba(255, 255, 255, 0.89) !important;
		background-color: #383838 !important;
	}

.flagsLanguageClass ul ul img {
	width: 26px;
}

.flagsLanguageClass ul ul li {
	float: none;
	height: 36px;
	border-top: 1px solid #2d2d2d;
	border-left: 1px solid #2d2d2d;
}

.flagsLanguageClass ul ul, .top-links ul div.top-link-section {
	border-top: 1px solid #2d2d2d;
}

.HeaderMainContainerClass {
	background-color: #2d2d2d !important;
}

.logoClass {
	/*background-color: red;*/
}

#header.HeaderMainContainerClass #logo {
	border-right: 1px solid #000 !important;
}

#header.HeaderMainContainerClass {
	border-bottom: 1px solid #000 !important;
}

.buttonB2Bclass {
	background-color: #2d2d2d;
	color: rgba(255, 255, 255, 0.89) !important;
	border-left: 1px solid black !important;
}

	.buttonB2Bclass i {
		color: rgba(255, 255, 255, 0.89) !important;
	}

	.buttonB2Bclass:hover {
		background-color: #383838 !important;
		cursor: pointer !important;
	}

.buttonCartclass {
	background-color: #2d2d2d;
	color: rgba(255, 255, 255, 0.89) !important;
	border-left: 1px solid black !important;
}

	.buttonCartclass i {
		color: rgba(255, 255, 255, 0.89) !important;
	}

	.buttonCartclass span {
		background-color: transparent !important;
		color: white !important;
	}

	.buttonCartclass:hover {
		background-color: #383838 !important;
		cursor: pointer !important;
	}

.logoClass .logoSubClass img {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.logoClass .logoSubSubClass img {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

#primary-menu .HeaderItemsContainer .HeaderItems .mega-menu-content {
	background-color: #2b2a2a;
	border-color: #2d2d2d;
	border-top: 1px solid black;
}

#primary-menu .HeaderItemsContainer .HeaderItems > a {
	font-weight: 100;
	color: rgba(255, 255, 255, 0.89) !important;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

	#primary-menu .HeaderItemsContainer .HeaderItems > a:hover {
		color: white !important;
	}

#primary-menu .HeaderItemsContainer .HeaderItems .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a {
	font-size: 13px;
	font-weight: 100;
	letter-spacing: 0px;
	text-transform: uppercase !important;
	line-height: 1.3 !important;
	color: rgba(255, 255, 255, 0.89) !important;
}

#primary-menu .HeaderItemsContainer .HeaderItems .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title ul li > a {
	font-size: 15px;
	font-weight: 100;
	line-height: 1.3 !important;
	color: rgba(255, 255, 255, 0.89) !important;
}

.HeaderItemsContainer {
	padding-right: 0px !important;
	margin-right: 0px !important;
}

.NavNameProductClass h3 > a {
	color: white !important;
}

.NavNameProductClass span > a {
	color: white !important;
}

/*header CSS -------------------------------------------------*/
/*Slider HOME CSS -------------------------------------------------*/
.sliderClassTitles {
	max-width: 100% !important;
}

	.sliderClassTitles h2 {
		color: white !important;
		font-size: 84px;
		letter-spacing: 8px;
		text-transform: uppercase;
		font-weight: 100;
		margin-bottom: 30px;
	}

.sliderClassTitlesTypes h2 {
	color: black !important;
	font-size: 84px;
	letter-spacing: 8px;
	text-transform: uppercase;
	font-weight: 100;
	margin-bottom: 30px;
}

.sliderClassTitlesTypes a {
	font-size: 18px;
}

/*Slider HOME CSS -------------------------------------------------*/
/*Section HOME CSS -------------------------------------------------*/
.ButtonArrowUpClass:hover {
	background-color: black !important;
}

.ButtonArrowUpClass {
	border: 1px solid white;
}

.ContainerCategoriesHome .heading-block h3 {
	color: rgba(255, 255, 255, 0.65) !important;
	font-size: 66px;
}

.ContainerCategoriesHome .heading-block .buttonContainerCategoriesHome {
	background-color: rgba(80, 80, 80, 0.61);
	width: 130px;
	height: 40px;
	font-size: 16px;
	border: 1px solid white;
}

	.ContainerCategoriesHome .heading-block .buttonContainerCategoriesHome:hover {
		border: 1px solid white;
		background-color: rgba(39, 37, 37, 0.61);
	}

.ContainerCategoriesHome .ContainerDancewear {
	height: 450px !important;
}

.ContainerCategoriesHome .ContainerShoes {
	height: 450px !important;
}

.ContainerCategoriesHome .ContainerTights {
	height: 450px !important;
}

.ContainerCategoriesHome .ContainerAccessories {
	height: 450px !important;
}

.PaddingContainers {
	margin: 50px 0px 80px 0px !important;
	padding: 20px 0px 20px 160px !important;
}

.descriptonClassWarmUp p {
	font-size: 18px;
	margin-top: 10px;
	color: #6b6b6b;
	font-weight: 100;
}

.SquareColorsclassWarmUp span {
	border-radius: 0px !important;
	width: 50px !important;
	height: 40px !important;
}

.SquareColorsclassWarmUp .owl-dot:nth-of-type(1) span {
	background-color: #bd0303 !important;
}

.SquareColorsclassWarmUp .owl-dot:nth-of-type(2) span {
	background-color: rgba(0, 0, 0, 0.9) !important;
}

.SquareColorsclassWarmUp .owl-dot:nth-of-type(3) span {
	background-color: #368a02 !important;
}

.buttonHomeLight {
	background-color: #fbfbfb;
	width: 170px;
	height: 40px;
	font-size: 16px;
	border: 1px solid black;
	color: black;
}

	.buttonHomeLight:hover {
		background-color: #565353;
		color: white;
	}

.HomeCatalogMainClass {
	padding: 0px 0px 60px 0px !important;
}

	.HomeCatalogMainClass .heading-block h3 {
		font-size: 30px;
		font-weight: 400 !important;
		text-transform: uppercase !important;
		letter-spacing: 1px;
		color: #333;
	}

	.HomeCatalogMainClass .feature-box h3 {
		font-size: 14px;
		font-weight: 200 !important;
		text-align: center;
		color: #000;
		text-transform: uppercase !important;
	}

.HomeCatalogButton {
	display: inline-block;
	text-align: center;
	width: 100%;
	position: relative;
	color: #6d6b6b;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 1px;
	font-size: 15px;
	margin-top: 10px;
}

	.HomeCatalogButton:hover {
		color: #000;
	}

.HomeContainerBlogImage {
	float: left !important;
}

.buttonContainerBlogHome {
	font-size: 30px;
	width: 300px;
	font-weight: 100;
	border: 1px solid white;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.3);
	border-color: white !important;
}

.BlogMainContainerClass {
	margin: 0px !important;
	margin-bottom: 0px !important;
}

/*Section HOME CSS -------------------------------------------------*/
/*Section PRODUCTS CSS -------------------------------------------------*/
.PaddingProductsPageClass {
	padding: 0px !important;
}

.PaddingLeftProductsClass {
	padding-left: 0px !important;
}

.PageTitleProducts {
	padding: 20px 0px !important;
	border-bottom: 1px solid #ffffff !important;
}

	.PageTitleProducts h1 {
		font-weight: 100 !important;
		color: #333 !important;
		font-size: 43px !important;
	}

	.PageTitleProducts span {
		padding-left: 40px;
	}

.ProductsPaginationClass {
	font-size: 13px;
	text-transform: uppercase;
}

	.ProductsPaginationClass li > a:hover {
		color: black !important;
	}

.ButtomSearchProducts {
	background-color: white;
	border-radius: 0px !important;
	border: 1px solid rgba(175, 175, 175, 0.84);
	color: rgba(80, 79, 79, 0.84);
}

	.ButtomSearchProducts:hover {
		background-color: black;
		border-radius: 0px !important;
		border: 1px solid black;
		color: white;
		cursor: pointer;
	}

.InputSearchProducts input {
	border: 1px solid rgba(175, 175, 175, 0.84);
	color: black;
	border-radius: 0px !important;
	width: 185px !important;
}

.SidebarMainConteiner h4 {
	color: black;
	font-size: 15px;
	font-weight: 600;
}

.SidebarMainConteiner .titlesSidebar a {
	color: rgba(90, 89, 89, 0.87) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}

.SidebarMainConteiner .titlesSidebar.active > a {
	color: black !important;
}

.SidebarMainConteiner .titlesSidebar:hover > a {
	color: black !important;
}

.SidebarMainConteiner .titlesSidebar ul li a {
	color: rgba(90, 89, 89, 0.87) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}

.SidebarMainConteiner .titlesSidebar ul li:hover > a {
	color: black !important;
}

.ProductClass .product-title h3 > a {
	font-weight: 400;
}

	.ProductClass .product-title h3 > a:hover {
		color: black;
	}

.SidebarProdClass h4 > a {
	font-weight: 400;
}

	.SidebarProdClass h4 > a:hover {
		color: black !important;
	}

.NavBarProductsPage {
	background-color: #ffffff;
	border-color: #ffffff;
}

.NumberPagesProductsClass {
	text-align: center;
}

	.NumberPagesProductsClass .pagination li > a {
		color: #949090;
		width: 50px;
		height: 40px;
		margin-bottom: 80px;
		text-align: center;
		font-size: 18px;
		border: 1px solid gray;
	}

		.NumberPagesProductsClass .pagination li > a:hover {
			color: #000;
			box-shadow: 0px 2px 5px #ddd;
		}

/*Section PRODUCTS CSS -------------------------------------------------*/
/*Section PRODUCT Detail CSS -------------------------------------------------*/
.PageTitleProductsDetail {
	padding: 20px 0px !important;
	border-bottom: 1px solid white !important;
}

	.PageTitleProductsDetail h1 {
		font-weight: 100 !important;
		color: #333 !important;
		font-size: 43px !important;
	}

	.PageTitleProductsDetail span {
		padding-left: 10px;
	}

.PaddingClassProdDtl {
	padding: 0px !important;
}

.ProductsDetailPaginationClass {
	font-size: 13px;
	text-transform: uppercase;
}

	.ProductsDetailPaginationClass li > a:hover {
		color: black !important;
	}

.MainContainerInformation {
	width: 100%;
}

	.MainContainerInformation .TabDescription {
		width: 40%;
		margin-left: 0px !important;
	}

	.MainContainerInformation .TabInformation {
		width: 60%;
	}

ul.MainContainerInformation:not(.tab-nav-lg) li.ui-tabs-active a {
	position: relative;
	top: 1px;
	background-color: white;
	border: 1px solid black;
	color: black;
}

ul.MainContainerInformation:not(.tab-nav-lg) li a {
	display: block;
	padding: 0 15px;
	color: white;
	height: 40px;
	line-height: 40px;
	background-color: black;
	font-size: 14px;
	font-weight: bold;
}

.MainContainerInformationTabs .tab-content p {
	padding: 10px 25px 10px 25px;
	border: 1px solid black;
	font-size: 16px;
}

.lineclass {
	margin: 0px 0px 15px 0px !important;
}

.ProdDtl_RelatedProducts h4 {
	text-align: center;
	font-size: 30px;
	font-weight: 400;
}

.ProdDtlProdName h3 > a {
	color: #464646;
	font-weight: 500;
}

	.ProdDtlProdName h3 > a:hover {
		color: #000;
	}

.owl-carouselProdDtlClass .owl-nav [class*=owl-] {
	background-color: white;
}

	.owl-carouselProdDtlClass .owl-nav [class*=owl-]:hover {
		background-color: black !important;
		color: white !important;
	}

/*Section PRODUCT Detail CSS -------------------------------------------------*/
/*About page CSS -------------------------------------------------*/
.PageTitleAbout h1 {
	font-weight: 100 !important;
	color: #333 !important;
	font-size: 43px !important;
}

/*About page CSS -------------------------------------------------*/
/*Contact page CSS -------------------------------------------------*/
.PageTitleContact h1 {
	font-weight: 100 !important;
	color: #333 !important;
	font-size: 43px !important;
}

.FormSendEmailClass h3 {
	text-align: center;
	font-weight: 500;
}

.FormSendEmailClass label {
	font-size: 15px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 1px;
}

.ContactPageButton {
	color: #ffffff;
	background-color: #3c3b3b;
	border-color: #000000;
	font-weight: 500;
}

	.ContactPageButton:hover {
		background-color: #000 !important;
		border-color: #000 !important;
	}

/*Contact page CSS -------------------------------------------------*/
/*Section NavHovers B2B CSS -------------------------------------------------*/
.BOTAO {
	padding-left: 12px;
	padding-right: 12px;
	border-left: 1px solid rgba(210, 210, 210, 0.44);
}

	.BOTAO i {
		font-size: 28px;
	}

.DropDownMysoDancaClass {
	padding: 0px 0px 10px 0px !important;
	width: 100% !important;
}

	.DropDownMysoDancaClass h4 {
		color: black !important;
		text-align: center;
		text-transform: capitalize;
		font-weight: 400;
		font-size: 16px;
		margin-top: 5px;
		margin-bottom: 0px;
		border-bottom: 1px solid gray;
	}

.DropDownMysoDancaButtons {
	background-color: #fff;
}

.MysoDancaNavLoginBtn {
	width: 80%;
	height: 40px;
	margin-left: 19px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.77);
	color: black;
	font-weight: 400;
	border-radius: 5px;
}

.MysoDancaNavRegisterBtn {
	width: 80%;
	height: 40px;
	margin-left: 19px;
	text-align: center;
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.77);
	color: black;
	font-weight: 400;
	border-radius: 5px;
	margin-bottom: 10px;
}

.DropDownMysoDancaClass2 {
	padding: 0px 0px 10px 0px !important;
	width: 100% !important;
}

	.DropDownMysoDancaClass2 h4 {
		color: black !important;
		text-align: center;
		text-transform: capitalize;
		font-weight: 400;
		font-size: 18px;
		margin-top: 0px;
		padding-top: 13px;
		margin-bottom: 0px;
		background-color: #fff;
		height: 55px;
		border-bottom: 1px solid #bfbebe;
	}

.MysoDancaNavBtn {
	width: 100%;
	height: 50px;
	margin-top: 0px;
	border: none;
	text-align: center;
	background-color: white;
	color: black;
	font-weight: 400;
	font-size: 16px;
}

	.MysoDancaNavBtn:hover {
		background-color: #f5f5f5;
	}

.MysoDancaNavSelectCustomerBtn {
	width: 100%;
	height: 50px;
	margin-top: 0px;
	border: none;
	text-align: center;
	background-color: white;
	color: black;
	font-weight: 400;
	font-size: 16px;
}

	.MysoDancaNavSelectCustomerBtn:hover {
		background-color: #f5f5f5;
	}

.MysoDancaNavSignOutBtn {
	width: 100%;
	height: 50px;
	margin-top: 0px;
	border: none;
	text-align: center;
	background-color: white;
	color: black;
	font-weight: 400;
	font-size: 16px;
}

	.MysoDancaNavSignOutBtn:hover {
		background-color: #f5f5f5;
	}

/*Section NavHovers B2B CSS -------------------------------------------------*/
/*Section B2B CSS -------------------------------------------------*/
.B2BPageTitle {
	padding: 0 !important;
}

.B2BbuttonMenuTitle {
	background-color: white;
	border: 1px solid #807e7e;
	color: black;
	margin-top: 45px;
	font-weight: 100;
	font-size: 20px !important;
	text-transform: none;
	line-height: 48px !important;
}

.B2BbuttonTitle {
	background-color: white;
	border: 1px solid #807e7e;
	color: black;
	display: inline-block;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	font-weight: 100;
	text-transform: none;
	padding: 0 32px;
	font-size: 18px;
	letter-spacing: 1px;
	height: 52px;
	line-height: 50px;
}

.B2BtableClass {
	width: 100%;
}

/*Section B2B CSS -------------------------------------------------*/
/*Footer CSS -------------------------------------------------*/
.FooterMainClass {
	background-color: rgba(10, 10, 10, 0.79) !important;
	color: rgba(255, 255, 255, 0.89) !important;
	border-top: 2px solid black !important;
}

	.FooterMainClass .widget h4 {
		color: rgba(255, 255, 255, 0.89) !important;
	}

	.FooterMainClass .widget_links {
		margin-top: 13px;
	}

		.FooterMainClass .widget_links li > a {
			color: rgba(255, 255, 255, 0.89) !important;
			font-size: 23px;
			font-weight: 500;
		}

			.FooterMainClass .widget_links li > a:hover {
				color: white !important;
				font-size: 23px;
				font-weight: 500;
			}

.ButtonSubscribeFooter {
	color: white;
	background-color: #3c3b3b;
	border-color: white;
}

.FooterMainClass #copyrights {
	background-color: rgba(41, 41, 41, 0.96);
	color: rgba(253, 252, 252, 0.88);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.ButtonSubscribeFooter:hover {
	color: #ffffff;
	background-color: #000;
	border-color: white;
}

.PagesClassFooter {
	font-size: 22px;
}

.IconsClassFooter {
	width: 70px !important;
	height: 32px !important;
	font-size: 25px !important;
	color: rgba(255, 255, 255, 0.89) !important;
}

	.IconsClassFooter i {
		color: rgba(255, 255, 255, 0.89) !important;
	}

/*Footer CSS -------------------------------------------------*/
.fluid-width-video-wrapper {
	width: 100%;
	position: relative;
	padding: 0;
}

	.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

#top-search-input {
	float: right;
	margin: 33px 0 33px 15px;
	-webkit-transition: margin .4s ease;
	-o-transition: margin .4s ease;
	transition: margin .4s ease;
}

	#top-search-input form {
		width: 160px;
		height: 34px;
		padding: 0;
		margin: 0;
	}

#header.sticky-header #top-search-input {
	margin: 13px 0 13px 15px;
}

@media (max-width: 991px) {
	#top-search-input {
		float: none;
		margin: 20px 0;
	}

		#top-search-input form {
			margin: 0 auto;
			width: 300px;
		}
}

.device-xs #top-search-input form {
	width: 100%;
}
