* {
	outline: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
	box-sizing: border-box;
}
button {
	outline: none;
	border: none;
}
::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}
::-webkit-scrollbar-thumb {
	background: #666;
	border: 0px none #ffffff;
	border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
	background: #bbb;
}
::-webkit-scrollbar-thumb:active {
	background: #767676;
}
::-webkit-scrollbar-track {
	background: #E1E1E1;
	border: 0px none #ffffff;
	border-radius: 100px;
}
::-webkit-scrollbar-track:hover {
	background: #E1E1E1;
}
::-webkit-scrollbar-track:active {
	background: #E1E1E1;
}
::-webkit-scrollbar-corner {
	background: transparent;
}
::-webkit-input-placeholder {
	color: #3C3C3B;
}
:-moz-placeholder {
	color: #3C3C3B;
}
::-moz-placeholder {
	color: #3C3C3B;
}
:-ms-input-placeholder {
	color: #3C3C3B;
}
::selection {
	background: #f1f1f1;
}
body {
	font-family: 'Lato', sans-serif, Arial;
	overflow: hidden;
}
ul {
	list-style: none;
}
h3 {
	float: left;
	font-size: 20px;
	color: #000;
	font-weight: 400;
}

@keyframes rotate {
	to {
		transform: rotate(360deg);
	}
}

.button {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #00C751;
	color: #fff;	
	font-size: 14px;
	font-weight: 700;
	border-radius: 3px;
	padding: 0 10px;
	height: 38px;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.25s;
	position: relative;
}
.button:hover {
	background: #02A343;
}
.button.yellow {
	background-color: #ffc107;
}
.button.yellow:hover {
	background-color: #f2b707;
}
.button:disabled,
.button.yellow:disabled {
	cursor: default;
	background-color: #c8c8c8;
}

.button.green {
	background: #00C751;
}

.button.red {
	background: #FF4336;
}

.button.loading {
	background-color: transparent;
	transition: none;
}
.button.loading span:not(.loader) {
	visibility: hidden;
}
.button.loading .loader {
	display: block;
}
.loader {
	display: none;
	position: absolute;
}
.loader,
.loader:before,
.loader:after {
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
	font-size: 5px;
	animation-delay: -0.16s;
	background-color: #00C751;
}
.loader:before, .loader:after {
	position: absolute;
	top: 0;
	content: '';
}
.loader:before {
	left: -1.5em;
	animation-delay: -0.32s;
}
.loader:after {
	left: 1.5em;
}
.icon, #header .logo {
	background: url("../images/sprite.png");
}
#header h1, #header h1 a {
	color: #FFF;
	font-size: 15px;
	line-height: 50px;
	float: left;
	font-weight: 900;
}
#header .logo {
	background-position: -52px -3px;
	height: 19px;
	width: 30px;
	float: left;
	margin: 15.5px 13px;
}
#header .right {
	float: right;
	height: 50px;
	padding: 13.5px;
	box-sizing: border-box;
}
#header .right .version {
	float: left;
	background: #FF5722;
	font-size: 13px;
	color: #FFF;
	height: 23px;
	line-height: 23px;
	padding: 0 12px;
	border-radius: 25px;
	display: none;
}
#header .right .links {
	float: left;
	margin: 0 100px 0 0;
}
#header .right .link {
	color: #B1B1B1;
	font-size: 13px;
	font-weight: 700;
	line-height: 23px;
	margin: 0 15px 0 0;
	cursor: pointer;
}
#header .right .link.last {
	margin: 0;
}
#header .right .link:hover {
	color: #FFF;
}
#header .right .user {
	margin: 0 10px 0 15px;
	background: #CDDC39;
	color: #000;
	font-weight: 900;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	width: 23px;
	height: 23px;
	text-align: center;
	border-radius: 50%;
	line-height: 23px;
}
#header .right .name {
	color: #FFF;
	font-size: 13px;
	line-height: 23px;
	float: left;
}
input[type=checkbox].checkbox, input[type=radio].radio {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
input[type=checkbox].checkbox + label, input[type=radio].radio + label {
	padding: 0 20px;
	text-indent: 5px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
	cursor: pointer;
	font-size: 13px;
	color: #3C3C3B;
}
input[type=checkbox].checkbox + label:before, input[type=radio].radio + label:before {
	background-repeat: no-repeat;
	background-position: -205px -80px;
}
input[type=checkbox].checkbox:checked + label:before, input[type=radio].radio:checked + label:before {
	background-position: -230px -80px;
}
label:before {
	content: "";
	width: 17px;
	height: 15px;
	float: left;
	margin: 2px 0 0 0;
	background-image: url(../images/sprite.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#header {
	float: left;
	width: 100%;
	height: 50px;
	background: #000;
}
#subheader {
	position: fixed;
	height: 50px;
	width: 100%;
	background: #F5F5F5;
	top: 50px;
	left: 0;
}
#footer {
	position: fixed;
	bottom: 0;
	right: 0;
	height: 50px;
	line-height: 30px;
	padding: 10px 40px;
	font-size: 13px;
	box-sizing: border-box;
	background: #FFF;
	width: 50%;
	width: calc(100% - 450px);
}
.diff #footer, .parse #footer {
	width: 100%;
	background: #000;
	color: #B1B1B1;
}
#footer .copyright, #footer .design {
	float: right;
}
#footer .design {
	margin: 0 0 0 10px;
	border-left: 1px solid #000;
	padding: 0 0 0 10px;
	color: inherit;
	text-decoration: none;
}
#sidebar {
	width: 50px;
	top: 50px;
	left: 0;
	position: fixed;
	background: #222222;
	height: 90%;
	height: calc(100% - 50px);
	z-index: 9;
}
#sidebar .module-group {
	float: left;
	width: 100%;
	clear: both;
	padding: 10px 0 0 0;
	border-bottom: 1px solid #3C3C3B;
	text-align: center;
}
#sidebar .module-title {
	width: 100%;
	float: left;
	margin: 0 20px 0 0;
	font-size: 10px;
	color: #D9D9D9;
	opacity: 0.5;
	transition: opacity 300ms;
}
#sidebar .module-title.active {
	opacity: 1;
}
#sidebar .module {
	height: 50px;
	float: left;
	clear: both;
	width: 100%;
	position: relative;
}
#sidebar .module .icon {
	width: 26px;
	height: 25px;
	margin: 12.5px;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 300ms;
}
#sidebar .module.active .icon, #sidebar .module:hover .icon {
	opacity: 1;
}
#sidebar .module.m-uploader .icon {
	background-position: -12px -50px;
}
#sidebar .module.m-files .icon {
	background-position: -51px -50px;
	width: 23px;
}
#sidebar .module.m-flash .icon {
	background: url("../images/flash.png");
	width: 25px;
	height: 25px;
}
#sidebar .module.m-help .icon {
	background-position: -76px -50px;
}
#sidebar .module.m-regex .icon {
	background-position: -126px -50px;
	width: 25px;
}
#sidebar .module.m-min .icon {
	background-position: -101px -50px;
}
#sidebar .module.m-settings .icon {
	background-position: -151px -50px;
}
#sidebar .module .border {
	position: absolute;
	left: 0;
	width: 2px;
	height: 100%;
	top: 0;
	opacity: 0;
	transition: opacity 400ms;
}
#sidebar .module-group.misc {
	position: absolute;
	bottom: 0;
	border-top: 1px solid #3C3C3B;
	border-bottom: 0;
}
#sidebar .module.m-uploader .border, #modules .module.uploader .header .title {
	background: #D80D06;
}
#sidebar .module.m-regex .border, #modules .module.regex .header .title {
	background: #2196F3;
}
#sidebar .module.m-help .border, #modules .module.help .header .title {
	background: #FFC107;
}
#sidebar .module.m-flash .border, #modules .module.flash .header .title {
	background: #FFC107;
}
#sidebar .module.m-min .border, #modules .module.min .header .title {
	background: #673AB7;
}
#sidebar .module.m-files .border, #modules .module.files .header .title {
	background: #009688;
}
#sidebar .module.m-settings .border, #modules .module.settings .header .title {
	background: #EA1E63;
}
#sidebar .module.active .border, #sidebar .module:hover .border {
	opacity: 1;
}
#modules {
	float: left;
	margin: 0 0 0 50px;
	width: 90%;
	width: calc(100% - 50px);
}
.diff #modules, .parse #modules {
	margin: 0;
	width: 100%;
	height: 90%;
	height: calc(100% - 100px);
	overflow: auto;
}
#modules .module {
	display: none;
}
#modules .module .header {
	width: 100%;
	height: 50px;
	background: #ECECEC;
	float: left;
	line-height: 50px;
}
#modules .module .header .title {
	width: 400px;
	float: left;
	background: #D80D06;
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
	text-indent: 21px;
}
#modules .module .header .options {
	display: flex;
	float: left;
	width: 90%;
	width: calc(100% - 400px);
	padding: 0 30px;
	box-sizing: border-box;
}
#modules .module .header .options h3 {
	float: left;
	margin: 0 20px 0 0;
	font-size: 16px;
	font-weight: 400;
}
#modules .module .header .options input[type=checkbox].checkbox + label {
	border-right: 1px solid #bbb;
}
#modules .module .header .options .items {
	float: left;
}
#modules .module .header .options .items input[type=checkbox].checkbox + label:last-child {
	border: none;
}
#modules .module .left-column {
	float: left;
	width: 400px;
	clear: both;
	height: 100%;
	background-color: #ECECEC;
	border-right: 1px solid #D9D9D9;
	box-sizing: border-box;
}
#modules .module .right-column {
	display: block;
	float: left;
	width: 90%;
	width: calc(100% - 400px);
	box-sizing: border-box;
}
#modules .module.help .right-column {
	flex-direction: column;
}
#modules .module.files .right-column {
	flex-direction: column;
}
#modules .module.files .files-header {
	display: flex;
}

#modules .module .right-column .environment-wrapper {
	padding-top: 19px;
	width: 28%;
	float: left;
	padding-left: 30px;
	height: 80%;
	height: calc(100% - 150px);
	overflow: hidden;
}
#modules .module .right-column .branch-selector-wrapper {
	display: none;
}
#modules .module .right-column .branch-selector-wrapper.active {
	display: flex;
	align-items: center;
}
#modules .module .right-column .branch-selector-wrapper .select2-container,
#branch-selector {
	width: 40%;
}
#modules .module .right-column .branch-title {
	font-size: 20px;
	margin-right: 10px;
}
#modules .module .sub-header {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 19px 20px 10px 20px;
}

/** REGEX **/
#modules .module.regex .right-column {
	box-sizing: border-box;
	padding: 20px 0;
}
#modules .module.regex .line {
	width: 100%;
	float: left;
	clear: both;
	border-top: 1px solid #D9D9D9;
	margin: 28px 0 33px 0;
}
#modules .module.regex .regex-wrap {
	position: relative;
	float: left;
	width: 80%;
}
#modules .module.regex #regex {
	font-family: "Inconsolata";
	font-size: 20px;
	width: 60%;
	float: left;
	height: 30px;
	line-height: 30px;
	border: 0;
	letter-spacing: 2px;
}
#modules .module.regex .slash, #modules .module.regex .flags {
	font-family: "Inconsolata";
	margin: 0 5px 0 10px;
	font-size: 20px;
	line-height: 30px;
	color: #9C9B9B;
	float: left;
}
#modules .module.regex .flags {
	margin: 0;
}
#modules .module.regex .matches-wrap {
	float: right;
}
#modules .module.regex h3.label {
	width: 110px;
	text-indent: 30px;
}
#modules .module.regex .wrap {
	position: relative;
	float: left;
	color: #000;
	width: 80%;
	height: 350px;
	box-sizing: border-box;
}
#modules .module.regex #result {
	color: transparent;
	overflow-y: auto;
}
#modules .module.regex #result .matched {
	background: rgba(2, 186, 255, 0.2);
	position: relative;
	z-index: 2;
	color: #000;
	display: inline-block;
}
#modules .module.regex #result .matched span {
	background-color: #FFF;
	width: 1px;
	height: 16px;
	position: absolute;
	right: 0;
	bottom: 0;
}
#modules .module.regex textarea {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 0;
	resize: none;
}
#modules .module.regex textarea, #modules .module.regex #result {
	font-family: 'Inconsolata', sans-serif;
	font-size: 15px;
	text-align: left;
	line-height: 18px;
	letter-spacing: 4px;
	white-space: pre-wrap;
	height: 350px;
	padding: 5px 0;
	box-sizing: border-box;
	color: #1D1D1B;
}
#modules .module.regex #result {
	z-index: 1;
	color: transparent;
}
#modules .module.regex textarea {
	z-index: 2;
}
#modules .module.regex #matches {
	padding: 0 18px;
	background: #00C853;
	color: #FFF;
	float: left;
	height: 36px;
	font-size: 18px;
	margin: -3px 0 0 18px;
	line-height: 36px;
	border-radius: 3px;
}
#modules .module.regex #matches.error {
	background: #F44336;
}
#modules .module.regex #matches .error {
	display: none;
}
#modules .module.regex #matches.error .total {
	display: none;
}
#modules .module.regex #matches.error .error {
	display: block;
}
#modules .module.regex .tooltip {
	background: rgba(60, 60, 59, 0.8);
	padding: 20px;
	position: absolute;
	top: 50px;
	left: 45%;
	z-index: 999;
	color: #D9D9D9;
	font-size: 13px;
	display: none;
	border-radius: 3px;
}
#modules .module.regex .tooltip .name {
	font-weight: bold;
	margin: 0 5px 0 0;
}
#modules .module.regex .tooltip .groups {
	margin: 10px 0 0 0;
	border-top: 1px dashed #bebec6;
	padding: 10px 0 0 0;
	display: none;
}
#modules .module.regex .tooltip .groups.active {
	display: block;
}
#modules .module.regex .left-column .items {
	clear: both;
	float: left;
	width: 100%;
}
#modules .module.regex .left-column .items .item {
	float: left;
	clear: both;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	border-bottom: 1px solid #D9D9D9;
}
#modules .module.regex .left-column .items .item h4 {
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	float: left;
	width: 100%;
	cursor: pointer;
}
#modules .module.regex .left-column .items .item h4:before {
	content: "";
	background: url("../images/sprite.png") -279px -52px;
	height: 20px;
	width: 20px;
	float: left;
	margin: 7px 5px;
}
#modules .module.regex .left-column .items .item h4:after {
	content: "";
	background: url("../images/sprite.png") -153px 0;
	height: 20px;
	width: 20px;
	float: right;
	margin: 8px 5px;
}
#modules .module.regex .left-column .items .item h4.open:after {
	background-position: -177px 0;
}
#modules .module.regex .left-column .items .item .childs {
	float: left;
	clear: both;
	width: 100%;
	padding: 0 0 10px 0;
	display: none;
}
#modules .module.regex .left-column .items .item .child {
	float: left;
	width: 100%;
	color: #575756;
	font-size: 13px;
	padding: 0 10px 5px 10px;
	box-sizing: border-box;
}
#modules .module.regex .left-column .items .item .child .name {
	float: left;
}
#modules .module.regex .left-column .items .item .child .value {
	float: right;
	font-weight: 900;
}

/** Uploader **/
#modules .module.uploader .header .buttons {
	float: right;
	display: flex;
	margin-left: auto;
}
#modules .module.uploader #upload {
	margin: 6px 0;
}
#modules .module.uploader #upload:hover {
	background: #02A343;
}
#modules .module.uploader #build-button {
	margin: 6px 10px 0;
}
#modules .module.uploader #build-button .icon {
	background-position: -230px -55px;
	width: 16px;
	height: 16px;
	margin-right: 8px;
}
#modules .module.uploader #build-button:disabled .icon{
	animation: rotate 1.3s infinite linear;
}
#modules .module.uploader #parse,
#modules .module.uploader #download,
#modules .module.uploader #diff {
	font-size: 15px;
	color: #868686;
	cursor: pointer;
	float: left;
	margin: 0 20px 0 0;
	white-space: nowrap;
	transition: all .25s;
}
#modules .module.uploader #parse,
#modules .module.uploader #download {
	margin: 0 2px 0 0;
	margin-right: 2px;
	display: flex;
	align-items: center;
}
#modules .module.uploader .selector {
	position: relative;
	z-index: 10;
	padding: 0 10px;
	margin-right: 10px;
	display: flex;
	align-items: center;
}
#modules .module.uploader .selector .arrow {
	content: "";
	width: 0;
	margin-left: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #868686;
	cursor: pointer;
	transition: all .25s;
}
#modules .module.uploader .selector .selector-options {
	display: none;
	width: 180px;
	position: absolute;
	left: 0;
	top: 50px;
	background: #ececec;
	padding: 10px;
	border-radius: 0 0 3px 3px;
}
#modules .module.uploader .option-title {
	line-height: 1.3;
	color: #3C3C3B;
}
#modules .module.uploader .selector #parse-button,
#modules .module.uploader .selector #download-button {
	margin-top: 12px;
}
#modules .module.uploader .selector .option {
	border-right: none;
	margin-top: 6px;
	transition: all .25s;
}
#modules .module.uploader .selector .option.disabled {
	opacity: 0.4;
	pointer-events: none;
}
#modules .module.uploader .selector .option:first-child {
	margin-top: 0;
}
#modules .module.uploader .selector .option label {
	border-right: none!important;
	padding: 0;
	width: 100%;
	color: #868686;
	transition: all .25s;
}
#modules .module.uploader .selector .option label:hover {
	color: #3C3C3B;
}
#modules .module.uploader .selector-title:hover,
#modules .module.uploader #diff:hover {
	color: #3C3C3B;
}
#modules .module.uploader .selector-title:hover .arrow {
	border-top-color: #3C3C3B;
}

#modules .module.uploader #download-close {
	position: absolute;
	top: 5px;
	right: 15px;
	color: #FFF;
	z-index: 2;
	font-weight: bold;
	cursor: pointer;
	padding: 5px;
	line-height: 15px;
	font-size: 15px;
	display: none;
}
#modules .module.uploader #download.loading {
	margin: 20px 50px 0 0;
}
#modules .module.uploader #upload .icon {
	width: 10px;
	height: 13px;
	background-position: -32px -81px;
	margin-right: 10px;
}
#modules .module.uploader .console-wrapper {
	width: 72%;
	margin: auto;
	height: 400px;
	float: right;
	box-sizing: border-box;
	height: 85%;
	height: calc(100% - 150px);
	position: relative;
}
#modules .module.uploader .console-wrapper #download-output {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1;
	border: 0;
	color: #fff;
	padding: 30px;
	box-sizing: border-box;
	display: none;
	resize: none;
	white-space: pre;
}
#modules .module.uploader #console {
	position: relative;
	color: #FFF;
	background: #000;
	height: 100%;
	width: 100%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 3px;
	font-family: 'Inconsolata', Arial;
}
#modules .module.uploader #console .input-wrapper {
	float: left;
	width: 100%;
	clear: both;
}
#modules .module.uploader #console .prompt {
	float: left;
}
#modules .module.uploader #console input {
	padding: 0;
	border: 0;
	background-color: #000;
	color: #FFF;
	font-family: 'Inconsolata', Arial;
	line-height: 22px;
	font-size: 15px;
	float: left;
	width: 95%;
}
#modules .module.uploader #console div {
	font-family: 'Inconsolata', Arial;
	line-height: 22px;
	font-size: 15px;
	word-break: break-all;
	clear: both;
}

#modules .module.uploader #console span.file, #logs span.file {
	font-weight: bold;
	color: #FF9800;
}
#modules .module.uploader #console span.js, #logs span.js {
	color: #FFC107;
	font-weight: bold;
}
#modules .module.uploader #console span.html, #logs span.html {
	color: #FF9800;
	font-weight: bold;
}
#modules .module.uploader #console span.css, #logs span.css {
	color: #2196F3;
	font-weight: bold;
}
#modules .module.uploader #console span.environment, #logs span.environment {
	font-weight: bold;
}
#modules .module.uploader #console span.log.success, #logs span.log.success {
	color: #00C853;
}
#modules .module.uploader #console span.log.error, #logs span.log.error {
	color: #F11744;
}
#modules .module.uploader #console span.log.authentication, #logs span.log.authentication {
	color: #53BEEA;
	font-weight: bold;
}
#modules .module.uploader #console span.log.warn,
#modules .module.uploader #console span.log.warning,
#logs span.log.warn,
#logs span.log.warning {
	color: #FFCD11;
}
#modules .module.uploader #console span.log.notice, #logs span.log.notice {
	color: #3D62FF;
}
#modules .module.uploader #console span.log.info, #logs span.log.info {
	color: #FFC107;
}
#modules .module.uploader #console span.bold, #logs span.bold {
	font-weight: bold;
}
#modules .module.uploader #console span.code, #logs span.code {
    padding: 10px;
    float: left;
}

#modules .module.uploader #environments {
	position: relative;
}
#modules .module.uploader #environments label {
	padding: 0;
}
#modules .module.uploader #environments .folder.icon {
	float: left;
}
#modules .module.uploader #environments .text {
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 10px;
	line-height: 23px;
	text-transform: capitalize;
}
#modules .module.uploader #environments .bulk {
	font-size: 10px;
	line-height: 23px;
	margin: 0 0 0 10px;
	color: #3C3C3B;
	cursor: pointer;
}
#modules .module.uploader #environments .bulk:before {
	content: "- ";
}
#modules .module.uploader #environments .bulk:hover {
	color: #000;
}
#modules .module.uploader #environments .title {
	font-size: 20px;
}
#modules .module.uploader #environments > ul {
	list-style: none;
	clear: both;
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	font-size: 17px;
	line-height: 20px;
}
#modules .module.uploader #environments ul li, #modules .module.uploader #environments ul ul {
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
	box-sizing: border-box;
}
#modules .module.uploader #environments ul ul {
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}
#modules .module.uploader #environments ul li.environment {
	padding: 0 0 15px 15px;
}
#modules .module.uploader #environments ul li.group {
	padding: 0 0 0 15px;
}
#modules .module .sub-header .title {
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	color: #000;
	float: left;
}
#modules .module.uploader .sub-header .input-wrap {
	position: relative;
	float: right;
	height: 26px;
	margin: 4px 10px 0 0;
	font-size: 20px;
	color: #000;
	background: #FFF;
	overflow: hidden;
	border-radius: 25px;
}
#modules .module.uploader .sub-header .input-wrap.search .icon {
	background-position: -103px 0;
	position: absolute;
	right: 8px;
	width: 20px;
	height: 20px;
}
#modules .module.uploader .sub-header .input-wrap input {
	border: 0;
	float: left;
	width: 100%;
	line-height: 26px;
	text-indent: 15px;
}
#modules .module.uploader .sub-header .refresh {
	float: right;
	width: 29px;
	height: 29px;
	background-color: #00C853;
	background-position: -123px 1px;
	cursor: pointer;
	margin: 3px 0 0 0;
	border-radius: 50%;
}
#modules .module.uploader .sub-header .refresh:hover {
	background-color: #02A343;
}
#modules .module.uploader .sub-header .total-files {
	height: 22px;
	line-height: 22px;
	float: left;
	clear: both;
	font-size: 13px;
	color: #3C3C3B;
}
#modules .module.uploader #directories {
	padding: 0 6px 0 20px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	height: 100%;
}
#modules .module.uploader #directories .folder {
	position: relative;
}

/*#modules .module.uploader #directories .folder:before{
    content: "";
    background: url("../images/sprite.png") -153px 0;
    width: 20px;
    height: 20px;
    float: right;
    position: absolute;
    right: 0;
    top: 4px;
}*/
#modules .module.uploader #directories .folder .toggle-all-button {
	display: none;
	border: none;
	background: none;
	cursor: pointer;
	margin-left: 10px;
	transition: all .25s;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: transparent;
}
#modules .module.uploader #directories .folder .toggle-all-button:hover {
	background-color: #fff;
}
#modules .module.uploader #directories .folder .toggle-all-icon {
	width: 14px;
}

#modules .module.uploader #directories .folder.has-files.open > .name > .toggle-all-button {
	display: inline-block;
}

#modules .module.uploader #directories .file,
#modules .module.uploader #directories .folder {
	width: 100%;
	float: left;
	clear: both;
	line-height: 22px;
	cursor: pointer;
	margin: 5px 0;
	padding: 0 5px;
	box-sizing: border-box;
	position: relative;
	transition: all .25s;
}
#modules .module.uploader #directories .file:hover {
	color: #000;
}
#modules .module.uploader #directories .childs {
	margin: 0 0 0 15px;
	display: none;
}
#modules .module.uploader #directories .file.active {
	background: #c3d5ff;
}
#modules .module.uploader #directories .file:hover > .name, #modules .module.uploader #directories .file.active > .name {
	color: #222;
}
#modules .module.uploader #directories .icon {
	display: inline-block;
	vertical-align: middle;
}
#modules .module.uploader #directories .folder > .name {
	display: inline-flex;
	align-items: center;
}
#modules .module.uploader #directories .name {
	display: inline-block;
	vertical-align: middle;
	color: #000;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-indent: 10px;
	width: 85%;
	width: calc(100% - 22px);
}
#modules .module.uploader #directories .name .controls {
	display: none;
	font-size: 10px;
	color: #3C3C3B;
	cursor: pointer;
}
#modules .module.uploader #directories .name:hover {
	color: #222;
}
#modules .module.uploader #directories .file .name {
	color: #505050;
}
#modules .module.uploader #directories .file.not-uploaded .name {
	color: #02A343;
	font-weight: 700;
}
#modules .module.uploader #directories .file.not-uploaded:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background: url("../images/sprite.png") -6px -29px #222;
	left: -17px;
	top: 3px;
	border-radius: 50%;
	background-size: 224px;
	z-index: 9;
	display: none;
}
#modules .module.uploader #directories .file .date {
	font-size: 12px;
	color: #868686;
	font-weight: 400;
}
#modules .module.uploader .folder .helper {
	display: none;
	position: absolute;
	top: 30px;
	left: 12px;
	height: 90%;
	height: calc(100% - 50px);
	border-left: 1px dashed #bbb;
}
#modules .module.uploader .folder .childs.open ~ .helper {
	display: block;
}
#modules .module.uploader .folder .helper .bottom {
	width: 4px;
	height: 4px;
	background: #BBB;
	position: absolute;
	left: -3px;
	bottom: 0;
}
#modules .module.uploader .folder .icon, #modules .module.files .folder.icon, #modules .module.flash .folder.icon, #modules .module.uploader #environments .folder.icon, #modules .module.settings .environments .folder.icon {
	background-position: -104px -27px;
	width: 17px;
	height: 20px;
}
#modules .module.uploader .ext-html .icon {
	background-position: -205px -29px;
	width: 16px;
	height: 20px;
}
#modules .module.uploader .ext-css .icon {
	background-position: -230px -29px;
	width: 16px;
	height: 20px;
}
#modules .module.uploader .ext-js .icon {
	background-position: -180px -29px;
	width: 16px;
	height: 20px;
}
#modules .module.uploader .ext-json .icon {
	background-position: -280px -29px;
	width: 16px;
	height: 20px;
}
#modules .module.uploader .ext-png .icon, #modules .module.uploader .ext-jpg .icon, #modules .module.uploader .ext-jpeg .icon, #modules .module.uploader .ext-gif .icon, #modules .module.uploader .ext-ico .icon {
	background-position: -255px -29px;
	width: 16px;
	height: 20px;
}

/*** FILES ***/
#modules .module.files .environments {
	clear: both;
	float: left;
	width: 100%;
}
#modules .module.files .environments .env {
	height: 36px;
	line-height: 36px;
	color: #3C3C3B;
	font-size: 13px;
	padding: 0 20px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	cursor: pointer;
}
#modules .module.files .environments .env.current, #modules .module.files .environments .env:hover {
	background: #4CC1AA;
	color: #FFF;
}
#modules .module.files .environments .env .icon {
	float: left;
	margin: 7px;
}
#modules .module.files .environments .env.current .icon, #modules .module.files .environments .env:hover .icon {
	background-position: -154px -27px;
}
#modules .module.files .right-column .tabs {
	float: left;
	padding: 30px 0 30px 35px;
}
#modules .module.files .right-column .tabs .tab {
	float: left;
	font-size: 20px;
	color: #9C9898;
	margin: 0 55px 0 0;
	cursor: pointer;
	line-height: 20px;
}
#modules .module.files .right-column .tabs .tab.active, #modules .module.files .right-column .tabs .tab:hover {
	color: #000;
}
#modules .module.files .right-column .search {
	position: relative;
	float: left;
	margin: 30px 0;
	height: 24px;
	background: #ECECEC;
	overflow: hidden;
	border-radius: 25px;
}
#modules .module.files .right-column .search input {
	float: left;
	background: none;
	border: 0;
	line-height: 24px;
	text-indent: 10px;
}
#modules .module.files .right-column .search .icon {
	background-position: -103px 0;
	position: absolute;
	right: 8px;
	width: 20px;
	height: 20px;
}
#modules .module.files .right-column #vtex-files {
	float: left;
	width: 95%;
	clear: both;
	padding: 0 0 10px 32px;
	box-sizing: border-box;
	overflow-y: auto;
}
#modules .module.files .right-column #vtex-files .tab-content, #modules .module.files .right-column #vtex-files .tab-content > div {
	display: none;
}
#modules .module.files .right-column #vtex-files .tab-content.active, #modules .module.files .right-column #vtex-files .tab-content > div.active {
	display: block;
}
#modules .module.files .right-column #vtex-files .file {
	height: 130px;
	width: 130px;
	float: left;
	text-align: center;
	border: 1px solid #F5F5F5;
	color: #1D1D1B;
	margin: 0 14px 14px 0;
	box-sizing: border-box;
	padding: 12px;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity 300ms;
}
#modules .module.files .right-column #vtex-files .file .name {
	float: left;
	margin: 7px 0 0 0;
	font-size: 13px;
	line-height: 13px;
	width: 100%;
	word-break: break-word;
}
#modules .module.files .right-column #vtex-files .file .icon {
	width: 58px;
	height: 68px;
	display: inline-block;
	opacity: 0.5px;
}
#modules .module.files .right-column #vtex-files .file.ext-js .icon {
	background-position: -8px -104px;
}
#modules .module.files .right-column #vtex-files .file.ext-html .icon {
	background-position: -83px -104px;
}
#modules .module.files .right-column #vtex-files .file.ext-css .icon {
	background-position: -158px -104px;
}
#modules .module.files .right-column #vtex-files .file.ext-json .icon {
	background-position: -308px -104px;
}
#modules .module.files .right-column #vtex-files .file.ext-png .icon, #modules .module.files .right-column #vtex-files .file.ext-jpg .icon, #modules .module.files .right-column #vtex-files .file.ext-gif .icon, #modules .module.files .right-column #vtex-files .file.ext-ico .icon, #modules .module.files .right-column #vtex-files .file.ext-jpeg .icon {
	background-position: -233px -104px;
}
#modules .module.files .right-column #vtex-files .file:hover, #modules .module.files .right-column #vtex-files .file.active {
	border: 1px solid #9C9898;
	opacity: 1;
}
#modules .module.files .header .icon.folder {
	background-position: -129px -27px;
	width: 17px;
	height: 20px;
	float: left;
	margin: 15px 10px 15px 2px;
}
#modules .module.files .breadcrumb {
	font-size: 13px;
	color: #575756;
}
#modules .module.files .breadcrumb ul, #modules .module.files .breadcrumb ul li {
	float: left;
	text-transform: capitalize;
}
#modules .module.files .breadcrumb ul li.separator {
	margin: 0 5px;
	font-size: 15px;
}
#modules .module.files #delete {
	background: #FF4336;
	padding: 0 20px 0 10px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	float: right;
	margin: 6px 0;
	margin-left: auto;
	color: #FFF;
	cursor: pointer;
	border-radius: 2px;
}
#modules .module.files #delete.loading {
	margin: 15px 70px 15px 0;
}
#modules .module.files #delete .icon {
	float: left;
	width: 15px;
	height: 13px;
	background-position: -81px -81px;
	margin: 13px 10px;
}

/** Flash **/
#modules .module.flash .header .icon.folder {
	background-position: -129px -27px;
	width: 17px;
	height: 20px;
	float: left;
	margin: 15px 10px 15px 2px;
}
#modules .module.flash .breadcrumb {
	font-size: 13px;
	color: #575756;
}
#modules .module.flash .breadcrumb ul, #modules .module.flash .breadcrumb ul li {
	float: left;
}
#modules .module.flash .breadcrumb ul li.separator {
	margin: 0 5px;
	font-size: 15px;
}

/** help **/
#modules .module.help .topics, #modules .module.help .topics .topic, #modules .module.help .topics .topic .childs, #modules .module.help .topics .topic .childs .item {
	clear: both;
	float: left;
	width: 100%;
}
#modules .module.help a {
	color: #4F87CD;
}
#modules .module.help .topics .topic {
	clear: both;
	width: 100%;
	float: left;
	height: 48px;
	line-height: 48px;
	padding: 0 48px;
	box-sizing: border-box;
	font-size: 15px;
	cursor: pointer;
}
#modules .module.help .topics .topic.active, #modules .module.help .topics .topic.current {
	background: #FFF;
}
#modules .module.help .right-column {
	padding: 14px 20px;
	overflow-y: auto;
	overflow-x: hidden;
}
#modules .module.help .right-column .content {
	float: left;
	display: none;
	padding: 0 0 40px 0;
	width: 100%;
}
#modules .module.help .right-column .content.active {
	display: block;
}
#modules .module.help .right-column h2 {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	line-height: 27px;
	clear: both;
	float: left;
	margin: 0 0 23px 0;
}
#modules .module.help .right-column h2.second {
	margin: 35px 0 23px 0;
}
#modules .module.help .right-column h4 {
	font-size: 20px;
	color: #000;
	font-weight: 400;
	line-height: 27px;
	clear: both;
	float: left;
	margin: 10px 0 0 0;
}
#modules .module.help .right-column h5 {
	font-size: 16px;
	color: #6F6F6E;
	font-weight: 400;
	line-height: 27px;
	clear: both;
	margin: 10px 0 0 0;
	float: left;
	font-weight: bold;
}
#modules .module.help .right-column h6 {
	float: left;
	clear: both;
	margin: 10px 0 0 0;
	font-size: 12px;
}
#modules .module.help .right-column h5:before {
	content: "";
	font-weight: bold;
	margin: 0 10px 0 0;
	background: url("../images/sprite.png") -280px 1px;
	width: 20px;
	height: 20px;
	float: left;
}
#modules .module.help .right-column .warning {
	margin-top: 20px;
	color: #d14;
	font-size: 12px;
}
#modules .module.help .right-column p, #modules .module.help .right-column ul {
	font-size: 13px;
	color: #575756;
	font-weight: 400;
	line-height: 27px;
	float: left;
	clear: both;
	width: 80%;
	white-space: normal;
}
#modules .module.help .right-column ul.list {
	list-style: disc;
	margin: 0 0 0 50px;
}
#modules .module.help .right-column ul {
	margin: 20px 0 0 0;
}
#modules .module.help .right-column pre {
	float: left;
	clear: both;
	width: 100%
}
#modules pre code.hljs {
	background: #F5F5F5;
	float: left;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #D9D9D9;
	border-radius: 2px;
}
.parse #modules pre code.hljs {
	width: 90%;
	display: block;
	margin: auto;
	float: none;
}

/** Minify **/
#modules .module.min .content {
	clear: both;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
	width: 100%;
	height: 90%;
	height: calc(100% - 150px);
}
#modules .module.min .content h3 {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #6F6F6E;
	height: 30px;
	line-height: 30px;
	margin: 18px 0;
}
#modules .module.min .content h2 {
	font-size: 20px;
	font-weight: 400;
	color: #000;
	margin: 0 0 18px 0;
}
#modules .module.min .content .column {
	float: left;
	box-sizing: border-box;
	width: 50%;
	height: 90%;
	height: calc(100% - 66px);
}
#modules .module.min .content .column textarea {
	float: left;
	box-sizing: border-box;
	width: 100%;
	height: 70%;
	height: calc(100% - 50px);
	resize: none;
	border: 1px solid #D9D9D9;
	padding: 10px;
	font-size: 15px;
	color: #575756;
	line-height: 24px;
}
#modules .module.min .content .column.input {
	padding: 0 20px 0 0;
}
#modules .module.min .content .column.output {
	padding: 0 0 0 20px;
}
#modules .module.min .content .column.error textarea {
	border-color: #F22222;
}
#modules .module.min .content .column.error h2:after {
	content: "";
	display: inline-block;
	height: 22px;
	width: 23px;
	background: url("../images/sprite.png") -326px -77px;
	margin: 2px 16px;
	vertical-align: top;
}
#modules .module.min .content .column.success h2:after {
	content: "";
	display: inline-block;
	height: 22px;
	width: 23px;
	background: url("../images/sprite.png") -301px -77px;
	margin: 2px 16px;
	vertical-align: top;
}
#modules .module.min #minify {
	background: #00C751;
	padding: 0 20px 0 10px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	float: right;
	margin: 6px 0;
	color: #FFF;
	cursor: pointer;
	border-radius: 2px;
}
#modules .module.min #minify:hover {
	background: #02A343;
}
#modules .module.min #minify.loading {
	margin: 15px 50px 15px 0;
}
#modules .module.min #minify .icon {
	float: left;
	width: 17px;
	height: 16px;
	background-position: -4px -80px;
	margin: 11px 10px;
}

/** MODULE SETTINGS **/
#modules .module.settings .left-column .items {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
}
#modules .module.settings .left-column .items .item {
	float: left;
	clear: both;
	width: 100%;
	padding: 0 18px;
	box-sizing: border-box;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #D9D9D9;
	font-size: 16px;
	color: #6F6F6E;
}
#modules .module.settings .left-column .items .item.mod {
	cursor: pointer;
}
#modules .module.settings .left-column .items .item.expand {
	height: auto;
	padding: 0;
}
#modules .module.settings .left-column .items .item.active, #modules .module.settings .left-column .items .item.current {
	color: #000;
	background: #FFF;
}
#modules .module.settings .left-column .items .item h3 {
	text-indent: 18px;
	height: 48px;
	font-size: 16px;
	font-weight: 400;
	color: #6F6F6E;
	float: left;
	width: 100%;
	cursor: pointer;
}
#modules .module.settings .left-column .items .item .users-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	padding-right: 15px;
}

#modules .module.settings .left-column .search-users{
	height: 30px;
	padding-left: 10px;
}

#modules .module.settings .left-column .items .item .users {
	/*display: none;*/
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
}
#modules .module.settings .left-column .items .item .users .user {
	float: left;
	clear: both;
	width: 100%;
	text-indent: 30px;
	cursor: pointer;
}
#modules .module.settings .left-column .items .item .users .user.current, #modules .module.settings .left-column .items .item .users .user:hover {
	background: #E91E63;
	color: #FFF;
}
#modules .module.settings .right-column .content {
	display: none;
}
#modules .module.settings .right-column .content.active {
	display: block;
}
#modules .module.settings .right-column .column {
	float: left;
}
#modules .module.settings .right-column .column h2 {
	margin: 20px 0 35px 0;
}
#modules .module.settings .right-column .content .column input {
	float: left;
	clear: both;
	width: 300px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	box-sizing: border-box;
	border: 1px solid #D9D9D9;
	margin: 0 0 15px 0;
	border-radius: 2px;
}
#modules .module.settings .right-column .content .column .save {
	background: #00C853;
	height: 40px;
	text-align: center;
	line-height: 40px;
	width: 130px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	float: right;
	clear: both;
	cursor: pointer;
	border-radius: 2px;
}
#modules .module.settings .right-column .content .column .delete {
	height: 40px;
	text-align: center;
	line-height: 40px;
	width: 130px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	float: right;
	clear: both;
	cursor: pointer;
	border-radius: 2px;
	margin-top: 15px;
}

#modules .module.settings .right-column .content .column .delete.onLoading,
#modules .module.settings .right-column .content .column .save.onLoading {
	pointer-events: none;
}

#modules .module.settings .right-column .content .column .save:hover {
	background: #02A343;
}
#modules .module.settings .right-column .content {
	height: 90%;
	height: calc(100% - 150px);
	overflow-y: auto;
}
#modules .module.settings .right-column .content .column {
	float: left;
	padding: 0 35px 0 30px;
}
#modules .module.settings .right-column .content .column .wrap {
	float: left;
}
#modules .module.settings .right-column .content .column.environments {
	border-left: 1px solid #D9D9D9;
}
#modules .module.settings .environments .folder.icon {
	float: left;
	margin: 0 10px 0 0;
}
#modules .module.settings .environments li {
	padding: 0 0 10px 0;
	list-style: none;
}
#modules .module.settings .environments li.default {
	font-weight: bold;
}
#modules .module.settings .mod-me .environments li.environment {
	margin: 0 0 0 30px;
	color: #bbb;
}
#modules .module.settings .mod-me .environments li.environment.active {
	color: #000;
}
#modules .module.settings .environments li.default {
	cursor: pointer;
}

/*#modules .module.settings .environments li.default:after {
   background: url("../images/sprite.png");
   content: "";
   float: right;
   width: 15px;
   height: 13px;
   background-position: -155px -6px;
   margin: 5px 0;
}*/

/** Confirm dialog **/
#dialog-confirm {
	display: none;
}
.ui-dialog {
	font-size: 13px !important;
	border: 2px solid #FFC107 !important;
	padding: 0 !important;
	background: #FFF !important;
}
.ui-widget {
	font-family: "Lato", Arial !important;
}
.ui-widget-header {
	background: #FFF !important;
	border: 0 !important;
}
.ui-dialog .ui-dialog-titlebar {
	font-size: 16px;
	color: #000;
	font-weight: 400;
}
.ui-dialog .ui-dialog-titlebar {
	padding: 11px 18px 0 18px !important;
}
.ui-dialog #dialog-confirm.ui-dialog-content {
	margin: 21px 0 0 0;
	padding: 0 18px;
}
#dialog-confirm p {
	font-size: 15px;
	color: #575756;
	line-height: 22px;
}
.ui-dialog ul {
	margin: 10px 0 0 5px;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 13px;
	color: #868686;
}
.ui-dialog .ui-dialog-buttonpane {
	background: #F5F5F5 !important;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: 14px 0 !important;
}
.ui-dialog-buttonset .ui-button:first-child {
	background: #F34334;
	width: 154px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	padding: 0 20px;
}
.ui-dialog-buttonset .ui-button:first-child span {
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	width: auto;
	display: inline-block;
	vertical-align: top;
}
.ui-dialog-buttonset .ui-button:first-child:before {
	background: url("../images/sprite.png");
	content: "";
	display: inline-block;
	width: 15px;
	height: 13px;
	background-position: -81px -81px;
	margin: 11px 5px;
}
.ui-dialog-buttonset .ui-button:last-child {
	float: left;
	background: #B1B1B1;
	margin-right: 10px !important;
}
.ui-dialog .ui-dialog-buttonpane button {
	height: 36px;
	line-height: 36px;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	border: none;
	border-radius: 3px !important;
}
.ui-widget-header .ui-state-default {
	background: none !important;
	border: none !important;
}
.ui-widget-header .ui-dialog-title:before {
	content: "";
	background: url("../images/sprite.png") -300px -54px !important;
	float: left;
	height: 20px;
	width: 26px;
	margin: 0 15px 0 0;
}
.ui-dialog .ui-dialog-titlebar-close {
	right: 18px !important;
}
.ui-widget-header .ui-state-default .ui-button-icon-primary.ui-icon.ui-icon-closethick {
	background: url("../images/sprite.png") -330px -54px !important;
}

/** Login **/
body.login {
	background: #222;
}
body.login #footer {
	background: #222;
	color: #FFF;
	width: 100%
}
body.login #footer .design {
	border-left: 1px solid #009688;
}
#vtex-login .center, body.login #content {
	margin: 0 auto;
	width: 345px;
	clear: both;
}
#vtex-login .login-wrapper, body.login #content .login-wrapper {
	float: left;
	margin: 45px 0;
}

#vtex-login .login-wrapper--email .key,
#vtex-login .login-wrapper--key .email {
	display: none;
}


#vtex-login .login-wrapper .button, #vtex-login .login-wrapper .header, #vtex-login .login-wrapper input, body.login #content .login-wrapper .button, body.login #content .login-wrapper .header, body.login #content .login-wrapper input {
	text-align: center;
	line-height: 80px;
	float: left;
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	color: #FFF;
	border: 0;
}
#vtex-login .login-wrapper input, body.login #content .login-wrapper input {
	border-top: 1px solid #D9D9D9;
	text-align: left;
	font-size: 18px;
	color: #868686;
	padding: 0 20px;
}
#vtex-login .login-wrapper .button, body.login #content .login-wrapper .button {
	background: #009688;
	color: #FFF;
	cursor: pointer;
}
#vtex-login .login-wrapper .button:hover, body.login #content .login-wrapper .button:hover {
	background: #02C1AA;
}
#vtex-login .login-wrapper .header, body.login #content .login-wrapper .header {
	background: #ECECEC;
	color: #B1B1B1;
	font-weight: 900;
	font-size: 19px;
}
#vtex-login .login-wrapper .text, body.login #content .login-wrapper .text {
	font-size: 20px;
	color: #FFF;
	text-align: center;
	float: left;
	width: 100%;
	height: 45px;
	line-height: 45px;
	margin: 0 0 15px 0;
}
body.login #content .login-wrapper .header .logo {
	height: 31px;
	width: 39px;
	display: inline-block;
	margin: 24px 15px 0 0;
	background-position: -6px -10px;
}
#vtex-login .login-wrapper .header .title, body.login #content .login-wrapper .header .title {
	display: inline-block;
	vertical-align: top;
}
body.login #content input::-webkit-input-placeholder, #vtex-login input::-webkit-input-placeholder {
	color: #868686;
}
body.login #content input:-moz-placeholder, #vtex-login input:-moz-placeholder {
	color: #868686;
}
body.login #content input::-moz-placeholder, #vtex-login input::-moz-placeholder {
	color: #868686;
}
body.login #content input:-ms-input-placeholder, #vtex-login input:-ms-input-placeholder {
	color: #868686;
}
body.login #content input.error::-webkit-input-placeholder, #vtex-login input.error::-webkit-input-placeholder {
	color: #EA8282;
}
body.login #content input.error:-moz-placeholder, #vtex-login input.error:-moz-placeholder {
	color: #EA8282;
}
body.login #content input.error::-moz-placeholder, #vtex-login input.error::-moz-placeholder {
	color: #EA8282;
}
body.login #content input.error:-ms-input-placeholder, #vtex-login input:-ms-input-placeholder {
	color: #EA8282;
}
#vtex-login {
	display: none;
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #222;
}
#vtex-login .login-wrapper .header .logo {
	background: url("../images/vtex.png") no-repeat center;
	width: 150px;
    height: 80px;
    background-size: 100%;
    background-position: center;
    margin: 0 auto;
}

/** Loader **/
@keyframes load1 {
	0%, 80%, 100% {
		box-shadow: 0 0 #00C751;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em #00C751;
		height: 5em;
	}
}
.red.loading * {
	display: none !important;
}
.red.loading, .red.loading:before, .red.loading:after {
	background: #FF4336 !important;
	animation: load2 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
.red.loading:before, .red.loading:after {
	position: absolute;
	top: 0;
	content: '';
}
.red.loading:before {
	left: -1.5em;
	animation-delay: -0.32s;
}
.red.loading {
	text-indent: -9999em;
	position: relative;
	font-size: 5px !important;
	padding: 0 !important;
	transform: translateZ(0);
	animation-delay: -0.16s;
}
.red.loading:after {
	left: 1.5em;
}
@keyframes load2 {
	0%, 80%, 100% {
		box-shadow: 0 0 #FF4336;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em #FF4336;
		height: 5em;
	}
}
.grey.loading * {
	display: none !important;
}
.grey.loading, .grey.loading:before, .grey.loading:after {
	background: #868686 !important;
	animation: load3 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
.grey.loading:before, .grey.loading:after {
	position: absolute;
	top: 0;
	content: '';
}
.grey.loading:before {
	left: -1.5em;
	animation-delay: -0.32s;
}
.grey.loading {
	text-indent: -9999em;
	position: relative;
	font-size: 3px !important;
	padding: 0 !important;
	transform: translateZ(0);
	animation-delay: -0.16s;
}
@keyframes load3 {
	0%, 80%, 100% {
		box-shadow: 0 0 #868686;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em #868686;
		height: 5em;
	}
}
.white.loading:after {
	left: 1.5em;
}
.white.loading * {
	display: none !important;
}
.white.loading, .white.loading:before, .white.loading:after {
	background: #fff !important;
	animation: load4 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
.white.loading:before, .white.loading:after {
	position: absolute;
	top: 0;
	content: '';
}
.white.loading:before {
	left: -1.5em;
	animation-delay: -0.32s;
}
.white.loading {
	text-indent: -9999em;
	position: relative;
	font-size: 3px !important;
	padding: 0 !important;
	transform: translateZ(0);
	animation-delay: -0.16s;
}
.white.loading:after {
	left: 1.5em;
}

@keyframes load4 {
	0%, 80%, 100% {
		box-shadow: 0 0 #fff;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em #fff;
		height: 5em;
	}
}
table.diff {
	border-collapse: collapse;
	border: 1px solid darkgray;
	white-space: pre-wrap;
	width: 95%;
	margin: 20px auto;
}
table.diff tbody {
	font-family: Courier, monospace;
	font-size: 12px;
}
table.diff tbody th {
	font-family: verdana, arial, 'Bitstream Vera Sans', helvetica, sans-serif;
	background: #ECECEC;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #BBC;
	color: #000;
	text-align: center;
	vertical-align: middle;
}
table.diff thead {
	border-bottom: 1px solid #BBC;
	background: #ECECEC;
	font-family: Verdana;
	font-size: 16px;
}
table.diff thead th.texttitle {
	text-align: left;
	text-indent: 3px;
	padding: 10px 0;
}
table.diff tbody td {
	padding: 0px .4em;
	padding-top: .4em;
	vertical-align: top;
	word-wrap: break-word;
}
table.diff .empty {
	background-color: #DDD;
}
table.diff .replace {
	background-color: #FD8
}
table.diff .delete {
	background-color: #FFCECE;
}
table.diff .skip {
	background-color: #EFEFEF;
	border: 1px solid #AAA;
	border-right: 1px solid #BBC;
}
table.diff .insert {
	background-color: #9E9
}
.parse #modules pre {
	float: left;
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box;
}
.parse #modules h3, .diff #modules h3 {
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #FFC107;
	color: #FFF;
	font-weight: bold;
}
.parse #modules h3 {
	background: #2196F3;
}
.parse #modules.error pre, .parse #modules.error table {
	display: none;
}
.parse #logs, .diff #logs {
	font-family: 'Inconsolata', Arial;
	font-size: 15px;
	color: #FFF;
	position: relative;
	display: none;
	clear: both;
	width: 90%;
	padding: 10px;
	margin: auto;
	background: #000;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 3px;
}
.parse #modules.error #logs, .diff #modules.error #logs {
	display: block;
}
.parse #modules > .info, 
.diff #modules > .info {
	width: 100%;
	float: left;
	text-align: center;
	margin: 20px 0;
	color: #3C3C3B;
}
.parse #modules.success .info {
	margin: 20px 0 5px 0;
}
.parse #modules .info .row, .diff #modules .info .row {
	display: inline-block;
	padding: 0 30px;
}
.parse #modules .info .row .key, .diff #modules .info .row .key {
	float: left;
	font-weight: bold;
}
.parse #modules .info .row .value, .diff #modules .info .row .value {
	float: left;
}
#modules .info .row .value.success {
	color: #24824A;
}
#modules .info .row .value.error {
	color: #F11744;
}
.diff #modules .identical {
	display: none;
	border: 1px solid #19753E;
	border-radius: 4px;
	background-color: #1FB75C;
	color: #FFF;
	width: 50%;
	margin: auto;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	clear: both;
	font-weight: bold;
}
.diff #modules .identical.true {
	display: block;
}
#logs > div { clear: both; line-height: 22px; line-height: 22px; }

.parse #code {
	display: none;
}
.parse #copy-button.error {
	display: none;
}
.parse #copy-button {
	position: fixed;
	height: 34px;
	width: 34px;
	top: 155px;
	left: 3%;
	cursor: pointer;
	background: #222222;
	border-radius: 50%;
	text-align: center;
	transition: all 0.3s ease-in-out;
	opacity: 0.7;
}
.parse #copy-button:hover {
	opacity: 1;
	vertical-align: middle;
}
.parse #copy-button.copied {
	background: #2196F3;
	opacity: 1;
}
.parse #copy-button .icon {
	display: inline-block;
	background-position: -51px -50px;
	height: 25px;
	width: 23px;
	margin: 4px 0;
}
.parse #copy-button.start .text {
	opacity: 0;
}
.parse #copy-button .text,
.parse #copy-button .failed {
	font-size: 9px;
	margin: 5px 0;
	position: absolute;
	top: 34px;
	width: 100%;
	text-align: center;
	animation-duration: .3s;
	animation-name: fadeOutAndScale;
	animation-timing-function: cubic-bezier(.71, .55, .62, 1.57);
	animation-fill-mode: forwards;
}
.parse #copy-button.copied .text {
	animation-duration: .3s;
	animation-name: fadeAndScale;
	animation-timing-function: cubic-bezier(.71, .55, .62, 1.57);
	animation-fill-mode: forwards;
}
.parse #copy-button.start .failed {
	opacity: 0;
}
.parse #copy-button .failed {
	color: #F11744;
}

.parse #copy-button.error .failed {
	animation-duration: .3s;
	animation-name: fadeAndScale;
	animation-timing-function: cubic-bezier(.71, .55, .62, 1.57);
	animation-fill-mode: forwards;
}


@keyframes fadeAndScale {
	from {
		opacity: 0;
		transform: scale(.8, .8);
	}
	to {
		opacity: 1;
		transform: scale(1, 1);
	}
}
@keyframes fadeOutAndScale {
	from {
		opacity: 1;
		transform: scale(1, 1);
	}
	to {
		opacity: 0;
		transform: scale(.8, .8);
	}
}

@media screen and (max-width: 1350px) {
	#modules .module .header .options .items {
		display: none;
	}
}

.hide {
	display: none;
}

/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #333;
  background: #f8f8f8;
  -webkit-text-size-adjust: none;
}

.hljs-comment,
.diff .hljs-header {
  color: #998;
  font-style: italic;
}

.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: #333;
  font-weight: bold;
}

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
  color: #008080;
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-doctag,
.tex .hljs-formula {
  color: #d14;
}

.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
  color: #900;
  font-weight: bold;
}

.hljs-list .hljs-keyword,
.hljs-subst {
  font-weight: normal;
}

.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
  color: #458;
  font-weight: bold;
}

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rule .hljs-property,
.django .hljs-tag .hljs-keyword {
  color: #000080;
  font-weight: normal;
}

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.hljs-name {
  color: #008080;
}

.hljs-regexp {
  color: #009926;
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
  color: #990073;
}

.hljs-built_in {
  color: #0086b3;
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.diff .hljs-change {
  background: #0086b3;
}

.hljs-chunk {
	color: #aaa;
}

#sidebar .module.m-settings .border, #modules .module.settings .header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 10px;
}

.backdrop-popup{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.8);
}

.popup__wrapper{
	height: auto;
	background-color: #f5f5f5;
	display: flex;
	flex-direction: column;
	position: relative;
}

.popup__text{
	text-align: center;
	font-size: 20px;
	padding: 20px 0;
	background-color: #ececeb;
}

.popup__close{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	font-size: 15px;
}

.branch-selector-popup__wrapper{
	width: 345px;
}

.client-selector-popup__wrapper{
	width: 470px;
}


.client-selector-popup__client{
	display: flex;
	width: 100px;
	height: 70px;
	margin: 5px;
	background-color: #00C751;
	color: #fff;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 14px;
	transition: 0.3s;
	font-weight: 700;
}

.client-selector-popup__client:hover{
	opacity: 0.7;
}
.client-selector-popup__clients{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 80px;
	padding: 15px 15px;
	justify-content: center;
}

.new-user-popup__form input {
	width: 300px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	box-sizing: border-box;
	border: 1px solid #D9D9D9;
	margin: 0 0 15px 0;
	border-radius: 2px;
}

.new-user-popup__form .save {
	background: #00C853;
	height: 40px;
	text-align: center;
	line-height: 40px;
	width: 130px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	float: right;
	clear: both;
	cursor: pointer;
	border-radius: 2px;
}
.new-user-popup__form label:before{
	display: none;
}

.new-user-popup__form label{
	margin-bottom: 8px;
}

.new-user-popup__form {
	padding: 10px;
	display: flex;
	flex-direction: column;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: #4a4a4a;
}

.branch-selector-popup__select-wrapper{
	padding: 35px 15px;
	width: 100%;
}
body .select2-container .select2-selection--single {
	border-radius: 0;
	height: 35px;
}
body .select2-container .select2-selection--single .select2-selection__rendered{
	line-height: 35px;
}

body .select2-container .select2-selection--single .select2-selection__arrow{
	height: 35px;
}

.hidden {
	display: none;
}