html {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 14px; font-weight: 400;
}
input {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 14px; font-weight: 400;
}
textarea {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 14px; font-weight: 400;
}
keygen {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 14px; font-weight: 400;
}
select {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 14px; font-weight: 400;
}
button {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 14px; font-weight: 400;
}
strong {
	font-weight: 700;
}
.btn-bar {
	margin-bottom: 15px;
}
.btn {
	background: 0px 0px; padding: 8px 15px; border-radius: 2px; border: 1px solid rgb(232, 235, 236); border-image: none; color: rgb(96, 109, 114); font-size: 13px; font-weight: 700; text-decoration: none; margin-right: 15px; float: left; display: block; white-space: nowrap; position: relative; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box;
}
.btn-dropdown span {
	line-height: 1; margin-right: 8px;
}
.btn-left {
	border-radius: 3px 0px 0px 3px; margin-right: 0px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.btn-middle {
	border-radius: 0px; margin-right: 0px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.btn-right {
	border-radius: 0px 3px 3px 0px;
}
.btn:hover {
	border-color: rgb(221, 221, 221); color: rgb(85, 85, 85); box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.btn:active {
	padding: 9px 14px 7px 16px; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.05);
}
.btn:focus {
	outline: 0px;
}
.btn p {
	display: inline-block;
}
.btn i {
	padding-right: 5px;
}
.btn .icon-dropdown {
	padding-right: 0px; padding-left: 3px; font-size: 12px;
}
.btn-icon i {
	padding-right: 0px;
}
.btn-dropdown .icon-angle-down {
	padding-right: 0px; padding-left: 5px;
}
.btn-primary {
	border: 1px solid rgb(148, 190, 84); border-image: none; color: rgb(255, 255, 255); background-color: rgba(163, 206, 98, 1);
}
.btn-blue {
	border: 1px solid rgb(148, 190, 84); border-image: none; color: rgb(255, 255, 255); background-color: rgba(163, 206, 98, 1);
}
.btn-primary:hover {
	border: 1px solid rgb(139, 177, 83); border-image: none; color: rgb(255, 255, 255); box-shadow: 0px 1px 1px rgba(0,0,0,0.2); background-color: rgba(163, 206, 98, 1);
}
.btn-blue:hover {
	border: 1px solid rgb(139, 177, 83); border-image: none; color: rgb(255, 255, 255); box-shadow: 0px 1px 1px rgba(0,0,0,0.2); background-color: rgba(163, 206, 98, 1);
}
.btn-primary:active {
	background: rgb(124, 171, 53); border-color: transparent;
}
.btn-blue:active {
	background: rgb(124, 171, 53); border-color: transparent;
}
.btn-disabled {
	cursor: not-allowed; opacity: 0.5;
}
.btn-disabled.btn-primary:active {
	background-color: rgba(95, 200, 215, 1);
}
.btn-disabled.btn-blue:active {
	background-color: rgba(95, 200, 215, 1);
}
.btn-success {
	background: rgb(118, 210, 25); border-color: rgb(90, 169, 11); color: rgb(255, 255, 255); box-shadow: none;
}
.btn-success:hover {
	background: rgb(118, 210, 25); border-color: rgb(90, 169, 11); color: rgb(255, 255, 255); box-shadow: none;
}
.btn-success:active {
	background: rgb(118, 210, 25); border-color: rgb(90, 169, 11); color: rgb(255, 255, 255); box-shadow: none;
}
.left.btn {
	border-radius: 3px 0px 0px 3px; margin-right: 0px;
}
.right.btn {
	border-radius: 0px 3px 3px 0px; margin-left: 0px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.middle.btn {
	border-radius: 0px; margin-right: 0px; margin-left: 0px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.middle.btn-primary {
	border-left-color: rgba(255, 255, 255, 0.2); border-left-width: 1px; border-left-style: solid;
}
.right.btn-primary {
	border-left-color: rgba(255, 255, 255, 0.2); border-left-width: 1px; border-left-style: solid;
}
.btn-bell {
	margin-right: 25px;
}
.btn .count {
	background: rgb(230, 0, 0); padding: 0px; border-radius: 20px; top: -8px; width: 20px; height: 20px; text-align: center; right: -8px; color: rgb(255, 255, 255); line-height: 20px; font-size: 11px; font-weight: 300; position: absolute;
}
.btn .count-zero {
	background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(153, 153, 153);
}
.btn-danger {
	border-radius: 3px; color: rgb(255, 255, 255); text-decoration: none; background-image: -ms-linear-gradient(rgb(18, 144, 211), rgb(12, 123, 184)); background-color: rgb(18, 144, 211);
}
.btn .addon {
	background: rgb(255, 255, 255); margin: -8px -12px -8px 10px; padding: 8px 10px; border-radius: 0px 3px 3px 0px; color: rgb(34, 34, 34); font-weight: 700; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; float: right; display: block;
}
.btn:active .addon {
	padding-right: 9px; padding-bottom: 7px; margin-right: -11px;
}
.not-watching.btn .addon {
	color: rgb(187, 187, 187);
}
.lbl {
	color: rgb(136, 136, 136); font-size: 13px; margin-bottom: 10px; display: block;
}
.lbl a {
	color: rgb(40, 117, 177); text-decoration: none;
}
.lbl a:hover {
	text-decoration: underline;
}
.lbl-checkbox {
	margin-bottom: 20px; display: inline-block;
}
select {
	margin-bottom: 18px; display: inline-block;
}
.fld {
	padding: 8px; border-radius: 2px; border: 1px solid rgb(221, 221, 221); transition:box-shadow 300ms ease-out, opacity 300ms linear; border-image: none; width: 100%; color: rgb(68, 68, 68); font-size: 13px; margin-bottom: 18px; display: inline-block; box-sizing: border-box; opacity: 1; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.05); background-color: rgb(255, 255, 255); -moz-box-sizing: border-box; -webkit-transition: box-shadow 300ms ease-out, opacity 300ms linear; -moz-transition: box-shadow 300ms ease-out, opacity 300ms linear; -o-transition: box-shadow 300ms ease-out, opacity 300ms linear;
}
.fld-avatar {
	padding: 6px; width: auto; overflow: hidden; margin-bottom: 14px;
}
.fld-avatar .inner {
	width: 96px; height: 96px; overflow: hidden;
}
.fld-avatar img {
	border-radius: 2px; display: block;
}
.fld-avatar:hover {
	cursor: pointer; opacity: 0.8;
}
.fld-disabled {
	background: rgb(248, 248, 248); color: rgb(102, 102, 102);
}
[disabled].fld {
	background: rgb(248, 248, 248); color: rgb(102, 102, 102);
}
.fld-error {
	border: 1px solid rgb(241, 102, 81); border-image: none; color: rgb(241, 102, 81);
}
.fld:focus {
	border-color: rgb(2, 84, 110); outline: 0px;
}
.fld-checkbox {
	margin-right: 10px; margin-bottom: 20px; display: inline-block;
}
.fld-dropdown {
	outline: 0px; width: 300px; margin-bottom: 18px; position: relative; max-width: 100%;
}
.fld-dropdown > .selected {
	border-radius: 2px; border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(68, 68, 68); font-size: 13px; position: relative; text-shadow: 1px 1px 0px #fff; background-color: rgb(255, 255, 255);
}
.focus.fld-dropdown > .selected {
	border-color: rgb(92, 147, 216); outline: 0px; box-shadow: 0px 0px 0px 2px #b3d4fd;
}
.fld-dropdown:focus > .selected {
	border-color: rgb(92, 147, 216); outline: 0px; box-shadow: 0px 0px 0px 2px #b3d4fd;
}
.fld-dropdown > .selected:hover {
	cursor: pointer;
}
.fld-dropdown > .selected:focus {
	cursor: pointer;
}
.fld-dropdown > .selected > i {
	top: 0px; width: 30px; text-align: center; right: 0px; bottom: 0px; line-height: 32px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; position: absolute;
}
.fld-dropdown > .selected > span {
	padding: 8px; color: rgb(68, 68, 68); float: left; display: block;
}
.fld-dropdown > .selected > span strong {
	color: rgb(68, 68, 68); font-weight: 700;
}
.fld-dropdown > .selected > span.color-preview {
	padding-top: 10px; padding-right: 0px; padding-bottom: 0px; float: left; display: block;
}
.fld-dropdown > .selected > span.color-preview > i {
	background: rgb(238, 238, 238); border-radius: 12px; width: 12px; height: 12px; display: inline-block; box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.open.fld-dropdown > .selected {
	border-radius: 2px 2px 0px 0px; opacity: 0.8; -webkit-border-radius: 2px 2px 0 0;
}
.fld-dropdown ul {
	margin: 0px; padding: 0px; left: 0px; top: 100%; width: 100%; line-height: 1; overflow: auto; display: none; position: absolute; z-index: 10; max-height: 300px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.fld-dropdown ul {
	background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(92, 147, 216) rgb(92, 147, 216); margin: 0px; padding: 0px; border-radius: 0px 0px 2px 2px; border-image: none; left: 0px; top: 100%; width: 100%; line-height: 1; overflow: auto; display: none; position: absolute; z-index: 10; max-height: 300px; box-sizing: border-box; box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2); -moz-box-sizing: border-box; -webkit-border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}
.fld-dropdown ul li.selected {
	background: rgb(238, 238, 238);
}
.fld-dropdown ul li:last-child.selected {
	border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0 0 2px 2px;
}
.fld-dropdown ul li {
	color: rgb(68, 68, 68); overflow: hidden; font-size: 13px; text-decoration: none; display: block; white-space: nowrap; position: relative; cursor: pointer; -ms-text-overflow: ellipsis;
}
.fld-dropdown ul li > span {
	padding: 8px; color: rgb(68, 68, 68); float: left; display: block;
}
.fld-dropdown ul li > span strong {
	color: rgb(68, 68, 68); font-weight: 700;
}
.fld-dropdown ul li > span.color-preview {
	padding-top: 8px; padding-right: 0px; padding-bottom: 0px; float: left; display: block;
}
.fld-dropdown ul li > span.color-preview > i {
	background: rgb(0, 102, 153); border-radius: 12px; width: 12px; height: 12px; display: inline-block; box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.fld-dropdown ul li.hover {
	background: rgb(92, 147, 216); color: rgb(255, 255, 255);
}
.fld-dropdown ul li.hover > span {
	background: rgb(92, 147, 216); color: rgb(255, 255, 255);
}
.fld-dropdown ul li.hover > span strong {
	background: rgb(92, 147, 216); color: rgb(255, 255, 255);
}
.cf::before {
	display: table; content: " ";
}
.cf::after {
	display: table; content: " ";
}
.row::before {
	display: table; content: " ";
}
.row::after {
	display: table; content: " ";
}
.cf::after {
	clear: both;
}
.row::after {
	clear: both;
}
.cf {
	
}
.row {
	
}
.clearfix::before {
	display: table; content: "";
}
.clearfix::after {
	display: table; content: "";
}
.clearfix::after {
	clear: both;
}
.clearfix {
	
}
.hide-text {
	text-indent: 100%; overflow: hidden; white-space: nowrap;
}
.input-block-level {
	width: 100%; display: block; min-height: 28px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;
}
.switch {
	float: left;
}
.btn-toggle {
	margin-left: -9999px; visibility: hidden; position: absolute;
}
.btn-toggle + label {
	outline: 0px; display: inline-block; position: relative; cursor: pointer; user-select: none;
}
input.btn-toggle-round-flat + label {
	padding: 2px; border-radius: 60px; transition:background 0.4s; width: 60px; height: 29px; background-color: rgb(221, 221, 221);
}
input.btn-toggle-round-flat + label::before {
	display: block; position: absolute; content: "";
}
input.btn-toggle-round-flat + label::after {
	display: block; position: absolute; content: "";
}
input.btn-toggle-round-flat + label::before {
	border-radius: 40px; transition:background 0.4s; left: 2px; top: 2px; right: 2px; bottom: 2px; background-color: rgb(255, 255, 255);
}
input.btn-toggle-round-flat + label::after {
	border-radius: 50%; transition:margin 0.4s, background 0.4s; left: 4px; top: 4px; width: 26px; bottom: 4px; background-color: rgb(221, 221, 221);
}
input:checked.btn-toggle-round-flat + label {
	background-color: rgb(141, 213, 77);
}
input:checked.btn-toggle-round-flat + label::after {
	margin-left: 30px; background-color: rgb(141, 213, 77);
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	font-size: 0.1px; display: block; position: absolute; z-index: 99999;
}
.ui-resizable-disabled .ui-resizable-handle {
	display: none;
}
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	left: 0px; top: -5px; width: 100%; height: 7px; cursor: n-resize;
}
.ui-resizable-s {
	left: 0px; width: 100%; height: 7px; bottom: -5px; cursor: s-resize;
}
.ui-resizable-e {
	top: 0px; width: 7px; height: 100%; right: -5px; cursor: e-resize;
}
.ui-resizable-w {
	left: -5px; top: 0px; width: 7px; height: 100%; cursor: w-resize;
}
.ui-resizable-se {
	width: 12px; height: 12px; right: 1px; bottom: 1px; cursor: se-resize;
}
.ui-resizable-sw {
	left: -5px; width: 9px; height: 9px; bottom: -5px; cursor: sw-resize;
}
.ui-resizable-nw {
	left: -5px; top: -5px; width: 9px; height: 9px; cursor: nw-resize;
}
.ui-resizable-ne {
	top: -5px; width: 9px; height: 9px; right: -5px; cursor: ne-resize;
}
.bootstrap-tagsinput {
	padding: 6px 6px 2px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; color: rgb(85, 85, 85); line-height: 18px; font-size: 13px; margin-bottom: 15px; vertical-align: middle; display: inline-block; min-height: 80px; max-width: 100%; box-sizing: border-box; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075); background-color: rgb(255, 255, 255); -moz-box-sizing: border-box;
}
.bootstrap-tagsinput input {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; width: auto !important; max-width: inherit; box-shadow: none; background-color: transparent;
}
.bootstrap-tagsinput input:focus {
	border: 0px currentColor; border-image: none; box-shadow: none;
}
.bootstrap-tagsinput .tag {
	background: rgb(224, 240, 198); padding: 3px 6px; border-radius: 3px; color: rgb(94, 110, 68); font-size: 13px; text-decoration: none; margin-right: 2px; margin-bottom: 4px; display: inline-block;
}
.bootstrap-tagsinput .tag [data-role=remove] {
	margin-left: 5px; cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role=remove]::after {
	padding: 0px 2px; content: "x";
}
.bootstrap-tagsinput .tag [data-role=remove]:hover {
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
}
.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
	box-shadow: inset 0px 3px 5px rgba(0,0,0,0.125);
}
.e-card {
	background: no-repeat 0% 0% / 250px auto rgb(255, 255, 255); margin: 10px; width: 212px; text-decoration: none; float: left; position: relative; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -ms-user-select: none; -moz-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
}
.e-card .meta {
	background: rgb(255, 255, 255); padding: 15px; border-radius: 0px 0px 4px 4px; height: 70px; border-top-color: rgb(245, 245, 246); border-top-width: 1px; border-top-style: solid; position: relative;
}
.e-card .labels {
	left: 0px; top: 15px; position: absolute;
}
.e-card .labels > div {
	width: 5px; height: 140px;
}
.e-card .preview {
	width: 212px; height: 141px; overflow: hidden; position: relative; cursor: pointer;
}
.e-card .preview p {
	background: rgba(255, 255, 255, 0.5); padding: 15px; color: rgb(154, 158, 164); line-height: 1.4; overflow: hidden; font-size: 13px; -ms-text-overflow: ellipsis; max-height: 125px;
}
.e-card .preview p a {
	color: rgb(82, 148, 200); text-decoration: none;
}
.e-card .preview p a:hover {
	color: rgb(2, 84, 110);
}
.e-card .preview img {
	background: url("/img/transparent.png") 0% 0% / 10px 10px rgb(255, 255, 255);
}
.e-card h4 {
	color: rgb(55, 61, 73); line-height: 1.3; overflow: hidden; font-size: 13px; font-weight: 400; margin-bottom: 2px; -ms-text-overflow: ellipsis; max-height: 35px;
}
.e-card .flags {
	left: 15px; bottom: 15px; font-size: 0px; position: absolute;
}
.e-card .status-flags {
	left: 15px; bottom: 15px; font-size: 12px; display: none; position: absolute;
}
.e-card .status-flags-arrow {
	padding-right: 4px; font-size: 14px; font-weight: 700;
}
.e-card .status-flags-visible {
	display: inline-block;
}
.e-card .status-flags-name {
	padding-left: 4px;
}
.e-card .status-flags-bubble {
	border-radius: 50%; width: 10px; height: 10px; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.e-card .flags .object {
	padding: 0px; border-radius: 3px; color: rgba(133, 139, 146, 1); font-size: 11px; margin-right: 15px; display: inline-block; position: relative;
}
.e-card .flags .object i {
	font-size: 18px;
}
.e-card .flags .zero.object {
	color: rgb(221, 221, 221);
}
.e-card .flags .object .object-count {
	padding: 0px 6px; top: -10px; right: -10px; line-height: 18px; position: absolute;
}
.e-card .flags .zero.object i {
	color: rgb(221, 221, 221);
}
.e-card .flags .zero.object .object-count {
	display: none;
}
.e-card:hover {
	box-shadow: 0px 0px 0px 3px rgba(95,200,215,0.6);
}
.ui-selecting.e-card {
	box-shadow: 0px 0px 0px 3px rgba(95,200,215,0.6);
}
.selected.e-card {
	box-shadow: 0px 0px 0px 3px rgba(95,200,215,1);
}
.ui-selected.e-card {
	box-shadow: 0px 0px 0px 3px rgba(95,200,215,1);
}
.selected.e-card:hover {
	box-shadow: 0px 0px 0px 3px rgba(95,200,215,1);
}
.ui-selected.e-card:hover {
	box-shadow: 0px 0px 0px 3px rgba(95,200,215,1);
}
.ui-state-hover.e-card {
	box-shadow: 0px 0px 0px 3px rgba(95,200,215,1);
}
.e-card:active {
	box-shadow: 0px 0px 0px 3px rgba(95,200,215,1);
}
.e-card .description {
	color: rgb(175, 177, 183); line-height: 1.5; font-size: 12px;
}
.e-card .actions {
	background: rgba(95, 200, 215, 0.7); padding: 17px 0px; left: 0px; right: 0px; bottom: 100px; position: absolute; z-index: 3; opacity: 0;
}
.e-card .actions .btn-bar {
	background: rgba(255, 255, 255, 0.6); margin: 0px; left: 0px; text-align: center; right: 0px; bottom: 0px; position: absolute;
}
.e-card:hover .actions {
	opacity: 1;
}
.e-card .badge {
	background: rgb(246, 246, 246); padding: 4px 6px; border-radius: 0px 4px 0px 2px; top: 0px; right: 0px; color: rgb(175, 177, 183); text-transform: uppercase; font-size: 11px; font-weight: 700; position: absolute; z-index: 2;
}
.e-card .error.badge {
	background: rgb(229, 22, 26); color: rgba(255, 255, 255, 0.8);
}
.e-card .actions button {
	background: 0px 0px; padding: 8px 12px; border-radius: 0px; border: 0px currentColor; border-image: none; text-align: center; color: rgb(54, 61, 74); font-size: 15px; display: inline-block; z-index: 1; cursor: pointer; min-width: 40px; opacity: 0;
}
.e-card .actions button:last-child {
	margin-right: 0px;
}
.e-card .actions button i {
	margin-right: 2px;
}
.e-card .actions button:hover {
	background: rgba(255, 255, 255, 0.3);
}
.e-card .actions button:focus {
	outline: 0px;
}
.e-card .actions button:active {
	background: rgba(255, 255, 255, 0.4);
}
.e-card:hover .actions button {
	opacity: 1;
}
.e-card .notification {
	background: rgb(191, 95, 64); padding: 4px 6px; border-radius: 2px 0px 0px 2px; top: 25px; right: 0px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 11px; font-weight: 700; position: absolute;
}
.e-card .notification-new {
	background: rgb(155, 215, 51); top: 25px; right: 0px; color: rgb(255, 255, 255);
}
.e-card .checkbox {
	background: rgba(0, 0, 0, 0.01); border-radius: 50%; border: 2px solid rgba(95, 200, 215, 0.75); border-image: none; left: 15px; top: 15px; width: 24px; height: 24px; text-align: center; line-height: 24px; display: none; position: absolute;
}
.e-card:hover .checkbox {
	display: block;
}
.e-card .checkbox:hover {
	border-color: rgba(95, 200, 215, 0.6);
}
.e-card:hover .checkbox > i {
	color: rgba(95, 200, 215, 0.75); display: inline-block;
}
.e-card:hover .checkbox:hover {
	border-color: rgba(95, 200, 215, 1);
}
.e-card:hover .checkbox:hover > i {
	color: rgba(95, 200, 215, 1); display: inline-block;
}
.e-card .checkbox > i {
	display: none;
}
.ui-selected.e-card .checkbox {
	background: rgba(95, 200, 215, 1); border-color: rgba(95, 200, 215, 1); color: rgb(255, 255, 255); display: block;
}
.ui-selected.e-card .checkbox > i {
	display: inline-block;
}
.ui-selected.e-card .checkbox:hover > i {
	color: rgb(255, 255, 255);
}
.ui-selected.e-card:hover .checkbox > i {
	color: rgb(255, 255, 255);
}
.e-breadcrumb {
	padding: 0px 25px; color: rgb(102, 102, 102); font-size: 14px;
}
.e-breadcrumb ul {
	overflow: hidden; margin-top: 15px;
}
.e-breadcrumb li {
	float: left; display: block;
}
.e-breadcrumb li a {
	padding: 2px 0px; color: rgb(122, 126, 131); text-decoration: none; margin-right: 5px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 2px; border-bottom-style: solid; display: inline-block;
}
.e-breadcrumb li i {
	color: rgb(153, 153, 153);
}
.e-breadcrumb li a:hover {
	border-color: rgb(98, 103, 108);
}
.e-breadcrumb li.current a {
	color: rgb(34, 34, 34); border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.jcrop-holder {
	text-align: left; direction: ltr;
}
.jcrop-vline {
	background: url("/img/Jcrop.gif") rgb(255, 255, 255); font-size: 0px; position: absolute;
}
.jcrop-hline {
	background: url("/img/Jcrop.gif") rgb(255, 255, 255); font-size: 0px; position: absolute;
}
.jcrop-vline {
	width: 1px !important; height: 100%;
}
.right.jcrop-vline {
	right: 0px;
}
.jcrop-hline {
	width: 100%; height: 1px !important;
}
.bottom.jcrop-hline {
	bottom: 0px;
}
.jcrop-tracker {
	width: 100%; height: 100%; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -webkit-touch-callout: none;
}
.jcrop-handle {
	border: 1px solid rgb(238, 238, 238); border-image: none; width: 7px; height: 7px; font-size: 1px; background-color: rgb(51, 51, 51);
}
.ord-n.jcrop-handle {
	left: 50%; top: 0px; margin-top: -4px; margin-left: -4px;
}
.ord-s.jcrop-handle {
	left: 50%; bottom: 0px; margin-bottom: -4px; margin-left: -4px;
}
.ord-e.jcrop-handle {
	top: 50%; right: 0px; margin-top: -4px; margin-right: -4px;
}
.ord-w.jcrop-handle {
	left: 0px; top: 50%; margin-top: -4px; margin-left: -4px;
}
.ord-nw.jcrop-handle {
	left: 0px; top: 0px; margin-top: -4px; margin-left: -4px;
}
.ord-ne.jcrop-handle {
	top: 0px; right: 0px; margin-top: -4px; margin-right: -4px;
}
.ord-se.jcrop-handle {
	right: 0px; bottom: 0px; margin-right: -4px; margin-bottom: -4px;
}
.ord-sw.jcrop-handle {
	left: 0px; bottom: 0px; margin-bottom: -4px; margin-left: -4px;
}
.ord-n.jcrop-dragbar {
	width: 100%; height: 7px;
}
.ord-s.jcrop-dragbar {
	width: 100%; height: 7px;
}
.ord-e.jcrop-dragbar {
	width: 7px; height: 100%;
}
.ord-w.jcrop-dragbar {
	width: 7px; height: 100%;
}
.ord-n.jcrop-dragbar {
	margin-top: -4px;
}
.ord-s.jcrop-dragbar {
	bottom: 0px; margin-bottom: -4px;
}
.ord-e.jcrop-dragbar {
	right: 0px; margin-right: -4px;
}
.ord-w.jcrop-dragbar {
	margin-left: -4px;
}
.jcrop-light .jcrop-vline {
	background: rgb(255, 255, 255); opacity: 0.7 !important;
}
.jcrop-light .jcrop-hline {
	background: rgb(255, 255, 255); opacity: 0.7 !important;
}
.jcrop-light .jcrop-handle {
	border-color: rgb(255, 255, 255); border-radius: 3px; background-color: rgb(0, 0, 0); -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.jcrop-dark .jcrop-vline {
	background: rgb(0, 0, 0); opacity: 0.7 !important;
}
.jcrop-dark .jcrop-hline {
	background: rgb(0, 0, 0); opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
	border-color: rgb(0, 0, 0); border-radius: 3px; background-color: rgb(255, 255, 255); -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.solid-line .jcrop-vline {
	background: rgb(255, 255, 255);
}
.solid-line .jcrop-hline {
	background: rgb(255, 255, 255);
}
.jcrop-holder img {
	max-width: none;
}
img.jcrop-preview {
	max-width: none;
}
.jcrop-keymgr {
	display: none;
}
.dropdown-tags {
	background: rgb(255, 255, 255); padding: 15px; border-radius: 3px; left: -10px; top: 100%; width: 350px; text-align: left; display: none; position: absolute; z-index: 10; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.dropdown-licenses {
	background: rgb(255, 255, 255); padding: 15px; border-radius: 3px; left: -10px; top: 100%; width: 350px; text-align: left; display: none; position: absolute; z-index: 10; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.dropdown-status {
	background: rgb(255, 255, 255); padding: 15px; border-radius: 3px; left: -10px; top: 100%; width: 350px; text-align: left; display: none; position: absolute; z-index: 10; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.dropdown-status {
	padding: 10px; width: 250px;
}
.dropdown-tags .results {
	margin: 5px 18px 0px; overflow: auto; white-space: normal; max-height: 500px;
}
.dropdown .folder i {
	margin-right: 5px;
}
.dropdown-move {
	width: 350px;
}
.dropdown-tags h4 {
	color: rgb(51, 51, 51); margin-bottom: 8px;
}
.dropdown-licenses h4 {
	color: rgb(51, 51, 51); margin-bottom: 8px;
}
.dropdown-tags .fld {
	background: rgb(248, 248, 248); padding: 10px; border: 0px currentColor; border-image: none; width: 100%; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.btn-licenses .fld {
	background: rgb(248, 248, 248); padding: 10px; border: 0px currentColor; border-image: none; width: 100%; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.dropdown-tags .lbl-tag-new {
	color: rgb(153, 153, 153); line-height: 1.3; margin-top: 5px; margin-left: 18px; display: none; white-space: pre-wrap;
}
.dropdown-tags .lbl-tag-new span {
	color: rgb(68, 68, 68); font-weight: 700;
}
.dropdown-tags li {
	padding: 5px 5px 5px 22px; color: rgb(68, 68, 68); line-height: 1; font-size: 14px; position: relative;
}
.dropdown-licenses li {
	padding: 5px 5px 5px 22px; color: rgb(68, 68, 68); line-height: 1; font-size: 14px; position: relative;
}
.dropdown-move li {
	padding: 5px;
}
.dropdown-tags li label {
	padding-left: 3px; font-weight: 400;
}
.dropdown-licenses li label {
	padding-left: 3px; font-weight: 400;
}
.dropdown-tags li:hover {
	background: rgb(238, 238, 238);
}
.dropdown-licenses li:hover {
	background: rgb(238, 238, 238);
}
.dropdown-tags li i {
	padding-right: 0px;
}
.dropdown-licenses li i {
	padding-right: 0px;
}
.dropdown-tags li .box {
	background: rgb(255, 255, 255); border: 1px solid rgb(102, 102, 102); border-image: none; left: 3px; top: 5px; width: 12px; height: 12px; display: block; position: absolute; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
}
.dropdown-licenses li .box {
	background: rgb(255, 255, 255); border: 1px solid rgb(102, 102, 102); border-image: none; left: 3px; top: 5px; width: 12px; height: 12px; display: block; position: absolute; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
}
.dropdown-tags li .icon-check {
	display: none;
}
.dropdown-licenses li .icon-check {
	display: none;
}
.dropdown-tags li.partial .icon-check {
	left: 4px; top: 7px; color: rgb(187, 187, 187); font-size: 12px; display: block; position: absolute;
}
.dropdown-licenses li.partial .icon-check {
	left: 4px; top: 7px; color: rgb(187, 187, 187); font-size: 12px; display: block; position: absolute;
}
.dropdown-tags li.checked .icon-check {
	left: 4px; top: 7px; color: rgba(95, 200, 215, 1); font-size: 12px; display: block; position: absolute;
}
.dropdown-licenses li.checked .icon-check {
	left: 4px; top: 7px; color: rgba(95, 200, 215, 1); font-size: 12px; display: block; position: absolute;
}
.dropdown-tags li.checked {
	font-weight: 700;
}
.dropdown-licenses li.checked {
	font-weight: 700;
}
.dropdown-tags li .total {
	color: rgb(153, 153, 153); font-size: 12px;
}
.dropdown-licenses .results li label {
	display: block; position: relative;
}
.dropdown-licenses .results li:hover .icon-trash {
	display: block;
}
.dropdown-licenses .new-license-wrapper {
	margin-top: 15px;
}
.dropdown-licenses .state-closed.new-license-wrapper textarea {
	display: none;
}
.dropdown-licenses .state-closed.new-license-wrapper input {
	display: none;
}
.dropdown-licenses .state-closed.new-license-wrapper button {
	display: none;
}
.dropdown-licenses .state-open.new-license-wrapper textarea {
	display: block;
}
.dropdown-licenses .state-open.new-license-wrapper input {
	display: block;
}
.dropdown-licenses .state-open.new-license-wrapper button {
	display: inline-block;
}
.dropdown-licenses .new-license-text {
	padding: 6px; border: 1px solid rgb(153, 153, 153); border-image: none; color: rgb(153, 153, 153); font-size: 0.9em; display: block;
}
.dropdown-licenses .license-text {
	padding: 2px 2px 3px 3px; color: rgb(153, 153, 153); line-height: 1.4; font-size: 0.9em; font-weight: 400; white-space: normal;
}
.dropdown-licenses .state-open.new-license-wrapper .new-license-text {
	display: none;
}
.dropdown-licenses textarea.fld-license {
	padding: 6px; height: 55px; margin-top: 15px; min-height: 55px; resize: none;
}
.btn-submit-license {
	padding: 6px 10px; outline: 0px; border-radius: 3px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); cursor: pointer; background-color: rgb(0, 165, 241); -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.btn-cancel-license {
	padding: 6px 10px; outline: 0px; border-radius: 3px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); float: right; cursor: pointer; background-color: rgb(153, 153, 153); -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.btn-licenses .fld-license-title {
	padding-left: 6px;
}
.btn-licenses .license-empty {
	color: rgba(0, 0, 0, 0.4); font-size: 0.9em; display: none;
}
.btn-licenses .results li i.btn-delete-license {
	top: 0px; right: 0px; display: none; position: absolute; cursor: pointer;
}
.btn-delete-license:hover {
	color: red;
}
.btn-status li.o-navtoolbar__status {
	padding: 5px; border-radius: 3px; color: rgba(54, 61, 74, 1); line-height: 1.2em; font-weight: 400; vertical-align: middle; cursor: pointer;
}
.btn-status li.o-navtoolbar__status:hover {
	background-color: rgb(248, 248, 248);
}
.btn-status li.o-navtoolbar__status:active {
	background-color: rgb(240, 240, 240);
}
.o-navtoolbar__status-bubble {
	border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.8); border-image: none; width: 15px; height: 15px; margin-right: 5px; vertical-align: middle; display: inline-block; box-sizing: border-box; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.menu {
	background: rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; top: 100%; right: 25px; padding-top: 15px; padding-bottom: 15px; margin-top: -14px; display: none; position: absolute; z-index: 12; min-width: 250px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.menu .item > a {
	padding: 5px 20px; color: rgb(85, 85, 85); font-size: 14px; text-decoration: none; display: block; white-space: nowrap;
}
.menu .item > a i {
	margin-left: 0px;
}
.menu .item > a:hover {
	background: rgba(0, 0, 0, 0.05);
}
.menu .item > a:active {
	background: rgba(0, 0, 0, 0.1);
}
.menu .item-danger > a {
	color: rgb(208, 2, 27);
}
.menu > h4 {
	padding: 5px 20px; color: rgb(153, 153, 153); text-transform: uppercase; font-size: 11px; font-weight: 700; margin-top: 10px; display: block; white-space: nowrap;
}
.menu .item-section > h4 {
	padding: 5px 20px; color: rgb(153, 153, 153); text-transform: uppercase; font-size: 11px; font-weight: 700; margin-top: 10px; display: block; white-space: nowrap;
}
.menu > h4:first-child {
	margin-top: 0px;
}
.menu :first-child.item-section > h4 {
	margin-top: 0px;
}
.menu > h4 {
	padding-bottom: 15px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
a [class^=icon-] {
	text-decoration: inherit; display: inline-block;
}
a [class*=' icon-'] {
	text-decoration: inherit; display: inline-block;
}
.icon-large::before {
	font-size: 1.33em; vertical-align: top;
}
.m-accountstat {
	padding: 15px; color: rgba(175, 177, 183, 1);
}
.m-accountstat__btn-right {
	color: rgba(54, 61, 74, 1); font-weight: 700; float: right;
}
.m-accountstat__title {
	color: rgba(54, 61, 74, 1); font-size: 0.8em;
}
.m-accountstat__content {
	clear: both;
}
.m-accountstat__value {
	color: rgba(54, 61, 74, 1); font-size: 3em; font-weight: 700;
}
.m-accountstat__usage-bar {
	background: rgb(238, 238, 238); border-radius: 15px; height: 15px; margin-top: 10px; display: block;
}
.m-accountstat__usage-value {
	border-radius: 15px; height: 15px; display: block; min-width: 30px; max-width: 100%; background-color: rgba(95, 200, 215, 1);
}
.m-accountstat__usage-value--reached {
	background-color: rgb(241, 102, 81);
}
.m-accountsubscription {
	padding: 15px;
}
.m-accountsubscription__btn-right {
	color: rgba(54, 61, 74, 1); font-weight: 700; float: right;
}
.m-accountsubscription__label {
	color: rgba(54, 61, 74, 1); font-size: 0.8em;
}
.m-accountsubscription__text {
	color: rgba(54, 61, 74, 1); padding-bottom: 10px; font-weight: 700;
}
.m-eyedropper .picker {
	border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.5); border-image: none; left: 0px; top: 0px; width: 75px; height: 75px; display: none; position: absolute; z-index: 15;
}
.m-eyedropper .display.picker {
	height: 100px;
}
.m-eyedropper .picker div {
	width: 15px; height: 15px; float: left;
}
.m-eyedropper .picker .p1 {
	border-radius: 5px 0px 0px; -webkit-border-radius: 5px 0 0; -moz-border-radius-topleft: 5px;
}
.m-eyedropper .picker .p5 {
	border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0 5px 0 0; -moz-border-radius-topright: 5px;
}
.m-eyedropper .picker .p25 {
	border-radius: 0px 0px 5px; -webkit-border-radius: 0 0 5px; -moz-border-radius-bottomright: 5px;
}
.m-eyedropper .display.picker .p25 {
	border-radius: 0px; -webkit-border-radius: 0; -moz-border-radius-bottomright: 0;
}
.m-eyedropper .picker .p21 {
	border-radius: 0px 0px 0px 5px; -webkit-border-radius: 0 0 0 5px; -moz-border-radius-bottomleft: 5px;
}
.m-eyedropper .display.picker .p21 {
	border-radius: 0px; -webkit-border-radius: 0; -moz-border-radius-bottomleft: 0;
}
.m-eyedropper .picker .p13 {
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.7); -moz-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .7); -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .7);
}
.m-eyedropper .picker .display {
	padding: 6px 0px 0px 5px; border-radius: 0px 0px 5px 5px; top: 75px; width: 70px; height: 20px; color: rgb(255, 255, 255); text-transform: uppercase; font-family: helvetica; font-size: 12px; font-weight: 700; float: left; display: none; position: absolute; text-shadow: 1px 1px 0px #000; background-image: -ms-linear-gradient(rgb(67, 67, 67), rgb(45, 45, 45)); background-color: rgb(67, 67, 67); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
}
.m-navscreen {
	padding: 14px 15px 12px; overflow: hidden; float: right; position: relative; z-index: 1; background-color: rgb(255, 255, 255);
}
.o-navscreen__control-prev {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.o-navscreen__control-next {
	border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
[disabled].o-navscreen__control {
	
}
[disabled].o-navscreen__control:hover {
	
}
.o-navscreen__count {
	border-right-color: currentColor; border-left-color: currentColor; border-right-width: 0px; border-left-width: 0px; border-right-style: none; border-left-style: none;
}
@media screen and (max-width:600px)
{
.m-navscreen {
	display: none;
}
}
.m-projectlistentry {
	display: flex;
}
.m-projectlistentry__content {
	padding-left: 10px; text-grow: 1;
}
.m-projectlistentry__title {
	color: rgba(54, 61, 74, 1); display: block;
}
.m-projectlistentry__description {
	color: rgb(175, 177, 183); font-size: 0.9em;
}
.m-screenexport {
	padding: 14px 0px 10px; float: right;
}
.m-screenexport__finished-content {
	margin: 0px auto 30px; text-align: center;
}
.m-screenexport__start-text {
	margin: 0px auto 30px; text-align: center;
}
.m-screenexport__preview {
	margin: 30px auto 0px; height: auto; max-width: 400px;
}
.m-screenexport__publish {
	position: relative; z-index: 1;
}
.m-screenexport__export {
	position: relative; z-index: 1;
}
.m-screenexport__export {
	margin-left: 15px;
}
.m-screenexport__dialog {
	padding: 0px 12px;
}
.m-screenexport__format {
	margin: -18px 0px -25px; min-width: 320px;
}
.m-screenexport__option-under-construction {
	background: rgb(238, 238, 238); padding-top: 18px; padding-bottom: 18px; opacity: 0.5;
}
.state-hidden.m-screenexport__bleed-dimensions {
	display: none;
}
.m-tasklist {
	width: 100%; line-height: 1;
}
.m-tasklist__task {
	padding: 4px 0px; font-size: 0px; margin-bottom: 3px; position: relative;
}
:last-child.m-tasklist__task {
	margin-bottom: 0px;
}
.m-tasklist__task-field {
	padding: 0px 2px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 280px; line-height: 1.4em; font-size: 1rem; margin-top: -0.15em; vertical-align: top; display: inline-block;
}
[contenteditable=true].m-tasklist__task-field:hover {
	background: rgb(245, 245, 246);
}
[contenteditable=true].m-tasklist__task-field:active {
	border: 1px solid rgb(216, 216, 216); border-image: none;
}
[contenteditable=true].m-tasklist__task-field:focus {
	border: 1px solid rgb(216, 216, 216); border-image: none;
}
.m-tasklist__task-checkbox {
	margin-right: 7px; vertical-align: top;
}
.m-tasklist__task-field-new {
	outline: 0px; color: rgb(54, 61, 74); opacity: 0.5;
}
.m-tasklist__completed-by {
	color: rgb(216, 216, 216); font-size: 0.8rem; margin-left: 28px; float: left; display: block;
}
.m-tasklist__task-field-existing {
	outline: 0px; color: rgba(54, 61, 74, 1); font-size: 14px; font-style: normal;
}
.state-active.m-tasklist__task-field-new {
	outline: 0px; color: rgba(54, 61, 74, 1); font-size: 14px; font-style: normal;
}
.m-tasklist__task-field--completed {
	color: rgba(163, 206, 98, 1); text-decoration: line-through;
}
.m-tasklist__meta {
	background: rgba(255, 255, 255, 1); top: 3px; text-align: right; right: 0px; color: rgb(216, 216, 216); font-size: 15px; position: absolute;
}
.m-tasklist__meta > * {
	padding: 0px 4px; cursor: pointer;
}
.m-tasklist__meta .ca-avatar {
	width: 25px; height: 25px;
}
.m-tasklist__meta .cm-userlist__item {
	color: rgba(54, 61, 74, 1);
}
.m-tasklist__meta .cm-userlist__item-value {
	padding: 3px 5px 3px 1px;
}
.m-tasklist__meta .cm-userlist__list-item {
	padding: 2px 5px;
}
.m-tasklist__meta > i:hover {
	color: rgb(147, 161, 161);
}
.m-tasklist__assignee {
	border-radius: 50%; vertical-align: middle; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.m-tasklist__icon-on-hover {
	display: none;
}
.m-tasklist__task:hover .m-tasklist__icon-on-hover {
	display: inline;
}
.m-tasklist__task-checkbox .ca-checkbox__bubble {
	border-radius: 9px; font-size: 10px;
}
.m-tasklist__task-checkbox :checked.ca-checkbox__checkbox ~ .ca-checkbox__bubble {
	background: rgba(163, 206, 98, 1); border-color: rgba(163, 206, 98, 1);
}
.o-account-overview {
	padding: 20px;
}
.o-account-overview__row {
	margin-bottom: 20px;
}
.o-account-overview__divider {
	border-width: 0px 0px 1px; border-style: none none solid; border-color: currentColor currentColor rgb(232, 232, 232); border-image: none;
}
.o-account-overview__info {
	height: 146px;
}
.o-accountswitcher {
	margin-right: 20px; float: right;
}
.o-accountswitcher a {
	margin-top: 12px; display: block;
}
.o-actions {
	padding: 0px; display: flex; align-items: stretch;
}
.o-actions__section {
	padding: 25px; width: 20%;
}
.o-actions__section--large {
	width: 30%;
}
.o-actions__section--full {
	display: none;
}
.o-actions__section ul {
	margin-bottom: 25px;
}
.o-actions__heading {
	color: rgb(2, 84, 110); padding-bottom: 25px; font-size: 24px; font-weight: 700;
}
.o-actions__subheading {
	padding: 10px 0px; color: rgb(2, 84, 110); font-size: 12px; font-weight: 700;
}
.o-actions__heading-small {
	padding: 3px 0px 5px; font-size: 1.1em; font-weight: 700;
}
.o-actions__lbl {
	padding: 5px 0px; font-size: 0.9em; display: block;
}
.o-actions__fld {
	padding: 3px 5px; width: 175px; margin-left: 10px;
}
.o-actions__submit {
	outline: 0px;
}
.o-actions__submit--slim {
	padding: 5px 8px;
}
.o-actions__cancel {
	margin-left: 6px;
}
.o-actions__close {
	
}
.o-actions__state-icon {
	padding-right: 10px;
}
.o-actions__success {
	background: rgba(163, 206, 98, 1); padding: 5px 8px; border-radius: 3px; color: rgb(255, 255, 255); margin-bottom: 25px; display: block;
}
.o-actions__failure {
	background: rgb(241, 102, 81); padding: 5px 8px; border-radius: 3px; color: rgb(255, 255, 255); margin-bottom: 25px; display: block;
}
.o-actions__section li a {
	padding: 10px; color: rgb(68, 68, 68); text-decoration: none; border-bottom-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); border-bottom-width: 1px; border-left-width: 5px; border-bottom-style: solid; border-left-style: solid; display: block;
}
.o-actions__section li a:hover {
	background: rgb(248, 248, 248);
}
.o-actions__form .btn {
	margin-top: 20px;
}
.o-actions__assign-subscription-form {
	width: 300px; display: block;
}
.o-actions__assign-subscription-form input[type=text] {
	width: 75px; display: inline;
}
.o-actions__section__preview ul {
	background: rgb(51, 51, 51); padding: 15px; border-radius: 3px; color: rgba(255, 255, 255, 0.8); font-family: menlo,monospace; font-size: 11px;
}
.o-actions__subheading {
	color: rgb(2, 84, 110); padding-bottom: 10px; font-size: 16px; font-weight: 700;
}
.o-actions__more label {
	width: 150px; display: inline-block;
}
.o-actions__more input {
	width: 150px; margin-bottom: 5px; margin-left: 0px; display: inline-block;
}
.o-actions__lbl--bold {
	font-weight: 700;
}
.o-actions__lbl--underline {
	text-decoration: underline;
}
.o-actions__lbl--subscription {
	margin-right: 20px; float: left; display: inline-block;
}
.o-actions__text {
	margin: 15px 0px; padding: 10px; width: 80%; height: 300px; display: block;
}
.o-actions .state-hidden {
	display: none;
}
.o-actions__information {
	background: rgb(51, 51, 51); padding: 15px; border-radius: 3px; color: rgba(255, 255, 255, 0.8); font-family: menlo,monospace; font-size: 11px; margin-bottom: 20px;
}
.modActivity {
	margin: 0px; padding: 25px;
}
.modActivity .activity {
	padding: 25px;
}
.modActivity h4 {
	position: relative;
}
.modActivity h4 span {
	background: rgb(255, 255, 255); margin: 10px 15px 10px 35px; padding: 15px; color: rgba(54, 61, 74, 1); font-size: 22px; display: inline-block; position: relative; z-index: 1;
}
.modActivity h4 span i {
	margin-right: 5px; display: inline-block;
}
.modActivity h4 .line {
	background: rgb(221, 221, 221); left: 0px; top: 50%; height: 1px; right: 0px; position: absolute;
}
.modActivity .event {
	overflow: hidden; margin-bottom: 10px;
}
.modActivity .time {
	color: rgb(153, 153, 153); text-transform: uppercase; font-size: 11px; font-weight: 700; margin-bottom: 5px;
}
.modActivity .avatar {
	width: 50px; float: left;
}
.modActivity .avatar img {
	border-radius: 32px;
}
.modActivity .meta {
	float: left;
}
.modActivity .summary {
	color: rgb(102, 102, 102); line-height: 1; font-size: 15px; margin-bottom: 15px;
}
.modActivity .summary .object {
	color: rgb(34, 34, 34); text-decoration: none; display: inline-block;
}
.modActivity .summary a.object {
	color: rgb(33, 75, 141); border-bottom-color: rgb(156, 196, 243); border-bottom-width: 1px; border-bottom-style: dashed;
}
.modActivity a.activity-mention {
	background: rgba(95, 200, 215, 0.25); padding: 0px 1px; border-radius: 2px; color: rgb(2, 84, 110); font-size: 14px; text-decoration: none;
}
.modActivity .item {
	color: rgb(153, 153, 153); line-height: 1.6; font-size: 12px;
}
.modActivity .summary .user {
	color: rgb(51, 51, 51); padding-right: 4px;
}
.modActivity .items-colors {
	width: 100%; overflow: hidden; margin-bottom: 20px; white-space: nowrap;
}
.modActivity .item-color {
	float: left;
}
.modActivity .item-color i {
	border-radius: 2px; width: 24px; height: 24px; margin-top: 4px; margin-right: 5px; display: block; box-shadow: inset 0px 0px 2px rgba(0,0,0,0.2);
}
.modActivity .items-screens {
	margin-bottom: 10px; max-width: 1000px;
}
.modActivity .item-screen {
	margin-top: 10px; margin-bottom: 20px;
}
.modActivity .item-annotation {
	margin-top: 10px; margin-bottom: 20px;
}
.modActivity .item-module {
	margin-top: 10px; margin-bottom: 20px;
}
.modActivity .item-screen img {
	border-radius: 3px; display: block;
}
.modActivity .item-annotation img {
	border-radius: 3px; display: block;
}
.modActivity .item-module img {
	border-radius: 3px; display: block;
}
.modActivity .item-screen .image {
	padding: 3px; border-radius: 5px; display: inline-block; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);
}
.modActivity .item-annotation .image {
	padding: 3px; border-radius: 5px; display: inline-block; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);
}
.modActivity .item-module .image {
	padding: 3px; border-radius: 5px; display: inline-block; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);
}
.modActivity .item-screen .image:hover {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.modActivity .item-annotation .image:hover {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.modActivity .item-module .image:hover {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.modActivity .item-screen {
	margin-right: 10px; margin-bottom: 10px; float: left;
}
.modActivity .item-annotation .image {
	float: left;
}
.modActivity .item-annotation p {
	padding: 0px 15px; color: rgb(85, 85, 85); font-size: 14px; font-weight: 700; margin-bottom: 15px; margin-left: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 2px; border-left-style: solid; float: left; max-width: 600px;
}
.modActivity .summary-removed {
	text-decoration: line-through; opacity: 0.3;
}
.modActivity .deleted {
	background: rgb(237, 162, 162); margin: 0px 2px; padding: 2px 4px; border-radius: 2px; color: rgba(0, 0, 0, 0.7); text-transform: uppercase; font-size: 11px; font-weight: 700; text-decoration: none; display: inline-block;
}
.modActivity .approved {
	color: rgb(112, 167, 16);
}
.modActivity .rejected {
	color: rgb(215, 70, 51);
}
.modActivity .icon-check-circle {
	color: rgb(155, 215, 51);
}
.modActivity .icon-times-circle {
	color: rgb(215, 70, 51);
}
.modAnalytics {
	padding-top: 25px;
}
.modAnalytics .chart {
	margin: 0px auto; height: 275px; display: block;
}
.modAnalytics .stats {
	padding-top: 30px;
}
.modAnalytics .stats .row {
	text-align: right; color: rgb(102, 117, 127); font-weight: 700; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 2px; border-bottom-style: solid;
}
.modAnalytics .stats .head {
	color: rgb(68, 68, 68); text-transform: uppercase; font-size: 12px;
}
.modAnalytics .stats .col-md-4 {
	position: relative;
}
.modAnalytics .stats .lbl {
	line-height: 40px;
}
.modAnalytics .stats .ws {
	color: rgb(241, 102, 81); line-height: 1.7; letter-spacing: -1px; font-size: 32px; display: block;
}
.modAnalytics .stats .sg {
	color: rgba(250, 177, 23, 1); line-height: 1.7; letter-spacing: -1px; font-size: 32px; display: block;
}
.modAnalytics .stats .diff {
	text-align: right; line-height: 1.5; font-size: 13px; margin-bottom: 10px; display: inline-block;
}
.modAnalytics .stats .positive.diff {
	background: rgba(163, 206, 98, 1); padding: 0px 5px; border-radius: 3px; color: rgb(255, 255, 255);
}
.modAnalytics .stats .negative.diff {
	background: rgb(248, 248, 248); padding: 0px 5px; border-radius: 3px; color: rgb(153, 153, 153);
}
.modAnalytics .stats :first-child.row {
	border: 0px currentColor; border-image: none;
}
.modAnalytics .stats :last-child.row {
	border: 0px currentColor; border-image: none;
}
.modAnalytics .col-md-1 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-2 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-3 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-4 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-5 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-6 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-7 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-8 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-9 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-10 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-11 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-12 {
	padding-right: 20px; padding-left: 20px; float: left; min-height: 1px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAnalytics .col-md-1 {
	width: 8.33%;
}
.modAnalytics .col-md-2 {
	width: 16.66%;
}
.modAnalytics .col-md-3 {
	width: 25%;
}
.modAnalytics .col-md-4 {
	width: 33.33%;
}
.modAnalytics .col-md-5 {
	width: 41.66%;
}
.modAnalytics .col-md-6 {
	width: 50%;
}
.modAnalytics .col-md-7 {
	width: 58.33%;
}
.modAnalytics .col-md-8 {
	width: 66.66%;
}
.modAnalytics .col-md-9 {
	width: 75%;
}
.modAnalytics .col-md-10 {
	width: 83.33%;
}
.modAnalytics .col-md-11 {
	width: 91.66%;
}
.modAnalytics .col-md-12 {
	width: 100%;
}
.modAnalytics .col-center {
	text-align: center;
}
.modAnalytics .row::before {
	display: table; content: " ";
}
.modAnalytics .row::after {
	display: table; content: " ";
}
.modAnalytics .row::after {
	clear: both;
}
@media all and (max-width:400px)
{
.modAnalytics .col-md-1 {
	width: auto; float: none;
}
.modAnalytics .col-md-2 {
	width: auto; float: none;
}
.modAnalytics .col-md-3 {
	width: auto; float: none;
}
.modAnalytics .col-md-4 {
	width: auto; float: none;
}
.modAnalytics .col-md-5 {
	width: auto; float: none;
}
.modAnalytics .col-md-6 {
	width: auto; float: none;
}
.modAnalytics .col-md-7 {
	width: auto; float: none;
}
.modAnalytics .col-md-8 {
	width: auto; float: none;
}
.modAnalytics .col-md-9 {
	width: auto; float: none;
}
.modAnalytics .col-md-10 {
	width: auto; float: none;
}
.modAnalytics .col-md-11 {
	width: auto; float: none;
}
.modAnalytics .col-md-12 {
	width: auto; float: none;
}
}
.modAnalytics .container .row {
	padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto;
}
@media all and (min-width:1200px)
{
.modAnalytics .container .row {
	max-width: 1160px;
}
}
@media all and (min-width:1260px)
{
.modAnalytics .container .row {
	max-width: 1180px;
}
}
.modAnalytics .grid .row > * {
	background: rgb(248, 248, 248); padding: 10px; border: 1px solid rgb(255, 255, 255); border-image: none;
}
.o-approval {
	top: 12px; right: 180px; position: fixed; z-index: 12;
}
.o-approval__menu {
	min-width: 360px;
}
.o-approval__status-wrap {
	padding-left: 13px; float: right; display: block;
}
.o-approval__status {
	padding: 0px 15px; height: 36px; line-height: 36px; font-size: 14px; display: block;
}
.o-approval__status--approved {
	border-radius: 18px; color: rgb(255, 255, 255);
}
.o-approval__status--rejected {
	border-radius: 18px; color: rgb(255, 255, 255);
}
.o-approval__status--approved {
	background: rgba(163, 206, 98, 1);
}
.o-approval__status--rejected {
	background: rgba(208, 2, 27, 1);
}
.o-approval__status--requested {
	padding: 0px; border-radius: 50%; width: 34px; text-align: center; color: rgb(179, 179, 179); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
}
.o-approval__badge {
	font-size: 0px; white-space: nowrap;
}
.o-approval__badge .o-approval__status {
	padding: 0px 15px; border-radius: 0px; text-align: center; font-size: 14px; display: inline-block;
}
.o-approval__badge :first-child.o-approval__status {
	border-radius: 18px 0px 0px 18px;
}
.o-approval__badge :last-child.o-approval__status {
	border-radius: 0px 18px 18px 0px;
}
.o-approval__badge :first-child:last-child.o-approval__status {
	border-radius: 18px;
}
.o-approval__badge .o-approval__status {
	width: auto;
}
.o-approval__status--addon {
	color: rgba(255, 255, 255, 0.5);
}
.o-approval__actions {
	text-align: center;
}
.o-approval__users .cm-setting {
	padding-top: 3px; padding-bottom: 3px;
}
.o-approval__user-details {
	padding-top: 14px; padding-bottom: 14px; visibility: visible;
}
.o-approval__user {
	overflow: hidden; padding-left: 13px; min-height: 32px;
}
.o-approval__user-desc {
	color: rgba(54, 61, 74, 0.5); line-height: 1.3; font-size: 11px;
}
.o-approval__user-name {
	color: rgba(54, 61, 74, 1); line-height: 1.3; font-family: Lato,sans-serif; font-size: 15px;
}
.modAuth .signup {
	margin: 10% auto auto; width: 415px; display: block;
}
.modAuth .logo {
	color: rgb(255, 255, 255); line-height: 1; font-size: 36px; text-decoration: none; margin-bottom: 20px; display: block;
}
.modAuth .form {
	background: 0% 0% / 184px 405px rgb(255, 255, 255); padding: 45px; border-radius: 4px; margin-bottom: 20px; position: relative;
}
.modAuth .fld {
	padding: 14px 24px; border-radius: 26px; font-size: 16px; margin-bottom: 15px;
}
.modAuth .form input:focus {
	border-color: rgb(140, 140, 140); outline: 0px;
}
.modAuth .form input.error {
	
}
.modAuth .form .actions {
	overflow: hidden; margin-top: 20px;
}
.modAuth .form .btn {
	padding: 15px 18px; text-align: center; font-size: 18px; font-weight: 700; margin-top: 10px; margin-right: 0px; margin-bottom: 15px; display: block;
}
.modAuth .form .btn-signup {
	width: auto; margin-right: 0px; float: none;
}
.modAuth .form :last-child.btn {
	margin-right: 0px;
}
.modAuth .form .social-auth {
	overflow: hidden; padding-top: 10px; margin-top: 5px; border-top-color: rgba(0, 0, 0, 0.05); border-top-width: 1px; border-top-style: solid;
}
.modAuth .form .social-auth .btn-social-auth {
	padding: 12px 16px; font-size: 15px; box-sizing: border-box;
}
.modAuth .form .social-auth .btn-google {
	width: 48%; float: left;
}
.modAuth .form .social-auth .btn-twitter {
	width: 48%; float: right;
}
.modAuth .notice {
	text-align: center; color: rgba(255, 255, 255, 0.4); font-size: 14px; margin-top: 40px; display: none;
}
.modAuth .notice a {
	color: rgba(255, 255, 255, 0.7); text-decoration: none;
}
.modAuth .notice a:hover {
	color: rgb(255, 255, 255);
}
.modAuth .lnk {
	color: rgb(102, 102, 102); line-height: 1; padding-bottom: 2px; font-size: 14px; text-decoration: underline; margin-bottom: 5px; display: inline-block;
}
.modAuth .modAuth__title {
	padding: 0px 0px 10px; color: rgb(153, 153, 153); font-size: 14px; display: inline-block;
}
.modAuth__notice {
	padding: 10px 0px 0px; text-align: center; color: rgb(153, 153, 153); font-size: 12px;
}
.modAuth .lnk:hover {
	color: rgb(0, 0, 0);
}
.modAuth .form .btn-external-login {
	font-size: 14px; margin-bottom: 5px;
}
.modAuth .form .btn-request-password {
	width: 100%; display: none; white-space: nowrap; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAuth .btn-wide {
	width: auto; float: none; display: block;
}
.modAuth .msg-intro {
	color: rgb(68, 68, 68); line-height: 1.4; font-size: 14px; margin-bottom: 20px;
}
.modAuth .msg-error {
	background: rgb(241, 102, 81); padding: 10px; border-radius: 4px; top: 115px; width: 260px; text-align: center; right: -250px; color: rgb(255, 255, 255); font-weight: 700; margin-bottom: 20px; display: none; position: absolute; z-index: 2;
}
.modAuth .msg-error::after {
	border: solid transparent; border-image: none; top: 50%; width: 0px; height: 0px; right: 100%; margin-top: -8px; position: absolute; content: " "; pointer-events: none;
}
.modAuth [data-password-notice='1'].signup .msg-error {
	top: 200px;
}
.modAuth .error-email.msg-error {
	top: 186px; right: -250px; position: absolute;
}
.modAuth .error-password.msg-error {
	top: 252px; right: -250px; position: absolute;
}
.modAuth .error-password-confirm.msg-error {
	top: 318px; right: -250px; position: absolute;
}
.modAuth .row-password {
	position: relative;
}
.modAuth .sidebar {
	background: rgb(0, 0, 0); padding: 15px; border-radius: 0px 5px 5px 0px; top: 60px; width: 200px; right: -230px; position: absolute;
}
.modAuth .sidebar h3 {
	color: rgb(221, 221, 221); font-size: 14px; font-weight: 700; margin-bottom: 5px;
}
.modAuth .sidebar p {
	color: rgb(187, 187, 187); line-height: 1.4; font-size: 13px;
}
.modAuth .sidebar .toggle {
	top: 12px; right: 15px; color: rgb(102, 102, 102); font-size: 14px; text-decoration: none; position: absolute;
}
.modAuth .symbol {
	bottom: -100px; position: fixed; z-index: -1;
}
.modAuth .separator {
	margin: 20px 0px; text-align: center; color: rgb(153, 153, 153); line-height: 1.5; font-size: 16px; position: relative;
}
.modAuth .state-login-closed.sso-login-enabled .separator {
	margin-bottom: 0px;
}
.modAuth .state-login-closed.sso-login-enabled .external-login {
	display: none;
}
.modAuth .separator .line-before {
	left: 1px; top: 13px; width: 145px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; position: absolute;
}
.modAuth .separator .line-after {
	top: 13px; width: 145px; right: 1px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; position: absolute;
}
.modAuth .disclaimer {
	color: rgb(102, 102, 102); padding-top: 10px; font-size: 0.7em;
}
.modAuth .disclaimer p {
	padding-bottom: 5px;
}
.modAuth .disclaimer a {
	color: rgb(102, 102, 102); text-decoration: none; border-bottom-color: rgb(185, 183, 178); border-bottom-width: 1px; border-bottom-style: solid;
}
.modAuth .request-success {
	color: rgba(163, 206, 98, 1); font-weight: 700;
}
.modAuth .note {
	display: none;
}
.modAuth .request-success {
	display: none;
}
.modAuth .request-text {
	display: none;
}
.modAuth .request-text {
	color: rgb(170, 170, 170); padding-top: 5px; padding-bottom: 10px; font-size: 0.8em;
}
.modAuth .login-notice {
	background: rgba(0, 0, 0, 0.1); padding: 10px 20px; border-radius: 0px; font-size: 1em; -moz-border-radius: 0; -webkit-border-radius: 0;
}
.modAuth .password-notice {
	padding: 0px 15px 25px 0px; text-align: left; color: rgba(250, 177, 23, 1); line-height: 1.4em; font-size: 12px; margin-top: 0px; display: block;
}
.modAuth .password-rules {
	padding: 20px 0px; color: rgba(250, 177, 23, 1); line-height: 1.4em; font-size: 11px;
}
@media only screen and (max-width:480px)
{
.skinLayoutAuth.modLayout {
	background: rgb(255, 255, 255);
}
.modAuth .symbol {
	display: none;
}
.modAuth .sidebar {
	display: none;
}
.modAuth .signup {
	width: 100%; margin-top: 0px;
}
.modAuth .notice {
	margin-top: 0px;
}
.modAuth .form {
	padding: 40px 30px 30px; border-radius: 0px; min-height: 405px;
}
.modAuth .logo {
	margin-bottom: 30px;
}
.modAuth .msg-error {
	width: 100%; position: static; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modAuth .msg-error::after {
	border: 0px currentColor; border-image: none; content: "";
}
}
.o-board {
	overflow: hidden;
}
.o-board__status {
	padding: 15px; width: 280px; float: left; box-sizing: border-box; -moz-box-sizing: border-box;
}
.o-board__status-container {
	border-radius: 5px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 500px; box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}
.o-board__status-name {
	padding: 10px; border-radius: 4px 4px 0px 0px; color: rgba(54, 61, 74, 1); font-size: 15px; font-weight: 700; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.o-board__status-items {
	padding: 10px;
}
.o-board__status-item {
	padding: 10px; border-radius: 2px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 60px; margin-bottom: 10px; position: relative; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -moz-box-sizing: border-box;
}
.o-board__status-item-title {
	font-size: 13px;
}
.o-board__status-item-task-indicators {
	right: 10px; bottom: 10px; position: absolute;
}
.o-board__status-item-task-indicators ul {
	font-size: 0px;
}
.o-board__status-item-task-indicator {
	border-radius: 3px; border: 2px solid rgb(238, 238, 238); border-image: none; width: 3px; height: 3px; margin-left: 2px; display: inline-block;
}
.completed.o-board__status-item-task-indicator {
	background: rgba(163, 206, 98, 1); border-color: rgba(163, 206, 98, 1);
}
.o-board__status-item-tasks {
	display: none;
}
.modBrandIndex {
	margin: 40px; font-size: 13px;
}
.modBrandIndex tr {
	border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.modBrandIndex th {
	padding: 4px 6px; font-weight: 700;
}
.modBrandIndex td {
	padding: 4px 6px; line-height: 1.3;
}
.modBrandIndex td a {
	color: rgb(0, 84, 110); text-decoration: none;
}
.modBrandIndex img {
	display: block;
}
.modBrandIndex .color {
	width: 60px; height: 60px;
}
.modBrandIndex .example {
	background: rgb(238, 238, 238); border-radius: 3px; width: 60px; height: 60px; position: relative;
}
.modBrandIndex .example .example-icon {
	border-radius: 3px; width: 16px; height: 16px; right: -2px; bottom: -2px; position: absolute;
}
.modBrandIndex .example .example-icon img {
	border-radius: 3px; display: block;
}
.modBrandIndex .verified {
	border: 2px solid red; border-image: none; box-sizing: border-box;
}
.o-brandlisting {
	padding: 25px; text-align: center;
}
.o-brandlisting__brand {
	transition:box-shadow 0.3s ease-out; margin-bottom: 20px; display: block; position: relative; cursor: pointer; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}
.o-brandlisting__brand:hover {
	box-shadow: 0px 1px 30px 0px rgba(0,0,0,0.2);
}
.o-brandlisting__shadow {
	border-radius: 0px 4px 0px 0px; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; background-image: linear-gradient(-230deg, rgba(0, 0, 0, 0) 31%, rgba(0, 0, 0, 0.2) 58%, rgba(0, 0, 0, 0.5) 100%); -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0;
}
.o-brandlisting__arrow {
	top: 10px; right: 15px; position: absolute;
}
.o-brandlisting__banner {
	background-position: 50% 50%; height: 60px; position: relative; box-shadow: inset 0px 0px 1px rgba(0,0,0,0.2); background-size: cover;
}
.o-brandlisting__image-wrap {
	background: rgb(255, 255, 255); padding: 3px; border-radius: 4px; left: 25px; top: 34px; width: 64px; height: 64px; position: absolute; z-index: 1; box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
.o-brandlisting__image {
	border-radius: 3px; display: block;
}
.o-brandlisting__content {
	background: rgba(255, 255, 255, 0.9); border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.o-brandlisting__meta {
	background: rgba(255, 255, 255, 0.8); height: 61px; color: rgba(0, 0, 0, 0.8); padding-top: 10px; padding-bottom: 14px; padding-left: 110px; border-top-color: currentColor; border-bottom-color: rgb(248, 248, 248); border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid; position: relative; box-sizing: border-box;
}
.o-brandlisting__title {
	color: rgba(54, 61, 74, 1); line-height: 20px; overflow: hidden; padding-right: 30px; font-size: 16px; font-weight: 700; margin-bottom: 2px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.o-brandlisting__stats {
	color: rgb(175, 177, 183); line-height: 15px; font-size: 12px; display: block;
}
.o-brandlisting__created {
	display: none;
}
.o-brandlisting__actions {
	top: 0px; right: 10px; position: absolute;
}
.o-brandlisting__settings-dropdown {
	float: right; display: block;
}
.o-brandlisting__actions-btn {
	background: 0px 0px; outline: 0px; border: 0px currentColor; transition:border 0.2s ease-out; border-image: none; width: 34px; height: 44px; text-align: center; color: rgba(255, 255, 255, 0.87); line-height: 60px; font-size: 20px; text-decoration: none; float: right; cursor: pointer;
}
.o-brandlisting__actions-btn:hover {
	color: rgb(255, 255, 255);
}
.state-light.o-brandlisting__brand .o-brandlisting__actions-btn {
	transition:color 0.2s ease-out; color: rgba(93, 100, 110, 1);
}
.state-light.o-brandlisting__brand .o-brandlisting__actions-btn:hover {
	color: rgba(54, 61, 74, 1);
}
.o-brandlisting__projects {
	padding: 10px 0px 0px; height: 150px;
}
.o-brandlisting__no-projects-wrap {
	padding: 20px 0px 10px; height: 130px; text-align: center; color: rgb(175, 177, 183); line-height: 1.3; font-size: 14px;
}
.o-brandlisting__no-projects {
	padding-top: 20px; margin-bottom: 20px; display: block;
}
.o-brandlisting__project {
	margin-bottom: 3px;
}
.o-brandlisting__project-link {
	padding: 5px 20px; text-decoration: none; border-left-color: rgb(248, 248, 248); border-left-width: 3px; border-left-style: solid; display: block;
}
.o-brandlisting__project-link:hover {
	background: rgb(248, 248, 248);
}
.o-brandlisting__project-link:active {
	background: rgb(238, 238, 238);
}
.o-brandlisting__project-title {
	color: rgb(93, 100, 110); line-height: 1.3; overflow: hidden; padding-right: 20px; font-size: 14px; font-weight: 400; text-decoration: none; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.o-brandlisting__project-stats {
	color: rgb(175, 177, 183); line-height: 1.4; overflow: hidden; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.o-brandlisting__content-bottom {
	background: rgb(248, 248, 248); padding: 10px 15px; border-radius: 0px 0px 5px 5px; color: rgb(102, 102, 102); overflow: hidden; font-size: 14px; border-top-color: rgba(0, 0, 0, 0.05); border-top-width: 1px; border-top-style: solid; white-space: nowrap; position: relative;
}
.o-brandlisting__guidelines {
	overflow: hidden; margin-right: 50px; -ms-text-overflow: ellipsis;
}
.o-brandlisting__section-title {
	color: rgb(175, 177, 183); text-transform: uppercase; font-size: 11px; font-weight: 700; margin-bottom: 4px;
}
.o-brandlisting__guideline {
	display: inline-block;
}
.o-brandlisting__guideline-link {
	color: rgb(93, 100, 110); padding-right: 7px; font-size: 13px; text-decoration: none;
}
.o-brandlisting__guideline-link:hover {
	text-decoration: underline;
}
.o-brandlisting__no-guidelines {
	color: rgb(175, 177, 183); font-style: italic;
}
.state-brands.o-brandlisting .o-brandlisting__banner {
	background-image: url("/img/styleguide-frame-full.png"); background-repeat: no-repeat; background-size: 335px 175px;
}
.state-brands.o-brandlisting .o-brandlisting__project-count {
	display: none;
}
.state-brands.o-brandlisting .o-brandlisting__created {
	display: block;
}
.state-brands.o-brandlisting .o-brandlisting__image-wrap {
	top: 130px;
}
.state-brands.o-brandlisting .o-brandlisting__content {
	display: none;
}
.state-brands.o-brandlisting .o-brandlisting__meta {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.state-brands.o-brandlisting .o-brandlisting__arrow {
	display: none;
}
.state-brands.o-brandlisting .o-brandlisting__add {
	height: 212px;
}
.state-brands.o-brandlisting .o-brandlisting__plus {
	padding-top: 30px; font-size: 42px;
}
.state-brands.o-brandlisting .o-brandlisting__banner {
	height: 150px; background-size: cover;
}
.state-projects.o-brandlisting .o-brandlisting__shadow {
	background-image: linear-gradient(-230deg, rgba(0, 0, 0, 0) 31%, rgba(0, 0, 0, 0.2) 58%, rgba(0, 0, 0, 0.5) 100%);
}
.o-brandlisting__blank {
	background: rgba(0, 0, 0, 0.05); margin-bottom: 20px; position: relative;
}
.o-brandlisting__blank .o-brandlisting__meta {
	background: rgba(0, 0, 0, 0.05); font-family: redacted; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.o-brandlisting__blank .o-brandlisting__banner {
	height: 150px; box-shadow: none !important; background-image: none !important;
}
.o-brandlisting__blank .o-brandlisting__image-wrap {
	top: 130px;
}
.o-brandlisting__blank .o-brandlisting__created {
	display: block;
}
.o-brandlisting__blank .o-brandlisting__shadow-blank::before {
	background: rgba(255, 255, 255, 0.6); transition:opacity 0.35s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; opacity: 0;
}
.o-brandlisting__blank:hover .o-brandlisting__shadow-blank::before {
	opacity: 1;
}
.o-brandlisting__blank .o-brandlisting__btn {
	transition:transform 0.35s, opacity 0.35s; left: 50%; top: 50%; position: absolute; z-index: 1; opacity: 0; transform: translate3d(-50%, -10%, 0px);
}
.o-brandlisting__blank:hover .o-brandlisting__btn {
	opacity: 1; transform: translate3d(-50%, -10%, 0px) translate3d(0px, -40%, 0px);
}
.o-brandlisting__custom-dashboard {
	padding: 40px 0px 35px;
}
.o-brandlisting__custom-dashboard__logo {
	padding-bottom: 20px;
}
.o-brandlisting__custom-dashboard__header {
	padding: 5px 0px 15px; line-height: 1.4em; font-size: 2.2em;
}
.o-brandlisting__custom-dashboard__text {
	display: inline-block; max-width: 950px;
}
.o-brandprojectlisting__col-guidelines {
	padding: 25px;
}
.o-brandprojectlisting__col-projects {
	padding: 25px;
}
.o-brandprojectlisting__shadow-line {
	top: 0px; width: 1px; height: 400px; right: 0px; position: absolute; background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
}
.o-brandprojectlisting__meta {
	overflow: hidden; -ms-text-overflow: ellipsis;
}
.o-brandprojectlisting__title {
	color: rgba(54, 61, 74, 1); line-height: 1.4; overflow: hidden; font-size: 16px; font-weight: 500; text-decoration: none; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.o-brandprojectlisting__desc {
	height: 1.4em; color: rgb(187, 187, 187); line-height: 1.4; overflow: hidden; font-size: 12px; margin-bottom: 15px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.o-brandprojectlisting__settings {
	background: 0px 0px; padding: 0px; outline: 0px; border: 0px currentColor; transition:color 0.2s ease-out; border-image: none; width: 34px; height: 34px; text-align: center; color: rgba(113, 119, 128, 1); line-height: 34px; font-size: 18px; cursor: pointer; -webkit-transition: opacity .3s, color .3s linear; -moz-transition: opacity .3s, color .3s linear;
}
.o-brandprojectlisting__settings:hover {
	color: rgba(54, 61, 74, 1);
}
.o-brandprojectlisting__actions {
	right: 15px; bottom: 11px; position: absolute;
}
.o-brandprojectlisting__project {
	background: rgb(255, 255, 255); padding: 0px 20px 20px; transition:box-shadow 0.3s ease-out; text-decoration: none; margin-bottom: 20px; position: relative; cursor: pointer; box-sizing: border-box; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.o-brandprojectlisting__project:hover {
	box-shadow: 0px 1px 30px 0px rgba(0,0,0,0.2);
}
.o-brandprojectlisting__project-preview {
	margin: 0px -20px 15px; height: 124px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
.o-brandprojectlisting__project-image {
	background-position: center; height: 124px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid; background-size: cover;
}
.o-brandprojectlisting__sg .o-brandprojectlisting__settings {
	color: rgba(113, 119, 128, 1);
}
.o-brandprojectlisting__sg .o-brandprojectlisting__settings:hover {
	color: rgba(54, 61, 74, 1);
}
.o-brandprojectlisting__sg--starred .o-brandprojectlisting__settings {
	color: rgba(255, 255, 255, 0.75);
}
.o-brandprojectlisting__sg--starred .o-brandprojectlisting__settings:hover {
	color: rgba(255, 255, 255, 1);
}
.o-brandprojectlisting__table-body {
	cursor: pointer;
}
.o-brandprojectlisting__table-body .o-brandprojectlisting__settings {
	top: -21px; right: -21px; position: absolute;
}
.o-brandprojectlisting__sg {
	background: rgb(255, 255, 255); transition:box-shadow 0.3s ease-out; cursor: pointer; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.o-brandprojectlisting__sg:hover {
	box-shadow: 0px 1px 30px 0px rgba(0,0,0,0.2);
}
.o-brandprojectlisting__sg .o-brandprojectlisting__meta {
	padding: 20px;
}
.o-brandprojectlisting__colors {
	background: rgba(0, 0, 0, 0.05); padding: 20px 15px; width: 100%; bottom: 0px; overflow: hidden; position: absolute; box-sizing: border-box;
}
.o-brandprojectlisting__color {
	margin: 0px 5px; border-radius: 50%; width: 34px; height: 34px; float: left; display: block;
}
.o-brandprojectlisting__users {
	background: rgba(0, 0, 0, 0.05); padding: 20px; width: 100%; bottom: 0px; overflow: hidden; position: absolute; box-sizing: border-box;
}
.o-brandprojectlisting__sg--starred {
	height: 250px; margin-bottom: 32px; position: relative; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.o-brandprojectlisting__sg--starred .o-brandprojectlisting__meta {
	left: 0px; bottom: 0px; position: absolute;
}
.o-brandprojectlisting__sg--starred .o-brandprojectlisting__sg-shadow {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; background-image: linear-gradient(200deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
}
.o-brandprojectlisting__sg--starred .state-noimg.o-brandprojectlisting__sg-shadow {
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 31%, rgba(0, 0, 0, 0.4) 69%, rgba(0, 0, 0, 0.6) 100%);
}
.o-brandprojectlisting__sg--starred .o-brandprojectlisting__title {
	color: rgb(255, 255, 255); margin-bottom: 15px;
}
.o-brandprojectlisting__sg--starred .o-brandprojectlisting__sg-image {
	background-position: top; transition:0.5s; width: 100%; height: 100%; position: absolute; transform: scale(1); background-size: cover; -webkit-transform: scale(1, 1); -webkit-transition: all .5s; -moz-transition: all .5s; -moz-transform: scale(1, 1); -webkit-background-size: cover; -moz-background-size: cover;
}
.o-brandprojectlisting__sg--unstarred {
	border-bottom-color: rgb(248, 248, 248); border-bottom-width: 2px; border-bottom-style: solid; display: block; position: relative; box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}
:last-child.o-brandprojectlisting__sg--unstarred {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.o-brandprojectlisting__blank {
	background: rgba(0, 0, 0, 0.05); height: 250px; overflow: hidden; margin-bottom: 20px; position: relative;
}
.o-brandprojectlisting__blank .o-brandprojectlisting__meta {
	padding: 20px; font-family: redacted; opacity: 0.4;
}
.o-brandprojectlisting__blank--project .o-brandprojectlisting__meta {
	width: 100%; bottom: 76px; overflow: hidden; padding-bottom: 0px; position: absolute; box-sizing: border-box;
}
.o-brandprojectlisting__blank--project .o-brandprojectlisting__preview {
	height: 80px; padding-top: 20px;
}
.o-brandprojectlisting__blank--project .o-brandprojectlisting__preview svg {
	max-height: 100%;
}
.o-brandprojectlisting__blank .o-brandprojectlisting__shadow::before {
	background: rgba(255, 255, 255, 0.6); transition:opacity 0.35s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; opacity: 0;
}
.o-brandprojectlisting__blank:hover .o-brandprojectlisting__shadow::before {
	opacity: 1;
}
.o-brandprojectlisting__blank .o-brandprojectlisting__btn {
	transition:transform 0.35s, opacity 0.35s; left: 50%; top: 50%; position: absolute; z-index: 1; opacity: 0; transform: translate3d(-50%, -10%, 0px);
}
.o-brandprojectlisting__blank:hover .o-brandprojectlisting__btn {
	opacity: 1; transform: translate3d(-50%, -10%, 0px) translate3d(0px, -40%, 0px);
}
.modBuilder {
	
}
.modBuilder h2 {
	padding: 10px 15px; color: rgb(153, 153, 153); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; position: relative; background-image: -ms-linear-gradient(rgb(252, 252, 252), rgb(240, 240, 240)); background-color: rgb(252, 252, 252);
}
.modBuilder .code textarea {
	border: 0px currentColor; border-image: none; width: 100%; color: rgb(255, 255, 255); resize: none;
}
.modBuilder .code {
	position: relative;
}
.modBuilder .disabled.code::after {
	background: rgba(255, 255, 255, 0.6); left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 2; content: " "; pointer-events: none;
}
.modBuilder .code-header {
	display: none;
}
.modBuilder h2 a {
	color: rgb(153, 153, 153); text-decoration: none; display: inline-block;
}
.modBuilder h2 a.lnk {
	color: rgb(82, 148, 200); font-size: 14px; text-decoration: none; margin-left: 10px;
}
.modBuilder h2 span {
	color: rgb(102, 102, 102);
}
.modBuilder h2 .css-mode {
	color: rgb(102, 102, 102); font-size: 12px; font-weight: 700; margin-left: 5px;
}
.modBuilder h2 .js-mode {
	color: rgb(102, 102, 102); font-size: 12px; font-weight: 700; margin-left: 5px;
}
.modBuilder h2 .html-mode {
	color: rgb(102, 102, 102); font-size: 12px; font-weight: 700; margin-left: 5px;
}
.modBuilder h2 a:hover i {
	color: rgb(85, 85, 85);
}
.modBuilder h2 a:active i {
	color: rgb(0, 0, 0);
}
.modBuilder .specs {
	left: 170px; top: 0px; overflow: hidden; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; position: absolute;
}
.modBuilder .specs a {
	padding: 0px 12px; text-align: center; color: rgb(153, 153, 153); line-height: 40px; font-size: 13px; font-weight: 700; text-decoration: none; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left;
}
.modBuilder .specs a:hover {
	color: rgb(0, 0, 0);
}
.modBuilder .specs a.active {
	color: rgb(0, 0, 0); box-shadow: inset 0px -2px 15px rgba(0,0,0,0.2);
}
.modBuilder .box {
	box-sizing: border-box; -moz-box-sizing: border-box;
}
.modBuilder .box-design {
	width: 50%; overflow: auto; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modBuilder .box-ux {
	width: 50%; overflow: auto; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modBuilder .box-design .image {
	overflow: auto; position: relative;
}
.modBuilder .box-design .image img {
	transition:opacity 200ms ease-in; opacity: 1; -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in;
}
.modBuilder .box-design .spec.image img {
	opacity: 0.3;
}
.modBuilder .box-code {
	width: 50%; float: left;
}
.modBuilder .box-left {
	width: 50%; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modBuilder .box-1 {
	width: 33%; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modBuilder .box-2 {
	width: 34%; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modBuilder .box-3 {
	width: 33%; float: left; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modBuilder .box-middle {
	width: 34%; overflow: auto; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modBuilder .box-right {
	width: 50%; overflow: auto; float: left; position: relative;
}
.modBuilder .box-design img {
	display: block;
}
.modBuilder .row-top {
	border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.modBuilder .row-bottom {
	
}
.modBuilder .search {
	top: 6px; right: 6px; position: absolute;
}
.modBuilder .search input {
	padding: 4px 6px; border-radius: 2px; border: 1px solid rgb(221, 221, 221); transition:box-shadow 300ms ease-out, opacity 300ms linear; border-image: none; width: 250px; color: rgb(68, 68, 68); font-size: 13px; font-weight: 700; box-sizing: border-box; opacity: 1; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.05); background-color: rgb(255, 255, 255); -moz-box-sizing: border-box; -webkit-transition: box-shadow 300ms ease-out, opacity 300ms linear; -moz-transition: box-shadow 300ms ease-out, opacity 300ms linear; -o-transition: box-shadow 300ms ease-out, opacity 300ms linear;
}
.modBuilder .colors {
	top: 8px; right: 8px; position: absolute;
}
.modBuilder .color {
	border-radius: 2px; width: 23px; height: 23px; text-align: center; color: rgba(255, 255, 255, 0.3); line-height: 20px; margin-left: 5px; display: inline-block; cursor: pointer; box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
}
.modBuilder .color:hover {
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
}
.modBuilder .color-font {
	background: rgb(255, 255, 255);
}
.modBuilder #preview {
	border: 0px currentColor; border-image: none; width: 100%; overflow: auto; display: block;
}
.modBuilder .CodeMirror {
	border: 0px currentColor; border-image: none; height: 350px;
}
.modBuilder .tt-dropdown-menu {
	padding: 5px 0px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.2); border-image: none; width: 350px; margin-top: 8px; box-shadow: 0px 5px 10px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255); -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.modBuilder .tt-suggestion {
	padding: 3px 10px; line-height: 16px; font-size: 18px;
}
.modBuilder .tt-is-under-cursor.tt-suggestion {
	color: rgb(255, 255, 255); background-color: rgb(73, 75, 77);
}
.modBuilder .search .tt-hint {
	color: rgb(153, 153, 153);
}
.modBuilder .tt-suggestion p {
	margin: 5px;
}
.modBuilder .pattern-structure {
	background: rgba(0, 0, 0, 0.1); padding: 0px 5px; border-radius: 2px; font-size: 12px; float: right; display: block;
}
.modBuilder .pattern-name {
	font-size: 14px; font-weight: 700;
}
.modBuilder .pattern-name .desc {
	color: rgb(153, 153, 153); font-size: 12px;
}
.modBuilder .tt-is-under-cursor.tt-suggestion .pattern-name .desc {
	color: rgba(255, 255, 255, 0.5);
}
.modBuilder .wide {
	width: 100%; border-right-color: currentColor; border-right-width: 0px; border-right-style: none; float: none;
}
.modBuilder .hidden {
	display: none;
}
.modBuilder .breakpoint-selector {
	left: 220px; top: 0px; overflow: hidden; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; position: absolute;
}
.modBuilder .breakpoint-selector a {
	padding: 0px 12px; text-align: center; color: rgb(153, 153, 153); line-height: 40px; font-size: 13px; font-weight: 700; text-decoration: none; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left;
}
.modBuilder .breakpoint-selector a:hover {
	color: rgb(0, 0, 0);
}
.modBuilder .breakpoint-selector a.active {
	color: rgb(0, 0, 0); box-shadow: inset 0px -2px 15px rgba(0,0,0,0.2);
}
.modBuilder .tabs {
	top: 0px; right: 0px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; position: absolute;
}
.modBuilder .tabs a {
	padding: 0px 12px; text-align: center; color: rgb(153, 153, 153); line-height: 40px; font-size: 13px; font-weight: 700; text-decoration: none; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left;
}
.modBuilder .tabs a:hover {
	color: rgb(0, 0, 0);
}
.modBuilder .tabs a.active {
	color: rgb(0, 0, 0); box-shadow: inset 0px -2px 15px rgba(0,0,0,0.2);
}
.modBuilder .view-mode-selector {
	top: 0px; right: 0px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; position: absolute;
}
.modBuilder .view-mode-selector li {
	float: left;
}
.modBuilder .view-mode-selector li a {
	padding: 0px 12px; text-align: center; color: rgb(153, 153, 153); line-height: 40px; font-size: 13px; font-weight: 700; text-decoration: none; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; display: block;
}
.modBuilder .view-mode-selector a:hover {
	color: rgb(0, 0, 0);
}
.modBuilder .view-mode-selector a.active {
	color: rgb(0, 0, 0); box-shadow: inset 0px -2px 15px rgba(0,0,0,0.2);
}
.modBuilder .view-mode-selector .revisions {
	position: relative;
}
.modBuilder .view-mode-selector .revisions ul {
	background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(221, 221, 221) rgb(221, 221, 221); border-image: none; width: 320px; right: 0px; overflow: auto; display: none; position: absolute; z-index: 2; max-height: 500px;
}
.modBuilder .view-mode-selector .revisions ul a {
	border-width: 0px 0px 1px; border-style: none none solid; border-color: currentColor currentColor rgb(221, 221, 221); border-image: none; text-align: left; overflow: hidden; display: block; -ms-text-overflow: ellipsis;
}
.modBuilder .view-mode-selector .revisions ul a i {
	color: rgb(153, 153, 153); margin-right: 5px;
}
.modBuilder .view-mode-selector .revisions ul a span {
	font-weight: 400;
}
.modBuilder .view-mode-selector .revisions ul li {
	float: none; display: block;
}
.modBuilder .view-mode-selector .revisions ul li:last-child a {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.modBuilder .settings {
	background: rgba(54, 61, 74, 1); padding: 15px; left: 0px; top: 40px; right: 0px; display: none; position: absolute; z-index: 10;
}
.modBuilder .settings h4 {
	color: rgba(255, 255, 255, 0.5); font-size: 12px; margin-bottom: 10px;
}
.modBuilder .settings .col {
	margin-right: 20px; display: inline-block;
}
.modBuilder .measurements {
	display: none;
}
.modBuilder .measure {
	position: absolute; z-index: 15; background-color: rgba(255, 0, 0, 0.4);
}
.modBuilder .measure .meta {
	background: rgba(255, 0, 0, 0.1); padding: 1px 3px; left: 0px; bottom: -17px; color: rgba(255, 0, 0, 1); font-size: 11px; font-weight: 700; white-space: nowrap; position: absolute;
}
.modBuilder .measure-height {
	background: 0px 0px; border-top-color: rgba(255, 0, 0, 0.8); border-bottom-color: rgba(255, 0, 0, 0.8); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.modBuilder .measure-height .line {
	background: rgba(255, 0, 0, 0.8); left: 50%; top: 0px; width: 1px; bottom: 0px; position: absolute;
}
.modBuilder .measure-height .meta {
	background: 0px 0px; padding: 1px 3px; border-radius: 2px; left: auto; top: 50%; right: auto; bottom: auto; color: rgba(255, 0, 0, 0.8); font-size: 11px; margin-top: -10px; margin-left: 3px;
}
.modBuilder .measure-width {
	background: 0px 0px; border-right-color: rgba(255, 0, 0, 0.8); border-left-color: rgba(255, 0, 0, 0.8); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
}
.modBuilder .measure-width .line {
	background: rgba(255, 0, 0, 0.8); left: 0px; top: 50%; height: 1px; right: 0px; position: absolute;
}
.modBuilder .measure-width .meta {
	background: 0px 0px; padding: 2px 4px; border-radius: 2px; left: 50%; width: 24px; text-align: center; right: auto; bottom: auto; color: rgba(255, 0, 0, 0.8); font-size: 11px; margin-bottom: 10px; margin-left: -16px;
}
.o-canvas__spread {
	background: rgb(255, 255, 255); position: relative;
}
.o-canvas__spread-content {
	width: 100%; height: 100%; overflow: hidden; position: absolute;
}
.o-canvas__page {
	position: absolute; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
}
.o-canvas__item {
	border-width: 0px; border-style: solid; overflow: hidden; position: absolute; cursor: pointer; box-sizing: border-box; pointer-events: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.state-selected.o-canvas__item--selectable {
	-webkit-user-select: all; -moz-user-select: all; user-select: all;
}
.o-canvas__item--group {
	-webkit-user-select: all; -moz-user-select: all; user-select: all;
}
.o-canvas__item--text {
	overflow: visible; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.state-selected.o-canvas__item--text {
	overflow: visible; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.state-unlocked.o-canvas__item--text {
	-ms-user-select: text; -webkit-user-select: text; -moz-user-select: text; user-select: text;
}
.o-canvas__item--text::before {
	left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: block; position: absolute; z-index: 10; content: ""; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.state-unlocked.o-canvas__item--text::before {
	display: none;
}
.o-canvas__paragraph {
	width: 100%; height: auto;
}
.state-unlocked.o-canvas__item--text .o-canvas__paragraph {
	overflow: visible;
}
.o-canvas__item--selectable {
	pointer-events: all;
}
.o-canvas__item .ql-editor {
	-ms-word-wrap: normal;
}
.o-canvas__item .ql-editor > * {
	cursor: pointer;
}
.state-selected.o-canvas__item .ql-editor > * {
	cursor: text;
}
.o-canvas__item:focus {
	outline: 0px;
}
.state-hover.o-canvas__item--selectable::after {
	left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: block; position: absolute; content: ""; pointer-events: none; box-shadow: inset 0px 0px 0px 2px rgba(95,200,215,1);
}
.state-selected.o-canvas__item--selectable::after {
	left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: block; position: absolute; content: ""; pointer-events: none; box-shadow: inset 0px 0px 0px 2px rgba(95,200,215,1);
}
[zoom-factor='1.5'].o-editor .state-hover.o-canvas__item--selectable::after {
	box-shadow: inset 0px 0px 0px 1.5px rgba(95,200,215,1);
}
[zoom-factor='1.5'].o-editor .state-selected.o-canvas__item--selectable::after {
	box-shadow: inset 0px 0px 0px 1.5px rgba(95,200,215,1);
}
[zoom-factor='2'].o-editor .state-hover.o-canvas__item--selectable::after {
	box-shadow: inset 0px 0px 0px 1px rgba(95,200,215,1);
}
[zoom-factor='2'].o-editor .state-selected.o-canvas__item--selectable::after {
	box-shadow: inset 0px 0px 0px 1px rgba(95,200,215,1);
}
.o-canvas__item p {
	margin: 0px; padding: 0px;
}
.o-canvas__item span {
	margin: 0px; padding: 0px;
}
.o-canvas__image {
	object-fit: cover;
}
.o-chooser {
	margin: 10% auto 0px; padding: 30px; width: 415px;
}
.o-chooser__account-list-container {
	background: rgba(54, 61, 74, 0.05); padding: 30px;
}
.o-chooser__title {
	text-align: center; color: rgba(54, 61, 74, 1); line-height: 20px; padding-left: 20px; font-size: 22px; font-weight: 700; margin-bottom: 10px;
}
.o-chooser__subtitle {
	text-align: center; color: rgba(54, 61, 74, 0.6); line-height: 20px; padding-left: 20px; font-size: 13px; margin-bottom: 25px;
}
.o-chooser__account-list {
	background: rgb(255, 255, 255); position: relative; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.o-chooser__account-entry {
	background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: transparent transparent rgb(240, 240, 240); padding: 15px 10px 15px 20px; transition:0.2s linear; border-image: none; position: relative; box-sizing: border-box;
}
.o-chooser__account-entry:hover {
	border-width: 1px; border-style: solid; border-color: transparent rgb(221, 221, 221) rgb(221, 221, 221); border-image: none; z-index: 1; cursor: pointer; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.o-chooser__account-entry--create {
	margin-top: 10px;
}
.o-chooser__account-name {
	font-size: 15px; margin-bottom: 3px;
}
.o-chooser__account-domain {
	color: rgba(0, 0, 0, 0.4); font-size: 12px;
}
.o-chooser__account-brands {
	color: rgba(0, 0, 0, 0.4); font-size: 12px;
}
.o-chooser__logout-wrapper {
	text-align: center; padding-top: 20px;
}
.o-create-external-asset__content {
	margin: 30px 50px; text-align: center;
}
.o-create-external-asset__settings {
	margin: 0px auto 30px; width: 400px; max-width: 100%;
}
.o-create-folder__content {
	margin: 30px 50px; text-align: center;
}
.o-create-folder__settings {
	margin: 0px auto 30px; width: 400px; max-width: 100%;
}
.o-create-publication {
	width: 1248px;
}
.o-create-publication__container {
	border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; display: flex;
}
.o-create-publication__left {
	padding: 24px 24px 0px; flex:0 1 24%; border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid; box-sizing: border-box;
}
.o-create-publication__search {
	margin: 0px -18px 20px; padding-bottom: 2px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
.o-create-publication__settings {
	margin: 0px -18px 20px; padding-bottom: 18px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
.o-create-publication__search-icon {
	color: rgba(0, 0, 0, 0.5); font-size: 10px;
}
.o-create-publication__categories-heading {
	color: rgb(133, 139, 146); line-height: 18px; font-size: 13px; font-weight: 400;
}
.o-create-publication__main {
	background: rgb(245, 245, 246); flex:0 1 52%; height: 622px; position: relative;
}
.o-create-publication__template-container {
	height: 100%; -ms-overflow-x: hidden; -ms-overflow-y: auto; box-sizing: border-box;
}
.o-create-publication__list-loading {
	height: 100%; display: flex; align-items: flex-start;
}
.o-create-publication__right {
	padding: 24px 24px 0px; flex:0 1 24%; border-left-color: rgb(229, 229, 229); border-left-width: 1px; border-left-style: solid; display: flex; box-sizing: border-box; flex-direction: column; justify-content: space-between;
}
.o-create-publication__preview {
	margin: 0px; padding: 0px; border: 1px solid rgb(240, 240, 240); border-image: none; width: 250px; height: 250px; overflow: hidden; position: relative; box-sizing: border-box;
}
.o-create-publication__preview-image {
	left: 50%; top: 50%; font-family: "object-fit: contain; object-position: center;"; position: absolute; max-height: 100%; max-width: 100%; transform: translate(-50%, -50%); object-fit: contain;
}
.o-create-publication__detail-title {
	color: rgb(54, 61, 74); line-height: 1.5; font-size: 13px; font-weight: 700;
}
.o-create-publication__detail-description {
	color: rgb(54, 61, 74); line-height: 1.38; font-size: 13px;
}
.o-create-publication__template-list {
	padding: 8px; display: flex; flex-wrap: wrap;
}
.o-create-publication__template {
	background: rgb(255, 255, 255); margin: 8px; width: calc(33.333% - 16px); position: relative; cursor: pointer; box-sizing: border-box; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}
.o-create-publication__template:hover {
	box-shadow: 0px 0px 0px 3px rgba(98,201,213,0.6);
}
.state-selected.o-create-publication__template {
	box-shadow: 0px 0px 0px 3px #62c9d5;
}
.o-create-publication__template::before {
	padding-bottom: 100%; display: block; content: "";
}
.o-create-publication__template-content {
	left: 0px; top: 0px; width: 100%; height: 75%; position: absolute;
}
.o-create-publication__template-figure {
	margin: 0px; left: 0px; top: 0px; width: 100%; height: 70%; text-align: center; overflow: hidden; position: absolute;
}
.o-create-publication__template-img {
	margin: auto; left: 50%; top: 50%; font-family: "object-fit: contain; object-position: center;"; position: absolute; max-height: 100%; max-width: 100%; transform: translate(-50%, -50%); object-fit: contain;
}
.o-create-publication__template-text {
	left: 0px; width: 100%; height: 30%; text-align: center; bottom: 0px; color: rgb(54, 61, 74); padding-bottom: 0.8em; font-size: 13px; display: flex; position: absolute; box-sizing: border-box; flex-direction: column; justify-content: flex-end;
}
.o-create-publication__template-title {
	padding: 0px 0.5em; line-height: 1.1; font-weight: 700;
}
.o-create-publication__template-size {
	color: rgb(175, 177, 183); line-height: 1; padding-top: 0.5em; font-size: 12px;
}
.o-create-publication__empty-message {
	padding: 16px; text-align: center; color: rgb(154, 158, 164);
}
.o-create-template-asset__content {
	background: rgb(245, 245, 246); padding: 3.33% 0px; text-align: center;
}
.o-create-template-asset__types {
	padding: 0px 1.66%; display: flex;
}
.o-create-template-asset__type {
	background: rgb(255, 255, 255); margin: 0px 1.66%; border-radius: 2px; width: 30%; text-align: center; overflow: hidden; position: relative; cursor: pointer; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
}
.o-create-template-asset__type--preview {
	cursor: default; opacity: 0.5;
}
.o-create-template-asset__type::after {
	padding-bottom: 100%; display: block; content: "";
}
.o-create-template-asset__type-container {
	background: rgb(255, 255, 255); border-radius: 2px; width: 100%; height: 100%; position: absolute; box-sizing: border-box; flex-direction: column; justify-content: center;
}
.o-create-template-asset__type-container--dropzone {
	border-radius: 2px; border: 2px dashed rgb(215, 216, 219); border-image: none;
}
.state-active.o-create-template-asset__type-container--dropzone {
	border: 2px dashed rgb(95, 200, 215); border-image: none;
}
.o-create-template-asset__fileupload {
	left: 100%; position: absolute;
}
.o-create-template-asset__type-img {
	margin: 36px auto 18px; width: 33.33%; height: auto;
}
.o-create-template-asset__type-img--preview {
	opacity: 0.3;
}
.o-create-template-asset__type-desc {
	padding: 0px 1em; text-align: center; color: rgb(54, 61, 74); font-size: 14px;
}
.o-create-template-asset__type-desc--preview {
	color: rgba(54, 61, 74, 0.3);
}
.o-create-template-asset__loader {
	height: 150px; display: flex; position: relative; flex-direction: column; justify-content: center;
}
.o-create-template-asset__upload-container {
	display: none;
}
.o-create-template-asset__current-state {
	text-align: center;
}
.o-create-template-asset__state-title {
	margin-bottom: 2em;
}
.o-daemonstatus {
	padding: 10px 5px; display: block;
}
.o-daemonstatus__status {
	border-radius: 50%; width: 12px; height: 12px; display: block; box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3);
}
.status-ok.o-daemonstatus__status {
	background: rgba(47, 204, 102, 1);
}
.status-warning.o-daemonstatus__status {
	background: rgb(243, 221, 147);
}
.status-error.o-daemonstatus__status {
	background: rgba(255, 0, 0, 1);
}
.status-inactive.o-daemonstatus__status {
	background: rgba(88, 88, 88, 0.2);
}
.o-daemonstatus__instance:hover {
	cursor: pointer;
}
.o-daemonstatus__instance-name {
	display: block;
}
.o-daemonstatus__instance-domain {
	display: block;
}
.o-daemonstatus__instance-name {
	font-weight: 700;
}
.o-daemonstatus__instance-domain {
	padding: 4px 0px; color: rgb(51, 51, 51); font-size: 13px;
}
.o-daemonstatus__item {
	margin: 1px 0px; padding: 20px; border: 1px solid rgb(47, 204, 102); border-image: none; text-transform: capitalize; overflow: hidden; font-size: 16px;
}
.o-daemonstatus__item-name {
	padding-left: 50px; float: left;
}
.o-daemonstatus__item-status {
	padding-right: 50px; float: right;
}
.o-daemonstatus__item-lastrun {
	color: grey; font-size: 13px; display: block;
}
.status-ok.o-daemonstatus__item {
	background: rgba(47, 204, 102, 0.25); color: rgb(0, 100, 0); border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.status-warning.o-daemonstatus__item {
	background: rgba(255, 204, 0, 0.25); border: 1px solid rgb(255, 204, 0); border-image: none; color: rgb(189, 183, 107);
}
.status-error.o-daemonstatus__item {
	background: rgba(255, 0, 0, 0.2); border: 1px solid red; border-image: none;
}
.o-daemonstatus__heading {
	padding-bottom: 20px; font-size: 24px; font-weight: 700;
}
.modDashboardSidebar {
	background: rgb(248, 248, 248); padding: 20px; top: 62px; width: 273px; right: 0px; bottom: 0px; position: fixed; box-shadow: inset 0px 0px 5px rgba(0,0,0,0.1);
}
.modDashboardSidebar h3 {
	color: rgb(153, 153, 153); text-transform: uppercase; font-size: 11px; font-weight: 700; margin-bottom: 10px;
}
.modDashboardSidebar p {
	color: rgb(102, 102, 102); line-height: 1.4; font-size: 13px; margin-bottom: 20px;
}
.modDashboardSidebar .usecases i {
	color: rgb(151, 187, 77); margin-right: 5px; display: inline-block;
}
@media only screen and (max-width:480px)
{
.modDashboardSidebar {
	display: none;
}
}
.modDesignSurvey {
	background: rgb(255, 255, 255); margin: -240px auto auto -390px; padding: 40px; left: 50%; top: 50%; height: 400px; bottom: 0px; position: absolute; max-width: 700px;
}
.modDesignSurvey .logo {
	left: 40px; top: 40px; position: fixed;
}
.modDesignSurvey .credits {
	left: 40px; text-align: center; bottom: 40px; color: rgb(136, 136, 136); font-size: 13px; margin-top: 50px; position: fixed;
}
.modDesignSurvey .credits a {
	background: rgb(224, 241, 255); padding: 0px 2px; color: rgba(0, 0, 0, 0.6); text-decoration: none;
}
.modDesignSurvey .desc {
	margin: 0px auto; padding: 40px 20px; text-align: center; color: rgba(0, 0, 0, 0.6); line-height: 1.3; font-size: 28px; max-width: 700px;
}
.modDesignSurvey .task {
	transition:150ms ease-out; margin-top: 0px; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out;
}
.modDesignSurvey .hidden.task {
	margin-top: -200px; opacity: 0;
}
.modDesignSurvey .stage {
	padding: 30px;
}
.modDesignSurvey .survey {
	left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: auto; display: none; position: fixed;
}
.modDesignSurvey .image {
	background: red; position: absolute;
}
.modDesignSurvey .image img {
	display: block;
}
.modDesignSurvey .tooltip {
	background: rgba(0, 0, 0, 0.7); padding: 5px 8px; border-radius: 3px; color: rgb(255, 255, 255); font-size: 12px; white-space: nowrap; position: absolute;
}
.modDesignSurvey .tooltip i {
	border-radius: 50%; border: 2px solid rgba(0, 0, 0, 0.5); border-image: none; left: -20px; top: -20px; width: 15px; height: 15px; position: absolute;
}
.modDesignSurvey .click {
	width: 15px; height: 15px; text-align: center; position: absolute;
}
.modDesignSurvey .click > div {
	background: red; border-radius: 50%; width: 15px; height: 15px; vertical-align: middle; display: inline-block; box-sizing: border-box; animation-name: pulse; animation-duration: 0.5s; animation-timing-function: ease; animation-direction: alternate; animation-iteration-count: infinite; -moz-box-sizing: border-box; -webkit-animation-name: pulse; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease; -webkit-animation-direction: alternate; -webkit-animation-duration: .3s;
}
.modDesignSurvey .btn {
	padding: 12px 20px; font-size: 20px; float: none; display: inline-block;
}
.modDesignSurvey .btn-primary i {
	padding-right: 0px; padding-left: 10px;
}
.modDesignSurvey .btn-bar {
	text-align: center;
}
.modDocument .inner {
	margin: 0px auto; max-width: 1200px;
}
.modDocument .head {
	background: url("https://slack.global.ssl.fastly.net/8873/img/landing_stock_2400x1600.jpg") 0% 0% / cover; padding: 50px;
}
.modDocument .head .inner {
	position: relative;
}
.modDocument h1 {
	color: rgb(255, 255, 255); font-size: 42px; font-weight: 700; margin-bottom: 20px;
}
.modDocument h2 {
	color: rgb(65, 64, 66); font-size: 32px; margin-bottom: 20px;
}
.modDocument h3 {
	color: rgb(119, 119, 119); font-size: 20px; margin-bottom: 25px;
}
.modDocument h4 {
	background: rgb(255, 255, 255); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(238, 238, 238) rgb(238, 238, 238) currentColor; padding: 15px; border-radius: 5px 5px 0px 0px; border-image: none; font-size: 20px; font-weight: 700;
}
.modDocument .head .description {
	color: rgba(255, 255, 255, 0.7); line-height: 1.4; overflow: hidden; font-size: 18px; -ms-text-overflow: ellipsis; max-height: 200px; max-width: 800px;
}
.modDocument .head .meta {
	padding-top: 80px;
}
.modDocument .navigation {
	background: rgb(42, 42, 42); padding: 10px;
}
.modDocument .navigation ul {
	margin: 0px -15px;
}
.modDocument .navigation li {
	display: inline-block;
}
.modDocument .navigation li a {
	padding: 10px 15px; border-radius: 5px; border: 2px solid transparent; border-image: none; color: rgba(255, 255, 255, 0.7); text-decoration: none; margin-right: 15px; display: block;
}
.modDocument .navigation li a:hover {
	border-color: rgba(255, 255, 255, 0.1);
}
.modDocument .navigation li.active a {
	border-color: rgba(255, 255, 255, 0.3); color: rgb(255, 255, 255);
}
.modDocument .navigation-sub {
	padding: 10px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.modDocument .navigation-sub ul {
	margin: 0px -15px;
}
.modDocument .navigation-sub li {
	display: inline-block;
}
.modDocument .navigation-sub li a {
	margin: 5px 18px; padding: 5px 2px; color: rgba(0, 0, 0, 0.7); font-weight: 600; text-decoration: none; border-bottom-color: transparent; border-bottom-width: 2px; border-bottom-style: solid; display: block;
}
.modDocument .navigation-sub li a:hover {
	border-color: rgba(0, 0, 0, 0.1);
}
.modDocument .navigation-sub li.active a {
	border-color: rgb(42, 42, 42); color: rgb(0, 0, 0);
}
.modDocument .document-content {
	margin: 0px; padding: 50px 0px;
}
.modDocument .block {
	padding-right: 280px; position: relative;
}
.modDocument .box {
	padding: 15px; border-radius: 0px 0px 5px 5px; border: 1px solid rgb(238, 238, 238); border-image: none; margin-bottom: 30px;
}
.modDocument .block .box-middle {
	border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(238, 238, 238) rgb(238, 238, 238) currentColor; margin: 0px; padding: 15px; border-radius: 0px; border-image: none;
}
.modDocument .col-content {
	position: relative;
}
.modDocument .col-aside {
	top: 0px; width: 250px; right: 0px; color: rgb(153, 153, 153); float: right; position: absolute;
}
.modDocument .actions {
	top: 0px; right: 0px; position: absolute;
}
.modDocument section {
	margin-bottom: 20px;
}
.modDocument .button {
	background: 0px 0px; padding: 10px 15px; border-radius: 5px; border: 2px solid rgba(255, 255, 255, 0.5); border-image: none; color: rgba(255, 255, 255, 0.8); margin-left: 10px;
}
.modDocument .button i {
	color: rgba(255, 255, 255, 0.5); margin-right: 5px;
}
.modDocument .button:hover {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.modDocument .button:focus {
	outline: 0px;
}
.modDocument .btn-comments {
	color: rgb(153, 153, 153); font-size: 14px; text-decoration: none;
}
.modDocument .btn-comments i {
	margin-right: 3px;
}
.modDocument .block::before {
	display: table; content: " ";
}
.modDocument .block::after {
	display: table; content: " ";
}
.modDocument .block::after {
	clear: both;
}
.modDocument .block p {
	line-height: 1.5; margin-bottom: 20px;
}
.modDocument .block-colors .colors {
	margin: 30px 0px;
}
.modDocument .block-colors li {
	width: 20%; padding-right: 20px; margin-bottom: 40px; float: left; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modDocument .block-colors .color {
	border-radius: 5px 5px 0px 0px; height: 170px;
}
.modDocument .block-colors .color-meta {
	background: rgb(248, 248, 248); padding: 15px; border-radius: 0px 0px 5px 5px; text-align: center; line-height: 1.4; font-size: 13px;
}
.modDocument .block-colors .color-name {
	font-size: 15px; font-weight: 700; display: block;
}
.modDocument .block-colors .color-value {
	color: rgb(153, 153, 153);
}
.modDocument .skin-block-colors-small.block-colors li {
	width: 13%;
}
.modDocument .skin-block-colors-small.block-colors .color {
	height: 120px;
}
.modDocument .skin-block-colors-small.block-colors .color-meta {
	padding: 15px 5px; overflow: hidden; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.modDocument .skin-block-colors-small.block-colors .color-name {
	font-size: 12px;
}
.modDocument .block-typography .font-sizes {
	margin: 30px 0px;
}
.modDocument .block-typography .font-sizes li {
	margin-bottom: 20px; display: block;
}
.modDocument .block-typography .font-size {
	width: 50px; font-weight: 700; display: inline-block;
}
.modDocument .block-typography .font-sample {
	color: rgb(51, 51, 51);
}
.modDocument .block-image .image {
	padding: 50px; border-radius: 5px; border: 1px solid rgb(221, 221, 221); border-image: none;
}
.modDocument .block-image .image img {
	margin: 0px auto; display: block;
}
.modDocument .block-people .people {
	margin: 40px 0px 20px; overflow: hidden;
}
.modDocument .block-people .people li {
	width: 33%; margin-bottom: 30px; float: left;
}
.modDocument .block-people .people img {
	border-radius: 50%; margin-right: 20px; float: left; display: block;
}
.modDocument .block-people .people .meta {
	padding: 5px 0px; float: left;
}
.modDocument .block-people .people .name {
	font-weight: 700; display: block;
}
.modDocument .block-people .people .role {
	color: rgb(153, 153, 153); display: block;
}
.modDocument .block-transition .transition-preview {
	padding: 20px; border-radius: 0px 0px 5px 5px; border: 1px solid rgb(238, 238, 238); border-image: none; margin-bottom: 30px;
}
.modDocument .block-transition .transition-preview .playground {
	position: relative;
}
.modDocument .block-transition .transition-preview .object {
	background: rgb(42, 42, 42); margin: 0px; border-radius: 50%; width: 80px; height: 80px;
}
.modDocument .block-transition .transition-preview .sample-1.target {
	margin-left: 300px;
}
.modDocument .block-transition .transition-preview:hover .sample-1 {
	margin-left: 300px;
}
.modDocument .block-transition .transition-preview .target {
	background: 0px 0px; border: 1px dashed rgb(42, 42, 42); border-image: none; left: 0px; top: 0px; position: absolute; z-index: 0; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modDocument .block-transition .transition-preview:hover .sample-2 {
	width: 200px; margin-left: 300px;
}
.modDocument .block-transition .transition-preview .sample-2.target {
	width: 200px; margin-left: 300px;
}
.modDocument .block-transition .transition-preview:hover .sample-3 {
	animation:pulse 0.5s ease-in-out infinite; -webkit-animation: pulse .5s infinite ease-in-out;
}
.modDocument .block-pattern {
	margin-bottom: 40px;
}
.modDocument .block-pattern .pattern-description {
	color: rgb(109, 106, 114); font-size: 14px;
}
.modDocument .block-pattern .pattern-code {
	background: rgb(248, 248, 248); margin-bottom: 0px;
}
.modDocument .block-pattern .pattern-code pre {
	background: 0px 0px; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-size: 12px; max-height: none;
}
.modDocument .block-pattern .pattern-preview {
	background: rgb(250, 252, 253); padding: 25px; position: relative;
}
.modDocument .block-pattern .pattern-preview img {
	margin: 0px auto; display: block; max-width: 100%;
}
.modDocument .block-pattern .pattern-preview .current-variation {
	background: rgb(255, 255, 255); padding: 7px; border-radius: 0px 0px 5px; left: 0px; top: 0px; color: rgba(0, 0, 0, 0.5); font-size: 13px; font-weight: 700; border-right-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; position: absolute;
}
.modDocument .block-pattern-toc {
	overflow: hidden; font-size: 14px; margin-bottom: 40px;
}
.modDocument .block-pattern-toc .col {
	width: 33%; float: left;
}
.modDocument .block-pattern-toc ul li a {
	margin: 2px 0px; padding: 4px 0px; color: rgb(68, 68, 68); line-height: 1; text-decoration: none; display: inline-block;
}
.modDocument .block-pattern-toc ul li a:hover {
	text-decoration: underline;
}
@media print
{
.modDocument .navigation {
	display: none;
}
.modDocument .navigation-sub {
	display: none;
}
.modDocument .block {
	padding-right: 0px; position: relative;
}
.modDocument .col-aside {
	display: none;
}
}
.o-editor {
	top: 60px; overflow: hidden; margin-right: 400px; position: relative;
}
.state-full.o-editor {
	margin-right: 0px;
}
.state-sidebarleft-open.o-editor {
	left: 200px; margin-right: 600px;
}
.state-full.state-sidebarleft-open.o-editor {
	margin-right: 200px;
}
.o-editor__container {
	left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: auto; position: absolute;
}
.o-editor__screen {
	display: block; position: relative;
}
.o-editor__image {
	width: 100%; vertical-align: top; display: block; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none;
}
.o-editor__iframe {
	border: 1px solid rgb(240, 240, 240); border-image: none; pointer-events: none; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.state-allow-interactions.o-editor__iframe {
	pointer-events: auto;
}
.o-editor__cursor {
	background: rgba(0, 0, 0, 0.7); padding: 3px 5px; border-radius: 3px; left: 10px; top: 10px; color: rgba(255, 255, 255, 0.8); font-size: 11px; display: inline-block; position: absolute; z-index: 4;
}
.state-hidden.o-editor__cursor {
	display: none;
}
.o-editor__cursor--sm {
	background: rgba(0, 0, 0, 0.8); padding: 2px 4px; font-size: 9px;
}
.o-editor__line-canvas {
	left: 0px; top: 0px; position: absolute; z-index: 1; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none;
}
.o-editor__fullscreen-actions {
	background: rgba(54, 61, 74, 1); border-radius: 0px 2px 0px 0px; left: 0px; bottom: 50px; display: none; position: fixed; z-index: 10;
}
.o-editor__fullscreen-actions .co-powerbar__item {
	margin: 5px;
}
.desaturate.modEditor img {
	filter: url("desaturate.svg#greyscale"); opacity: 0.4; -webkit-filter: grayscale(100%);
}
.o-editor__meta {
	margin: -60px -60px 0px; text-align: center; display: block; position: relative; z-index: 20;
}
.o-editor__meta-title {
	color: rgba(54, 61, 74, 1); line-height: 21px; font-size: 18px; margin-bottom: 5px;
}
.o-editorsidebar {
	background: rgba(245, 245, 246, 1); top: 61px; width: 400px; right: 0px; bottom: 0px; overflow: hidden; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; position: fixed;
}
.state-hidden.o-editorsidebar {
	display: none;
}
.state-open.o-editorsidebar {
	z-index: 10;
}
.o-editorsidebar__listing {
	padding: 0px 25px 15px; left: 0px; top: 0px; right: 0px; bottom: 31px; overflow: auto; position: absolute; box-sizing: border-box;
}
.o-editorsidebar__details {
	padding: 0px 25px 15px; left: 0px; top: 0px; right: 0px; bottom: 31px; overflow: auto; position: absolute; box-sizing: border-box;
}
.state-closed.o-editorsidebar__listing {
	visibility: hidden;
}
.o-editorsidebar__details {
	background: rgb(244, 244, 244); transition:0.2s ease-in-out; z-index: 1; transform: translateX(100%); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;
}
.state-open.o-editorsidebar__details {
	transform: translate(0px);
}
.o-editorsidebar__close {
	outline: 0px; transition:color 0.3s linear; top: 15px; width: 30px; height: 30px; text-align: center; right: 15px; color: rgba(57, 64, 77, 0.6); line-height: 1; font-size: 15px; text-decoration: none; position: absolute; z-index: 3; cursor: pointer;
}
.o-editorsidebar__close:hover {
	color: rgba(57, 64, 77, 1);
}
.o-editorsidebar__actions {
	background: rgba(0, 0, 0, 0.05); width: 100%; bottom: 0px; position: absolute;
}
.state-hidden.o-editorsidebar__actions {
	display: none;
}
.o-editorsidebar__action {
	background: 0px 0px; padding: 8px; border: 1px solid rgb(232, 235, 236); border-image: none; text-align: center; color: rgba(0, 0, 0, 0.5); font-size: 12px; font-weight: 700; text-decoration: none; float: left; display: block; white-space: nowrap; position: relative; cursor: pointer;
}
.state-hidden.o-editorsidebar__action {
	display: none;
}
.o-editorsidebar__action:hover {
	background: rgba(255, 255, 255, 0.1); color: rgb(0, 0, 0); box-shadow: none;
}
.o-editorsidebar__item {
	background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: transparent transparent rgb(240, 240, 240); list-style: none; padding: 10px; transition:box-shadow 0.2s linear; border-image: none; position: relative; box-sizing: border-box;
}
.o-editorsidebar__item:hover {
	border-width: 1px; border-style: solid; border-color: transparent rgb(221, 221, 221) rgb(221, 221, 221); border-image: none; z-index: 1; cursor: pointer; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
:first-child.o-editorsidebar__item {
	border-top-color: rgb(240, 240, 240); border-top-width: 1px; border-top-style: solid;
}
:last-child.o-editorsidebar__item {
	border-bottom-color: transparent;
}
.o-editorsidebar__occurrence-icon {
	color: rgba(0, 0, 0, 0.5); padding-right: 8px; float: left;
}
.o-editorsidebar__occurrence-title {
	line-height: 1.4; overflow: hidden; font-size: 13px; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none;
}
.o-editorsidebar__occurrence-name {
	float: left;
}
.o-editorsidebar__occurrence-value {
	color: rgb(204, 204, 204); text-transform: uppercase; font-family: menlo,monospace; float: right;
}
.o-editorsidebarleft {
	background: rgb(244, 244, 244); left: 60px; top: 60px; width: 200px; bottom: 0px; border-right-color: rgb(237, 237, 237); border-right-width: 1px; border-right-style: solid; display: flex; position: fixed; z-index: 2; -ms-overflow-y: auto; flex-direction: column;
}
.state-hidden.o-editorsidebarleft {
	left: -1000px; visibility: hidden;
}
.o-editorsidebarleft__nav {
	background: rgb(253, 253, 253); margin: 0px; padding: 10px 0px; height: 0px; text-align: center; overflow: hidden; visibility: hidden; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.25);
}
.state-visible.o-editorsidebarleft__nav {
	height: auto; overflow: visible; visibility: visible;
}
.o-editorsidebarleft__content {
	flex:1 0 0px; overflow: auto; padding-top: 25px; box-sizing: border-box;
}
.o-editorsidebarleft__pages {
	position: relative;
}
.o-editorsidebarleft__page {
	text-align: center; margin-bottom: 18px; cursor: pointer;
}
.o-editorsidebarleft__page-label {
	margin: 0px auto 8px; text-align: center; color: rgb(137, 137, 137); overflow: hidden; font-size: 12px; display: block; -ms-text-overflow: ellipsis; max-width: 80%;
}
.o-editorsidebarleft__page-thumb {
	margin: auto; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}
.state-selected.o-editorsidebarleft__page .o-editorsidebarleft__page-thumb {
	box-shadow: 0px 0px 0px 2px rgba(95,200,215,1);
}
.o-editorsidebarleft__layers {
	display: none; position: relative;
}
.o-editorsidebarleft__layer {
	display: block; position: relative;
}
.o-editorsidebarleft__layer-title {
	margin: 0px 8px 8px; color: rgb(137, 137, 137); overflow: hidden; font-size: 12px; display: block; -ms-text-overflow: ellipsis;
}
.o-editorsidebarleft__layer-preview {
	background: rgb(255, 255, 255); padding: 6px 8px; transition:0.1s ease-in-out; color: rgb(137, 137, 137); line-height: 15px; overflow: hidden; font-size: 12px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative; cursor: pointer;
}
.o-editorsidebarleft__layer-preview:hover {
	background: rgb(244, 244, 244);
}
.state-is-highlighted.o-editorsidebarleft__layer > .o-editorsidebarleft__layer-preview {
	box-shadow: inset 0px 0px 0px 1px rgba(95,200,215,1);
}
.o-editorsidebarleft__layer-icon {
	color: rgba(154, 158, 164, 1); line-height: 15px; padding-right: 8px; font-size: 10px; float: left; display: block;
}
.o-editorsidebarleft__layer-editable {
	color: rgba(154, 158, 164, 1); line-height: 15px; padding-left: 8px; font-size: 10px; float: right; display: block;
}
.o-editorsidebarleft__layer-icon--group {
	color: rgba(95, 200, 215, 1);
}
.o-editorsidebarleft__layer-label {
	overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.o-editorsidebarleft__layer-svg {
	width: 15px; height: 15px;
}
.o-editorsidebarleft__layer--group .o-editorsidebarleft__layer-group {
	display: none;
}
.state-expanded.o-editorsidebarleft__layer--group > .o-editorsidebarleft__layer-group {
	display: block;
}
.o-editorsidebarleft__layer--group > .o-editorsidebarleft__layer-preview .o-editorsidebarleft__layer-icon--expanded {
	display: none;
}
.state-expanded.o-editorsidebarleft__layer--group > .o-editorsidebarleft__layer-preview .o-editorsidebarleft__layer-icon--collapsed {
	display: none;
}
.state-expanded.o-editorsidebarleft__layer--group > .o-editorsidebarleft__layer-preview .o-editorsidebarleft__layer-icon--expanded {
	display: inline-block;
}
.o-editorsidebarleft__layer-icon--expand {
	width: 8px; line-height: 15px; font-size: 15px;
}
.o-editorsidebarleft__layer-group .o-editorsidebarleft__layer-preview {
	padding-left: 16px;
}
.o-editorsidebarleft__layer-group .o-editorsidebarleft__layer-group .o-editorsidebarleft__layer-preview {
	padding-left: 24px;
}
.o-editorsidebarleft__layer-group .o-editorsidebarleft__layer-group .o-editorsidebarleft__layer-group .o-editorsidebarleft__layer-preview {
	padding-left: 32px;
}
.state-selected.o-editorsidebarleft__layer > .o-editorsidebarleft__layer-preview {
	background: rgba(95, 200, 215, 1); color: rgb(255, 255, 255);
}
.state-selected.o-editorsidebarleft__layer > .o-editorsidebarleft__layer-preview:hover {
	background: rgba(95, 200, 215, 1); color: rgb(255, 255, 255);
}
.state-selected.o-editorsidebarleft__layer > .o-editorsidebarleft__layer-preview .o-editorsidebarleft__layer-icon {
	color: rgb(255, 255, 255);
}
.state-selected.o-editorsidebarleft__layer > .o-editorsidebarleft__layer-preview .o-editorsidebarleft__layer-editable {
	color: rgb(255, 255, 255);
}
.modEnterprise {
	padding: 25px;
}
.modEnterprise .data {
	width: 100%; font-size: 14px; margin-bottom: 20px;
}
.modEnterprise .data thead th {
	padding: 6px 0px; color: rgb(153, 153, 153); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.modEnterprise .data tbody td {
	padding: 6px 0px; text-align: left; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.modEnterprise .data tbody td a.link {
	color: rgb(43, 132, 190);
}
.modEnterprise .data tbody .col-user {
	text-align: right; padding-right: 20px;
}
.modEnterprise h2 {
	color: rgb(2, 84, 110); padding-bottom: 10px; font-size: 24px; font-weight: 700;
}
.modEnterprise h3 {
	color: rgb(2, 84, 110); padding-bottom: 15px; font-size: 18px; font-weight: 400;
}
.modEnterprise h4 {
	color: rgb(255, 255, 255); font-weight: 700; margin-bottom: 10px;
}
.modEnterprise .tagline {
	color: rgba(0, 0, 0, 0.6); line-height: 1.4; font-size: 14px; margin-bottom: 30px;
}
.modEnterprise .icon-circle {
	color: rgb(221, 221, 221);
}
.modEnterprise .status-ACTIVE.icon-circle {
	color: rgba(163, 206, 98, 1);
}
.modEnterprise .status-INACTIVE.icon-circle {
	color: rgb(241, 102, 81);
}
.modEnterprise .btn {
	padding: 5px 8px;
}
.modEnterprise .autodeployment-enabled.icon-circle {
	color: rgba(163, 206, 98, 1);
}
.modEnterprise .autodeployment-disabled.icon-circle {
	color: rgb(241, 102, 81);
}
.o-enterprise__domain {
	margin-right: 20px;
}
.o-enterprise__link {
	text-decoration: none;
}
.o-enterprise__link-icon {
	color: rgb(153, 153, 153);
}
.state-hidden.o-export__info {
	display: none;
}
.o-grouplist__create-group {
	margin-top: 20px;
}
.o-grouplist__settings-btn {
	background: rgb(255, 255, 255); padding: 0px; outline: 0px; border: 0px currentColor; transition:color 0.2s ease-out; border-image: none; top: 3px; color: rgb(113, 119, 128); font-size: 18px; position: relative; cursor: pointer;
}
.o-grouplist__settings-btn:hover {
	color: rgb(54, 61, 74);
}
.co-group__predicate {
	padding: 2px 0px; width: 350px; font-size: 12px;
}
.co-group__predicate-attribute {
	padding: 4px; border-radius: 4px; color: rgb(215, 58, 73); font-family: menlo,monospace; font-size: 11px; background-color: rgb(240, 240, 240);
}
.co-group__predicate-comparison {
	padding: 0px 5px; color: rgba(0, 0, 0, 0.7); font-weight: 700;
}
.co-group__predicate-value {
	padding: 4px; border-radius: 4px; color: rgb(238, 153, 0); font-family: menlo,monospace; font-size: 11px; background-color: rgb(240, 240, 240);
}
.co-group__project-name {
	color: rgb(57, 64, 77); line-height: 20px; font-size: 13px;
}
.co-group__project-permission {
	color: rgba(57, 64, 77, 0.5); line-height: 1.3; font-size: 11px;
}
.modGuide {
	background: rgb(255, 255, 255); margin: 40px auto; width: 1000px; font-family: helvetica,arial,sans-serif; -webkit-border-radius: px px px 0;
}
.modGuide .screen {
	width: 580px; margin-right: 20px; margin-bottom: 50px; margin-left: 30px; float: left;
}
.modGuide h1 {
	padding: 30px; color: rgb(0, 0, 0); font-family: "Lexia W01 Thin",arial,sans-serif; font-size: 48px; margin-top: 60px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.modGuide > .meta {
	font-size: 24px;
}
.modGuide h2 {
	background: rgb(255, 255, 255); padding: 15px 30px; color: rgb(51, 51, 51); clear: both; font-family: "Felbridge W01",arial,sans-serif; font-size: 30px; font-weight: 700; margin-bottom: 1px;
}
.modGuide .pagebreak {
	page-break-before: always;
}
.modGuide h3 {
	background: rgb(238, 238, 238); padding: 15px 30px; color: rgb(85, 85, 85); clear: both; font-size: 18px; margin-bottom: 30px;
}
.modGuide .definitions {
	width: 300px; margin-bottom: 40px; float: left;
}
.modGuide .definitions li {
	clear: both;
}
.modGuide .definitions li .dot {
	border-radius: 24px; border: 2px solid rgb(0, 0, 0); border-image: none; width: 24px; height: 24px; float: left; display: block; position: relative;
}
.modGuide .definitions li .nr {
	left: 0px; top: 3px; width: 24px; text-align: center; color: rgb(0, 0, 0); font-size: 14px; font-weight: 700; display: block; position: absolute;
}
.modGuide .definitions li p {
	padding-top: 3px; margin-bottom: 15px; margin-left: 40px;
}
.modGuide p {
	color: rgb(0, 0, 0); line-height: 1.5; font-size: 14px; margin-bottom: 40px;
}
.modGuide .colors {
	padding: 0px 30px 30px; overflow: hidden;
}
.modGuide .color {
	border-radius: 4px; border: 1px solid rgb(221, 221, 221); border-image: none; overflow: hidden; margin-bottom: 5px;
}
.modGuide .color .state {
	margin: 5px 0px 5px 5px; padding: 12px; border-radius: 4px; width: 100px; color: rgb(85, 85, 85); float: left; background-color: rgb(238, 238, 238);
}
.modGuide .color .box {
	margin: 5px; border-radius: 4px; width: 40px; height: 40px; float: left;
}
.modGuide .color .meta {
	padding: 15px 0px 0px 15px; color: rgb(51, 51, 51); font-size: 18px; float: left;
}
.modGuide .color .meta-hex {
	width: 120px; font-weight: 700;
}
.modGuide .color .meta-rgb {
	width: 180px; color: rgb(153, 153, 153);
}
.modGuide .color .meta-less {
	background: rgb(238, 238, 238); padding: 5px; border-radius: 4px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 180px; color: rgb(102, 102, 102); font-family: monospace; margin-top: 9px;
}
.modGuide .fonts {
	padding: 0px 30px 30px; overflow: hidden;
}
.modGuide .font {
	border-radius: 4px; border: 1px solid rgb(221, 221, 221); border-image: none; overflow: hidden; margin-bottom: 5px;
}
.modGuide .font .preview {
	margin: 20px; float: left;
}
.modGuide .font-meta {
	border-radius: 4px; border: 1px solid rgb(221, 221, 221); border-image: none; overflow: hidden; margin-bottom: 5px;
}
.modGuide .font-meta div {
	padding: 15px; width: 155px; color: rgb(153, 153, 153); font-size: 18px; font-weight: 400; float: left;
}
.modGuide .font-meta div strong {
	color: rgb(51, 51, 51); font-style: normal;
}
.modGuide .module {
	padding: 0px 30px 15px; border-radius: 4px; overflow: hidden; margin-bottom: 5px;
}
.modGuide .module .screenshot {
	width: 200px; float: left;
}
.modGuide .module .screenshot img {
	padding: 10px; border: 1px solid rgb(238, 238, 238); border-image: none;
}
.modGuide .module .meta {
	font-size: 18px; margin-left: 200px;
}
.modGuide .code {
	background: rgb(255, 250, 230); padding: 15px; color: rgb(85, 85, 85); font-family: menlo,monospace; font-size: 14px;
}
@media print
{
.modGuide .modToolbar {
	display: none;
}
}
.modHeading {
	float: left; position: relative;
}
.modHeading h2 {
	color: rgb(255, 255, 255); line-height: 60px; padding-right: 50px; padding-left: 5px; font-size: 22px; font-weight: 300; position: relative;
}
.o-layerannotation {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; display: none; position: absolute; z-index: 1; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none;
}
.o-layerannotation__e {
	position: absolute; cursor: default;
}
.o-layerannotation__e-dot {
	background: rgb(6, 6, 6); border-radius: 50%; border: 2px solid rgb(255, 255, 255); transition:box-shadow 0.3s linear; border-image: none; left: -12px; top: -12px; width: 18px; height: 18px; display: block; position: absolute; z-index: 1; cursor: default; box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
.o-layerannotation__e-nr {
	left: 0px; top: 0px; width: 18px; text-align: center; color: rgba(255, 255, 255, 0.9); line-height: 18px; font-size: 12px; font-weight: 700; display: block; position: absolute; z-index: 1; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none;
}
.o-layerannotation__e-area {
	border: 2px solid rgba(255, 255, 255, 0.8); border-image: none; box-sizing: border-box; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-sizing: border-box;
}
.o-layerannotation__e-area-ghost {
	background: rgba(86, 150, 214, 0.2); border: 3px solid rgba(86, 150, 214, 1); border-image: none; display: none; position: absolute; box-sizing: border-box; -moz-box-sizing: border-box;
}
.o-layerannotation__e-resize {
	border-radius: 50%; width: 12px; height: 12px; right: -5px; bottom: -5px; display: none; position: absolute; z-index: 2; background-color: rgba(86, 150, 214, 0.3);
}
.o-layerannotation__e-resize:hover {
	background-color: rgba(59, 133, 207, 1);
}
.state-selected.o-layerannotation__e {
	z-index: 2;
}
.state-selected.o-layerannotation__e .o-layerannotation__e-dot {
	background: rgba(59, 133, 207, 1);
}
.state-selected.o-layerannotation__e .o-layerannotation__e-area {
	background: rgba(255, 255, 255, 0.1); border-color: rgba(86, 150, 214, 1);
}
.state-selected.o-layerannotation__e .o-layerannotation__e-resize {
	display: block;
}
.o-layerannotation__sb-item {
	background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: transparent transparent rgb(240, 240, 240); padding: 10px; transition:0.2s linear; border-image: none; position: relative; box-sizing: border-box;
}
.o-layerannotation__comment-form {
	visibility: visible;
}
.o-layerannotation__request-form {
	visibility: visible;
}
.o-layerannotation__sb-item--listing:hover {
	border-width: 1px; border-style: solid; border-color: transparent rgb(221, 221, 221) rgb(221, 221, 221); border-image: none; z-index: 1; cursor: pointer; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
:first-child.o-layerannotation__sb-item {
	border-top-color: rgb(240, 240, 240); border-top-width: 1px; border-top-style: solid;
}
:last-child.o-layerannotation__sb-item {
	border-bottom-color: transparent;
}
.o-layerannotation__sb-author {
	margin-right: 10px; float: left; position: relative;
}
.o-layerannotation__sb-author-img {
	border-radius: 50%; width: 32px; height: 32px; display: block;
}
.o-layerannotation__sb-toggle-comments {
	padding: 3px 5px 0px; border: 0px currentColor; border-image: none; color: rgb(187, 187, 187); font-size: 11px; text-decoration: none; display: block;
}
.o-layerannotation__sb-content {
	color: rgb(85, 85, 85); overflow: hidden; padding-right: 22px; white-space: pre-line; position: relative;
}
.o-layerannotation__sb-state {
	padding: 0px 2px; border-radius: 50%; left: -7px; top: -5px; text-align: center; font-size: 12px; margin-left: 2px; display: block; position: absolute; box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.o-layerannotation__sb-state--resolved {
	background: rgba(163, 206, 98, 1); color: rgba(255, 255, 255, 1);
}
.o-layerannotation__sb-request-badges {
	margin: -10px -25px 0px 0px; float: right;
}
.o-layerannotation__sb-text {
	line-height: 1.4; font-size: 15px; margin-bottom: 2px;
}
.o-layerannotation__sb-textarea {
	padding: 5px; outline: 0px; border-radius: 3px; border: 1px solid rgb(240, 240, 240); border-image: none; width: 100%; height: 100px; color: rgb(85, 85, 85); line-height: 1.4; font-size: 15px; display: none; box-sizing: border-box; resize: none;
}
.o-layerannotation__sb-date {
	color: rgba(0, 0, 0, 0.4); font-size: 11px; display: block;
}
.o-layerannotation__sb-due-date {
	border-radius: 7px; color: rgba(0, 0, 0, 0.4); line-height: 15px; font-size: 10px; font-weight: 400; margin-bottom: 5px; display: block; min-width: 7px;
}
.o-layerannotation__sb-edit {
	top: -9px; right: -11px; padding-right: 11px; padding-left: 11px; position: absolute;
}
.o-layerannotation__sb-text-actions {
	display: none;
}
.o-layerannotation__sb-actions {
	display: block;
}
.state-edit.o-layerannotation__sb-content .o-layerannotation__sb-actions {
	display: none;
}
.state-edit.o-layerannotation__sb-content .o-layerannotation__sb-text {
	display: none;
}
.state-edit.o-layerannotation__sb-content .o-layerannotation__sb-edit {
	display: none;
}
.state-edit.o-layerannotation__sb-content .o-layerannotation__sb-text-actions {
	display: block;
}
.state-edit.o-layerannotation__sb-content .o-layerannotation__sb-textarea {
	display: block;
}
.o-layerannotation__mention {
	background: rgba(95, 200, 215, 0.25); padding: 0px 1px; border-radius: 2px; color: rgb(2, 84, 110); font-size: 14px; text-decoration: none;
}
.o-editorsidebar .comment-author {
	color: rgba(0, 0, 0, 0.8);
}
.o-editorsidebar .comment {
	color: rgba(0, 0, 0, 0.5); border-bottom-color: rgba(0, 0, 0, 0.05); border-bottom-width: 1px; border-bottom-style: solid;
}
.o-editorsidebar .comment-content span {
	color: rgba(0, 0, 0, 0.2);
}
.o-editorsidebar .comment-focus {
	background: rgba(255, 255, 255, 0.5); color: rgba(0, 0, 0, 0.7); border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.o-editorsidebar .comment-focus .comment-author {
	color: rgba(0, 0, 0, 0.9);
}
.o-editorsidebar .comment-focus:hover {
	background: rgba(255, 255, 255, 0.5); color: rgba(0, 0, 0, 0.7); margin-left: 0px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none; cursor: auto;
}
.o-editorsidebar .comment-replies {
	background: rgba(0, 0, 0, 0.05);
}
.o-editorsidebar .comment-add {
	background: 0px 0px;
}
.o-editorsidebar .tags a {
	background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.5);
}
.o-editorsidebar .tags .hash {
	color: rgba(0, 0, 0, 0.3);
}
.o-editorsidebar .panel-head .btn-settings {
	color: rgba(0, 0, 0, 0.4);
}
.o-editorsidebar .file-info {
	color: rgba(0, 0, 0, 0.4);
}
.o-editorsidebar .file-ago {
	color: rgba(0, 0, 0, 0.8);
}
.o-editorsidebar .file-author {
	color: rgba(0, 0, 0, 0.8);
}
.o-layerannotation__request {
	margin-top: -15px;
}
.o-layerannotation__responses {
	margin: 15px 0px 10px;
}
.o-layerannotation__response {
	font-size: 0px; margin-bottom: 8px;
}
.o-layerannotation__response-status {
	border-radius: 50%; border: 1px solid rgb(221, 221, 221); border-image: none; width: 17px; height: 17px; line-height: 1; font-size: 17px; margin-right: 6px; vertical-align: middle; display: inline-block;
}
.o-layerannotation__response-status i {
	display: none;
}
.o-layerannotation__response-user {
	font-size: 13px; vertical-align: middle;
}
.o-layerannotation__response--simple [data-value='0'].o-layerannotation__response-status {
	border-color: transparent;
}
.o-layerannotation__response--simple [data-value='0'].o-layerannotation__response-status i {
	color: rgba(0, 0, 0, 0.4); display: inline-block;
}
.o-layerannotation__response--simple [data-value='1'].o-layerannotation__response-status {
	border-color: transparent;
}
.o-layerannotation__response--simple [data-value='1'].o-layerannotation__response-status i {
	color: rgba(163, 206, 98, 1); display: inline-block;
}
.o-layerannotation__response--approval [data-value='1'].o-layerannotation__response-status {
	border-color: transparent;
}
.o-layerannotation__response--approval [data-value='1'].o-layerannotation__response-status i {
	color: rgba(163, 206, 98, 1); display: inline-block;
}
.o-layerannotation__response--approval [data-value='0'].o-layerannotation__response-status {
	border-color: transparent;
}
.o-layerannotation__response--approval [data-value='0'].o-layerannotation__response-status i {
	color: rgb(241, 102, 81); display: inline-block;
}
.o-layerannotation__response--emotion [data-value='1'].o-layerannotation__response-status {
	border-color: transparent;
}
.o-layerannotation__response--emotion [data-value='1'].o-layerannotation__response-status i {
	color: rgba(163, 206, 98, 1); display: inline-block;
}
.o-layerannotation__response--emotion [data-value='2'].o-layerannotation__response-status {
	border-color: transparent;
}
.o-layerannotation__response--emotion [data-value='2'].o-layerannotation__response-status i {
	color: rgba(250, 177, 23, 1); display: inline-block;
}
.o-layerannotation__response--emotion [data-value='3'].o-layerannotation__response-status {
	border-color: transparent;
}
.o-layerannotation__response--emotion [data-value='3'].o-layerannotation__response-status i {
	color: rgb(241, 102, 81); display: inline-block;
}
.o-layerannotation__sb-item--own {
	padding-bottom: 0px;
}
.o-layerannotation__sb-item--own .cm-setting {
	padding: 0px 6px; border-top-color: rgb(240, 240, 240); border-top-width: 1px; border-top-style: solid;
}
.o-layerannotation__hint {
	color: rgba(54, 61, 74, 0.5); font-size: 12px; margin-top: 11px;
}
.o-layerannotation__sb-nr {
	background: rgb(0, 0, 0); border-radius: 50%; left: -5px; top: -5px; width: 16px; height: 16px; text-align: center; color: rgb(255, 255, 255); line-height: 16px; font-size: 11px; position: absolute;
}
.o-layerannotation__sb-item--resolved .o-layerannotation__sb-nr {
	background: rgba(163, 206, 98, 1);
}
.o-layercolor {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; display: none; position: absolute; z-index: 1; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none;
}
.o-layercolor__e {
	position: absolute; user-select: none;
}
.state-dragged.o-layercolor__e {
	z-index: 10;
}
.o-layercolor__e-dot {
	background: none; border-radius: 50%; border: 2px solid rgb(255, 255, 255); border-image: none; left: -7px; top: -7px; width: 10px; height: 10px; text-decoration: none; display: block; position: absolute; z-index: 1; cursor: default; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); -webkit-transition-property: box-shadow; -webkit-transition-duration: 300ms;
}
.state-selected.o-layercolor__e .o-layercolor__e-dot {
	border-color: rgba(86, 150, 214, 1);
}
.o-layercolor__e-meta {
	background: rgb(40, 44, 47); padding: 5px; border-radius: 5px; color: rgb(255, 255, 255); margin-top: 15px; margin-left: -17px; position: relative; z-index: 1; cursor: default; box-sizing: border-box; -moz-box-sizing: border-box;
}
.o-layercolor__e-meta::after {
	border-width: 7px; border-style: solid; border-color: transparent transparent rgb(40, 44, 47); margin: 0px 0px 0px -7px; border-image: none; left: 17px; width: 0px; height: 0px; bottom: 34px; position: absolute; content: " "; pointer-events: none;
}
.o-layercolor__e-color-wrap {
	border-radius: 3px; width: 25px; height: 25px; float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
}
.o-layercolor__e-color {
	border-radius: 3px; width: 25px; height: 25px; display: block; box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.8);
}
.o-layercolor__e-value {
	padding-right: 5px; margin-left: 30px; white-space: nowrap;
}
.o-layercolor__e-css {
	color: rgb(221, 221, 221); line-height: 1; font-size: 11px; margin-bottom: 3px; display: block;
}
.o-layercolor__e-hex {
	color: rgba(255, 255, 255, 0.5); text-transform: uppercase; line-height: 1; font-family: menlo,monospace; font-size: 11px; display: block;
}
.state-selected.o-layercolor__e {
	z-index: 2;
}
.o-layercolor__sb-color-wrap {
	margin: 1px 6px 0px 1px; border-radius: 50%; width: 18px; height: 18px; float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
}
.o-layercolor__sb-color {
	border-radius: 50%; width: 18px; height: 18px; display: block; cursor: move; box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
}
.o-layercolor__sb-title {
	line-height: 1.4; overflow: hidden; font-size: 13px;
}
.o-layercolor__sb-name {
	float: left;
}
.o-layercolor__sb-value {
	color: rgb(204, 204, 204); text-transform: uppercase; font-family: menlo,monospace; float: right;
}
.o-layercolor__sb-opacity {
	color: rgb(170, 170, 170); font-size: 12px; margin-left: 3px; display: inline-block;
}
.o-layercolor__sb-palette {
	color: rgb(204, 204, 204); clear: both; font-size: 11px; display: block;
}
.o-layercolor__group {
	margin-top: 14px;
}
.o-layercolor__search-item {
	background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: transparent transparent rgb(240, 240, 240); list-style: none; padding: 5px 18px; border-image: none; line-height: 1.4; font-size: 13px; cursor: pointer; box-sizing: border-box;
}
.cm-setting-search__preview :last-child.o-layercolor__search-item {
	padding-bottom: 0px; border-bottom-color: transparent;
}
.o-layercolor__search-item .o-layercolor__sb-color {
	cursor: pointer;
}
.o-layerinteraction {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; overflow: hidden; display: none; position: absolute; z-index: 1; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none;
}
.o-layerinteraction__e {
	position: absolute; cursor: pointer;
}
.o-layerinteraction__e-area {
	border: 3px solid rgba(95, 200, 215, 0.8); border-image: none; box-sizing: border-box; background-color: rgba(95, 200, 215, 0.2); -moz-box-sizing: border-box;
}
.o-layerinteraction__e-area:hover {
	border: 3px solid rgba(95, 200, 215, 0.9); border-image: none; background-color: rgba(95, 200, 215, 0.5);
}
.o-layerinteraction__e-area-ghost {
	border: 3px solid rgba(95, 200, 215, 0.8); border-image: none; display: none; position: absolute; box-sizing: border-box; background-color: rgba(95, 200, 215, 0.1); -moz-box-sizing: border-box;
}
.o-layerinteraction__e--template .o-layerinteraction__e-area {
	border: 3px solid rgba(0, 255, 0, 0.8); border-image: none; background-color: rgba(0, 255, 0, 0.2);
}
.o-layerinteraction__e--template .o-layerinteraction__e-area:hover {
	border: 3px solid rgba(0, 255, 0, 0.9); border-image: none; background-color: rgba(0, 255, 0, 0.5);
}
.o-layerinteraction__e-label {
	padding: 2px 4px; border-radius: 2px; transition:opacity 100ms ease-in; left: 0px; top: -18px; color: rgb(255, 255, 255); font-size: 11px; white-space: nowrap; position: absolute; z-index: 10; opacity: 0; -ms-user-select: none; background-color: rgb(34, 34, 34); -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none; -webkit-transition: opacity 100ms ease-in; -moz-transition: opacity 100ms ease-in; -o-transition: opacity 100ms ease-in;
}
.o-layerinteraction__e:hover .o-layerinteraction__e-label {
	opacity: 1;
}
.o-layerinteraction__e-resize {
	border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.7); border-image: none; width: 8px; height: 8px; right: -5px; bottom: -5px; display: none; position: absolute; z-index: 2; background-color: rgba(95, 200, 215, 0.8);
}
.o-layerinteraction__e-resize:hover {
	background-color: rgba(95, 200, 215, 1);
}
.state-selected.o-layerinteraction__e .o-layerinteraction__e-area {
	border-color: rgba(95, 200, 215, 1); background-color: rgba(95, 200, 215, 0.7);
}
.state-selected.o-layerinteraction__e--template .o-layerinteraction__e-area {
	border: 3px solid rgba(0, 255, 0, 1); border-image: none; background-color: rgba(0, 255, 0, 0.7);
}
.state-selected.o-layerinteraction__e {
	z-index: 2;
}
.state-selected.o-layerinteraction__e .o-layerinteraction__e-resize {
	display: block;
}
.o-layerinteraction__divider {
	background: rgba(0, 255, 0, 0.7); top: 0px; width: 100%; height: 1px; display: none; position: absolute; z-index: 10; cursor: ns-resize;
}
.o-layerinteraction__divider--anchor {
	background-color: rgba(95, 200, 215, 0.7);
}
.state-enabled.o-layerinteraction__divider {
	display: block;
}
.o-layerinteraction__divider-handle {
	background: rgba(0, 255, 0, 0.7); margin: -10px auto 0px; padding: 2px 0px 3px; width: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 1; font-size: 15px; display: block; cursor: ns-resize; box-shadow: 0px -2px 9px rgba(31,37,50,0.4);
}
.o-layerinteraction__divider--anchor .o-layerinteraction__divider-handle {
	background: rgba(95, 200, 215, 0.7);
}
.o-layerinteraction__sb-symbol {
	width: 30px; line-height: 1em; font-size: 30px; margin-top: -6px; margin-right: 3px; float: left; display: block;
}
.o-layerinteraction__sb-symbol-template {
	border: 3px solid rgba(0, 255, 0, 0.8); border-image: none; width: 10px; height: 10px; margin-top: 1px; margin-right: 10px; float: left; display: block; background-color: rgba(0, 255, 0, 0.2);
}
.o-layerinteraction__sb-toggle {
	margin-top: -2px; float: right;
}
.o-layerinteraction__sb-title {
	line-height: 1.4; overflow: hidden; font-size: 13px;
}
.o-layerinteraction__sb-value {
	color: rgb(170, 170, 170); font-size: 12px; margin-left: 3px; display: inline-block;
}
.o-layerinteraction__search-item {
	background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: transparent transparent rgb(240, 240, 240); list-style: none; padding: 10px 18px; border-image: none; line-height: 1.4; overflow: hidden; font-size: 13px; cursor: pointer; box-sizing: border-box;
}
.o-layerinteraction__search-item--target {
	padding: 5px 18px; min-height: 42px;
}
.o-layerinteraction__search-item--none .o-layerinteraction__sb-symbol-template {
	border: 3px solid rgba(95, 200, 215, 0.8); border-image: none; background-color: rgba(95, 200, 215, 0.2);
}
.cm-setting-search__preview :last-child.o-layerinteraction__search-item {
	padding-bottom: 0px; border-bottom-color: transparent;
}
.o-layerinteraction__search-preview {
	width: 32px; height: 32px; overflow: hidden; float: left;
}
.o-layerinteraction__search-image-wrap {
	height: 0px; position: relative;
}
.o-layerinteraction__search-image {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.o-layerinteraction__search-content {
	line-height: 1.4; overflow: hidden; padding-left: 8px; font-size: 13px;
}
.o-layerinteraction__template {
	display: none;
}
.o-layerinteraction__trigger {
	display: none;
}
.state-visible.o-layerinteraction__template {
	border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.state-visible.o-layerinteraction__trigger {
	border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.o-layermeasure {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; display: none; position: absolute; z-index: 1; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none;
}
.o-layermeasure__sb-symbol {
	width: 16px; height: 16px; margin-top: 1px; margin-right: 6px; float: left; display: block; cursor: move;
}
.o-layermeasure__sb-symbol img {
	width: 100%;
}
.o-layermeasure__sb-title {
	line-height: 1.4; overflow: hidden; padding-left: 6px; font-size: 13px;
}
.o-layermeasure__e {
	position: absolute; cursor: pointer;
}
.o-layermeasure__e-area {
	box-sizing: border-box; -moz-box-sizing: border-box;
}
.o-layermeasure__e-area-ghost {
	border: 1px solid rgba(255, 0, 0, 0.8); border-image: none; display: none; position: absolute; box-sizing: border-box; background-color: rgba(255, 0, 0, 0.1); -moz-box-sizing: border-box;
}
.o-layermeasure__e-area--width .o-layermeasure__e-line {
	background: rgba(255, 0, 0, 0.8); width: 100%; height: 1px; position: absolute;
}
.o-layermeasure__e-area--height .o-layermeasure__e-line {
	background: rgba(255, 0, 0, 0.6); width: 1px; height: 100%; position: absolute;
}
.o-layermeasure__e-area--box {
	background-color: rgba(255, 0, 0, 0.4);
}
.o-layermeasure__e-area--box:hover {
	background-color: rgba(255, 0, 0, 0.6);
}
.o-layermeasure__e-resize {
	background: rgba(255, 0, 0, 0.3); border-radius: 50%; width: 12px; height: 12px; display: none; position: absolute; z-index: 2;
}
.o-layermeasure__e-resize:hover {
	background: rgba(255, 0, 0, 0.5);
}
.o-layermeasure__e-area--box .o-layermeasure__e-resize {
	right: -6px; bottom: -6px;
}
.o-layermeasure__e-area--height .o-layermeasure__e-resize {
	left: -6px; bottom: -6px;
}
.o-layermeasure__e-area--width .o-layermeasure__e-resize {
	top: -6px; right: -6px;
}
.state-selected.o-layermeasure__e .o-layermeasure__e-area--box {
	background: rgba(255, 0, 0, 0.8);
}
.state-selected.o-layermeasure__e .o-layermeasure__e-area--width .o-layermeasure__e-line {
	background: rgba(255, 0, 0, 1);
}
.state-selected.o-layermeasure__e .o-layermeasure__e-area--height .o-layermeasure__e-line {
	background: rgba(255, 0, 0, 1);
}
.state-selected.o-layermeasure__e {
	z-index: 2;
}
.state-selected.o-layermeasure__e .o-layermeasure__e-resize {
	display: block;
}
.o-layermeasure__e-label {
	padding: 2px; border-radius: 3px; line-height: 1; font-size: 10px; font-weight: 700; white-space: nowrap; position: absolute;
}
.o-layermeasure__e-label--box {
	left: 3px; top: 3px; color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 0, 0, 0.8);
}
.o-layermeasure__e-label--height {
	left: 5px; bottom: calc(50% + -7px); color: red;
}
.o-layermeasure__e-label--width {
	left: calc(50% + -20px); top: 5px; color: red;
}
.o-layermeasure__e:hover .o-layermeasure__e-label--height {
	background: rgba(255, 0, 0, 0.5); color: rgba(255, 255, 255, 0.8);
}
.o-layermeasure__e:hover .o-layermeasure__e-label--width {
	background: rgba(255, 0, 0, 0.5); color: rgba(255, 255, 255, 0.8);
}
.state-selected.o-layermeasure__e .o-layermeasure__e-label--height {
	background: rgba(255, 0, 0, 0.8); color: rgba(255, 255, 255, 0.8);
}
.state-selected.o-layermeasure__e .o-layermeasure__e-label--width {
	background: rgba(255, 0, 0, 0.8); color: rgba(255, 255, 255, 0.8);
}
.o-layermeasure__detector {
	display: none;
}
.o-layermeasure__detector-h {
	background: rgba(255, 0, 0, 0.5); height: 1px; display: block; position: absolute;
}
.o-layermeasure__detector-v {
	background: rgba(255, 0, 0, 0.5); width: 1px; display: block; position: absolute;
}
.o-layermeasure__detector-left {
	background: rgba(255, 0, 0, 0.5); left: 0px; top: -2px; width: 1px; height: 5px; position: absolute;
}
.o-layermeasure__e-area--width .o-layermeasure__e-first {
	background: rgba(255, 0, 0, 0.5); left: 0px; top: -2px; width: 1px; height: 5px; position: absolute;
}
.o-layermeasure__detector-right {
	background: rgba(255, 0, 0, 0.5); top: -2px; width: 1px; height: 5px; right: 0px; position: absolute;
}
.o-layermeasure__e-area--width .o-layermeasure__e-second {
	background: rgba(255, 0, 0, 0.5); top: -2px; width: 1px; height: 5px; right: 0px; position: absolute;
}
.o-layermeasure__detector-top {
	background: rgba(255, 0, 0, 0.5); left: -2px; top: 0px; width: 5px; height: 1px; position: absolute;
}
.o-layermeasure__e-area--height .o-layermeasure__e-first {
	background: rgba(255, 0, 0, 0.5); left: -2px; top: 0px; width: 5px; height: 1px; position: absolute;
}
.o-layermeasure__detector-bottom {
	background: rgba(255, 0, 0, 0.5); left: -2px; width: 5px; height: 1px; bottom: 0px; position: absolute;
}
.o-layermeasure__e-area--height .o-layermeasure__e-second {
	background: rgba(255, 0, 0, 0.5); left: -2px; width: 5px; height: 1px; bottom: 0px; position: absolute;
}
.o-layermeasure__detector-value {
	background: rgba(255, 0, 0, 0.7); padding: 3px 6px; border-radius: 2px; color: rgba(255, 255, 255, 0.9); font-size: 11px; display: inline-block; position: absolute;
}
.o-layermetadata__e-basics-value {
	overflow: hidden; float: right; -ms-text-overflow: ellipsis; max-width: 230px;
}
.o-layermetadata__e-basics-attribute {
	color: rgba(154, 158, 164, 1); float: left;
}
.o-layermetadata__e-basics-wrapper {
	overflow: hidden; font-size: 12px;
}
.o-layermodule {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; display: none; position: absolute; z-index: 1; user-select: none;
}
.o-layermodule__e {
	position: absolute; cursor: default;
}
.o-layermodule__e-area {
	border: 3px solid rgba(255, 174, 0, 0.8); border-image: none; box-sizing: border-box; background-color: rgba(255, 174, 0, 0.2); -moz-box-sizing: border-box;
}
.o-layermodule__e-area-ghost {
	border: 3px solid rgba(255, 174, 0, 0.8); border-image: none; display: none; position: absolute; box-sizing: border-box; background-color: rgba(255, 174, 0, 0.1); -moz-box-sizing: border-box;
}
.o-layermodule__e-iframe {
	transform-origin: left top; width: 100%; height: 100%; pointer-events: none;
}
.o-layermodule__e-label {
	padding: 2px 4px; border-radius: 2px; transition:opacity 100ms ease-in; left: 0px; top: -18px; color: rgb(255, 255, 255); font-size: 11px; display: block; white-space: nowrap; position: absolute; z-index: 10; opacity: 0; -ms-user-select: none; background-color: rgb(34, 34, 34); -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none; -webkit-transition: opacity 100ms ease-in; -moz-transition: opacity 100ms ease-in; -o-transition: opacity 100ms ease-in;
}
.o-layermodule__e:hover .o-layermodule__e-label {
	opacity: 1;
}
.o-layermodule__e-resize {
	border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.7); border-image: none; width: 8px; height: 8px; right: -5px; bottom: -5px; display: none; position: absolute; z-index: 2; background-color: rgba(255, 174, 0, 0.8);
}
.state-selected.o-layermodule__e {
	z-index: 2;
}
.o-layermodule__e-resize:hover {
	background-color: rgba(255, 174, 0, 1);
}
.state-selected.o-layermodule__e .o-layermodule__e-area {
	border-color: rgba(255, 174, 0, 1); background-color: rgba(255, 174, 0, 0.5);
}
.state-selected.o-layermodule__e .o-layermodule__e-resize {
	display: block;
}
.o-layermodule__sb-symbol {
	width: 16px; height: 16px; margin-top: 1px; margin-right: 6px; float: left; display: block; cursor: move;
}
.o-layermodule__sb-symbol img {
	width: 100%;
}
.o-layermodule__sb-title {
	line-height: 1.4; overflow: hidden; font-size: 13px; margin-left: 6px;
}
.o-layermodule__sb-pattern-name {
	color: rgba(0, 0, 0, 0.6); font-size: 11px; float: right;
}
.o-layermodule__sb-value {
	color: rgb(170, 170, 170); font-size: 12px; margin-left: 3px; display: inline-block;
}
.o-layercolor__sb-granularity {
	color: rgb(204, 204, 204); clear: both; font-size: 11px; display: block;
}
.o-layermodule__variation {
	display: none;
}
.state-visible.o-layermodule__variation {
	display: block;
}
.o-layermodule__status-wrapper {
	line-height: 20px; margin-top: 9px; float: left; display: block;
}
.o-layermodule__status-wrapper--single {
	margin-top: 0px;
}
.o-layermodule__status-bubble {
	border-radius: 50%; width: 15px; height: 15px; margin-right: 4px; vertical-align: text-top; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.o-layermodule__search-item {
	background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: transparent transparent rgb(240, 240, 240); list-style: none; padding: 5px 18px; border-image: none; line-height: 1.4; font-size: 13px; cursor: pointer; box-sizing: border-box;
}
.o-layermodule__search-item .o-layermodule__sb-symbol {
	width: 13px; height: 13px;
}
.cm-setting-search__preview .o-layermodule__search-item {
	padding-bottom: 0px; border-bottom-color: transparent;
}
.o-layermodule__sidebar_preview {
	text-align: center; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid;
}
.o-layermodule__sidebar_preview img {
	margin: 20px auto; display: inline-block;
}
.o-editorsidebar__item:hover .o-layermodule__sb-preview {
	display: block;
}
.o-layermodule__sb-preview {
	border-radius: 3px; left: 150px; top: 5px; display: none; position: absolute; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.o-layermodule__sb-preview img {
	width: 120px; display: block;
}
.o-layerpublishing {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; display: none; position: absolute; z-index: 1; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none;
}
.state-hidden.o-layerpublishing {
	z-index: -1;
}
.o-layerpublishing__listing {
	margin: 0px -13px;
}
.o-layerpublishing__listing-note {
	padding: 16px; color: rgb(154, 158, 164); font-size: 13px;
}
.o-layerpublishing__listing-item {
	padding: 16px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer;
}
:last-child.o-layerpublishing__listing-item {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.o-layerpublishing__listing-item-title {
	color: rgb(54, 61, 74); line-height: 18px; font-size: 13px;
}
.o-layerpublishing__listing-item-text {
	color: rgb(54, 61, 74); line-height: 18px; font-size: 13px;
}
.o-layerpublishing__listing-item-title {
	font-weight: 700;
}
.o-layerpublishing__chooser {
	height: calc(100vh - 200px); display: flex;
}
.o-layerpublishing__uploader {
	height: 200px; overflow: hidden;
}
.o-layerview {
	left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; display: none; position: absolute; z-index: 1; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none;
}
.o-layerview__container {
	left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: auto; position: absolute;
}
.o-layerview__wrap {
	overflow: hidden; display: block; position: relative;
}
.o-layerview__header {
	width: 100%; overflow: hidden; display: block; position: fixed; z-index: 2;
}
.o-layerview__footer {
	width: 100%; overflow: hidden; display: block; position: fixed; z-index: 2;
}
.o-layerview__header-inner {
	position: relative;
}
.o-layerview__main-inner {
	position: relative;
}
.o-layerview__footer-inner {
	position: relative;
}
.o-layerview__footer-inner {
	height: 100%;
}
.o-layerview__image {
	width: 100%; vertical-align: top; display: block; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none;
}
.o-layerview__header-inner .o-layerview__image {
	top: 0px; vertical-align: top; position: absolute;
}
.o-layerview__footer-inner .o-layerview__image {
	bottom: 0px; vertical-align: bottom; position: absolute;
}
.o-layerview__e {
	top: 0px; position: absolute; z-index: 1; cursor: pointer; opacity: 0;
}
.o-layerview__e-area {
	border: 3px solid rgba(95, 200, 215, 0.8); border-image: none; box-sizing: border-box; background-color: rgba(95, 200, 215, 0.6); -moz-box-sizing: border-box;
}
html {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.modLayout {
	background: rgb(245, 245, 246); height: 100%;
}
.modLayout body {
	height: 100%;
}
.modLayout .head-toolbar {
	width: 100%; height: 61px; border-bottom-color: rgba(0, 0, 0, 0.05); border-bottom-width: 1px; border-bottom-style: solid; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modLayout .head-toolbar h1 {
	color: rgb(68, 68, 68); line-height: 32px; overflow: hidden; font-size: 23px; margin-right: 20px; margin-left: 25px; float: left; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.modLayout .head-toolbar h1 a {
	color: rgb(68, 68, 68); text-decoration: none;
}
.modLayout .head-toolbar h1 span {
	color: rgb(187, 187, 187);
}
.modLayout .head-toolbar .breadcrumb {
	padding: 1px 10px; color: rgb(68, 68, 68); float: left;
}
.modLayout .head-toolbar .breadcrumb h4 {
	color: rgb(153, 153, 153); font-size: 11px;
}
.modLayout .head-toolbar .breadcrumb .set {
	font-size: 16px;
}
.head-toolbar .toolbar {
	padding: 0px 25px;
}
.head-toolbar .toolbar-context {
	background: rgba(95, 200, 215, 1); padding: 14px 19px; left: 0px; top: 60px; height: 62px; text-align: center; right: 0px; display: none; position: fixed; z-index: 5; box-sizing: border-box; -moz-box-sizing: border-box;
}
.head-toolbar .toolbar-context .lbl-selection {
	color: rgba(255, 255, 255, 0.5); line-height: 35px; padding-right: 20px; padding-left: 5px; font-size: 15px; float: none; display: inline-block;
}
.head-toolbar .toolbar-context .lbl-selection .item-count {
	color: rgb(255, 255, 255); font-weight: 700;
}
.head-toolbar .toolbar-context .btn {
	background: 0px 0px; border-color: rgba(255, 255, 255, 0.5); transition:border-color 0.15s linear; color: rgb(255, 255, 255); float: none; display: inline-block; -webkit-transition: border-color .15s linear;
}
.head-toolbar .toolbar-context .btn:active {
	padding: 8px 15px;
}
.head-toolbar .toolbar-context .btn:hover {
	border-color: rgb(255, 255, 255);
}
.head-toolbar .toolbar-right {
	float: right;
}
.search {
	float: left;
}
.search .fld {
	padding: 7px 12px; border-radius: 3px; border: 1px solid rgb(209, 209, 209); transition:border 300ms ease-out; border-image: none; width: 150px; color: rgb(102, 102, 102); font-size: 14px; text-decoration: none; margin-right: 15px; -webkit-transition: border 300ms ease-out; -moz-transition: border 300ms ease-out; -o-transition: border 300ms ease-out;
}
.search .fld:focus {
	border-color: rgb(92, 147, 216); outline: 0px; box-shadow: 0px 0px 5px #b3d4fd;
}
.modLayout .wrapper {
	margin: 0px auto;
}
.modLayout .viewport {
	margin: 0px auto; width: 1140px; padding-top: 250px; display: none;
}
.modLayout > body .head {
	background: rgb(255, 255, 255); transition:top 300ms ease-out; width: 100%; height: 60px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; position: relative; -webkit-transition: top 300ms ease-out; -moz-transition: top 300ms ease-out; -o-transition: top 300ms ease-out;
}
.modLayout > body .hidden.head {
	top: -60px;
}
.modLayout > body .foot {
	background: rgb(248, 248, 248); left: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 99;
}
.skinLayoutLight > body .head {
	background: rgb(255, 255, 255); border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.ui-selectable-helper {
	background: rgba(162, 206, 241, 0.5); position: absolute;
}
@media print
{
.modLayout > body .head {
	display: none;
}
.modLayout > body .foot {
	display: none;
}
}
.o-loginpagebuilder {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; -ms-overflow-x: auto;
}
.o-loginpagebuilder .signup {
	margin-top: 10vh;
}
.o-loginpagebuilder__wrapper {
	position: relative;
}
.o-loginpagebuilder__control {
	background: rgb(221, 221, 221); left: 0px; right: 0px; bottom: 0px; display: block; visibility: visible; position: fixed; z-index: 10;
}
.o-loginpagebuilder__control-setting {
	padding: 20px; width: 150px; font-size: 12px; border-right-color: rgba(0, 0, 0, 0.05); border-right-width: 1px; border-right-style: solid; display: inline-block; position: relative;
}
.o-loginpagebuilder__control-setting .dropzone {
	padding: 15px; border: 1px dotted rgb(0, 0, 0); border-image: none; text-align: center; background-color: rgb(251, 251, 251);
}
.o-loginpagebuilder__control .dropzone input {
	margin: 0px; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; position: absolute; cursor: pointer; direction: ltr; opacity: 0;
}
.o-loginpagebuilder__control .dropzone i {
	font-size: 20px; display: block;
}
.o-loginpagebuilder__control-setting label {
	color: rgba(0, 0, 0, 0.5); font-size: 12px; margin-bottom: 5px; display: block;
}
.o-loginpagebuilder__control-setting-input {
	padding: 8px; width: 100px;
}
.o-loginpagebuilder__control-setting-save {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);
}
.o-loginpagebuilder__control-setting-checkbox {
	margin-right: 8px; display: inline;
}
.o-loginpagebuilder__control-setting-wrapper {
	padding: 8px 0px; display: block;
}
.o-loginpagebuilder__settings {
	left: 50%; top: 0px; right: auto; display: block; transform: translateX(65%);
}
.o-loginpagebuilder__settings .cm-tabs--default .cm-tabs__content {
	padding-bottom: 0px;
}
.o-loginpagepreview {
	
}
.modLogo {
	margin-right: 5px; margin-left: 18px; float: left;
}
.modLogo a {
	margin: 10px 0px; padding: 10px; height: 30px; text-align: center; color: rgb(255, 255, 255); text-decoration: none; display: block;
}
.modLogo a svg {
	transition:-webkit-transform 200ms ease-in-out; float: left; display: block; opacity: 0.7; -webkit-transition: -webkit-transform 200ms ease-in-out; -moz-transition: -webkit-transform 200ms ease-in-out; -o-transition: -webkit-transform 200ms ease-in-out;
}
.modLogo a span {
	float: left; display: block;
}
.modLogo a:hover svg {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.modLogo .toggle {
	background: rgba(0, 0, 0, 0.2); padding: 7px 10px; border-radius: 0px 0px 4px 4px; transition:top 300ms ease-out, background-color 300ms ease-out; left: 20px; top: -31px; color: rgba(255, 255, 255, 1); position: fixed; z-index: 1; -webkit-transition: top 300ms ease-out, background-color 300ms ease-out; -moz-transition: top 300ms ease-out, background-color 300ms ease-out; -o-transition: top 300ms ease-out, background-color 300ms ease-out;
}
.hidden.head .modLogo .toggle {
	top: 0px;
}
.hidden.head .modLogo .toggle:hover {
	background-color: rgb(0, 0, 0);
}
.skinLogoSmall a {
	padding: 13px 13px 12px 0px; width: 25px; font-size: 10px;
}
.skinLogoWireframe {
	margin: 0px; border-radius: 4px; left: 5px; top: 5px; position: fixed; z-index: 1;
}
.skinLogoWireframe a {
	padding: 0px; width: 40px; text-align: center; text-decoration: none; display: block; opacity: 0.7;
}
@media screen and (max-width:760px)
{
.modLogo {
	margin-right: 0px;
}
}
.modMetrics {
	padding: 25px;
}
.modMetrics .data {
	width: 100%; font-size: 12px; margin-bottom: 20px;
}
.modMetrics .data thead th {
	padding: 5px 0px; color: rgb(153, 153, 153); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(255, 255, 255); border-bottom-width: 1px; border-left-width: 0px; border-bottom-style: solid; border-left-style: solid;
}
.modMetrics .data thead th a {
	color: rgb(153, 153, 153); display: block;
}
.modMetrics .data thead .metric a {
	width: 48px; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.modMetrics .data thead th a:hover {
	color: rgb(43, 132, 190);
}
.modMetrics .data tbody td {
	padding: 5px 0px; text-align: left; border-bottom-color: rgb(238, 238, 238); border-left-color: rgb(255, 255, 255); border-bottom-width: 1px; border-left-width: 0px; border-bottom-style: solid; border-left-style: solid;
}
.modMetrics .data tbody td a.link {
	color: rgb(43, 132, 190);
}
.modMetrics .data tbody .col-user {
	text-align: right; padding-right: 20px;
}
.modMetrics h2 {
	color: rgb(2, 84, 110); padding-bottom: 10px; font-size: 24px; font-weight: 700;
}
.modMetrics h3 {
	color: rgb(2, 84, 110); padding-bottom: 15px; font-size: 18px; font-weight: 400;
}
.modMetrics h4 {
	color: rgb(255, 255, 255); font-weight: 700; margin-bottom: 10px;
}
.modMetrics .tagline {
	color: rgba(0, 0, 0, 0.6); line-height: 1.4; font-size: 12px; margin-bottom: 10px;
}
.modMetrics code {
	background: rgb(248, 248, 248); padding: 0px 2px; font-family: Menlo; font-size: 10px; display: inline-block;
}
.modMetrics .icon-circle {
	color: rgb(221, 221, 221);
}
.modMetrics .status-ACTIVE.icon-circle {
	color: rgba(163, 206, 98, 1);
}
.modMetrics .status-INACTIVE.icon-circle {
	color: rgb(241, 102, 81);
}
.modMetrics .btn {
	padding: 5px 8px;
}
.modMetrics .data tbody .metric {
	background: rgb(250, 255, 244); width: 48px; text-align: center; color: rgba(0, 0, 0, 0.3); border-bottom-color: rgba(0, 0, 0, 0.03);
}
.modMetrics .data thead .metric {
	text-align: center;
}
.modMetrics .data .metric-group {
	border-left-color: rgb(255, 255, 255); border-left-width: 10px; border-left-style: solid;
}
.modMetrics .data .metric-vis {
	text-align: center; color: rgb(153, 153, 153);
}
.modMetrics .data .col-name span {
	width: 200px; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.modMetrics .chart {
	padding: 15px; border-radius: 4px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 203px; text-align: center; overflow: hidden; margin-right: 20px; margin-bottom: 20px; float: left; position: relative;
}
.modMetrics .chart .ticks {
	height: 100px; overflow: hidden; position: relative;
}
.modMetrics .chart .tick {
	background: rgba(94, 211, 59, 1); left: 0px; width: 35px; bottom: 0px; margin-right: 2px; float: left; position: absolute;
}
.modMetrics .chart span {
	font-size: 12px; margin-top: 8px; display: block;
}
.modMetrics .chart p {
	font-size: 12px; margin-top: 8px; display: block;
}
.modModal {
	margin: -280px 0px 0px -230px; border-radius: 3px; left: 50%; top: 40%; width: 460px; display: none; position: fixed; z-index: 1050;
}
.modModal code {
	padding: 15px; border-radius: 3px; color: rgb(221, 221, 221); line-height: 1.5; overflow: auto; font-family: menlo,monospace; font-size: 12px; margin-top: 15px; display: block; background-color: rgb(51, 51, 51);
}
pre {
	padding: 15px; border-radius: 3px; color: rgb(221, 221, 221); line-height: 1.5; overflow: auto; font-family: menlo,monospace; font-size: 12px; margin-top: 15px; display: block; background-color: rgb(51, 51, 51);
}
.modModal code {
	white-space: nowrap;
}
.skinModalLarge.modModal {
	width: 700px;
}
.modModal .tab {
	display: none;
}
.modModal .tab-1 {
	display: block;
}
.modModal .modal-head {
	background: rgb(255, 255, 255); padding: 20px 30px; border-radius: 3px 3px 0px 0px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; -webkit-border-radius: 3px 3px 0 0;
}
.modModal .btn-close {
	padding: 4px 7px; border-radius: 3px; border: 1px solid rgb(238, 238, 238); border-image: none; top: 15px; right: 15px; color: rgba(0, 0, 0, 0.2); text-decoration: none; display: block; position: absolute;
}
.modModal .btn-close:hover {
	border-color: rgb(221, 221, 221); color: rgb(68, 68, 68);
}
.modModal .modal-head > h2 {
	color: rgba(54, 61, 74, 1); line-height: 1.5; font-size: 22px; font-weight: 300;
}
.modModal .body {
	padding: 30px 30px 5px; position: relative; background-color: rgb(244, 244, 244);
}
.modModal .body .help {
	background: rgb(0, 0, 0); padding: 15px; border-radius: 0px 5px 5px 0px; top: 0px; width: 200px; right: -230px; position: absolute;
}
.modModal .body .help h3 {
	color: rgb(221, 221, 221); font-size: 14px; font-weight: 700; margin-bottom: 5px;
}
.modModal .body .help p {
	color: rgb(187, 187, 187); line-height: 1.4; font-size: 13px;
}
.modModal .body .help .toggle {
	top: 12px; right: 15px; color: rgb(102, 102, 102); font-size: 14px; text-decoration: none; position: absolute;
}
.modModal .modal-foot {
	background: rgb(255, 255, 255); padding: 15px 30px 30px; border-radius: 0px 0px 5px 5px; overflow: hidden; -webkit-border-radius: 0 0 5px 5px;
}
.modModal .dropzone {
	border: 3px dashed rgb(238, 238, 238); border-image: none; height: 150px; margin-bottom: 20px;
}
.modModal .btn-selected {
	box-shadow: inset 0px -2px 15px rgba(0,0,0,0.2);
}
.modModal .btn-selected:hover {
	color: rgb(0, 0, 0);
}
.modModal button.btn-selected:active {
	outline: 0px;
}
.modModal button.btn-selected:focus {
	outline: 0px;
}
.modModal .btn-left {
	border-radius: 3px 0px 0px 3px; margin-right: 0px;
}
.modModal .btn-middle {
	border-radius: 0px; margin-right: 0px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.modModal .btn-right {
	border-radius: 0px 3px 3px 0px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.modModal .btn-add-member {
	font-size: 14px; font-weight: 400; -ms-text-overflow: ellipsis;
}
.modModal .btn-add-member i {
	margin-right: 5px;
}
.modModal .btn-bar {
	overflow: hidden; margin-bottom: 15px;
}
.modModal .btn-delete {
	background: 0px 0px; border-color: transparent; color: rgb(208, 2, 27); font-weight: 700; margin-right: 0px; float: right;
}
.modModal .btn-delete:hover {
	background: rgb(208, 2, 27); color: rgb(255, 255, 255);
}
.modModal .btn-disabled {
	background: rgb(255, 255, 255); border-color: rgb(238, 238, 238); color: rgb(187, 187, 187); cursor: default;
}
.modModal .btn-disabled:hover {
	background: rgb(255, 255, 255); border-color: rgb(238, 238, 238);
}
.modModal .btn-disabled:active {
	box-shadow: none;
}
textarea.fld {
	min-height: 80px;
}
.modModal .fld-code {
	font-family: menlo,monospace; font-size: 11px;
}
.modModal .fld-small {
	width: 250px;
}
.modModal .fld-module-width {
	width: 60px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modModal .fld-module-height {
	width: 60px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modModal .row-instance-size {
	color: rgb(153, 153, 153); font-size: 14px;
}
.modModal .txt {
	border: 0px currentColor; border-image: none; margin-bottom: 20px; box-shadow: none;
}
.modModal .txt .email {
	color: rgb(153, 153, 153);
}
.modModal .fld-error {
	background: rgb(253, 231, 232); border: 1px solid rgb(199, 44, 0); border-image: none; color: rgb(199, 44, 0);
}
.modModal .fld-inline {
	width: auto;
}
.modModal .fld:focus {
	border-color: rgb(92, 147, 216); outline: 0px; box-shadow: 0px 0px 0px 2px #b3d4fd;
}
.modModal pre {
	margin-top: 0px; margin-bottom: 15px;
}
.modModal p {
	color: rgb(68, 68, 68); line-height: 1.5; font-size: 15px;
}
.modModal p a {
	color: rgb(19, 64, 112); text-decoration: underline;
}
.modModal .checklist {
	margin-bottom: 20px;
}
.modModal .checklist .lbl {
	color: rgb(136, 136, 136); text-transform: none; line-height: 1.4; font-size: 13px; font-weight: 400; margin-bottom: 0px; margin-left: 15px; float: left; display: block;
}
.modModal .checklist .lbl strong {
	color: rgb(68, 68, 68); font-size: 14px; display: block;
}
.modModal .checklist li {
	line-height: 1.5; overflow: hidden;
}
.modModal .checklist-large li {
	margin-bottom: 5px;
}
.modModal .checklist-large li.disabled {
	opacity: 0.5;
}
.modModal .people {
	height: 300px; overflow: auto; margin-bottom: 15px; display: block;
}
.modModal .people .col {
	padding: 8px 0px; color: rgb(68, 68, 68); overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.modModal .people .col-image {
	padding: 8px 10px 7px 5px;
}
.modModal .people .col-image img {
	border-radius: 50%; display: block;
}
.modModal .people .col-user > div {
	width: 320px; overflow: hidden; -ms-text-overflow: ellipsis;
}
.modModal .people .col-user {
	font-size: 13px;
}
.modModal .people .col-user .email {
	color: rgb(153, 153, 153); font-size: 12px;
}
.modModal .people .col-user .name {
	line-height: 1.2; font-size: 14px; font-weight: 700;
}
.modModal .people .col-user .invited {
	background: rgb(219, 237, 251); padding: 1px 2px; color: rgba(0, 0, 0, 0.8); font-size: 12px; margin-bottom: 2px; display: inline-block;
}
.modModal .people .col-email {
	width: 160px; color: rgb(153, 153, 153);
}
.modModal .people .col-permission {
	padding: 4px 0px; width: 170px; text-align: right; color: rgb(153, 153, 153); overflow: inherit;
}
.modModal .people .col-permission .fld-permission {
	margin: 0px; width: 168px;
}
.modModal .people .col-permission .fld-permission > .selected > span {
	padding: 6px 8px; font-size: 13px;
}
.modModal .people .col-permission .fld-permission > .selected > i {
	padding: 6px 8px; font-size: 13px;
}
.modModal .people .col-permission .fld-permission > .selected > i {
	width: 16px; line-height: 28px; padding-top: 0px;
}
.modModal .people .col-remove {
	width: 60px; text-align: right; padding-right: 20px;
}
.modModal .people .col-remove a {
	color: rgb(153, 153, 153); text-decoration: none;
}
.modModal .people .col-remove a:hover {
	color: rgb(125, 47, 34);
}
.modModal .nav {
	overflow: hidden; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(248, 248, 248);
}
.modModal .nav li {
	border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left; display: block; position: relative;
}
.modModal .nav li.active {
	
}
.modModal .nav li a {
	padding: 14px 5px 11px; width: 120px; text-align: center; color: rgba(0, 0, 0, 0.5); font-size: 14px; text-decoration: none; border-bottom-color: transparent; border-bottom-width: 3px; border-bottom-style: solid; display: block; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modModal .nav li a .title {
	overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.modModal .nav li a i {
	width: 110px; text-align: center; color: rgba(0, 0, 0, 0.5); font-size: 20px; margin-bottom: 5px; display: block;
}
.modModal .nav li.active a {
	color: rgba(54, 61, 74, 1); border-bottom-color: rgba(54, 61, 74, 1); border-bottom-width: 3px; border-bottom-style: solid;
}
.modModal .nav li.active a i {
	color: rgba(54, 61, 74, 1);
}
.modModal .nav li:hover a {
	color: rgba(54, 61, 74, 1);
}
.modModal .nav li:hover a i {
	color: rgba(54, 61, 74, 1);
}
.modModal .nav li:active a {
	color: rgb(0, 0, 0);
}
.modModal .nav li:active a i {
	color: rgb(0, 0, 0);
}
.modModal .nav li .new {
	background: rgb(226, 145, 29); padding: 2px 4px; border-radius: 3px; top: 5px; right: 5px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 10px; display: block; position: absolute; text-shadow: none;
}
.modModal .color {
	background: url("/img/transparent.png") 0% 0% / 10px 10px rgb(255, 255, 255); border-radius: 3px; height: 60px; margin-bottom: 20px; position: relative;
}
.modModal .color-preview {
	border-radius: 3px; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.modModal .color-preview-full {
	border-radius: 3px; left: 10px; top: 10px; width: 40px; bottom: 10px; position: absolute; z-index: 1;
}
.modModal .danger {
	background: rgba(208, 2, 27, 1); padding: 4px 6px; border-radius: 2px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; margin-bottom: 15px; display: inline-block;
}
.modModal .warning {
	color: rgba(54, 61, 74, 1); overflow: hidden; font-size: 15px; margin-bottom: 20px;
}
.modModal .warning i {
	color: rgba(54, 61, 74, 1); font-size: 34px; margin-right: 20px; float: left;
}
.modModal .limit {
	background: rgb(255, 247, 208); padding: 2px 4px; color: rgb(141, 132, 87); font-size: 13px; margin-bottom: 15px; display: inline-block;
}
.modModal .info {
	text-align: center;
}
.modModal .info span {
	color: rgba(54, 61, 74, 1); font-size: 18px; margin-top: 20px; margin-bottom: 20px; display: block;
}
.modModal .info i {
	padding: 8px 20px; border-radius: 50%; border: 1px solid rgb(0, 0, 0); border-image: none; font-size: 26px;
}
.modModal .limit a {
	color: rgb(0, 0, 0); text-decoration: none;
}
.modModal .limit a:hover {
	text-decoration: underline;
}
.modModal .limit-0 {
	background: rgb(248, 237, 237); color: rgb(162, 65, 65);
}
.modModal table.data {
	margin-bottom: 20px;
}
.modModal table.data thead th {
	padding: 12px 0px; color: rgb(153, 153, 153); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.modModal table.data tbody td {
	padding: 14px 0px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.modModal table.data tbody td a.link {
	color: rgb(43, 132, 190);
}
.modModal table.data tbody td.col-plan {
	font-weight: 700;
}
.modModal table.data .col-price {
	width: 100px;
}
.modModal table.data .col-price a {
	color: rgb(102, 102, 102);
}
.modModal table.data .col-authors {
	text-align: right; padding-right: 14px;
}
.modModal table.data .col-projects {
	text-align: right; padding-right: 14px;
}
.modModal table.data .col-storage {
	width: 80px; text-align: right; padding-right: 14px;
}
.modModal table.data .col-storage {
	text-align: right; padding-right: 14px;
}
.modModal table.data .col-price {
	color: rgb(102, 102, 102);
}
.modModal table.data thead th.col-actions {
	text-align: right;
}
.modModal table.data .col-actions {
	padding: 5px 0px; width: 120px; text-align: right;
}
.modModal table.data .col-actions .btn {
	margin-right: 0px;
}
.modModal .desc-email-confirmation {
	padding-bottom: 20px; font-size: 0.9em;
}
.modModal .strong {
	font-weight: 700;
}
.modModal .red {
	color: rgb(179, 58, 58);
}
.modModal .green {
	color: rgb(21, 153, 12);
}
.modModal .msg-error {
	padding: 0px 0px 10px; font-size: 0.8em; display: block;
}
.modModal .msg-success {
	padding: 0px 0px 10px; font-size: 0.8em; display: block;
}
.modModal .msg-success {
	display: none;
}
.modModal .fld-pw-confirm {
	margin-bottom: 10px;
}
.modModalBackdrop {
	transition:opacity 150ms ease-out; left: 0px; top: 0px; height: 0px; right: 0px; bottom: 0px; display: block; position: fixed; z-index: 1040; opacity: 0.1; background-color: rgba(54, 61, 74, 1); -webkit-transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out;
}
.show.modModalBackdrop {
	height: auto; opacity: 0.8;
}
.modModal .fld-disabled {
	background: rgb(238, 238, 238); color: rgb(153, 153, 153);
}
.modModal .fld-invite-message {
	height: 100px; line-height: 1.5;
}
.modModal .fld-description {
	height: 100px; line-height: 1.5;
}
.modModal .fld-message {
	height: 100px; line-height: 1.5;
}
.modModal .fld-code-header {
	height: 100px; line-height: 1.5;
}
.modModal .fld-message {
	height: 140px;
}
.modModal .fld-invite-message {
	height: 137px; display: none;
}
.modModal .fld-invite-subject {
	font-weight: 700; display: none;
}
.modModal .btn-bar-invite {
	display: none;
}
.modModal .btn-invite {
	margin-bottom: 20px; float: none; display: none;
}
.modModal label[for=fld-invite-subject] {
	display: none;
}
.modModal label[for=fld-invite-message] {
	display: none;
}
.modModal label[for=fld-invite-role] {
	display: none;
}
.modModal .fld-toggle {
	width: 78px; height: 34px; color: rgb(187, 187, 187); overflow: hidden; margin-right: 20px; float: left; display: block; position: relative;
}
.modModal .fld-url {
	
}
.modModal .hidden {
	transition:opacity 300ms linear; visibility: hidden; opacity: 0; -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -o-transition: opacity 300ms linear;
}
.modModal .fld-toggle-fld {
	width: 502px;
}
.modModal .fld-toggle .off {
	background: rgb(255, 255, 255); padding: 6px 6px 6px 8px; transition:opacity 300ms linear; left: 0px; top: 2px; width: 62px; bottom: 2px; text-transform: uppercase; font-weight: 700; position: absolute; z-index: 2; -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -o-transition: opacity 300ms linear;
}
.modModal .fld-toggle .on {
	padding: 6px 10px 6px 6px; border-radius: 2px; left: 2px; top: 2px; width: 56px; text-align: right; bottom: 2px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 700; position: absolute; z-index: 1; background-image: -ms-linear-gradient(rgb(176, 218, 93), rgb(156, 193, 82)); background-color: rgb(176, 218, 93);
}
.modModal .on.fld-toggle .off {
	opacity: 0;
}
.modModal .fld-toggle .toggle {
	background: rgb(238, 238, 238); border-radius: 2px; border: 1px solid rgb(221, 221, 221); transition:right 200ms ease-out; border-image: none; top: 1px; width: 30px; right: 1px; bottom: 1px; position: absolute; z-index: 3; -webkit-transition: right 200ms ease-out; -moz-transition: right 200ms ease-out; -o-transition: right 200ms ease-out;
}
.modModal .on.fld-toggle .toggle {
	right: 43px;
}
.modModal .fld-toggle:hover {
	cursor: pointer;
}
.modModal .fld-toggle:hover .toggle {
	border-color: rgb(153, 153, 153);
}
.modModal .btn-cancel-subscription {
	color: rgb(193, 54, 54); font-weight: 700;
}
.modModal .copy {
	position: relative;
}
.modModal .copy a {
	padding: 3px 5px; border-radius: 2px; border: 1px solid rgb(221, 221, 221); border-image: none; top: 6px; right: 6px; color: rgb(102, 102, 102); text-transform: uppercase; font-size: 11px; font-weight: 700; text-decoration: none; position: absolute; background-image: -ms-linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); background-color: rgb(255, 255, 255);
}
.modModal .hidden.copy {
	display: none;
}
.modModal .success {
	background: rgb(232, 246, 203); padding: 10px; border-radius: 3px; color: rgb(106, 137, 45); margin-bottom: 15px;
}
.modModal .plan-meta {
	margin: 20px 0px; padding: 40px 30px; border-radius: 3px; background-color: rgb(100, 167, 220);
}
.modModal .plan-meta .plan-name {
	text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 32px; font-weight: 300; margin-bottom: 10px;
}
.modModal .plan-meta .plan-feature {
	text-align: center; color: rgba(255, 255, 255, 0.7); line-height: 1.3; font-size: 16px;
}
.modModal .plan-meta .plan-price {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.3; font-size: 18px;
}
.modModal .plan-stats {
	background: rgb(238, 238, 238); border-radius: 3px; margin-bottom: 20px;
}
.modModal .plan-stats .plan-users {
	background: rgb(181, 223, 58); padding: 10px; border-radius: 3px; width: 25%; color: rgba(0, 0, 0, 0.4);
}
.modModal .tbl-users .col-name {
	padding: 5px 0px; font-weight: 700;
}
.modModal .tbl-users .col-name span {
	color: rgb(153, 153, 153); font-size: 12px; font-weight: 400;
}
.modModal .layout-sidebar {
	
}
.modModal .layout-sidebar .col-left {
	width: 400px; padding-right: 30px; border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; float: left; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modModal .layout-sidebar .col-right {
	width: 200px; padding-left: 30px; float: right; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modModal .fld-split {
	
}
.modModal .fld-split .fld-left {
	width: 50%; padding-right: 10px; float: left; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modModal .fld-split .fld-right {
	width: 50%; padding-left: 10px; float: right; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modModal .list-items {
	margin-bottom: 10px;
}
.modModal .list-item {
	margin-bottom: 4px;
}
.modModal .list-item label {
	text-transform: none; font-size: 13px; font-weight: 400; margin-bottom: 0px; margin-left: 10px; display: inline-block;
}
.modModal .fld-hex {
	text-transform: uppercase;
}
.modModal .lnk {
	color: rgb(84, 149, 201); font-size: 13px; text-decoration: none;
}
.modModal .lnk:hover {
	text-decoration: underline;
}
.modModal .btn-add-description {
	color: rgb(153, 153, 153); font-size: 13px; text-decoration: none; margin-bottom: 15px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
.modModal .btn-add-description:hover {
	border-color: rgb(187, 187, 187); color: rgb(102, 102, 102);
}
.modModal .col-50 {
	width: 50%; padding-right: 20px; float: left; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modModal :last-child.col-50 {
	padding-left: 20px;
}
.modModal input[type=file] {
	display: none;
}
.modModal .crop-modal-overlay {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 10000; background-color: rgba(0, 0, 0, 0.4);
}
.modModal .crop-modal {
	background: rgb(255, 255, 255); padding: 30px; border-radius: 3px; left: 50%; top: 50%; text-align: center; display: none; position: absolute; z-index: 10001; box-shadow: 0px 0px 30px rgba(0,0,0,0.2); transform: translate(-50%, -50%);
}
.modModal .crop-modal h3 {
	color: rgb(153, 153, 153); padding-bottom: 10px; margin-bottom: 20px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.modModal .crop-modal .image {
	margin-bottom: 20px;
}
.modModal .crop-modal .image img {
	width: auto; height: auto; max-height: 350px; max-width: 600px;
}
.modModal .crop-modal .btn {
	display: inline-block;
}
.modModal .crop-modal .btn-remove-user-picture {
	margin-right: 0px;
}
.modal .brand-settings .btn-change-brand-color {
	padding-left: 40px;
}
.modal .brand-settings .btn .color-preview {
	background: rgb(244, 244, 244); border-radius: 2px; left: 6px; top: 6px; width: 22px; height: 22px; display: block; position: absolute; box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.2);
}
.modal .brand-settings .btn input {
	background: 0px 0px; border: 0px currentColor; border-image: none; width: 70px; height: auto; margin-bottom: 0px;
}
.modal .brand-settings .btn input:focus {
	outline: 0px;
}
.modal .brand-settings .btn-brand-image:hover {
	cursor: default;
}
.modal .lbl-image-inherited {
	color: rgb(171, 171, 171); padding-top: 10px; font-size: 0.9em; display: block;
}
.modal .background-image {
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.modal .state-empty.background-image {
	border: 1px solid rgb(221, 221, 221); border-image: none;
}
.modal .state-hidden {
	display: none;
}
.modModal :first-child.co-settings__fieldset {
	margin-top: 0px;
}
.modModal .cm-btn-bar {
	margin-top: 25px; margin-bottom: 25px;
}
@media only screen and (max-width:480px)
{
.modModal {
	margin: 0px; left: 4px; top: 4px; width: auto; right: 4px; bottom: 4px; position: fixed; z-index: 1050; box-shadow: none;
}
.modModal .nav li a {
	padding: 10px 8px; width: 60px; font-size: 10px; font-weight: 700; display: block;
}
.modModal .nav li a i {
	width: 60px; text-align: center; color: rgb(102, 102, 102); font-size: 24px; display: block;
}
.modModal .btn {
	font-size: 12px;
}
}
.o-multibrand__modal {
	width: 620px;
}
.o-multibrand__banner {
	background-image: linear-gradient(-180deg, rgb(6, 142, 169) 7%, rgb(2, 85, 112) 100%);
}
.o-multibrand__col {
	padding: 35px; width: 50%; float: left; box-sizing: border-box;
}
:first-child.o-multibrand__col {
	border-right-color: rgba(54, 61, 73, 0.1); border-right-width: 1px; border-right-style: solid;
}
.o-multibrand__container {
	overflow: hidden;
}
.o-multibrand__text {
	margin-bottom: 25px; min-height: 120px;
}
.o-multibrand__image {
	margin: 0px auto; width: 470px; padding-top: 50px; position: relative;
}
.o-multibrand__image img {
	display: block;
}
.o-multibrand__dummy {
	background: rgba(255, 255, 255, 0.2); width: 100%; height: 262px;
}
.o-multibrand__drops--left {
	left: -51px; bottom: -3px; position: absolute;
}
.o-multibrand__drops--right {
	right: -51px; bottom: -4px; position: absolute;
}
.o-multibrand__drops--left .ca-drop--orange {
	margin-bottom: -25px;
}
.o-multibrand__drops--left .ca-drop--red {
	margin-left: 27px;
}
.o-navtoolbar {
	position: relative;
}
.o-navtoolbar__toggle {
	float: right;
}
.o-navtoolbar .cm-btn-bar {
	margin-top: 12px;
}
.o-navtoolbar .btn {
	font-weight: 400;
}
.o-navtoolbar__create-menu {
	padding: 1px; width: auto; min-width: 0px;
}
.o-navtoolbar__new {
	padding-right: 30px; padding-left: 30px;
}
.o-navigation {
	margin-right: 170px;
}
.o-navigation--screens {
	margin-right: 320px;
}
.o-navigation__menu {
	top: 50px; min-width: 0px;
}
.o-navigation__list {
	background: rgb(255, 255, 255); font-size: 0px; display: block; white-space: nowrap;
}
.o-navigation__list--gradient {
	background: linear-gradient(to left, rgb(238, 238, 238), rgb(255, 255, 255) 20px);
}
.o-navigation__item {
	vertical-align: top; display: inline-block; white-space: normal; position: relative;
}
.state-remove.o-navigation__item {
	display: none;
}
.o-navigation__item::after {
	top: 0px; width: 12px; height: 60px; right: -3px; display: block; position: absolute; content: url(/img/angle-large-right.svg);
}
:last-child.o-navigation__item::after {
	display: none;
}
.o-navigation__item :first-child.ca-badge {
	margin-left: 3px;
}
.o-navigation__item .ca-badge {
	vertical-align: top;
}
.o-navigation__link {
	padding: 20px; color: rgba(54, 61, 74, 1); line-height: 20px; overflow: hidden; font-size: 16px; text-decoration: none; display: flex;
}
.o-navigation__link:hover {
	color: rgb(13, 51, 73);
}
.o-navigation__icon {
	width: 20px; height: 20px; line-height: 1em; padding-right: 6px; font-size: 18px; position: relative;
}
.o-navigation__text {
	height: 20px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 350px;
}
.o-navigation__folder-color {
	border-radius: 2px; left: 3px; top: 6px; width: 3px; height: 9px; position: absolute;
}
.state-truncated.o-navigation__text {
	max-width: 200px;
}
.state-open.o-navigation__menu {
	box-shadow: 0px 2px 50px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0 2px 50px 0 rgba(0, 0, 0, .25); -webkit-box-shadow: 0 2px 50px 0 rgba(0, 0, 0, .25);
}
.o-navigation__menu-toggle::after {
	border-width: 7px; border-style: solid; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255); left: 38px; top: 36px; width: 0px; height: 0px; position: absolute; z-index: 10; content: ""; pointer-events: none;
}
@media all and (max-width:600px)
{
.o-navigation__list--gradient {
	background: 0px 0px;
}
}
@media all and (min-width:700px)
{
.state-remove.o-navigation__item {
	display: inline-block;
}
}
.modNotice {
	background: rgb(92, 147, 216); margin: 25px 25px 0px; padding: 8px 15px; border-radius: 5px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; font-weight: 700;
}
.modNotice a {
	color: rgb(60, 45, 9); font-weight: 700; text-decoration: none;
}
.modNotice a:hover {
	text-decoration: underline;
}
.modPatternCategories {
	margin: 20px;
}
.modPatternCategories h5 {
	color: rgb(95, 104, 110); font-size: 18px; margin-bottom: 15px;
}
.modPatternCategories .category {
	display: block;
}
.modPatternCategories .category a {
	padding: 5px 10px; border-radius: 15px; border: 1px solid rgb(221, 221, 221); transition:border-color 100ms ease-in; border-image: none; color: rgba(54, 61, 74, 1); font-size: 13px; text-decoration: none; margin-bottom: 5px; display: block; -webkit-transition: border-color 100ms ease-in; -moz-transition: border-color 100ms ease-in; -o-transition: border-color 100ms ease-in;
}
.modPatternCategories .category .category-count {
	color: rgba(0, 0, 0, 0.2);
}
.modPatternCategories .category a:hover {
	border-color: rgb(102, 102, 102);
}
.modPatternListing {
	padding: 10px 15px 20px;
}
.modPatternListing .intro {
	color: rgb(102, 102, 102); line-height: 1.4em; padding-left: 10px; font-size: 15px; margin-bottom: 20px;
}
.modPatternListing .status {
	margin: 10px 10px 15px; color: rgb(95, 104, 110); font-size: 14px;
}
.modPatternListing .status-results {
	font-weight: 700;
}
.modPatternListing .pattern-search {
	padding: 10px; position: relative;
}
.modPatternListing .pattern-search i {
	left: 24px; top: 24px; color: rgb(153, 153, 153); position: absolute;
}
.modPatternListing .pattern-search .fld {
	padding: 10px 10px 10px 40px; border-radius: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 100%; font-size: 20px; display: block; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modPatternListing .pattern .iframe-wrap {
	height: 0px; overflow: hidden; padding-bottom: 66.5%; position: relative;
}
.modPatternListing .pattern iframe {
	background: rgb(255, 255, 255); transform-origin: left top; border: 0px currentColor; border-image: none; left: 0px; top: 0px; width: 201%; height: 201%; position: absolute; transform: scale(0.5); -webkit-transform: scale(0.5); -webkit-transform-origin: top left;
}
.modPatternListing .pattern .overlay {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute;
}
.modPatternListing .pattern .image {
	height: 150px; display: block; position: relative; background-repeat: no-repeat; background-size: 192px auto; background-color: rgb(255, 255, 255);
}
.modPatternListing .pattern-type {
	right: 15px; bottom: 10px; position: absolute;
}
.modPatternListing .flags {
	font-size: 10px;
}
.modPatternListing .flags .state-error {
	color: rgb(241, 102, 81);
}
.modPatternListing .flags .state-error i {
	color: rgb(241, 102, 81);
}
.modPatternListing .pattern-preview-disabled {
	margin: 60px 45px; color: rgba(0, 0, 0, 0.5); display: block;
}
.modPatternSidebar {
	margin: 20px;
}
.modPatternSidebar h5 {
	color: rgb(95, 104, 110); font-size: 18px; margin-bottom: 15px;
}
.modPatternSidebar .image {
	margin-bottom: 20px;
}
.modPatternSidebar .image img {
	max-width: 100%;
}
.modPatternSidebar .description {
	color: rgb(102, 102, 102); line-height: 1.4; font-size: 13px; margin-bottom: 15px;
}
.modPatternSidebar .description span {
	color: rgb(153, 153, 153);
}
.modPatternSidebar .appearances {
	margin-bottom: 15px; display: none;
}
.modPatternSidebar .appearances img {
	display: block; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modPatternSidebar .appearances img:hover {
	box-shadow: 0px 0px 0px 3px rgba(100,167,220,0.6);
}
.modPatternSidebar table {
	margin-bottom: 15px;
}
.modPatternSidebar td {
	padding: 4px 0px; color: rgb(68, 68, 68); font-size: 13px; vertical-align: top;
}
.modPatternSidebar td.col-label {
	width: 95px; color: rgb(153, 153, 153);
}
.modPatternSidebar td a {
	color: rgb(100, 167, 220);
}
.modPatternSidebar td a:hover {
	color: rgb(34, 94, 141);
}
.modPatternSidebar td a:active {
	color: rgb(16, 59, 93);
}
.modPatternSidebar .col-modified span {
	color: rgb(187, 187, 187);
}
.modPatternSidebar .col-modifier span {
	color: rgb(187, 187, 187);
}
.modPatternSidebar .col-origin a {
	width: 162px; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.modPatternSidebar .name:hover {
	background: rgb(255, 249, 222);
}
.modPatternSidebar .description:hover {
	background: rgb(255, 249, 222);
}
.modPatternSidebar .name-editor {
	padding: 6px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; color: rgb(95, 104, 110); font-size: 18px; margin-bottom: 15px; vertical-align: middle; display: none; max-width: 100%; box-sizing: border-box; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075); background-color: rgb(255, 255, 255); -moz-box-sizing: border-box;
}
.modPatternSidebar .description-editor {
	padding: 6px 6px 2px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; color: rgb(85, 85, 85); line-height: 1.4; font-size: 13px; margin-bottom: 15px; vertical-align: middle; display: none; min-height: 120px; max-width: 100%; box-sizing: border-box; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075); background-color: rgb(255, 255, 255); -moz-box-sizing: border-box;
}
.modPatternSidebar .description-editor:focus {
	outline: 0px;
}
.modPatternSidebar .btn-delete {
	padding: 8px; border-radius: 3px; color: rgb(85, 85, 85); font-size: 14px; text-decoration: none; margin-left: 20px; float: right; display: block;
}
.modPatternSidebar .btn-delete:hover {
	background: rgb(193, 54, 54); color: rgb(255, 255, 255);
}
.modPatternSidebar .btn-delete:active {
	background: rgb(160, 37, 37);
}
.o-projectlist {
	position: relative;
}
.o-projectlist__dropdown {
	top: 0px; right: 0px; position: absolute;
}
.o-projectlist_settings-btn {
	background: 0px 0px; padding: 0px; outline: 0px; border: 0px currentColor; transition:color 0.2s ease-out; border-image: none; top: 3px; color: rgba(113, 119, 128, 1); font-size: 18px; position: relative; cursor: pointer;
}
.o-projectlist_settings-btn:hover {
	color: rgba(54, 61, 74, 1);
}
.o-projectlist__collaborator-list-badge {
	cursor: pointer;
}
.o-projectlist__name {
	color: rgb(0, 0, 0); text-decoration: none;
}
.o-projectlist__name:hover {
	color: rgb(51, 51, 51);
}
.o-projectlist__name:focus {
	color: rgb(51, 51, 51);
}
.m-publish-template {
	margin: 18px;
}
.o-publishingonboarding {
	width: 800px;
}
.o-publishingonboarding__background {
	background: url("/img/project/publishingonboarding_bg.png") no-repeat right bottom / 340px; padding: 60px;
}
.o-publishingonboarding__container {
	width: 50%;
}
.o-publishingonboarding__title {
	color: rgb(0, 0, 0); text-transform: uppercase; font-size: 2.4em; font-weight: 700;
}
.o-publishingonboarding__text {
	margin: 20px 0px 40px; color: rgb(103, 103, 103); line-height: 1.5; font-size: 1.1em;
}
.o-publishingonboarding__button {
	
}
.modQuickSearch {
	background: rgb(255, 255, 255); padding: 13px 0px 0px; text-align: left; font-size: 14px; margin-right: 15px; float: right; position: relative; z-index: 1;
}
.modQuickSearch .query {
	position: relative;
}
.modQuickSearch .results {
	background: rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; top: 100%; width: 400px; right: 15px; overflow: auto; padding-bottom: 15px; margin-top: 10px; display: none; position: absolute; z-index: 99; max-height: 600px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.modQuickSearch .results > div {
	display: none;
}
.modQuickSearch .results .no-results {
	padding: 15px 0px 0px 20px; color: rgb(153, 153, 153); font-style: italic; display: block;
}
.modQuickSearch .results .item a {
	padding: 5px 20px; color: rgb(34, 34, 34); overflow: hidden; font-size: 14px; text-decoration: none; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.modQuickSearch .results .item a i {
	color: rgba(54, 61, 74, 1);
}
.modQuickSearch .results .item a .project {
	color: rgb(153, 153, 153); font-size: 12px; margin-left: 5px; display: inline-block;
}
.modQuickSearch .results .item a:hover {
	background: rgba(0, 0, 0, 0.05);
}
.modQuickSearch .results .hover.item a {
	background: rgba(0, 0, 0, 0.05);
}
.modQuickSearch .results .item a:active {
	background: rgba(0, 0, 0, 0.1);
}
.modQuickSearch h4 {
	padding: 5px 20px; color: rgb(100, 167, 220); text-transform: uppercase; font-size: 11px; font-weight: 700; margin-top: 10px; display: block; white-space: nowrap;
}
.modQuickSearch input {
	background: rgb(255, 255, 255); padding: 8px 12px 8px 35px; border-radius: 20px; border: 1px solid rgb(238, 238, 238); transition:width 100ms ease-in; border-image: none; width: 100px; color: rgba(0, 0, 0, 0.9); -webkit-transition: width 100ms ease-in; -moz-transition: width 100ms ease-in; -o-transition: width 100ms ease-in;
}
.modQuickSearch input:focus {
	outline: 0px; box-shadow: 0px 0px 0px 2px #f8f8f8;
}
.modQuickSearch .query i {
	left: 12px; top: 9px; color: rgb(130, 130, 130); position: absolute;
}
.skinLayoutLight .modQuickSearch input {
	background: rgba(0, 0, 0, 0.05); color: rgb(85, 85, 85);
}
.skinLayoutLight .modQuickSearch i {
	color: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width:600px)
{
.modQuickSearch {
	display: none;
}
}
.o-requests {
	padding: 20px;
}
.o-requestsdownload__title {
	color: rgba(154, 158, 164, 1); text-transform: uppercase; padding-bottom: 10px; font-size: 12px;
}
td.o-requestsdownload__table-cell {
	padding-left: 15px; position: relative;
}
.o-requestsdownload__screen-preview-wrapper {
	width: 80px; overflow: hidden; margin-right: 12px; float: left; display: block; max-height: 50px;
}
.o-requestsdownload__screen-info-wrapper {
	overflow: hidden; float: left; max-height: 90px; max-width: 200px;
}
.o-requestsdownload__screen-info-image {
	max-height: 50px; max-width: 80px;
}
.o-requestsdownload__request-meta {
	line-height: 1.5; font-size: 12px;
}
.o-requestsdownload__request-meta label {
	color: rgb(153, 153, 153);
}
.o-requestsdownload__screen-info-wrapper-text {
	width: 150px; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.o-requestsdownload__screen-info-ext-badge {
	margin-top: 6px;
}
.o-requestsdownload__request-reason {
	font-size: 12px;
}
.o-revisions__fieldset {
	padding: 20px 0px;
}
.o-revisions__fieldset--upload {
	text-align: center;
}
.o-revisions__list {
	font-size: 13px;
}
.o-revisions__entry {
	color: rgb(54, 61, 74); overflow: hidden; text-decoration: none; display: flex;
}
.o-revisions__entry-wrapper {
	cursor: pointer;
}
.state-current.o-revisions__entry-wrapper .o-revisions__settings-wrapper {
	display: none;
}
.o-revisions__number {
	margin: 4px 0px; border-radius: 50%; width: 28px; height: 28px; text-align: center; color: rgb(255, 255, 255); line-height: 28px; background-color: rgba(54, 61, 74, 1); -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.o-revisions__number--highlight {
	background-color: rgba(250, 177, 23, 1);
}
.o-revisions__meta {
	padding-left: 10px; text-grow: 1;
}
.o-revisions__meta {
	padding-left: 10px; text-grow: 1;
}
.o-revisions__created {
	font-weight: 700; display: block;
}
.o-revisions__createdby {
	color: rgb(175, 177, 183);
}
.o-revisions__settings-wrapper {
	float: right;
}
.o-revisions__settings {
	background: 0px 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; top: 6px; color: rgb(0, 0, 0); font-size: 1.1rem; margin-right: 5px; position: relative; cursor: pointer;
}
.o-revisions__new-revision {
	display: none;
}
.o-revisions__delete {
	color: rgb(241, 102, 81);
}
.o-revisions__delete:active {
	color: rgb(241, 102, 81);
}
.o-revisions__delete:visited {
	color: rgb(241, 102, 81);
}
.o-revisions__delete:hover {
	color: rgb(136, 46, 30);
}
.modScreenListing {
	position: relative;
}
.modScreenListing .start-container {
	display: none;
}
.hover.in .dropzone {
	background: rgba(95, 200, 215, 0.2); border-radius: 5px; border: 5px dashed rgb(100, 167, 220); border-image: none; left: 10px; top: 10px; right: 10px; bottom: 10px; position: fixed; z-index: 100;
}
.modScreenListing .tags {
	margin: 10px 0px 0px; padding: 10px 20px;
}
.modScreenListing .tags li {
	display: inline-block;
}
.modScreenListing .tags .label {
	color: rgb(153, 153, 153); padding-right: 10px; font-size: 14px;
}
.modScreenListing .tags li a {
	background: rgb(224, 240, 198); padding: 8px 10px; border-radius: 4px; color: rgb(109, 150, 44); font-size: 14px; text-decoration: none; margin-right: 5px; display: block; cursor: default;
}
.modScreenListing .tags li a:hover {
	background: rgb(195, 218, 158);
}
.modScreenListing .tags li:hover .icon-trash {
	display: block;
}
.modScreenListing .tags .icon-trash {
	border-radius: 50%; color: rgb(178, 178, 178); margin-top: -40px; margin-right: -3px; float: right; display: none; cursor: pointer; background-color: rgb(255, 255, 255); -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.modScreenListing .tags .icon-trash:hover {
	color: rgb(181, 0, 0);
}
.modScreenListing .tags .add-tag {
	background: rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(238, 238, 238); border-image: none; color: rgba(0, 0, 0, 0.9); -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.modScreenListing .add-tag i {
	color: rgba(0, 0, 0, 0.6); padding-left: 10px; font-size: 0.9em; font-weight: 400;
}
.modScreenListing .tags .add-tag input {
	padding: 7px 10px; outline: 0px; border: 0px currentColor; border-image: none; width: 120px; font-size: 14px;
}
.modScreenListing .screens {
	padding: 10px 15px 100px; min-height: 600px;
}
.modScreenListing .e-card .actions i {
	margin-right: 0px;
}
.modScreenListing .e-card .actions .btn-edit {
	padding: 16px 0px; width: 100%; font-size: 15px; margin-right: 0px; border-bottom-color: rgba(161, 201, 233, 0.3); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.modScreenListing .e-card .loading {
	background: rgb(248, 248, 248); border-radius: 5px; transition:opacity 100ms ease-in; left: 15px; height: 6px; right: 15px; bottom: 15px; display: none; position: absolute; -webkit-transition: opacity 100ms ease-in; -moz-transition: opacity 100ms ease-in; -o-transition: opacity 100ms ease-in;
}
.modScreenListing .e-card .loading .value {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) 0% 0% / 45px 45px rgba(95, 200, 215, 1); border-radius: 5px; transition:width 200ms ease-in; animation:animate-bars 3s linear infinite; left: 0px; top: 0px; width: 0px; height: 6px; display: block; position: absolute; -webkit-animation: animate-bars 3s linear infinite; -moz-animation: animate-bars 3s linear infinite; -webkit-transition: width 200ms ease-in; -moz-transition: width 200ms ease-in; -o-transition: width 200ms ease-in; -o-animation: animate-bars 3s linear infinite;
}
.modScreenListing .e-card .status-message {
	left: 15px; right: 15px; bottom: 28px; color: rgba(95, 200, 215, 1); font-size: 12px; position: absolute;
}
.modScreenListing [data-status=QUEUED].e-card .value {
	width: 100%;
}
.modScreenListing [data-status=CONVERSION_FAILED].e-card .loading {
	display: block;
}
.modScreenListing [data-status=QUEUED].e-card .loading {
	display: block;
}
.modScreenListing [data-status=CONVERSION_FAILED].e-card .loading .value {
	background: rgb(241, 102, 81); width: 100%;
}
.modScreenListing .e-card .error.loading .value {
	background: rgb(241, 102, 81); width: 100%;
}
.modScreenListing [data-status=CONVERSION_FAILED].e-card .status-message {
	color: rgb(241, 102, 81);
}
.modScreenListing .e-card .error.status-message {
	color: rgb(241, 102, 81);
}
.modScreenListing .e-card .status-message-finished {
	opacity: 0;
}
.modScreenListing .e-card .loading-finished {
	opacity: 0;
}
.modScreenListing .e-card .status-message-addon {
	font-weight: 700; float: right;
}
.modScreenListing .ui-state-highlight {
	background: rgba(95, 200, 215, 0.2); margin: 10px; border: 2px dashed rgba(95, 200, 215, 0.6); border-image: none; width: 212px; height: 242px; overflow: hidden; font-size: 13px; text-decoration: none; float: left; display: block; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modScreenListing .screens-mobile.screens .ui-state-highlight {
	height: 463px;
}
.modScreenListing .screens-mobile.screens .e-card .preview {
	height: 343px;
}
.modScreenListing .set .meta h4 {
	font-weight: 700;
}
.modScreenListing .screen-name-ext {
	opacity: 0.3;
}
.modScreenListing .e-card.set .preview {
	background: url("/img/icons/folder@2x.png") no-repeat 0% 0% / 212px 150px;
}
.modScreenListing .e-card.set-up .preview {
	background: url("/img/icons/folder-up@2x.png") no-repeat 0% 0% / 212px 150px;
}
.modScreenListing .fileupload {
	top: -400px; position: absolute;
}
.modScreenListing .fileupload-replace {
	top: -400px; position: absolute;
}
.modScreenListing .btn-highdpi {
	background: rgb(238, 238, 238); padding: 1px 3px; border-radius: 2px; color: rgb(102, 102, 102); font-size: 11px; text-decoration: none; margin-left: 5px; display: none;
}
.modScreenListing .active.btn-highdpi {
	background: rgb(100, 167, 220); color: rgb(255, 255, 255);
}
.modScreenListing .btn-highdpi:hover {
	background: rgb(68, 68, 68); color: rgb(255, 255, 255);
}
.modScreenListing .active.btn-highdpi:hover {
	background: rgb(55, 151, 251); color: rgb(255, 255, 255);
}
.modScreenListing ul li:hover .btn-highdpi {
	display: inline-block;
}
.modScreenListing .btn-upload {
	text-align: center; margin-bottom: 20px; margin-left: 0px; display: block;
}
.modScreenListing .set .btn-create-set {
	background: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); text-transform: uppercase; line-height: 18px; padding-left: 15px; font-size: 12px;
}
.modScreenListing .set .btn-create-set:hover {
	color: rgb(255, 255, 255);
}
.modScreenListing .btn-disabled a {
	color: rgb(221, 221, 221); cursor: default;
}
.modScreenListing .btn-disabled a:hover {
	color: rgb(221, 221, 221);
}
.btn-disabled.btn-delete-multiple {
	display: none;
}
.btn-disabled.btn-prototype {
	display: none;
}
.btn-disabled.btn-tags {
	display: none;
}
.btn-disabled.btn-licenses {
	display: none;
}
.modScreenListing .ui-draggable-dragging {
	border-radius: 3px; width: 100px; box-shadow: 0px 0px 5px #000;
}
.modScreenListing .ui-state-hover.set a {
	background: rgba(95, 200, 215, 1); color: rgb(255, 255, 255);
}
.modScreenListing .intro {
	background: rgb(238, 238, 238); padding: 25px; width: 500px; color: rgb(68, 68, 68); line-height: 1.5; font-size: 18px; font-weight: 300; margin-bottom: 25px;
}
.modScreenListing .intro span {
	background: rgb(221, 221, 221); padding: 0px 4px; color: rgb(0, 0, 0); font-weight: 400; text-decoration: none;
}
.modScreenListing .intro a {
	background: rgb(221, 221, 221); padding: 0px 4px; color: rgb(0, 0, 0); font-weight: 400; text-decoration: none;
}
.modScreenListing .intro strong {
	color: rgb(0, 0, 0); font-weight: 400;
}
.modScreenListing .start {
	margin: 120px auto 80px; display: flex; justify-content: center;
}
.modScreenListing .start-icon-sketch {
	transition:0.3s ease-in-out; width: 104px;
}
.modScreenListing .start-icon-upload {
	margin: 5px 0px; transition:0.3s ease-in-out; width: 60px;
}
.modScreenListing .start h4 {
	color: rgb(113, 119, 128); line-height: 32px; font-size: 24px; font-weight: 700; margin-top: 24px; margin-bottom: 10px;
}
.modScreenListing .start p {
	color: rgb(113, 119, 128); line-height: 16px; font-size: 14px;
}
.modScreenListing .start-sketch {
	padding: 0px 10px; width: 305px; text-align: center; text-decoration: none;
}
.modScreenListing .start-upload {
	padding: 0px 10px; width: 305px; text-align: center;
}
.modScreenListing .start-sketch:hover {
	cursor: pointer;
}
.modScreenListing .start-upload:hover {
	cursor: pointer;
}
.modScreenListing .start-sketch:hover .start-icon-sketch {
	transform: scale(1.1);
}
.modScreenListing .start-upload:hover .start-icon-upload {
	transform: scale(1.1);
}
.modScreenListing .start-or {
	padding: 95px 60px; color: rgb(133, 139, 146); line-height: 32px; font-size: 24px;
}
.modScreenListing .status {
	border-radius: 50%; width: 10px; height: 10px; text-align: center; margin-right: 5px; display: inline-block;
}
.modScreenListing .viewer {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 101;
}
.modScreenListing .visible.viewer {
	display: block;
}
.modScreenListing .viewer .inner {
	background: url("/img/transparent-dark.png") 0% 0% / 10px 10px rgb(40, 40, 40); border-radius: 5px; left: 100px; top: 100px; right: 100px; bottom: 100px; position: absolute; box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
}
.modScreenListing .viewer .sidebar {
	background: rgb(255, 255, 255); padding: 70px 20px 20px; border-radius: 0px 5px 5px 0px; top: 0px; width: 320px; right: 0px; bottom: 0px; position: absolute;
}
.modScreenListing .viewer .preview {
	left: 0px; top: 0px; text-align: center; right: 360px; bottom: 0px; position: absolute;
}
.modScreenListing .viewer .preview img {
	display: inline-block;
}
.modScreenListing .viewer .history {
	background: rgb(238, 238, 238); border-radius: 0px 0px 0px 5px; left: 0px; height: 80px; right: 360px; bottom: 0px; display: none; position: absolute;
}
.modScreenListing .viewer h4 {
	color: rgb(68, 68, 68); font-size: 18px; margin-bottom: 20px;
}
.modScreenListing .viewer h3 {
	color: rgb(153, 153, 153); font-size: 14px; margin-bottom: 5px;
}
.modScreenListing .viewer .description {
	line-height: 1.3; margin-bottom: 25px;
}
.modScreenListing .viewer .sidebar .btn-editor {
	margin-bottom: 30px; float: none; display: block;
}
.modScreenListing .viewer .sidebar .btn-bar-zoom {
	left: 20px; bottom: 5px; position: absolute;
}
.modScreenListing .viewer .sidebar .btn-bar-nav {
	right: 20px; bottom: 5px; position: absolute;
}
.modScreenListing .viewer .sidebar .btn-bar-top {
	top: 20px; right: 5px; position: absolute;
}
.modScreenListing .viewer .sidebar .btn-bar-topleft {
	left: 20px; top: 20px; position: absolute;
}
.modScreenListing .btn-left {
	border-radius: 3px 0px 0px 3px; margin-right: 0px;
}
.modScreenListing .btn-middle {
	border-radius: 0px; margin-right: 0px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.modScreenListing .btn-right {
	border-radius: 0px 3px 3px 0px; margin-right: 0px; margin-left: -1px;
}
.modScreenListing .revision a {
	margin: 0px -5px; padding: 6px 5px 6px 32px; border: 1px solid transparent; border-image: none; color: rgb(68, 68, 68); font-weight: 400; text-decoration: none; display: block; position: relative;
}
.modScreenListing .revision a:hover {
	border-radius: 3px; border: 1px solid rgb(221, 221, 221); border-image: none;
}
.modScreenListing .revision a:active {
	background: rgb(248, 248, 248); border-radius: 3px;
}
.modScreenListing .revision a .nr {
	border-radius: 3px; border: 1px solid rgb(153, 153, 153); border-image: none; left: 5px; top: 5px; width: 16px; text-align: center; color: rgb(68, 68, 68); line-height: 16px; font-size: 12px; position: absolute;
}
.modScreenListing .revision-current a .nr {
	border: 1px solid rgb(68, 68, 68); border-image: none; color: rgb(255, 255, 255); background-image: -ms-linear-gradient(rgb(68, 68, 68), rgb(51, 51, 51)); background-color: rgb(68, 68, 68);
}
.modScreenListing .revision-current .date {
	font-weight: 700;
}
.modScreenListing .revision .icon-check-circle {
	color: rgb(125, 188, 16);
}
.modScreenListing .revision a .author {
	background: rgb(248, 248, 248); padding: 3px 5px; border-radius: 3px; top: 4px; right: 5px; font-size: 12px; position: absolute;
}
.modScreenListing .revision a .author img {
	border-radius: 50%; margin-right: 5px; vertical-align: middle; display: inline-block;
}
.view-only .modScreenListing .e-card .actions .btn-share {
	display: none;
}
.view-only .modScreenListing .e-card .actions .btn-replace {
	display: none;
}
.view-only .modScreenListing .e-card .actions .btn-configure {
	display: none;
}
.modScreenListing .results {
	background: rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; top: 90px; width: 400px; overflow: auto; padding-bottom: 15px; margin-top: 10px; display: none; position: absolute; z-index: 99; max-height: 600px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.modScreenListing .results h4 {
	padding: 5px 20px; color: rgb(100, 167, 220); text-transform: uppercase; font-size: 11px; font-weight: 700; margin-top: 10px; display: block; white-space: nowrap;
}
.modScreenListing .results > div {
	display: none;
}
.modScreenListing .results .no-results {
	padding: 15px 0px 0px 20px; color: rgb(153, 153, 153); font-style: italic; display: block;
}
.modScreenListing .results .item a {
	padding: 5px 20px; color: rgb(34, 34, 34); overflow: hidden; font-size: 14px; text-decoration: none; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.modScreenListing .results .item a i {
	color: rgba(54, 61, 74, 1);
}
.modScreenListing .results .item a .project {
	color: rgb(153, 153, 153); font-size: 12px; margin-left: 5px; display: inline-block;
}
.modScreenListing .results .item a:hover {
	background: rgba(0, 0, 0, 0.05);
}
.modScreenListing .results .hover.item a {
	background: rgba(0, 0, 0, 0.05);
}
.modScreenListing .results .item a:active {
	background: rgba(0, 0, 0, 0.1);
}
.modScreenListing .set-wrapper {
	display: inline;
}
.modScreenListing .screen-wrapper {
	display: inline;
}
.modScreenListing .o-screenlisting__settings {
	right: 15px; bottom: 13px; position: absolute;
}
.modScreenListing .screen .btn-configure {
	background: 0px 0px; padding: 0px; border: 0px currentColor; transition:opacity 200ms ease-in; border-image: none; color: rgba(133, 139, 146, 1); font-size: 18px; cursor: pointer; opacity: 0; -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in;
}
.modScreenListing .btn-edit-set {
	background: 0px 0px; padding: 0px; border: 0px currentColor; transition:opacity 200ms ease-in; border-image: none; color: rgba(133, 139, 146, 1); font-size: 18px; cursor: pointer; opacity: 0; -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in;
}
.modScreenListing .screen:hover .btn-configure {
	opacity: 1;
}
.modScreenListing .set:hover .btn-edit-set {
	opacity: 1;
}
.modScreenListing .screen .btn-configure:hover {
	color: rgb(0, 0, 0);
}
.modScreenListing .btn-edit-set:hover {
	color: rgb(0, 0, 0);
}
.modScreenListing .screen .btn-configure:focus {
	outline: 0px;
}
.modScreenListing .btn-edit-set:focus {
	outline: 0px;
}
.modScreenListing .meta h4 {
	cursor: pointer;
}
@media only screen and (max-width:900px)
{
.modScreenListing .start {
	flex-direction: column; align-items: center;
}
.modScreenListing .start-upload {
	width: 280px;
}
.modScreenListing .start-sketch {
	width: 280px;
}
.modScreenListing .start-or {
	padding-top: 50px; padding-bottom: 50px;
}
}
@media only screen and (max-width:480px)
{
.modScreenListing {
	padding: 0px 0px 30px;
}
.modScreenListing .toolbar .btn-bell {
	margin-left: 0px;
}
.modScreenListing .toolbar .search {
	display: none;
}
.modScreenListing .toolbar a p {
	display: none;
}
.modScreenListing .toolbar a {
	margin-right: 10px;
}
.modScreenListing .toolbar a i {
	margin-right: 0px;
}
.modScreenListing .toolbar .btn-zip {
	margin-right: 0px;
}
.modScreenListing .toolbar .btn-bell {
	display: none;
}
.modScreenListing .toolbar .btn-create-project {
	float: none;
}
.modScreenListing ul li {
	padding: 0px; margin-bottom: 5px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modScreenListing ul li .image {
	width: 100%; height: 120px; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modScreenListing ul li .image img {
	max-width: 100%;
}
.modScreenListing ul li a.move {
	background: rgba(255, 255, 255, 0.7); color: rgb(102, 102, 102); text-decoration: none; display: block; cursor: move;
}
.modScreenListing ul li a.delete {
	display: block;
}
.modScreenListing ul li.ui-state-highlight {
	width: 135px; height: 158px;
}
}
.o-settingswftemplate__list-entry {
	padding: 15px; overflow: hidden;
}
.o-settingswftemplate__meta {
	float: right; display: inline;
}
.o-settingswftemplate__icon {
	color: rgb(221, 221, 221); margin-left: 15px; cursor: pointer;
}
.o-settingswftemplate__icon:hover {
	color: rgb(0, 0, 0);
}
.o-settingswftemplate__empty {
	padding: 10px;
}
.modShareView .screen {
	margin: 0px auto;
}
.modShareView .head {
	background: rgba(0, 0, 0, 0.3); left: 0px; top: 0px; width: 100%; text-align: center; color: rgb(187, 187, 187); line-height: 42px; font-size: 14px; font-weight: 700; position: fixed; z-index: 1;
}
.modShareView .head .title {
	color: rgb(255, 255, 255);
}
.modShareView .head .project {
	color: rgb(153, 153, 153);
}
.modShareView .head .btn-download {
	color: rgb(255, 255, 255); text-decoration: none;
}
.modShareView .head .btn-download i {
	padding-right: 5px;
}
.modShareView .head .col-left {
	padding: 0px 15px; float: left;
}
.modShareView .head .col-right {
	padding: 0px 15px; float: right;
}
.modShareView .content {
	margin: 0px auto; padding: 0px; text-align: center;
}
.modShareView .z-out.content {
	padding: 48px 0px 0px;
}
.modShareView .screen img {
	margin: 0px auto; transition:opacity 300ms ease-out; width: auto; height: auto; display: block; max-height: none; max-width: none; opacity: 0; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out;
}
.modShareView .screen img.show {
	opacity: 1;
}
.modShareView .z-out img {
	width: auto; height: auto; max-height: 100%; max-width: 100%;
}
.modShareView .btn-website {
	background: rgba(0, 0, 0, 0.2); border-radius: 3px; left: 20px; bottom: 20px; position: fixed; z-index: 10;
}
.modShareView .btn-website img {
	display: block;
}
.modShareView__iframe {
	border: 0px currentColor; border-image: none; pointer-events: none;
}
.modShowcase {
	margin-left: 100px; position: relative;
}
.modShowcase h1 {
	color: rgb(255, 255, 255); font-family: "Lexia W01 Thin",arial,sans-serif; font-size: 48px; margin-top: 50px; margin-bottom: 80px;
}
.modShowcase .visual {
	position: relative;
}
.modShowcase .screens {
	left: 0px; top: 50px; position: absolute; z-index: -2;
}
.modShowcase .screens .screen {
	overflow: hidden; display: none; position: absolute; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -webkit-backface-visibility: hidden;
}
.modShowcase .screens img {
	display: block;
}
.modShowcase .screen-1 {
	left: 550px; max-height: 340px; transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg);
}
.modShowcase .screen-2 {
	left: -150px; top: 20px; max-height: 210px; transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg);
}
.modShowcase .screen-3 {
	left: 850px; top: -20px; max-height: 230px; transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg);
}
.modShowcase .screen-4 {
	left: 1050px; max-height: 190px; transform: rotate(3deg); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg);
}
.modShowcase .highlights {
	position: relative;
}
.modShowcase .highlight {
	width: 600px; overflow: hidden; display: none; max-height: 407px; box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.modShowcase .highlight img {
	display: block;
}
.modShowcase .highlight-second {
	top: 0px; position: absolute; z-index: -1; transform: rotate(3deg); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -webkit-backface-visibility: hidden; -o-transform: rotate(3deg);
}
.modShowcase .highlight-second img {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.modShowcase .collaborators {
	top: 0px; right: 100px; position: absolute;
}
.modShowcase .collaborators li {
	margin-left: 10px; display: inline-block;
}
.modShowcase .collaborators li img {
	border-radius: 50%;
}
.modShowcase .feedback {
	top: 500px; right: 100px; position: absolute;
}
.modShowcase .feedback .btn {
	padding: 10px 20px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.2); border-image: none; color: rgba(255, 255, 255, 0.5); font-family: "Lexia W01 Thin",arial,sans-serif; font-size: 24px; text-decoration: none; display: inline-block;
}
.modShowcase .feedback .btn i {
	color: rgb(255, 255, 255);
}
.modShowcase .feedback .btn:hover {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.modShowcase .btn-previous {
	background: rgba(0, 0, 0, 0.2); padding: 10px 15px; border-radius: 0px 10px 10px 0px; left: -100px; top: 150px; color: rgb(255, 255, 255); font-size: 48px; text-decoration: none; display: none; position: absolute; z-index: 3;
}
.modShowcase .btn-next {
	background: rgba(0, 0, 0, 0.2); padding: 10px 15px; border-radius: 10px 0px 0px 10px; top: 150px; right: 0px; color: rgb(255, 255, 255); font-size: 48px; text-decoration: none; display: none; position: absolute; z-index: 3;
}
.modShowcase .highlights:hover .btn-previous {
	
}
.modShowcase .highlights:hover .btn-next {
	
}
.modTags {
	margin: 20px;
}
.modTags .info {
	color: rgb(153, 153, 153); line-height: 1.4; font-size: 14px;
}
.modTags h5 {
	color: rgb(95, 104, 110); font-size: 18px; margin-bottom: 15px;
}
.modTags .tag {
	width: 50%; float: left; display: block; box-sizing: border-box; -moz-box-sizing: border-box;
}
.modTags .tag a {
	background: rgb(224, 240, 198); padding: 4px 6px; border-radius: 3px; color: rgb(94, 110, 68); font-size: 13px; text-decoration: none; margin-bottom: 5px; display: inline-block;
}
.modTags .tag .tag-count {
	color: rgb(135, 160, 94);
}
.modTags .tag a:hover {
	background: rgb(211, 230, 181);
}
.modTrial {
	height: 48px; text-align: center; padding-top: 12px; padding-right: 15px; padding-left: 15px; float: right; position: relative;
}
.modTrial h4 {
	color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 3px;
}
.modTrial .days {
	border-radius: 2px; color: rgb(187, 187, 187); font-size: 13px; display: block; cursor: pointer;
}
.modTrial .days:hover {
	text-decoration: underline;
}
.modTrial .expired.days {
	background: rgb(222, 53, 53); padding: 1px 4px; color: rgba(255, 255, 255, 0.5);
}
.o-delete-user__header {
	margin: 30px 50px 40px; text-align: center;
}
.o-delete-user__settings {
	margin: 0px 50px;
}
.o-userlist {
	
}
.o-userlist__title {
	color: rgba(154, 158, 164, 1); text-transform: uppercase; padding-bottom: 10px; font-size: 12px;
}
td.o-userlist--cell-project {
	padding-left: 15px; position: relative;
}
td.o-userlist--cell-viewonly {
	padding-left: 30px;
}
.o-userlist__delete {
	text-align: center; font-size: 14px; margin-top: 2px; float: right; cursor: pointer;
}
.o-userlist__delete:hover {
	color: rgba(154, 158, 164, 1);
}
.o-userlist__name-entry {
	float: left; display: flex;
}
.o-userlist__avatar {
	text-align: center; float: left; display: block; min-width: 30px; flex-grow: 0;
}
.o-userlist__avatar-image {
	border-radius: 50%;
}
.o-userlist__name-content {
	padding-left: 10px; text-grow: 1;
}
.o-userlist__name {
	display: block;
}
.o-userlist__email {
	color: rgb(175, 177, 183); font-size: 0.9em;
}
.o-userlist__more {
	background: rgb(255, 255, 255); padding: 12px 15px; text-align: center; margin-top: -2px; display: block; box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}
.o-userlist__projects {
	width: 320px;
}
.o-userlist__project-name {
	overflow: hidden; text-decoration: none; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.o-userlist__project-name i {
	font-size: 12px;
}
.o-userlist__project-permission {
	color: rgba(113, 119, 128, 1); line-height: 15px; padding-top: 5px; padding-left: 13px; font-size: 13px; float: right; display: block; cursor: pointer;
}
.o-userlist--signup-mode {
	width: 80px; display: inline-block;
}
.o-userlist--signup-mode .ca-badge {
	margin-left: 10px;
}
.o-userlist__sso-force-toggle {
	cursor: pointer;
}
.o-userlist__project-details {
	visibility: visible;
}
.o-userlist__project-details .o-userlist__project-name {
	margin-bottom: 10px; min-height: 32px;
}
.o-userlist--cell-accountowner {
	text-align: center;
}
.state-inactive.o-userlist__icon-accountowner {
	opacity: 0.2;
}
.o-userlist__icon-accountowner:hover {
	cursor: pointer;
}
.o-userlist__project-grouppermission {
	padding: 3px 0px; color: rgb(175, 177, 183); font-size: 12px; display: block;
}
.o-userlist__btn_bar {
	margin-top: 0px; margin-bottom: 25px;
}
.o-userrequests__title {
	color: rgba(154, 158, 164, 1); text-transform: uppercase; padding-bottom: 10px; font-size: 12px;
}
.o-userrequest__request-type {
	text-transform: uppercase;
}
.o-userrequest__request-project {
	white-space: nowrap; -ms-text-overflow: ellipsis;
}
.o-userrequest__request-project i {
	color: rgb(215, 216, 219);
}
.o-userrequest__request-permission i {
	color: rgb(215, 216, 219);
}
.o-userrequest__request-meta {
	line-height: 1.5; font-size: 12px;
}
.o-userrequest__request-meta label {
	color: rgb(153, 153, 153);
}
.o-workflow {
	left: 60px; top: 61px; right: 0px; bottom: 0px; position: absolute; -ms-overflow-x: auto; -ms-overflow-y: hidden;
}
.co-powerbar--collapsed .o-workflow {
	
}
.o-workflow__board {
	height: 100%; z-index: 1;
}
.o-workflow__error {
	color: rgb(139, 0, 0);
}
.o-workflow__lanes {
	padding: 0px 10px; top: 76px; height: 100%; font-size: 0px; display: block; white-space: nowrap; position: absolute; -ms-overflow-x: auto; -ms-overflow-y: hidden;
}
.o-workflow__lanes__header {
	padding: 0px 10px; font-size: 0px; display: block; white-space: nowrap;
}
.o-workflow__lane {
	padding: 0px 12px 96px; width: 300px; height: 100%; font-size: 1rem; vertical-align: top; display: inline-block; position: relative; -ms-overflow-x: hidden; -ms-overflow-y: auto; box-sizing: border-box;
}
.o-workflow__item-container {
	
}
.o-workflow--dragging .o-workflow__item-container {
	min-height: 500px;
}
.o-workflow__add-item {
	padding: 10px 0px; text-align: center; color: rgb(147, 161, 161); margin-top: 10px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5);
}
.o-workflow__add-item:hover {
	color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 1);
}
.o-workflow--dragging .o-workflow__add-item {
	opacity: 0;
}
.o-workflow__lane-settings-watch {
	padding: 0px 5px; top: 14px; right: 12px; color: rgb(147, 161, 161); position: absolute; cursor: pointer;
}
.o-workflow__lane-header:hover .o-workflow__lane-settings-watch {
	display: inline-block;
}
:last-child.o-workflow__lane {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.o-workflow__lane-header {
	padding: 15px 8px; font-size: 1rem; border-top-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-top-width: 3px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: relative;
}
.o-workflow__lane-header-container {
	padding: 25px 12px; width: 300px; display: inline-block; box-sizing: border-box;
}
.o-workflow__lane-bubble {
	padding: 8px; border-radius: 50%; margin-right: 5px; margin-bottom: -2px; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.o-workflow__lane-heading {
	color: rgba(54, 61, 74, 0.8); font-weight: 700; display: inline-block;
}
.o-workflow__lane-count {
	color: rgba(54, 61, 74, 0.4); font-weight: 400;
}
.o-workflow__item {
	margin: 10px 0px; padding: 5px; border: 3px solid rgb(255, 255, 255); border-image: none; cursor: pointer;
}
.o-workflow__item iframe {
	background: rgb(255, 255, 255); transform-origin: left top; border: 0px currentColor; border-image: none; transform: scale(0.5); -webkit-transform: scale(0.5); -webkit-transform-origin: top left;
}
.o-workflow__item--ghost {
	background: rgba(54, 61, 74, 0.1); border: 3px solid transparent; border-image: none; box-shadow: none;
}
.o-workflow__item--ghost * {
	visibility: hidden;
}
.state-selected.o-workflow__item {
	border: 3px solid rgb(95, 200, 215); border-image: none;
}
.o-workflow__item-info {
	
}
.o-workflow__item-preview {
	display: block;
}
.o-workflow__image-wrapper {
	width: 100px; height: 75px; overflow: hidden; float: left;
}
.o-workflow__item-title {
	color: rgba(54, 61, 74, 1); overflow: hidden; font-size: 13px; white-space: pre-wrap; -ms-text-overflow: ellipsis;
}
.o-workflow__item-meta {
	padding: 5px 10px; margin-left: 100px;
}
.o-workflow__flags {
	padding: 10px 0px 0px; height: 20px;
}
.o-workflow__flags-icon {
	font-size: 13px; vertical-align: middle;
}
.o-workflow__flags-object {
	padding: 0px; border-radius: 3px; color: rgba(0, 0, 0, 0.5); font-size: 11px; margin-right: 8px; vertical-align: middle; display: inline-block; position: relative;
}
.o-worklow__flags-object--completed {
	color: rgba(163, 206, 98, 1);
}
.o-workflow__flags-request-type {
	color: rgba(0, 0, 0, 0.5); font-size: 12px; margin-top: 2px;
}
.o-workflow__flags-count {
	margin-left: 3px; vertical-align: middle;
}
.o-workflowsettings__container {
	padding: 20px;
}
.o-workflowsettings__header {
	text-align: center;
}
.o-workflowsettings__status-list {
	list-style: none; width: 100%; margin-top: 20px;
}
.o-workflowsettings__section {
	padding: 4px 10px; float: left;
}
.o-workflowsettings__section {
	color: rgb(54, 61, 74); line-height: 28px;
}
.o-workflowsettings__setting-icon {
	color: rgb(54, 61, 74); line-height: 28px;
}
.o-workflowsettings__empty-status {
	color: rgb(54, 61, 74); line-height: 28px;
}
.o-workflowsettings__section--status {
	width: 200px;
}
.o-workflowsettings__section--owner {
	width: 24%;
}
.o-workflowsettings__section--tasks {
	width: 40px;
}
.o-workflowsettings__section--approvedstate {
	width: 50px;
}
.o-workflowsettings__section--settings {
	width: auto; text-align: center; color: rgb(153, 153, 153); line-height: 1em; float: right;
}
.o-workflowsettings__list-entry {
	font-size: 13px; border-bottom-color: rgb(248, 248, 248); border-bottom-width: 1px; border-bottom-style: solid;
}
:last-child.o-workflowsettings__list-entry {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.o-workflowsettings__status-header {
	color: rgb(153, 153, 153); font-size: 0.9em; font-weight: 400;
}
.o-workflowsettings__bubble {
	border-radius: 50%; width: 15px; height: 15px; margin-right: 5px; margin-bottom: -2px; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.o-workflowsettings__avatar {
	border-radius: 50%; margin-right: 5px; vertical-align: middle; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
.o-workflowsettings__assignee-wrapper {
	cursor: pointer;
}
.o-workflowsettings__assignee {
	width: 100px; overflow: hidden; vertical-align: top; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.o-workflowsettings__assignee-list {
	padding: 5px;
}
.o-workflowsettings__assignee-list li {
	padding: 3px 0px; cursor: pointer;
}
.o-workflowsettings__assignee-list li .cm-userlist__item-value {
	padding-top: 6px;
}
.o-workflowsettings__tasklist-container {
	padding: 12px 15px; width: 340px; box-sizing: border-box;
}
.o-workflowsettings__task-badge {
	color: rgb(0, 0, 0); cursor: pointer;
}
.state-tasks-unavailable.o-workflowsettings__task-badge {
	width: 22px; color: rgb(139, 139, 139);
}
.state-not-assigned.o-workflowsettings__assignee {
	color: rgb(147, 161, 161);
}
.o-workflowsettings__assignee-list li:hover {
	background-color: rgb(221, 221, 221);
}
.o-workflowsettings__assignee-list li.state-selected {
	background-color: rgb(221, 221, 221);
}
.o-workflowsettings__subtitle {
	line-height: 22px; font-size: 18px;
}
.o-workflowsettings__empty-status {
	padding: 5px 10px; outline: 0px; color: rgb(221, 221, 221); font-style: italic; cursor: pointer;
}
.state-active.o-workflowsettings__empty-status {
	color: rgb(0, 0, 0); font-style: normal;
}
.o-workflowsettings__setting-icon {
	padding: 5px; cursor: pointer;
}
.o-workflowsettings__workflow-settings {
	margin-top: 20px;
}
.o-workflowsettings__tasklist-container .m-tasklist__task-field {
	width: 220px;
}
.o-workflowsidebar {
	background: rgba(245, 245, 246, 1); padding: 20px; top: 61px; width: 400px; right: 0px; bottom: 0px; overflow: auto; position: fixed; box-shadow: -1px 4px 10px 0px rgba(0,0,0,0.1);
}
.state-hidden.o-workflowsidebar {
	display: none;
}
.state-open.o-workflowsidebar {
	z-index: 10;
}
.o-workflowsidebar__settings-container {
	margin-top: 20px;
}
.o-workflowsidebar__thumbnail {
	padding: 10px; text-align: center; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(255, 255, 255);
}
.o-workflowsidebar__thumbnail iframe {
	background: rgb(255, 255, 255); transform-origin: left top; border: 0px currentColor; border-image: none; transform: scale(0.5); -webkit-transform: scale(0.5); -webkit-transform-origin: top left;
}
.o-workflowsidebar__thumbnail-image {
	overflow: hidden; max-height: 240px; max-width: 380px;
}
.o-workflowsidebar__change-divider {
	text-align: center; font-size: 14px; display: block;
}
.o-workflowsidebar__requester-image {
	top: 14px;
}
.o-workflowsidebar__requester-name {
	font-size: 14px; display: inline-block;
}
.o-workflowsidebar__requester-mail {
	color: rgba(0, 0, 0, 0.5); font-size: 12px; margin-left: 31px; display: inline-block;
}
.o-workflowsidebar__revision {
	border-top-color: rgb(240, 240, 240); border-top-width: 1px; border-top-style: solid;
}
.o-workflowsidebar__revision-date {
	padding: 4px 0px;
}
.o-workflowsidebar__revision-creator {
	padding-bottom: 10px;
}
.o-workflowsidebar__tasklist-container {
	padding: 12px 15px;
}
.o-workflowsidebar__content [readonly].cm-setting__input {
	color: rgba(54, 61, 74, 1);
}
.o-workflowsidebar__content [readonly].cm-setting__input:focus {
	color: rgba(54, 61, 74, 1);
}
.o-workflowsidebar__directory {
	color: rgba(54, 61, 74, 1); text-decoration: none; display: block; background-color: rgb(255, 255, 255);
}
.o-workflowsidebar__setting-group {
	padding-top: 4px;
}
.state-hidden.o-export-screen__info {
	display: none;
}
.skinLayout404 {
	background: rgb(65, 134, 237);
}
.skinLayout404 .sherlock {
	margin: 100px auto 0px; width: 600px; text-align: center; color: rgb(255, 255, 255);
}
.skinLayout404 .sherlock img {
	margin-bottom: 20px;
}
.skinLayout404 .sherlock h1 {
	font-size: 34px; font-weight: 700; margin-bottom: 20px;
}
.skinLayout404 .sherlock p {
	color: rgba(255, 255, 255, 0.8); line-height: 1.5; margin-bottom: 20px;
}
.skinLayout404 .sherlock p span {
	color: rgb(255, 255, 255);
}
.skinLayout404 .sherlock p a {
	color: rgb(255, 255, 255);
}
.skinLayoutAuth {
	background-position: center; height: 100%; min-width: 0px; background-image: url("https://cdn.frontify.com/assets/img/background.png"); background-size: cover; background-color: rgb(255, 255, 255);
}
.skinLayoutBrands {
	
}
.skinLayoutBrands body {
	height: 100%;
}
.skinLayoutBrowser {
	background: rgb(245, 245, 246); height: 100%; font-family: helvetica,sans-serif; font-size: 14px;
}
.skinLayoutBrowser .content {
	
}
.skinLayoutBrowser > body .head {
	background: rgb(255, 255, 255); padding: 0px;
}
.skinLayoutBuilder {
	background: rgb(255, 255, 255);
}
.skinLayoutGo {
	height: 100%; font-size: 14px; background-image: url("/img/frontify-go-bg.jpg"); background-size: cover;
}
@media all
{
.skinLayoutGuide {
	background: rgb(34, 34, 34); font-family: helvetica,sans-serif; font-size: 14px;
}
}
@media print
{
.skinLayoutGuide {
	background-color: rgb(255, 255, 255);
}
}
.skinLayoutLibrary {
	padding: 40px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.skinLayoutLibrary h1 {
	clear: both; font-size: 42px; font-weight: 700; margin-bottom: 20px;
}
.skinLayoutLibrary h2 {
	clear: both; font-size: 26px; font-weight: 700; margin-bottom: 20px;
}
.skinLayoutLibrary form {
	margin-bottom: 20px;
}
.skinLayoutPatterns .head-title {
	top: 0px; position: fixed;
}
.skinLayoutPatterns .content .main {
	margin-right: 0px;
}
.skinLayoutPatterns .content .sidebar {
	background: rgb(255, 255, 255); top: 61px; width: 300px; right: 0px; bottom: 0px; position: fixed;
}
.skinLayoutPatterns .content .sidebar .hint {
	background: rgb(252, 249, 219); margin: 20px; padding: 12px; border-radius: 3px; color: rgb(122, 98, 14); line-height: 1.4; font-size: 14px; border-top-color: rgb(240, 173, 78); border-top-width: 3px; border-top-style: solid;
}
.skinLayoutPatterns .sidebar-enabled.content .main {
	margin-right: 300px;
}
.skinLayoutPatterns .sidebar-enabled.content .sidebar {
	display: block;
}
.skinLayoutPatterns .content .sidebar-detail {
	background: rgb(255, 255, 255); transition:100ms ease-out; top: 61px; width: 300px; right: 0px; bottom: 0px; overflow: auto; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; position: fixed; z-index: 2; transform: translate3d(300px, 0px, 0px); -webkit-transform: translate3d(300px, 0, 0); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; -moz-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0);
}
.skinLayoutPatterns .content .show.sidebar-detail {
	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.skinLayoutPrototype {
	background: url("/img/transparent-dark.png") 0% 0% / 10px 10px rgb(40, 40, 40);
}
.skinLayoutRegister {
	background: rgb(255, 255, 255);
}
.skinLayoutScreen {
	background: url("/img/transparent.png") 0% 0% / 10px 10px rgb(255, 255, 255);
}
.skinLayoutScreenShare {
	background: url("/img/transparent-dark.png") 0% 0% / 10px 10px rgb(40, 40, 40); height: 100%; min-width: 0px;
}
.skinLayoutScreenShare > body {
	width: 100%; height: 100%;
}
.skinLayoutScreenShare .modScreen .screen {
	display: inline-block; position: static; cursor: auto;
}
.skinLayoutScreenShare .modScreen .screen img {
	display: block;
}
.skinLayoutScreenShare .modScreen {
	margin: auto; text-align: center;
}
@media screen and (max-width:480px)
{
.skinLayoutScreenShare > body .head {
	height: auto;
}
.skinLayoutScreenShare .modScreen {
	margin: 0px;
}
}
.skinLayoutSettings > body .head {
	position: static;
}
.skinLayoutStyleguide {
	min-width: 960px;
}
.skinLayoutStyleguide .content {
	padding-top: 100px;
}
.skinLayoutStyleguide > body .head-title {
	width: 100%; margin-top: 60px; position: fixed; z-index: 99;
}
.skinLayoutSubscription > body .head {
	position: static;
}
.skinLayoutSubscription .content .main {
	margin-top: 125px; margin-right: 0px;
}
.skinLayoutWireframe {
	background: rgb(42, 149, 201);
}