@charset "utf-8";

*, *:before, *:after {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
	border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: 'Lato', sans-serif; font-size: 1rem;
}

* { margin: 0; padding: 0; border: 0; outline: 0; -webkit-appearance: none; appearance: none; }


html{ min-height: 100vh; height: 100%; font-size: 10pt; padding: 0; margin: 0; }
body {
	color:#888; min-height: 100vh; height: 100%;	width: 100%; max-width: 100vw; padding: 0; margin: 0;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
	overflow: hidden; background-color: #FAFAFA;
	/*background-image: url('/resources/images/layout/CMSBackground.jpg');
	background-repeat: no-repeat; background-size: cover;
	background-position: top center; */
}

a { color: #1c87d8; text-decoration: none; }
a:hover { text-decoration: underline; }

.main-wrapper { position: relative; }
.main-wrapper { display: table; width: 100%; height: 100%; table-layout: fixed; }
.main-wrapper > div { display: table-row; }
.main-wrapper > div > div { display: table-cell; position: relative; }
.main-wrapper > div:nth-child(1) > div { height: 50px; z-index: 1; }
.main-wrapper > div:nth-child(2) > div { height: 100%; z-index: 0; }
.main-wrapper > div:nth-child(3) > div { height: 0px; z-index: 1; }

.main-wrapper > div:nth-child(2) > div > div { display: table; width: 100%; height: 100%; }

.main-wrapper > div:nth-child(2) > div > div > div { display: table-row; }
.main-wrapper > div:nth-child(2) > div > div > div > div { display: table-cell; height: 100%;  position: relative; }
.main-wrapper > div:nth-child(2) > div > div > div > div:after { content: ''; position: relative; width: 1px; height:100%; display: block; }
.main-wrapper > div:nth-child(2) > div > div > div > div:nth-child(1) {
	width: 220px; max-width:220px; overflow: hidden;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.main-wrapper > div:nth-child(2) > div > div > div > div.hiddenMenu { width: 0.1px; padding-right: 0px; max-width: 0; }

.main-wrapper > div:nth-child(3) > div > footer { display: block;  width: 100%; height: 100%; max-height: 100%; border-bottom: solid 2px #1c87d8;	background-color: #1c87d8; }

@media only screen and (max-width:1080px) {
	.main-wrapper > div:nth-child(2) > div > div > div > div:nth-child(1) {
		position: absolute; top: 0; left: 0; z-index: 3; width: 100%; max-width: 100%;
		display: block; background-color: rgba(0,0,0,0.8);
	}
	.main-wrapper > div:nth-child(2) > div > div > div > div.hiddenMenu { display: none; }
}

.fixedSection { display: block; background-color: #0171a1; width: 100%; height: 100%; max-height: 100%; }

header { background-color: rgba(0,0,0,1); height: 100%; display: flex; align-items: center; }
header .managerLogo { margin-left: 20px;  }
header .managerLogo img { height: 26px; display: block; }
header .portal-name { margin-left: auto; font-size: 1.4rem; color: #FFF; font-weight: bold; margin-right: 10px; }

.menuButtonContainer { margin-left: 10px; width: 40px; height: 33px; }
.menuButton { display: inline-block; cursor: pointer; }
.menuButton > div { width: 36px; height: 3px; background-color: #FFF; margin: 6px 2px; transition: 0.4s; border-radius: 40px; }
.menuButton:hover > div { background-color: #1c87d8; }

.content-editor-switch-block { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; transform: translate(-50%, -50%); }
.content-editor-switch-block > label { color: #FFF; font-weight: bold; }

.cmsMenu {
	width: 220px; min-height: 100vh; min-height: calc(100vh - 53px); height: 100%; display: block; position: absolute; top: 0px; left: 0px; overflow: auto;
	background-color: #222;
}
.cmsMenu * {
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
	-ms-user-select: none; user-select: none;
}
.cmsMenu ul { list-style-type: none; margin: 20px 0px; padding: 0px; display: block; position: relative; }
.cmsMenu ul li { width: 100%; padding: 0px; }
.cmsMenu ul li.menuSection {
    max-height: 34px; overflow: hidden;
    -webkit-transition: max-height 0.2s linear 0s; -moz-transition: max-height 0.2s linear 0s; -ms-transition: max-height 0.2s linear 0s;
    -o-transition: max-height 0.2s linear 0s; transition: max-height 0.2s linear 0s;
}
.firefox .cmsMenu ul li.menuSection { max-height: 35px; }
.cmsMenu>ul>li>span { background-color: #1c87d8; display: block; padding: 8px; color: #FFF; cursor: pointer; }
.cmsMenu > ul > li > ul { margin: 0px; padding-top: 15px; box-shadow: inset 0px 6px 9px 1px rgba(0,0,0,0.4); }
.cmsMenu > ul > li > ul > li { display: flex; align-items: center; }
.cmsMenu > ul > li > ul > li > a {
	text-decoration: none; color: #FFF; display:flex; align-items: center;
	padding: 0px 0px 15px 20px; width: 100%; height: 100%; font-size: 1rem;
}
.cmsMenu > ul > li > ul > li > a:hover { color: #75bbf1; }
.cmsMenu > ul > li > ul > li > a > span { margin-left: 15px; }
.cmsMenu > ul > li > ul > li > a.selected { color: #1c87d8; }

@media only screen and (max-width:1080px) {
	.cmsMenu { width: 50%; background-color: #000; }
}

@media only screen and (max-width:650px) {
	.cmsMenu > ul > li.menuSection { max-height: 33px; }
	.firefox .cmsMenu > ul > li.menuSection { max-height: 35px; }
	.cmsMenu > ul > li > span { padding: 7px; }
	.cmsMenu > ul > li > ul { padding-top: 10px; }
	.cmsMenu > ul > li > ul > li > a { font-size: 0.9rem; }
}

@media only screen and (max-width:450px) {
	.cmsMenu { width: 100%; }
}


.page-wrapper {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 1px;
	overflow: auto; max-width: 100%; box-shadow: -2px 0px 16px 3px rgba(0,0,0,0.8);
}

.error-page-block { display: flex; flex-direction: row; flex-wrap: nowrap; padding-bottom: 20px; }
.error-page-block .exlamation {
	width: 100%; max-width: 80px; background-repeat: no-repeat; background-position: center center; background-size: 110px auto;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OS40MTggNDg5LjQxOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg5LjQxOCA0ODkuNDE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjEyOHB4IiBoZWlnaHQ9IjEyOHB4Ij4KPGc+Cgk8cGF0aCBkPSJNMjQ0LjcwOSwzODkuNDk2YzE4LjczNiwwLDM0LjMzMi0xNC4zNTUsMzUuOTEtMzMuMDI2bDI0LjM1OS0yOTAuOTI3YzEuNDE4LTE2Ljg3My00LjMwMy0zMy41NTMtMTUuNzU2LTQ2LjAxMSAgIEMyNzcuNzgzLDcuMDksMjYxLjYyOSwwLDI0NC43MDksMHMtMzMuMDc0LDcuMDktNDQuNTE0LDE5LjUzMkMxODguNzQsMzEuOTksMTgzLjAyMiw0OC42NywxODQuNDQsNjUuNTQzbDI0LjM1OSwyOTAuOTI3ICAgQzIxMC4zNzcsMzc1LjE0MSwyMjUuOTczLDM4OS40OTYsMjQ0LjcwOSwzODkuNDk2eiIgZmlsbD0iIzAwMDAwMCIvPgoJPHBhdGggZD0iTTI0NC43MDksNDEwLjkwOGMtMjEuNjg0LDAtMzkuMjU2LDE3LjU3MS0zOS4yNTYsMzkuMjU2YzAsMjEuNjgzLDE3LjU3MiwzOS4yNTQsMzkuMjU2LDM5LjI1NCAgIHMzOS4yNTYtMTcuNTcxLDM5LjI1Ni0zOS4yNTRDMjgzLjk2NSw0MjguNDc5LDI2Ni4zOTMsNDEwLjkwOCwyNDQuNzA5LDQxMC45MDh6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}
.error-page-block h1 { font-size: 25px; line-height: 30px; }
.error-page-block a { font-weight: bold;}

.transition-container { display: block; width: 100%; position: relative; padding-top: 1px; }



.form {
	-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;
	border: none !important; background-color: rgba(0,0,0,0); max-width: 100%;
}

.form-row-section,
.form-row-subsection { border-bottom: none !important; background-color: rgba(0,0,0,0); }

.form-table { width: calc(100% - 20px) !important; margin: 20px auto;
	-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;
	border: none !important; background-color: rgba(0,0,0,0);
}

.inline-items.like-section { border-top: none; border-bottom: none; }
.form-row-section span, .form-row-subsection span { font-size: 1.2rem; }

.mvsCleverTable .mvsTable .headerGroup .headerRow .cell { padding: 4px 15px 4px 10px !important; }
.mvsCleverTable .mvsTable .rowGroup .row:hover { background-color: #dceffd; }
.mvsCleverTable .mvsTable .rowGroup .row .cell { padding: 4px 15px 4px 10px !important; }
/*
.mvsCleverTable .mvsTable .rowGroup .row .switchCell .switcher { width: 38px !important; height: 20px !important; }
.mvsCleverTable .mvsTable .rowGroup .row .switchCell input[type="checkbox"]:disabled + .switcher:after,
.mvsCleverTable .mvsTable .rowGroup .row .switchCell .switcher:after { width: 16px !important; height: 16px !important; border-radius: 16px; }
.mvsCleverTable .mvsTable .rowGroup .row .switchCell .switcher:hover:active:after { width: 23.35px !important; }
*/
.mvsCleverTable .mvsTable .rowGroup .row .cell.actionsCell { padding: 0px 15px 0px 10px !important; vertical-align: middle !important; }
.mvsCleverTable .mvsTable .rowGroup .row .cell.actionsCell .tableIcon { display: inline-block !important; vertical-align: middle !important; width: 22px !important; height: 22px !important; }
.mvsCleverTable .mvsTable .rowGroup .row .cell.actionsCell img { width: 18px !important; height: 18px !important; margin-top: 2px !important; }

.mvsCleverTable .mvsTableScrollerX { background-color: rgba(0,0,0,0); }
.mvsCleverTable .mvsTableScrollerX:hover, .mvsCleverTable.scrollingX .mvsTableScrollerX { background-color: rgba(0,0,0,0); }
.mvsCleverTable .mvsTableScrollerX.bottomScroller { bottom: 0px; }


.top-title span { color: #222; }

.form.login { max-width: 400px; margin-top: 0px;}

.form.configuration { margin-top: 50px; max-width: 400px; }
.form.configuration .input-text { text-align: right; max-width: 100px; }
.form.configuration .input-text + span { width: 30px; display: inline-block; text-align: left; margin-left: 5px; }

.cms-menu-icon { display: inline-block; width: 1.25em; text-align: center; }
.cms-menu-icon:before {
	font-family: FontAwesome; font-weight: 400; font-style: normal; font-size: 16px;
    display: inline-block; text-decoration: inherit; content: '';
}
.ic-stickers-sell-details:before { content: '\f10c'; }
.ic-reports-sell-details:before { content: '\f192'; }
.ic-daily-sell-details:before { content: '\f0f6'; }
.ic-export-ftp:before { content: "\f093"; }
.ic-import-taxs:before { content: "\f019"; }
.ic-massive-sell-reports:before { content: '\f0c5'; }
.ic-stock:before { content: "\f0ae"; }
.ic-management:before { content: '\f1de'; }
.ic-grouped-by-sell:before { content: '\f201'; }
.ic-logout:before { content: "\f08b"; }
.ic-my-account:before { content: '\f007'; }