.fw_buttons {
	height: 32px;
	position: relative;
}

.fw_buttons:after {
	clear: both;
	content: '';
	display: block;
}

.fw_button {
	background-color: #aaa;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: background-color .2s;
	
	-moz-border-radius: 3px;
	-moz-transition: background-color .2s;
	-webkit-border-radius: 3px;
	-webkit-transition: background-color .2s;
}

.fw_buttons .fw_button {
	display: inline-block;
}

.fw_button:hover {
	background-color: #999;
}

.fw_button.fw_add {
	background-color: #2ea1f8;
}

.fw_button.fw_add:hover,
.fw_button.fw_add.fw_active {
	background-color: #28e;
}

.fw_button.fw_cancel {
	background-color: #c36;
}

.fw_button.fw_cancel:hover,
.fw_button.fw_cancel.fw_active {
	background-color: #b25;
}

.fw_button.fw_save {
	background-color: #27b210;
}

.fw_button.fw_save:hover,
.fw_button.fw_save.fw_active {
	background-color: #282;
}

.fw_button.fw_disabled,
.fw_button.fw_disabled:hover {
	background-color: #ddd;
	color: #bbb;
	cursor: default;
}

.fw_button > span:first-child {
	display: block;
	padding: 8px 32px;
}

.fw_button .fw_icon {
	position: absolute;
	right: 0;
	top: 0;
}

/* selector */
.fw_selectors {
	height: 32px;
	position: relative;
}

.fw_selectors .fw_selector {
	float: left;
	margin-left: 20px;
}

.fw_selectors .fw_selector:first-child {
	margin-left: 0;
}

.fw_selector {
	background-color: #2ea1f8;
	border-radius: 3px;
	color: #fff;
	cursor: default;
	font-size: 10px;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.fw_selector:hover {
	background-color: #28e;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

.fw_selector.fw_disabled {
	filter: alpha(opacity=60);
	opacity: .6;
}

.fw_selector.fw_disabled:hover {
	background-color: #2ea1f8;
}

.fw_selector > span:first-child {
	display: block;
	padding: 8px 32px 8px 20px;
}

.fw_selector .fw_icon {
	position: absolute;
	right: 0;
	top: 0;
}

.fw_selector .fw_icon.fw_loader {
	padding: 8px;
}

.fw_selector .fw_icon.fw_loader span {
	background: url('../img/loaders/16/white_blue.gif') 0 0;
	height: 16px;
	width: 16px;
}

.fw_selector > ul {
	background: #eee;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	display: none;
	position: absolute;
	width: 100%;
	
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

.fw_selector:hover ul {
	display: block;
}

.fw_selector:hover ul.fw_hide {
	display: none;
}

.fw_selector li {
	position: relative;
}

.fw_selector ul ul,
.fw_selector:hover ul ul {
	display: none;
	position: absolute;
	top: 0;
}

.fw_selector li:hover ul {
	display: block;
}

.fw_selector.fw_disabled:hover ul {
	display: none;
}

.fw_selector li a {
	color: #444;
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 20px;
	position: relative;
}

.fw_selector li div {
	background: #ddd;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #2ea1f8;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding: 0 20px;
	text-transform: uppercase;
}

.fw_selector li:hover > a {
	background: #fbfbfb;
}

.fw_selector li:last-child a {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

.fw_selector li a span {
	color: #aaa;
	font-size: 10px;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
}
/* colorpicker */
.colpick{position:absolute;width:346px;height:170px;overflow:hidden;display:none;font-family:Arial,Helvetica,sans-serif;background:#ebebeb;border:1px solid #bbb;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.colpick_color{position:absolute;left:7px;top:7px;width:156px;height:156px;overflow:hidden;outline:#aaa solid 1px;cursor:crosshair}.colpick_color_overlay1{position:absolute;left:0;top:0;width:156px;height:156px;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff')}.colpick_color_overlay2{position:absolute;left:0;top:0;width:156px;height:156px;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)}.colpick_selector_outer{background:0 0;position:absolute;width:11px;height:11px;margin:-6px 0 0 -6px;border:1px solid #000;border-radius:50%}.colpick_selector_inner{position:absolute;width:9px;height:9px;border:1px solid #fff;border-radius:50%}.colpick_hue{position:absolute;top:6px;left:175px;width:19px;height:156px;border:1px solid #aaa;cursor:n-resize}.colpick_hue_arrs{position:absolute;left:-8px;width:35px;height:7px;margin:-7px 0 0}.colpick_hue_larr{position:absolute;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid #858585}.colpick_hue_rarr{position:absolute;right:0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:7px solid #858585}.colpick_new_color{position:absolute;left:207px;top:6px;width:60px;height:27px;background:red;border:1px solid #8f8f8f}.colpick_current_color{position:absolute;left:277px;top:6px;width:60px;height:27px;background:red;border:1px solid #8f8f8f}.colpick_field,.colpick_hex_field{position:absolute;height:20px;width:60px;overflow:hidden;background:#f3f3f3;color:#b8b8b8;font-size:12px;border:1px solid #bdbdbd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.colpick_rgb_r{top:40px;left:207px}.colpick_rgb_g{top:67px;left:207px}.colpick_rgb_b{top:94px;left:207px}.colpick_hsb_h{top:40px;left:277px}.colpick_hsb_s{top:67px;left:277px}.colpick_hsb_b{top:94px;left:277px}.colpick_hex_field{width:68px;left:207px;top:121px}.colpick_focus{border-color:#999}.colpick_field_letter{position:absolute;width:12px;height:20px;line-height:20px;padding-left:4px;background:#efefef;border-right:1px solid #bdbdbd;font-weight:700;color:#777}.colpick_field input,.colpick_hex_field input{position:absolute;right:11px;margin:0;padding:0;height:20px;line-height:20px;background:0 0;border:none;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#555;text-align:right;outline:0}.colpick_hex_field input{right:4px}.colpick_field_arrs{position:absolute;top:0;right:0;width:9px;height:21px;cursor:n-resize}.colpick_field_uarr{position:absolute;top:5px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #959595}.colpick_field_darr{position:absolute;bottom:5px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #959595}.colpick_submit{position:absolute;left:207px;top:149px;width:130px;height:22px;line-height:22px;background:#efefef;text-align:center;color:#555;font-size:12px;font-weight:700;border:1px solid #bdbdbd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.colpick_submit:hover{background:#f3f3f3;border-color:#999;cursor:pointer}.colpick_full_ns .colpick_current_color,.colpick_full_ns .colpick_submit{display:none}.colpick_full_ns .colpick_new_color{width:130px;height:25px}.colpick_full_ns .colpick_hsb_h,.colpick_full_ns .colpick_rgb_r{top:42px}.colpick_full_ns .colpick_hsb_s,.colpick_full_ns .colpick_rgb_g{top:73px}.colpick_full_ns .colpick_hsb_b,.colpick_full_ns .colpick_rgb_b{top:104px}.colpick_full_ns .colpick_hex_field{top:135px}.colpick_rgbhex .colpick_hsb_b,.colpick_rgbhex .colpick_hsb_h,.colpick_rgbhex .colpick_hsb_s{display:none}.colpick_rgbhex{width:282px}.colpick_rgbhex .colpick_field,.colpick_rgbhex .colpick_submit{width:68px}.colpick_rgbhex .colpick_new_color{width:34px;border-right:none}.colpick_rgbhex .colpick_current_color{width:34px;left:240px;border-left:none}.colpick_rgbhex_ns .colpick_current_color,.colpick_rgbhex_ns .colpick_submit{display:none}.colpick_rgbhex_ns .colpick_new_color{width:68px;border:1px solid #8f8f8f}.colpick_rgbhex_ns .colpick_rgb_r{top:42px}.colpick_rgbhex_ns .colpick_rgb_g{top:73px}.colpick_rgbhex_ns .colpick_rgb_b{top:104px}.colpick_rgbhex_ns .colpick_hex_field{top:135px}.colpick_hex .colpick_hsb_b,.colpick_hex .colpick_hsb_h,.colpick_hex .colpick_hsb_s,.colpick_hex .colpick_rgb_b,.colpick_hex .colpick_rgb_g,.colpick_hex .colpick_rgb_r{display:none}.colpick_hex{width:206px;height:201px}.colpick_hex .colpick_hex_field{width:72px;height:25px;top:168px;left:80px}.colpick_hex .colpick_hex_field div,.colpick_hex .colpick_hex_field input{height:25px;line-height:25px}.colpick_hex .colpick_new_color{left:9px;top:168px;width:30px;border-right:none}.colpick_hex .colpick_current_color{left:39px;top:168px;width:30px;border-left:none}.colpick_hex .colpick_submit{left:164px;top:168px;width:30px;height:25px;line-height:25px}.colpick_hex_ns .colpick_current_color,.colpick_hex_ns .colpick_submit{display:none}.colpick_hex_ns .colpick_hex_field{width:80px}.colpick_hex_ns .colpick_new_color{width:60px;border:1px solid #8f8f8f}.colpick_dark{background:#161616;border-color:#2a2a2a}.colpick_dark .colpick_color{outline-color:#273142}.colpick_dark .colpick_hue{border-color:#555}.colpick_dark .colpick_field,.colpick_dark .colpick_hex_field{background:#101010;border-color:#2d2d2d}.colpick_dark .colpick_field_letter{background:#131313;border-color:#2d2d2d;color:#696969}.colpick_dark .colpick_field input,.colpick_dark .colpick_hex_field input{color:#7a7a7a}.colpick_dark .colpick_field_uarr{border-bottom-color:#696969}.colpick_dark .colpick_field_darr{border-top-color:#696969}.colpick_dark .colpick_focus{border-color:#444}.colpick_dark .colpick_submit{background:#131313;border-color:#2d2d2d;color:#7a7a7a}.colpick_dark .colpick_submit:hover{background-color:#101010;border-color:#444}
 
/* fonts */
@font-face {
    font-family: 'roboto-regular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-medium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* common */
.fw_clear {
	font-size: 0;
	height: 0;
	line-height: 0;
	clear: both;
}

.fw_hide {
	display: none;
}

.fw_show {
	display: block;
}

.fw_hidden {
	visibility: hidden;
}

.fw_visible {
	visibility: visible;
}

/**************/
/* dashboards */
/**************/
#fw_dashboard iframe {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.fw_dashboard_content {
	background: url('../img/bg/icon_dashboard_arrow.png') center 114px no-repeat;
	height: 250px;
	left: 50%;
	margin: -125px 0 0 -300px;
	position: absolute;
	top: 50%;
	width: 600px;
}

.fw_dashboard_application,
.fw_dashboard_edit {
	float: left;
	height: 250px;
	width: 250px;
}

#fw_dashboard .fw_dashboard_edit {
	margin-left: 100px;
}

#fw_dashboard .fw_dashboard_title {
	color: #666;
	font-weight: bold;
	padding: 21px 0;
	text-align: center;
	text-transform: uppercase;
}

#fw_dashboard .fw_dashboard_title span {
	color: #2ea1f8;
}

#fw_dashboard .fw_icon {
	filter: alpha(opacity=40);
	opacity: .4;
	padding: 0 29px;
}

#fw_manager_dashboard,
#fw_form_dashboard {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

#fw_form_dashboard {
	background: #fff;
	bottom: 0;
	left: 400px;
	position: fixed;
	top: 63px;
	z-index: 100;
}

#fw_manager_dashboard .fw_no_result,
#fw_form_dashboard .fw_no_result {
	/*background: url(../img/bg/shadow.png) no-repeat left bottom;*/
	height: 270px;
	left: 50%;
	margin: -135px 0 0 -200px;
	position: absolute;
	top: 50%;
	width: 400px;
}

#fw_manager_dashboard .fw_text,
#fw_form_dashboard .fw_text {
	color: #666;
	font-size: 16px;
	font-style: italic;
	line-height: 24px;
	margin: 0 0 150px 0;
	text-align: center;
}

#fw_manager_dashboard .fw_sad,
#fw_form_dashboard .fw_sad {
	background: url(../img/bg/bulb.png) no-repeat;
	height: 200px;
	left: 50%;
	margin: -115px 0 0 -100px;
	position: absolute;
	top: 50%;
	width: 200px;
}

#fw_manager_dashboard .fw_buttons,
#fw_form_dashboard .fw_buttons {
	text-align: center;
}

/********************/
/* application menu */
/********************/
#fw_application_menu .fw_logo {
	color: #1b2431;
	display: inline-block;
	font-family: "roboto-medium";
	font-size: 32px;
	line-height: 54px;
	min-height: 29px;
	position: relative;
}

#fw_application_menu .fw_logo img {
	height: 24px;
}

#fw_application_menu .fw_version {
	color: #7f8fa4;
	font-family: Arial;
	font-size: 12px;
	height: 36px;
	line-height: 36px;
	position: absolute;
	right: -35px;
	top: -5px;
	width: 36px;
}

#fw_application_menu .fw_choose {
	color: #7f8fa4;
	display: inline-block;
	font-size: 14px;
	font-style: italic;
	margin-top: 16px;
}

#fw_application_menu .fw_item {
	color: #7f8fa4;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin: 32px 16px 0;
	text-transform: uppercase;
}

#fw_application_menu .fw_icon {
	background-color: #7f8fa4;
	display: block;
	float: none;
	margin-bottom: 10px;
	transition: all .2s ease-out;
	transform: scale(.95);
}

#fw_application_menu .fw_icon .icon {
	color: #fff;
	font-size: 64px;
	line-height: 64px;
	opacity: .9;
	transition: opacity .2s ease-out;
}

#fw_application_menu .fw_icon:hover .icon {
	opacity: 1;
}

#fw_application_menu .fw_icon.fw_point_down {
	filter: alpha(opacity=20);
	margin-top: 16px;
	opacity: .2;
}

#fw_application_menu .fw_icon.fw_disc:hover {
	background-color: #2ea1f8;
	transform: scale(1);

}

/****************/
/* manager menu */
/****************/
#fw_manager_menu .fw_icons {
	padding: 15px 28px 15px 20px;
	z-index: 10;
}

#fw_manager_menu .fw_icons:first-child {
	position: relative;
}

#fw_manager_menu .fw_icons:last-child {
	bottom: 0;
	position: absolute;
}

#fw_manager_menu .fw_icon {
	color: #666;
	opacity: 1;
	display: block;
	float: none;
}

#fw_manager_menu li.fw_active .fw_icon,
#fw_manager_menu .fw_icon:hover {
	color: #273142;
}

#fw_manager_menu .fw_icon.fw_loader span {
	background-image: url('../img/loaders/16/white_black.gif');
}

#fw_manager_menu .fw_icons > ul > li {
	float: left;
	height: 32px;
	margin-left: 10px;
	position: relative;
	width: 32px;
}

#fw_manager_menu .fw_icons > ul > li:first-child {
	margin-left: 0;
}

#fw_manager_menu .fw_icons > ul > .fw_dashboard:hover {
	height: 28px;
	padding: 2px;
	width: 28px;
}

#fw_manager_menu .fw_icons > ul >  .fw_dashboard:hover > .fw_icon {
	background-color: #273142;
	border-radius: 14px;
	border-width: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	position: relative;
	z-index: 10;

	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

#fw_manager_menu .fw_icons .fw_dashboard > ul {
	background-color: rgba(0, 0, 0, .2);
	border-radius: 21px;
	display: none;
	left: -5px;
	padding: 5px;
	position: absolute;
	top: -5px;

	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
}

#fw_manager_menu .fw_icons .fw_dashboard:hover > ul {
	display: block;
}

#fw_manager_menu .fw_icons .fw_dashboard > ul > li {
	background-color: #b7c0cd;
}

#fw_manager_menu .fw_icons .fw_dashboard > ul > li:first-child {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	padding-top: 32px;

	-moz-border-radius-topleft: 16px;
	-moz-border-radius-topright: 16px;
	-webkit-border-top-left-radius: 16px;
	-webkit-border-top-right-radius: 16px;
}

#fw_manager_menu .fw_icons .fw_dashboard > ul > li:last-child {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	padding-bottom: 8px;

	-moz-border-radius-bottomleft: 16px;
	-moz-border-radius-bottomright: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
}

#fw_manager_menu .fw_scroll {
	border: solid #273142;
	border-width: 1px 0;
	bottom: 62px;
	left: 0;
	position: absolute;
	right: 0;
	top: 62px;
}

#fw_manager_menu .fw_scroll,
#fw_manager_menu .fw_scroll a {
	color: #b7c0cd;
}

#fw_manager_menu .fw_scroll ul {
	list-style-type: none;
}

#fw_manager_menu .fw_scroll li {
	position: relative;
}

#fw_manager_menu .fw_scroll li a {
	border-top: 1px solid #273142;
	display: block;
	font-size: 11px;
}

#fw_manager_menu .fw_scroll > ul > li > a,
#fw_manager_menu .fw_scroll_content > ul > li > a {
	font-weight: bold;
	text-transform: uppercase;
}

#fw_manager_menu .fw_scroll > ul > li:first-child > a,
#fw_manager_menu .fw_scroll_content > ul > li:first-child > a {
	border-top-width: 0;
}

#fw_manager_menu .fw_scroll li a:hover,
#fw_manager_menu .fw_scroll li.fw_active > a,
#fw_manager_menu .fw_scroll li.fw_open > a {
	background-color: #273142;
	color: #fff;
}

#fw_manager_menu .fw_scroll li a span:first-child {
	display: block;
	padding: 10px 32px 10px 20px;
	white-space: nowrap;
}

#fw_manager_menu .fw_scroll li.fw_active a span:first-child,
#fw_manager_menu .fw_scroll li.fw_open a span:first-child {
	border-left: 4px solid #273142;
	padding-left: 16px;
}

#fw_manager_menu .fw_scroll li.fw_active > a span:first-child {
	border-left-color: #2ea1f8;
}

#fw_manager_menu .fw_scroll li .fw_icon {
	display: none;
	margin-top: -8px;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 50%;
}

#fw_manager_menu .fw_scroll li .fw_icon.fw_loader {
	display: block;
}

#fw_manager_menu .fw_scroll li .fw_arrow {
	background: url('../img/icons/8/pointer_down.png') 0 -16px;
	height: 8px;
	position: absolute;
	right: 20px;
	top: 14px;
	width: 8px;
	z-index: 10;
}

#fw_manager_menu .fw_scroll li.fw_open .fw_arrow {
	background-image: url('../img/icons/8/pointer_up.png');
}

#fw_manager_menu .fw_scroll li .fw_notify {
	background: #c36;
	border-radius: 3px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	position: absolute;
	right: 20px;
	top: 9px;
	z-index: 20;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* subs */
#fw_manager_menu .fw_scroll li ul {
	border-bottom: 1px solid #273142;
	display: none;
}

#fw_manager_menu .fw_scroll li.fw_open ul {
	display: block;
}

#fw_manager_menu .fw_scroll li li a {
	font-weight: normal;
	text-transform: lowercase;
}

/*************/
/* item menu */
/*************/
#fw_item_menu .fw_feedback {
	margin-top: -2px;
}

#fw_item_menu .fw_buttons .fw_button {
	position: absolute;
	right: 0;
	white-space: nowrap;
	width: 48%;
}

#fw_item_menu .fw_buttons .fw_button:first-child {
	left: 0;
	right: auto;
}

#fw_item_menu .fw_buttons .fw_button > span {
	padding: 8px 0;
}

#fw_item_menu .fw_buttons,
#fw_item_menu .fw_button {
	margin-bottom: 15px;
}

#fw_item_menu .fw_form_field {
	margin-bottom: 7px;
}

#fw_item_menu .fw_form_field input {
	background-color: #f6f6f6;
}

#fw_item_menu .fw_checkbox {
	filter: alpha(opacity=40);
	opacity: .4;
	padding: 9px;
	position: absolute;
	top: 0;
}

#fw_item_menu .fw_checkbox:hover,
#fw_item_menu .fw_checkbox.fw_active,
#fw_item_menu .fw_checkbox.fw_semi {
	filter: alpha(opacity=60);
	opacity: .6;
}

#fw_item_menu .fw_action_bar {
	position: relative;
}

#fw_item_menu .fw_action_bar .fw_checkbox {
	left: 0;
}

#fw_item_menu .fw_action_bar .fw_icons {
	float: right;
}

#fw_item_menu .fw_action_lists {
	border-top: 1px solid #ccc;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 1px;
	top: 140px;
}

#fw_item_menu .fw_action_lists.fw_native_scroll {
	overflow: auto;
}


/* this is used when add button, search and action bar is disabled */
#fw_item_menu .fw_action_lists:first-child {
	top: 62px;
}

#fw_item_menu .fw_action_lists .fw_no_results {
	color: #888;
	font-style: italic;
	height: 32px;
	line-height: 32px;
	text-align: center;
}

#fw_item_menu .fw_action_lists > .fw_icon {
	background-color: #eee;
	border-top: 1px solid #ccc;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
}

#fw_item_menu .fw_title {
	background: #ddd;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #444;
	font-size: 10px;
	font-weight: bold;
	margin-top: -1px;
	padding: 8px 28px 8px 52px;
	position: relative;
	text-transform: uppercase;
}

#fw_item_menu .fw_title:first-child {
	margin-top: 0;
	border-top: 0;
}

#fw_item_menu .fw_title .fw_checkbox {
	left: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	position: absolute;
	top: 4px;
}

#fw_item_menu ul {
	list-style-type: none;
}

#fw_item_menu li {
	border-bottom: 1px dotted #ccc;
	position: relative;
}

#fw_item_menu li .fw_item {
	display: block;
	padding: 8px 60px 8px 52px;
}

#fw_item_menu li .fw_item.fw_no_check {
	display: block;
	padding: 8px 40px 8px 29px;
}

#fw_item_menu li:nth-child(2n+1) .fw_item {
	background-color: #fbfbfb;
}

#fw_item_menu li:hover .fw_item,
#fw_item_menu li.fw_active .fw_item {
	background-color: #f5f5f5;
	color: #273142;
}

#fw_item_menu li.fw_active .fw_item {
	border-left: 4px solid #2ea1f8;
	padding-left: 48px;
}

#fw_item_menu li.fw_active .fw_item.fw_no_check {
	padding-left: 25px;
}

#fw_item_menu li.fw_system .fw_item {
	font-weight: bold;
	padding: 8px 52px 8px 28px;
}

#fw_item_menu li.fw_active.fw_system .fw_item {
	padding-left: 24px;
}

#fw_item_menu li .fw_item span {
	/*
	color: #aaa;
	font-size: 10px;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
	*/

	color: #999;
	display: block;
    margin-top: 2px;
	white-space: nowrap;
}

#fw_item_menu li .fw_item span span {
	display: inline;
}

#fw_item_menu li .fw_item span.fw_error {
	color: #c36;
}

#fw_item_menu li .fw_item span.fw_success {
	color: #27b210;
}

#fw_item_menu li .fw_item span.fw_warning {
	color: #c93;
}

#fw_item_menu li .fw_item span.fw_info {
	color: #2ea1f8;
}

#fw_item_menu li .fw_item span.fw_status.fw_error,
#fw_item_menu li .fw_item span.fw_status.fw_success,
#fw_item_menu li .fw_item span.fw_status.fw_warning,
#fw_item_menu li .fw_item span.fw_status.fw_info {
	background-color: #27b210;
	border-radius: 4px;
	float: left;
	height: 8px;
	margin: 4px 5px 0 0;
	width: 8px;
}

#fw_item_menu li .fw_item span.fw_status.fw_alt {
	position: absolute;
	right: 27px;
	top: 8px;
}

#fw_item_menu li .fw_item span.fw_status.fw_success {
	background-color: #27b210;
}

#fw_item_menu li .fw_item span.fw_status.fw_error {
	background-color: #c36;
}

#fw_item_menu li .fw_item span.fw_status.fw_warning {
	background-color: #c93;
}

#fw_item_menu li .fw_checkbox {
	left: 20px;
}

#fw_item_menu li .fw_icon {
	filter: alpha(opacity=20);
	margin-top: -16px;
	opacity: .2;
	position: absolute;
	right: 20px;
	top: 50%;
}

#fw_item_menu li .fw_icon:hover,
#fw_item_menu li .fw_icon.fw_loader {
	filter: alpha(opacity=60);
	opacity: .6;
}

#fw_item_menu .fw_lazy_loader {
	background-color: #ddd;
	bottom: 0;
	display: none;
	height: 32px;
	left: 0;
	position: absolute;
	right: 1px;
}

#fw_item_menu .fw_lazy_loader.fw_active {
	display: block;
}

#fw_item_menu .fw_lazy_loader .fw_page_tear {
	background-image: url('../img/bg/page_tear.png');
	height: 8px;
	left: 0;
	position: absolute;
	right: 0;
	top: -8px;
}

#fw_item_menu .fw_lazy_loader .fw_icon {
	filter: alpha(opacity=60);
	left: 50%;
	margin: -8px 0 0 -8px;
	opacity: .6;
	padding: 0;
	position: absolute;
	top: 50%;
}

/* alternative action list */
#fw_item_menu .fw_action_list.fw_alt .fw_title,
#fw_item_menu .fw_action_list.fw_alt .fw_item {
	padding: 10px 120px 10px 28px;
}

#fw_item_menu .fw_action_list.fw_alt .fw_item {
	padding-left: 45px;
}

#fw_item_menu .fw_action_list.fw_alt li.fw_active .fw_item {
	padding-left: 41px;
}

#fw_item_menu .fw_action_lists.fw_native_scroll {
	overflow: auto;
}

#fw_item_menu .fw_action_list.fw_alt .fw_icon.fw_status {
	height: 16px;
	opacity: 1;
	position: absolute;
	left: 12px;
	top: 18px;
	width: 16px;
}

#fw_item_menu .fw_action_list.fw_alt .fw_actions {
	display: none;
	height: 32px;
	position: absolute;
	right: 12px;
	top: 2px;
}

#fw_item_menu .fw_action_list.fw_alt li:hover .fw_actions {
	display: block;
}

#fw_item_menu .fw_action_list.fw_alt .fw_actions .fw_icon {
	margin-top: 0;
	position: relative;
	right: auto;
	top: auto;
}

/************/
/* tab menu */
/************/
#fw_tab_menu li {
	float: left;
	position: relative;
}

#fw_tab_menu li a {
	background: right 23px no-repeat;
	color: #666;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 23px 20px;
	text-transform: uppercase;
}

#fw_tab_menu.fw_xs li a {
	font-size: 9px;
	padding: 23px 10px;
}

#fw_tab_menu.fw_s li a {
	font-size: 10px;
	padding: 23px 15px;
}

#fw_tab_menu li a:hover,
#fw_tab_menu li.fw_active a {
	border-bottom: 4px solid #ccc;
	padding-bottom: 19px;
}

#fw_tab_menu li.fw_active a {
	border-bottom-color: #2ea1f8;
	color: #2ea1f8;
}

#fw_tab_menu li .fw_icon {
	padding: 0;
	position: absolute;
	right: 0;
	top: 25px;
}

#fw_tab_menu li .fw_icon.fw_loader span {
	background-image: url('../img/loaders/12/blue_white.gif');
	height: 12px;
	width: 12px;
}

/***************/
/* tab content */
/***************/
/*#fw_tab_content > .fw_scroll_content {
	padding: 31px 40px;
}

#fw_tab_content > .fw_scroll_track {
	width: 40px;
}*/

/******************/
/* object content */
/******************/
#fw_object_content > .fw_scroll_content {
	padding: 31px 20px 31px 40px;
}

/*#fw_object_content > .fw_scroll_track_v {
	width: 40px;
}*/

/***************/
/* object menu */
/***************/
#fw_object_menu {
	font-size: 11px;
}

#fw_object_menu .fw_header {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	color: #2ea1f8;
	font-weight: bold;
	height: 16px;
	margin: -15px -20px 0;
	padding: 8px 20px;
	text-transform: uppercase;
	white-space: nowrap;
}

#fw_object_menu .fw_scroll {
	bottom: 0;
	left: 1px;
	padding: 10px 0;
	position: absolute;
	right: 0;
	top: 33px;
}

#fw_object_menu .fw_scroll.fw_alt {
	top: 0;
}

#fw_object_menu ul {
	margin-bottom: 20px;
}

#fw_object_menu li {
	margin-bottom: 1px;
	position: relative;
}

#fw_object_menu li.fw_legend {
	/*background: url('../img/bg/line_alt.gif') center repeat-x;*/
	color: #444;
	font-weight: bold;
	margin: 15px 20px 10px 15px;
}

#fw_object_menu li.fw_legend:first-child {
	margin-top: 10px;
}

#fw_object_menu li.fw_legend span {
	background: #f6f6f6;
	display: inline-block;
	padding-right: 10px;
}

#fw_object_menu li a {
	background: url('../img/bg/bullet.png') 15px 0 no-repeat;
	display: block;
	padding: 5px 20px 5px 27px;
}

#fw_object_menu li a:hover,
#fw_object_menu li.fw_active a {
	background-color: #fff;
}

#fw_object_menu li.fw_active a {
	background: #fff url('../img/bg/bullet.png') no-repeat 11px -108px;
	border-left: 4px solid #2ea1f8;
	color: #2ea1f8;
	padding-left: 23px;
}

#fw_object_menu li .fw_icon {
	padding: 0;
	position: absolute;
	right: 20px;
	top: 7px;
}

#fw_object_menu .fw_icon.fw_loader span {
	background-image: url('../img/loaders/12/blue_white.gif');
	height: 12px;
	width: 12px;
}

/**********/
/* window */
/**********/
.fw_window .fw_header {
	background-color: #f5faff;
	border-bottom: 1px solid #ccc;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #666;
	cursor: move;
	font-size: 11px;
	font-weight: bold;
	min-height: 16px;
	padding: 12px 20px;
	position: relative;
	text-transform: uppercase;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

/*.fw_window .fw_tabs {
	background: red;
	bottom: 0;
	position: absolute;
	left: 20px;
}*/

.fw_window .fw_header > .fw_close {
	position: absolute;
	right: 10px;
	top: 4px;
}

.fw_window .fw_content.fw_fixed {
	bottom: 0;
	left: 0;
	position: relative;
	right: 0;
	top: 0;
}

.fw_window .fw_content p {
	margin-bottom: 18px;
}

.fw_window .fw_scroll_content {
	padding: 15px 20px;
	overflow:hidden;
}

.fw_window.fw_full_height .fw_fixed .fw_scroll_content {
    /* height: calc(100% - 30px); */
	height: 100%;
}

/************/
/* feedback */
/************/
.fw_feedback {
	background-color: #eee;
	border-radius: 3px;
	color: #273142;
	margin-bottom: 20px;
	padding: 10px 20px;
	position: relative;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.fw_feedback ul {
	line-height: 20px;
	list-style: circle;
	margin-left: 15px;
}

.fw_feedback.fw_info {
	background-color: #f7f7d9;
	color: #663;
	font-style: italic;
}

.fw_feedback.fw_info a {
	color: #663;
	text-decoration: underline;
}

.fw_feedback.fw_error {
	background-color: #faeaef;
	color: #c36;
}

.fw_feedback.fw_error a {
	color: #c36;
	text-decoration: underline;
}

.fw_feedback.fw_success {
	background-color: #eaf5ea;
	color: #27b210;
}

.fw_feedback.fw_success a {
	color: #27b210;
	text-decoration: underline;
}

.fw_feedback.fw_warning {
	border: none;
	color: #fff;
	text-align: center;
}

.fw_feedback.fw_success .fw_button,
.fw_feedback.fw_error .fw_button,
.fw_feedback.fw_info .fw_button {
	color: #fff;
	font-style: normal;
	text-decoration: none;
}

.fw_feedback.fw_bullet_black,
.fw_feedback.fw_bullet_white,
.fw_feedback.fw_bullet_blue,
.fw_feedback.fw_bullet_red,
.fw_feedback.fw_bullet_green,
.fw_feedback.fw_bullet_orange,
.fw_feedback.fw_task,
.fw_feedback.fw_tip {
	padding-left: 45px;
}

.fw_feedback.fw_bullet_black span,
.fw_feedback.fw_task span,
.fw_feedback.fw_tip span {
	filter: alpha(opacity=60);
	height: 16px;
	left: 20px;
	opacity: .6;
	position: absolute;
	top: 9px;
	width: 16px;
}

.fw_feedback.fw_bullet_black span {
	background: url(../img/bg/bullets.png) no-repeat 0 0;
}

.fw_feedback.fw_bullet_white span {
	background: url(../img/bg/bullets.png) no-repeat 0 -32px;
}

.fw_feedback.fw_bullet_blue span {
	background: url(../img/bg/bullets.png) no-repeat 0 -64px;
}

.fw_feedback.fw_bullet_red span {
	background: url(../img/bg/bullets.png) no-repeat 0 -96px;
}

.fw_feedback.fw_bullet_green span {
	background: url(../img/bg/bullets.png) no-repeat 0 -128px;
}

.fw_feedback.fw_bullet_orange span {
	background: url(../img/bg/bullets.png) no-repeat 0 -160px;
}

.fw_feedback.fw_task span {
	background: url(../img/icons/16/task.png) no-repeat;
}

.fw_feedback.fw_tip span {
	background: url(../img/icons/16/bulb.png) no-repeat;
}

.fw_feedback .fw_item {
	display: flex;
	font-style: normal;
	line-height: 24px;
}

.fw_feedback .fw_item > label {
	flex-shrink: 0;
	font-weight: bold;
	padding-right: 20px;
	width: 150px;
}

.fw_feedback .fw_item > span {
	flex: 1;
}

/**************/
/* breadcrumb */
/**************/
#fw_breadcrumb {
	background-color: #f6f6f6;
	border-radius: 3px;
	height: 26px;
	line-height: 26px;
	list-style: none;
	margin-bottom: 20px;
	overflow: hidden;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#fw_breadcrumb li {
	float: left;
}

#fw_breadcrumb li a,
#fw_breadcrumb li span {
	background-color: #eee;
	color: #666;
	display: block;
	float: left;
	font-size: 10px;
	padding: 0 10px 0 26px;
	position: relative;
	text-decoration: none;
	text-transform: lowercase;
}

#fw_breadcrumb li span {
	background-color: #f6f6f6;
	cursor: default;
	padding: 0 10px 0 26px;
}

#fw_breadcrumb li a:after {
	border-top: 16px solid transparent; /* Go big on the size, and let overflow hide */
	border-bottom: 16px solid transparent;
	border-left: 10px solid #eee;
	content: " ";
	display: block;
	height: 0;
	left: 100%;
	margin-top: -16px;
	position: absolute;
	top: 50%;
	width: 0;
	z-index: 2;
}

#fw_breadcrumb li a:before {
	border-top: 16px solid transparent; /* Go big on the size, and let overflow hide */
	border-bottom: 16px solid transparent;
	border-left: 10px solid #c6c6c6;
	content: " ";
	display: block;
	height: 0;
	left: 100%;
	margin-top: -16px;
	margin-left: 1px;
	position: absolute;
	top: 50%;
	width: 0;
	z-index: 1;
}

#fw_breadcrumb li:first-child a {
	background-color: #2ea1f8;
	background-image: url(../img/icons/16/home.png);
	background-position: 20px -28px;
	background-repeat: no-repeat;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	padding-left: 10px;
	padding-right: 25px;
	height: 26px;
	width: 16px;

	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}

#fw_breadcrumb li:first-child a:after {
	border-left: 10px solid #2ea1f8;
}

#fw_breadcrumb li:first-child a:before {
	border-left: 10px solid #fff;
	margin-left: 2px;
}

#fw_breadcrumb li:hover a {
	background-color: #e6e6e6;
}

#fw_breadcrumb li:hover a:after {
	border-left: 10px solid #e6e6e6;
}

#fw_breadcrumb li:first-child:hover a {
	background-color: #28e;
}

#fw_breadcrumb li:first-child:hover a:after {
	border-left: 10px solid #28e;
}

/***********/
/* preview */
/***********/
#fw_my_code_editors .fw_icons,
#fw_html_live_preview .fw_icons {
	position: absolute;
	right: 30px;
	top: 20px;
	width: 38px;
	z-index: 30;
}

#fw_my_code_editors .fw_icons {
	bottom: 140px;
}

#fw_my_code_editors .fw_icon,
#fw_html_live_preview .fw_icon {
	background-color: #273142;
}

#fw_my_code_editors .fw_icon span,
#fw_html_live_preview .fw_icon span {
	background-position: 0 -32px;
	filter: alpha(opacity=60);
	opacity: .6;
}

#fw_my_code_editors .fw_icon:hover span,
#fw_my_code_editors .fw_active .fw_icon span,
#fw_html_live_preview .fw_icon:hover span,
#fw_html_live_preview .fw_active .fw_icon span {
	filter: alpha(opacity=100);
	opacity: 1;
}

#fw_my_code_editors .fw_icon.fw_small span,
#fw_html_live_preview .fw_icon.fw_small span {
	background-position: 0 -24px;
}

#fw_my_code_editors .fw_icons > ul > li,
#fw_html_live_preview .fw_icons > ul > li {
	background-color:  rgba(255, 255, 255, .15) !important;
	border-radius: 19px;
	display: inline-block;
	float: left;
	margin-bottom: 7px;
	padding: 3px;

	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
}

#fw_preview li {
	position: relative;
}

#fw_preview li div {
	background-color:  rgba(0, 0, 0, .4) !important;
	border-radius: 3px;
	display: none;
	padding: 3px;
	left: 0;
	position: absolute;
	/* right: 38px; */
	top: 40px;
	z-index: 1000;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#fw_preview li:hover div {
	display: block;
}

#fw_preview li ul {
	background: #ccc;
	border-radius: 3px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#fw_preview li li a {
	border-top: 1px solid #bbb;
	color: #273142;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 15px;
	text-transform: uppercase;
}

#fw_preview li li a:hover {
	background: #ddd;
}

#fw_preview li li:first-child a,
#fw_preview li li:first-child a:hover {
	border-top: 0;
}



/*************/
/* jquery ui */
/*************/
.ui-resizable-se {
	background: url(/framework/html/img/bg/resize_se.png) no-repeat right bottom;
	bottom: 0;
	cursor: se-resize;
	height: 20px;
	right: 0;
	width: 20px;
}

.ui-resizable-handle {
	display: block;
	position: absolute;
}

input,
textarea {
    outline-width: 0;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
textarea,
.fw_select,
.fw_input {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 7px 8px;
    height: 32px;
    width: 100%;

    -moz-border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
}

input::-ms-clear {
    display: none;
}

input::placeholder,
textarea::placeholder {
    color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999;
}

.fw_selected {
    position: relative;
    height: 18px;
    overflow: hidden;
}

.fw_selected span {
    color: #aaa;
    font-size: 10px;
    position: absolute;
    right: 26px;
    top: 0;
}

.fw_file .fw_selected div span {
    position: relative;
    right: 0;
    padding-left: 5px;
}

.fw_selected.fw_empty {
    color: #aaa;
    font-style: italic;
}

.fw_file_upload_iframe .fw_input,
.fw_file_upload .fw_input,
.fw_file_upload_html5 .fw_input {
    float: left;
    position: relative;
    width: 70%;
    z-index: 10;
}

.fw_file_upload .fw_input,
.fw_file_upload_html5 .fw_input {
    height: auto;
    float: left;
    min-height: 32px;
    position: relative;
    width: 100%;
    z-index: 10;
}

.fw_file_upload .fw_input,
.fw_file_upload_html5 .fw_input {
    padding: 0 1px;
}

.fw_file_upload .fw_input .fw_msg,
.fw_file_upload_html5 .fw_input .fw_msg {
    color: #aaa;
    font-style: italic;
    padding: 7px;
}

.fw_file_upload .fw_input.fw_on .fw_msg,
.fw_file_upload_html5 .fw_input.fw_on .fw_msg {
    border-bottom: 1px solid #ccc;
}

.fw_file_upload .fw_input li,
.fw_file_upload_html5 .fw_input li {
    background: #fff;
    border-top: 1px dotted #ccc;
    min-height: 44px;
    padding: 8px 7px;
    position: relative;
}

.fw_file_upload .fw_input li:hover,
.fw_file_upload_html5 .fw_input li:hover {
    background: #f6f6f6;
}

.fw_file_upload .fw_input li .fw_sort_handle,
.fw_file_upload_html5 .fw_input li .fw_sort_handle {
    background: url(../img/bg/move_handle_alt.png) no-repeat 0 -24px;
    cursor: move;
    display: none;
    height: 24px;
    left: -22px;
    position: absolute;
    top: 18px;
    width: 22px;
    z-index: 30;
}

.fw_file_upload .fw_input li:hover .fw_sort_handle,
.fw_file_upload_html5 .fw_input li:hover .fw_sort_handle,
.fw_file_upload .fw_input li .fw_sort_handle:hover,
.fw_file_upload_html5 .fw_input li .fw_sort_handle:hover {
    display: block !important;
}

.fw_file_upload .fw_input li .fw_name,
.fw_file_upload_html5 .fw_input li .fw_name {
    line-height: 22px;
}

.fw_file_upload .fw_input li .fw_thumb,
.fw_file_upload_html5 .fw_input li .fw_thumb,
.fw_file_upload .fw_input li .fw_name img,
.fw_file_upload_html5 .fw_input li .fw_name img {
    border: 2px solid #ccc;
    border-radius: 3px;
    float: left;
    height: 40px;
    margin: 0 10px 0 0;
    width: 60px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fw_file_upload .fw_input li .fw_thumb,
.fw_file_upload_html5 .fw_input li .fw_thumb {
    background: #fff;
    line-height: 40px;
    text-align: center;
}

.fw_file_upload .fw_input li .fw_name span,
.fw_file_upload_html5 .fw_input li .fw_name span {
    color: #aaa;
}

.fw_file_upload .fw_input .fw_queue,
.fw_file_upload_html5 .fw_input .fw_data {
    display: none;
}

.fw_file_upload .fw_input.fw_on .fw_queue,
.fw_file_upload_html5 .fw_input.fw_on .fw_data {
    display: block;
}

.fw_file_upload .fw_input li .fw_icon,
.fw_file_upload_html5 .fw_input li .fw_icon {
    right: 0;
    top: 0;
}

.fw_file_upload .fw_input li .fw_icon.fw_edit,
.fw_file_upload_html5 .fw_input li .fw_icon.fw_edit {
    right: 28px;
}

.fw_file_upload .fw_input li .fw_icon:hover,
.fw_file_upload_html5 .fw_input li .fw_icon:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.fw_file_upload .fw_input li:first-child,
.fw_file_upload_html5 .fw_input li:first-child {
    border-top: 0;
}

.fw_file_upload_iframe.fw_delete_enabled .fw_input,
.fw_file_upload_html5.fw_delete_enabled .fw_input {
    width: 50% !important;
}

.fw_file_upload_iframe .fw_mask {
    height: 32px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 28%;
    z-index: 30;
}

.fw_file_upload_iframe.fw_delete_enabled .fw_mask {
    right: 20%;
}

.fw_file_upload_iframe input[type="file"] {
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 32px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 110%;
    top: 0;
    transform: scale(4);

    -ms-transform: scale(4);
    -o-transform: scale(4);
    -webkit-transform: scale(4);
}

.fw_file_upload_iframe .fw_button {
    float: left;
    margin-left: 2%;
    position: relative;
    width: 28%;
    z-index: 20;
}

.fw_file_upload .fw_button,
.fw_file_upload_html5 .fw_button {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 30%;
    z-index: 20;
}

.fw_file_upload_iframe .fw_button.fw_cancel {
    width: 18%;
}

.fw_file_upload_iframe .fw_button span {
    padding: 8px 0;
}

.fw_file_upload .fw_button span,
.fw_file_upload_html5 .fw_button span {
    padding: 6px 0;
}

.fw_file_upload_iframe .fw_preview,
.fw_select.fw_file .fw_preview {
    background: url("../img/icons/16/eye.png") no-repeat 8px 8px;
    height: 32px;
    filter: alpha(opacity=60);
    margin-right: 3px;
    opacity: 0.6;
    position: absolute;
    right: 30%;
    width: 32px;
    z-index: 30;
}

.fw_select.fw_file .fw_preview {
    top: 0;
    right: 5%;
}

.fw_file_upload .fw_icon.fw_view,
.fw_file_upload_html5 .fw_icon.fw_view {
    margin-right: 3px;
    position: absolute;
    right: 30%;
    top: 0;
    z-index: 20;
}

.fw_file_upload .fw_icon.fw_view:hover,
.fw_file_upload_html5 .fw_icon.fw_view:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.fw_file_upload_iframe.fw_delete_enabled .fw_preview {
    right: 50%;
}

.fw_file_upload_iframe .fw_preview:hover,
.fw_select.fw_file .fw_preview:hover {
    background-position: 8px -56px;
    filter: alpha(opacity=100);
    opacity: 1;
}

.fw_file_upload .uploadify {
    height: 28px !important;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 30% !important;
    z-index: 30;
}

.fw_file_upload .uploadify-button-text {
    visibility: hidden;
}

.fw_file_upload .uploadify-queue-item {
    border-bottom: 1px dotted #ccc;
    min-height: 44px;
    padding: 8px 7px;
    position: relative;
}

.fw_file_upload .uploadify-queue-item .fileName {
    background: url(../img/bg/upload_item_unknown.png) no-repeat;
    display: block;
    padding-left: 74px;
    height: 44px;
}

.fw_file_upload .uploadify-queue-item .data {
    display: none;
}

.fw_file_upload .uploadify-queue-item .cancel {
    height: 16px;
    padding: 8px;
    position: absolute;
    right: -2px;
    top: 2px;
    width: 16px;
}

.fw_file_upload .uploadify-queue-item .cancel a {
    background-image: url(../img/icons/12/cross.png);
    float: left;
    height: 16px;
    filter: alpha(opacity=40);
    opacity: 0.4;
    text-indent: -1000px;
    width: 16px;
}

.fw_file_upload .uploadify-queue-item .cancel a:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.fw_file_upload .uploadify-queue-item .uploadify-progress {
    position: absolute;
}

.fw_file_upload .uploadify-queue-item .uploadify-progress {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    bottom: 8px;
    height: 14px;
    left: 82px;
    padding: 0;
    position: absolute;
    width: 340px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fw_file_upload .uploadify-queue-item .uploadify-progress-bar {
    background: #27b210;
    border-radius: 3px;
    float: left;
    height: 12px;
    margin: 1px;
    width: 0%;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

input[type="radio"] {
    display: none;
}

/* dropzone */
.fw_file_upload_html5 .fw_input.dz-drag-hover {
    background-color: #eaf5ea;
    border: 1px solid #27b210;
    color: #27b210;
    z-index: 30;
}

.fw_file_upload_html5 .fw_input.dz-drag-hover .fw_msg,
.fw_file_upload_html5 .fw_input .fw_drag_msg {
    display: none;
}

.fw_file_upload_html5 .fw_input .fw_drag_msg {
    line-height: 20px;
    padding: 5px 10px;
}

.fw_file_upload_html5 .fw_input.dz-drag-hover .fw_drag_msg {
    border-bottom: 1px solid #27b210;
    display: block;
}

.fw_file_upload_html5 .fw_input.dz-drag-hover * {
    pointer-events: none;
}

.fw_file_upload_html5 .dz-preview,
.fw_file_upload_html5 .fw_data {
    position: relative;
}

.fw_file_upload_html5 .dz-image {
    border: 2px solid #ccc;
    border-radius: 3px;
    float: left;
    height: 40px;
    margin: 8px;
    overflow: hidden;
    width: 60px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fw_file_upload_html5 .dz-preview:after,
.fw_file_upload_html5 .dz-details:after {
    clear: both;
    content: "";
    display: block;
}

.fw_file_upload_html5 .dz-details {
    float: left;
}

.fw_file_upload_html5 .dz-filename {
    float: left;
    padding-top: 12px;
}

.fw_file_upload_html5 .dz-size {
    color: #aaa;
    font-weight: normal;
    position: absolute;
    top: 32px;
}

.fw_file_upload_html5 .dz-size strong {
    font-weight: normal;
}

.fw_file_upload_html5 .dz-progress {
    background-color: #eee;
    border-radius: 3px;
    height: 6px;
    position: absolute;
    right: 10px;
    top: 35px;
    width: 125px;
}

.fw_file_upload_html5 .dz-progress span {
    background-color: #2ea1f8;
    border-radius: 3px;
    display: block;
    height: 6px;

    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}

.fw_file_upload_html5 .dz-preview.dz-success .dz-progress span {
    background-color: #27b210;
}

.fw_file_upload_html5 .dz-preview.dz-error .dz-progress span {
    background-color: #c36;
}

.fw_file_upload_html5 .dz-error-message {
    background-color: #faeaef;
    color: #c36;
    display: none;
    line-height: 30px;
    margin: 1px;
    padding: 0 10px;
}

.fw_file_upload_html5 .dz-success-mark,
.fw_file_upload_html5 .dz-error-mark {
    display: none;
}

.fw_file_upload_html5 .dz-remove {
    background-color: #eee;
    border-radius: 10px;
    color: #888;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    top: 8px;
    width: 20px;
    z-index: 20;
}

.fw_file_upload_html5 .dz-remove:hover {
    background-color: #ddd;
    color: #666;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #aaa;
    border: 0;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-weight: bold;
    padding: 7px 20px;
    height: 32px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

input[type="file"] {
    float: left;
    margin-top: 5px;
}

input[type="file"] {
    float: left;
    margin-top: 5px;
}

textarea {
    height: 150px;
    overflow: auto;
    resize: none;
}

textarea.fw_html_editor {
    height: 350px;
}

textarea.fw_medium {
    height: 100px;
}

textarea.fw_small {
    height: 75px;
}

.fw_form_message,
.fw_length_info {
    color: #aaa;
    font-style: italic;
    padding: 5px 9px;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus,
.fw_select.fw_active {
    border-color: #9cf;
}

.fw_error input[type="text"],
.fw_error input[type="number"],
.fw_error input[type="password"],
.fw_error textarea,
.fw_error .fw_select {
    border-color: #c36;
}

.fw_error_message {
    background-color: #faeaef;
    color: #c36;
}

.fw_error_message a {
    color: #c36;
    text-decoration: underline;
}

.fw_error_popin {
    display: none;
}

/********/
/* form */
/********/
.fw_form {
    padding-bottom: 31px;
}

.fw_scrollable_h .fw_form {
    padding-bottom: 42px;
}

#fw_object_content .fw_form {
    min-width: 600px;
}

.fw_form_legend {
    /*background: url('../img/bg/line_alt.gif') center repeat-x;*/
    color: #2ea1f8;
    font-size: 13px;
    font-weight: bold;
    line-height: 40px;
}

.fw_form_legend span {
    background: #fff;
    display: inline-block;
    padding: 0 20px;
}

.fw_form_text {
    background: #f7f7d9;
    border-radius: 3px;
    color: #663;
    font-style: italic;
    line-height: 18px;
    margin-bottom: 2px;
    padding: 10px 20px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fw_form_fieldset {
    background: #f6f6f6;
    border-radius: 3px;
    margin-bottom: 20px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fw_form_row.fw_form_row_legend {
    background-color: #fff;
    padding-bottom: 0;
    padding-top: 0;
}

.fw_form_row.fw_form_row_legend:not(:first-child) {
    border-top-width: 1rem;
}

.fw_form_row {
    position: relative;
    z-index: 10;
}

.fw_form_row[data-toggle-condition] {
    display: none;
}

.fw_window .fw_form_row.fw_handler_language_switcher {
    margin-right: 20px;
}

.fw_window .fw_form_row {
    width: 720px;
}

.fw_form_row > div {
    transition: opacity 0.2s;

    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}

.fw_form_row.fw_disabled > div {
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.fw_form_row .fw_blocker {
    background: #fff;
    bottom: 0;
    filter: alpha(opacity=0);
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

.fw_form_row .fw_split {
    float: left;
    position: relative;
    width: 50%;
}

.fw_form_row .fw_split:first-child {
    margin-right: 5%;
    width: 45%;
}

.fw_form_row.fw_handler {
    background: #f5faff;
    border-bottom: 1px solid #ddd;
}

.fw_form_row.fw_handler .fw_form_label {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.fw_form_row.fw_error {
    color: #c36;
}

.fw_form_row.html5_container {
    overflow: auto;
}

.fw_form_fieldset > .fw_form_row,
.fw_form_fieldset .fw_data_target > .fw_form_row {
    border-top: 2px solid #fff;
    padding: 5px 20px;
}

.fw_form_fieldset > .fw_form_row .fw_form_divider,
.fw_form_fieldset .fw_data_target > .fw_form_row .fw_form_divider {
    background: #fff;
    color: #2ea1f8;
    font-size: 11px;
    font-weight: bold;
    margin: -8px -20px 8px -20px;
    padding: 20px 20px 5px 20px;
    text-transform: uppercase;
}

.fw_form_fieldset > .fw_form_row:first-child {
    border-top-width: 0;
}

.fw_form_column {
    margin-right: 64px;
}

.fw_form_label {
    float: left;
    padding: 8px 0;
    position: relative;
    width: 30%;
}

.fw_form_label.fw_chain_top {
    background: url(../img/bg/chain_dots_top.png) no-repeat right top;
}

.fw_form_label.fw_chain_bottom {
    background: url(../img/bg/chain_dots_bottom.png) no-repeat right top;
}

.fw_form_label .fw_chain {
    background: url(../img/icons/16/chain.png) no-repeat;
    filter: alpha(opacity=40);
    height: 16px;
    opacity: 0.4;
    position: absolute;
    right: 5px;
    top: -14px;
    width: 16px;
    z-index: 10;
}

.fw_form_field {
    float: left;
    position: relative;
    width: 70%;
}

.fw_form_field .fw_number_up,
.fw_form_field .fw_number_down {
    cursor: default;
    filter: alpha(opacity=60);
    height: 16px;
    opacity: 0.6;
    position: absolute;
    right: 4px;
    width: 16px;
}

.fw_form_field .fw_number_up:hover,
.fw_form_field .fw_number_down:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.fw_form_field .fw_number_up {
    background: url("../img/icons/8/pointer_up.png") no-repeat 0 6px;
    top: 0;
}

.fw_form_field .fw_number_down {
    background: url("../img/icons/8/pointer_down.png") no-repeat 0 2px;
    bottom: 0;
}

.fw_form_field > span > a {
    color: #2ea1f8;
}

.fw_form_field > span {
    display: inline-block;
    line-height: 32px;
}

.fw_form_field > span td {
    background: #fff !important;
    line-height: 16px;
}

.fw_form_row.fw_alt .fw_form_label,
.fw_form_row.fw_alt .fw_form_field {
    float: none;
    width: auto;
}

.fw_form_field_suffix {
    background-color: #f1f1f1;
    border-left: 1px solid #ccc;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    position: absolute;
    right: 1px;
    top: 1px;
}

.fw_form_sub_field {
    clear: both;
    float: left;
    height: 14px;
    margin-right: 10px;
    padding: 4px 0;
    width: 14px;
}

.fw_form_sub_label {
    float: left;
    line-height: 15px;
    padding: 4px 0;
}

.fw_form_row .fw_icon {
    filter: alpha(opacity=40);
    opacity: 0.4;
    position: absolute;
    right: 28px;
    top: 5px;
}

.fw_form_row .fw_tabs {
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 1px;
    white-space: nowrap;
}

.fw_form_row .fw_tabs .fw_button {
    display: inline-block;
    /*width: 33%;*/
    margin: 0 1px 0 0;
    cursor: pointer;
    height: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.fw_form_row .fw_tabs .fw_button {
    border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;

    border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;

    border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

.fw_form_row .fw_tabs .fw_button:first-child {
    border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}

.fw_form_row .fw_tabs .fw_button:last-child {
    border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

.fw_form_row .fw_tabs .fw_button.active {
    background: #2ea1f8;
}

.fw_form_row .fw_tabs .fw_button span {
    padding: 0 5px;
    line-height: 28px;
    font-size: 9px;
}

.fw_form_row .fw_icon.fw_required {
    right: 54px;
}

.fw_form_row .fw_split .fw_icon.fw_required {
    top: 0;
    right: 30px;
}

.fw_form_row .fw_split .fw_icon.fw_help {
    top: 0;
    right: 0;
}

.fw_form_row .fw_icon.fw_help:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.fw_form_row .fw_icon.fw_error {
    filter: alpha(opacity=100);
    opacity: 1;
}

.fw_form_field .fw_code_editor {
    border: 1px solid #ccc;
    height: 200px;
}

.fw_large .fw_form_field .fw_code_editor {
    height: 600px;
}

.fw_form_field .fw_code_editor_small {
    height: 150px;
}

.fw_form_field .fw_code_editor_extra_small {
    height: 100px;
}

.mini .fw_form_field {
    width: 200px;
}

.mini .fw_form_label {
    width: 100px;
}
.mini .fw_form_row {
    width: auto;
}

/**********/
/* select */
/**********/
.fw_select {
    cursor: pointer;
    position: relative;
    user-select: none;

    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
}

.fw_select.fw_active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}

.fw_select.fw_active.fw_top {
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;

    -moz-border-radius: 3px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-radius: 3px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
}

.fw_select .fw_arrow {
    background-color: #aaa;
    border-radius: 3px;
    padding: 6px;
    position: absolute;
    right: 5px;
    top: 5px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fw_select:hover .fw_arrow,
.fw_select.fw_active .fw_arrow {
    background-color: #888;
}

.fw_select .fw_arrow div {
    background: url("../img/icons/8/pointer_down.png") 0 -16px;
    height: 8px;
    width: 8px;
}

.fw_select.fw_file {
    float: left;
    width: 70%;
}

.fw_file_upload_iframe.fw_file {
    float: left;
    width: 30%;
}

.fw_file_upload_iframe.fw_file .fw_button {
    margin-left: 6.5%;
    width: 93.5%;
}

.fw_options {
    background-color: #fff;
    border: 1px solid #9cf;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: default;
    display: none;
    left: -1px;
    margin-bottom: 10px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000010;

    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

.fw_options.fw_top {
    border-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    bottom: 100%;
    margin: 10px 0 0;
    top: auto;

    -moz-border-radius: 0;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}

body > .fw_options {
    display: block;
}

.fw_options .fw_option {
    border-top: 1px solid #fff;
    display: block;
    padding: 8px 10px;
    position: relative;
}

.fw_options .fw_option .fw_required {
    color: #c36;
    opacity: 0.75;
}

.fw_options.fw_multiple .fw_option {
    padding-left: 30px;
}

.fw_options.fw_multiple .fw_option.fw_sub {
    padding-left: 40px;
}

.fw_options .fw_option.fw_sub {
    padding-left: 40px;
}

.fw_options .fw_option.fw_bold {
    font-weight: bold;
}

.fw_options .fw_option:first-child {
    border-top: 0;
}

.fw_options .fw_option:hover,
.fw_options .fw_option.fw_active {
    background: #f6f6f6;
}

.fw_options.fw_multiple .fw_option:hover {
    background: #f6f6f6;
}

.fw_options.fw_multiple .fw_option.fw_active {
    background: #fbfbec;
}

.fw_options.fw_multiple .fw_option:before {
    background: url("../img/elements/checkbox_alt.png") no-repeat 0 -9px;
    content: "";
    display: block;
    height: 14px;
    left: 8px;
    position: absolute;
    top: 9px;
    width: 14px;
}

.fw_options.fw_multiple .fw_option.fw_sub:before {
    background: url("../img/elements/checkbox_alt.png") no-repeat 0 -9px;
    content: "";
    display: block;
    height: 14px;
    left: 18px;
    position: absolute;
    top: 9px;
    width: 14px;
}

.fw_options.fw_multiple .fw_option:hover:before {
    background: url("../img/elements/checkbox_alt.png") no-repeat 0 -9px;
}

.fw_options.fw_multiple .fw_option.fw_active:before {
    background: url("../img/elements/checkbox_alt.png") no-repeat 0 -41px;
}

.fw_options.fw_multiple .fw_option.fw_empty:before {
    background: none;
}

.fw_options .fw_option.fw_empty {
    color: #aaa;
    font-style: italic;
}

.fw_options.fw_multiple .fw_option.fw_empty {
    background: #fff;
    padding-left: 10px;
}

.fw_options.fw_multiple .fw_option.fw_empty:hover,
.fw_options.fw_multiple .fw_option.fw_empty.fw_active {
    background: #f6f6f6;
}

.fw_options .fw_option img {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    background: #fff;
    z-index: 10;
}

.fw_options .fw_option span,
.fw_options .fw_option.fw_img div span {
    color: #aaa;
    display: block;
    font-size: 10px;
    white-space: nowrap;
}

.fw_options .fw_option .fw_thumb {
    display: table-cell;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 60px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    position: relative;
    vertical-align: middle;
}

.fw_options span.fw_thumb:after {
    content: "";
    background-image: url("../img/icons/32/file.png");
    background-position: 15px -124px;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
}

.fw_options .fw_jpg span.fw_thumb:after,
.fw_options .fw_jpeg span.fw_thumb:after,
.fw_options .fw_png span.fw_thumb:after,
.fw_options .fw_gif span.fw_thumb:after,
.fw_options .fw_bmp span.fw_thumb:after {
    background-image: url("../img/icons/32/file_image.png");
}

.fw_options .fw_mp4 span.fw_thumb:after,
.fw_options .fw_wmv span.fw_thumb:after,
.fw_options .fw_wav span.fw_thumb:after {
    background-image: url("../img/icons/32/file_video.png");
}

.fw_options .fw_audio span.fw_thumb:after {
    background-image: url("../img/icons/32/file_audio.png");
}

.fw_options .fw_doc span.fw_thumb:after,
.fw_options .fw_docx span.fw_thumb:after,
.fw_options .fw_txt span.fw_thumb:after,
.fw_options .fw_csv span.fw_thumb:after {
    background-image: url("../img/icons/32/file.png");
}

.fw_options .fw_text span.fw_thumb:after {
    background-image: url("../img/icons/32/file_text.png");
}

.fw_options .fw_option.fw_img div {
    color: #666;
    display: table-cell;
    padding-left: 10px;
    font-size: 11px;
    vertical-align: middle;
}

.fw_options .fw_scroll {
    max-height: 329px;
}

.fw_options .fw_form_row {
    margin: 5px;
}

.fw_options input[type="text"],
.fw_options input[type="password"] {
    background-color: #f6f6f6;
}

.fw_options .fw_file input {
    display: none;
}

.fw_options .fw_file input.active {
    display: block;
}

/*******************/
/* radio, checkbox */
/*******************/
.fw_radio span,
.fw_checkbox span,
.fw_collapse span {
    background-position: -28px 0;
    display: block;
    filter: alpha(opacity=60);
    height: 14px;
    opacity: 0.6;
    width: 14px;
}

.fw_radio span {
    background-image: url("../img/elements/radio.png");
}

.fw_checkbox span {
    background-image: url("../img/elements/checkbox.png");
}

.fw_collapse span {
    background-image: url("../img/elements/collapse.png");
}

.fw_radio.fw_active span,
.fw_checkbox.fw_active span,
.fw_collapse.fw_active span {
    background-position: -28px -28px;
}

.fw_radio span:hover,
.fw_checkbox span:hover,
.fw_collapse span:hover,
.fw_radio.fw_active span,
.fw_checkbox.fw_active span,
.fw_collapse.fw_active span {
    filter: alpha(opacity=100);
    opacity: 1;
}

.fw_checkbox.fw_semi span {
    background-position: -28px -56px;
}

.fw_checkbox.fw_single span {
    margin-top: 5px;
}

/**********/
/* switch */
/**********/
.fw_switch {
    background-color: #ccc;
    border-radius: 3px;
    color: #666;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 24px;
    line-height: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.2s;
    width: 64px;

    -moz-border-radius: 3px;
    -moz-transition: background-color 0.2s;
    -webkit-border-radius: 3px;
    -webkit-transition: background-color 0.2s;
}

.fw_switch.fw_active {
    background-color: #27b210;
}

.fw_switch span {
    bottom: 2px;
    position: absolute;
    top: 2px;
    width: 30px;
}

.fw_switch span.fw_on {
    color: #fff;
    left: 2px;
}

.fw_switch span.fw_off {
    right: 2px;
}

.fw_switch span.fw_knob {
    background: #fff url(../img/bg/switch.png) no-repeat center center;
    border-radius: 3px;
    transition: left 0.2s;
    left: 2px;

    -moz-transition: left 0.2s;
    -webkit-transition: left 0.2s;
}

.fw_switch.fw_active span.fw_knob {
    left: 32px;
}

/********/
/* date */
/********/
.fw_date_empty {
    filter: alpha(opacity=40);
    opacity: 0.4;
    padding: 9px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 20;
}

.fw_date_empty:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.fw_date_empty span {
    background-image: url("../img/icons/12/cross.png");
    display: block;
    height: 12px;
    width: 12px;
}

.ui-datepicker {
    background: #fff;
    border: 3px solid #777;
    border-radius: 3px;
    width: 17em;
    display: none;
    z-index: 1000 !important;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ui-datepicker .ui-datepicker-header {
    background: #f5faff;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    background: #eee;
    border-radius: 3px;
    display: block;
    padding: 0.2em;
    text-align: center;
    text-decoration: none;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
    background: #ddd;
    color: #444;
}

.ui-datepicker td span.ui-state-active,
.ui-datepicker td a.ui-state-active {
    background: #2ea1f8;
    color: #fff;
}

.ui-datepicker td span.ui-state-highlight,
.ui-datepicker td a.ui-state-highlight {
    background: #aaa;
    color: #fff;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/*******/
/* tab */
/*******/
.fw_tab {
    border-radius: 3px;
    float: left;
    height: 26px;
    line-height: 26px;
    margin: 3px 10px 0 0;
    padding: 0 10px;
    position: relative;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fw_tab.fw_active {
    background: #2ea1f8;
    color: #fff;
}

.fw_tab .fw_pointer {
    border: 5px solid #ddd;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    bottom: -10px;
    display: none;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -5px;
}

.fw_tab.fw_active .fw_pointer {
    border: 5px solid #2ea1f8;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: block;
}

/****************/
/* form buttons */
/****************/
.fw_form_feedback,
.fw_form_buttons {
    background-color: #fff;
    bottom: 0;
    height: 32px;
    left: 0;
    padding: 9px 20px;
    position: absolute;
    right: 0;
}

.fw_scrollable_h .fw_form_feedback,
.fw_scrollable_h .fw_form_buttons {
    padding-bottom: 20px;
}

.fw_form_feedback {
    z-index: 30;
}

.fw_form_buttons {
    padding-top: 10px;
    transition: padding-bottom 0.4s;
    z-index: 20;

    -moz-transition: padding-bottom 0.4s;
    -webkit-transition: padding-bottom 0.4s;
}

.fw_form_buttons .fw_separator_h {
    bottom: auto;
    left: 20px;
    right: 20px;
    top: 0;
}

.fw_form_feedback div,
.fw_form_buttons_inner {
    float: right;
    height: 32px;
}

.fw_form_feedback span,
.fw_form_buttons .fw_button,
.fw_form_buttons .fw_button_text {
    float: left;
    margin-left: 10px;
}

.fw_form_feedback span,
.fw_form_buttons .fw_button_text {
    font-size: 11px;
    padding: 8px 0;
}

.fw_form_feedback span {
    border-radius: 3px;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 40px;
    text-align: center;
    text-transform: uppercase;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fw_form_feedback_success span {
    background-color: #eaf5ea;
    color: #27b210;
}

.fw_form_feedback_error span {
    background-color: #faeaef;
    color: #c36;
}

.fw_form_buttons .fw_button_text a {
    background: none !important;
    color: #c36;
}

.fw_form_buttons .fw_button_text a:hover {
    text-decoration: underline;
}

/* object content */
#fw_object_content .fw_form_feedback,
#fw_object_content .fw_form_buttons {
    padding-left: 40px;
    padding-right: 20px;
    position: fixed;
    right: 20px;
}

#fw_object_content .fw_form_buttons {
    border-left: 164px solid #fff;
    padding-left: 25%;
}

#fw_object_content .fw_form_buttons .fw_separator_h {
    border-left: 45px solid #fff;
    left: 25%;
    right: 20px;
}

#fw_page_content_manager .fw_form_buttons,
#fw_object_content .fw_form_buttons.fw_form_buttons_form {
    padding-right: 0;
    right: 19%;
}

#fw_page_content_manager .fw_form_buttons .fw_separator_h,
#fw_object_content .fw_form_buttons.fw_form_buttons_form .fw_separator_h {
    left: 31%;
    right: 0;
}

/* object menu */
#fw_object_menu .fw_form_buttons {
    background-color: #f6f6f6;
    left: auto;
    position: fixed;
    right: 20px;
}

#fw_object_menu .fw_form_buttons_inner {
    float: none;
}

#fw_object_menu .fw_form_buttons_inner .fw_button {
    float: none;
    margin: 0;
}

/* website form field settings */
#fw_website_form_field_settings .fw_form_feedback {
    left: auto;
    position: fixed;
    right: 18%;
}

/* static buttons */
#fw_static_buttons .fw_form_buttons_inner {
    float: none;
}

#fw_static_buttons .fw_button {
    float: right;
}

#fw_static_buttons .fw_button:first-child {
    float: left;
    margin-left: 0;
}

/**********/
/* inside */
/**********/
.fw_inside .fw_form_label,
.fw_inside .fw_form_field {
    float: none;
    width: auto;
}

.fw_inside .fw_form_label {
    padding: 0;
}

.fw_inside .fw_form_label label {
    cursor: text;
    left: 9px;
    position: absolute;
    top: 8px;
    z-index: 10;
}

.fw_inside .fw_icon {
    right: 0;
    top: 0;
}

.fw_file.fw_inside .fw_icon {
    right: 0;
    top: 100%;
}

.fw_file.fw_inside .fw_icon.fw_file {
    top: -2px;
}

/***********************/
/* tags input (vendor) */
/***********************/
div.tagsinput {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: auto;
    padding: 1px 8px;
    height: 136px;
    width: 100%;

    -moz-border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
}

div.tagsinput span.tag {
    background: #f7f7d9;
    border: 1px solid #dedec3;
    border-radius: 3px;
    color: #663;
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 0 5px 5px 0;
    padding: 2px 5px;
    text-decoration: none;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div.tagsinput span.tag a {
    font-weight: bold;
    color: #663;
    text-decoration: none;
    font-size: 11px;
    line-height: 22px;
}

div.tagsinput input {
    background: transparent;
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #666 !important;
    height: 30px;
    min-width: 100px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div.tagsinput div {
    display: block;
    float: left;
}

.tags_clear {
    clear: both;
    height: 0px;
    width: 100%;
}

.not_valid {
    background-color: #faeaef !important;
    color: #c36 !important;
    height: 28px !important;
}

.fw_image_selects {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem 0 0 -1rem;
}

.fw_image_select {
    margin: 1rem 0 0 1rem;
    max-width: 12rem;
}

.fw_next_shop_settings_shipping_providers .fw_image_select {
    max-width: initial;
}

.fw_image_select_label {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.fw_image_select_label img {
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 3px;
    padding: 1rem;
    transition: border-color 250ms;
    max-width: 100%;
}

.fw_image_select_label div,
.fw_image_select_label span {
    color: #aaa;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    margin-top: 0.25rem;
    text-align: center;
    transition: color 250ms;
}

.fw_image_select_label:hover img {
    border-color: #aaa;
}

.fw_image_select_label div::after,
.fw_image_select_label span::after {
    background-color: #2ea1f8;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 50%;
    content: "";
    height: 1.25rem;
    opacity: 0;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    transition: opacity 250ms;
    width: 1.25rem;
    z-index: 2;
}

.fw_image_select_label input {
    display: none;
}

.fw_image_select_label input:checked + img {
    border-color: #2ea1f8;
}

.fw_image_select_label input:checked ~ div::after,
.fw_image_select_label input:checked ~ span::after {
    opacity: 1;
}

/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/
.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-family: Arial, sans-serif;
}
.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}
.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}
.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}
.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1;
}
.irs-handle.type_last {
    z-index: 2;
}
.irs-min,
.irs-max {
    position: absolute;
    display: block;
    cursor: default;
}
.irs-min {
    left: 0;
}
.irs-max {
    right: 0;
}
.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}
.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}
.irs-grid-pol.small {
    height: 4px;
}
.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}
.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
}
.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}
.irs-disabled {
    opacity: 0.4;
}
.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}
.irs--flat {
    height: 40px;
}
.irs--flat.irs-with-grid {
    height: 60px;
}
.irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 4px;
}
.irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: #ed5565;
}
.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: #e1e4e9;
}
.irs--flat .irs-handle {
    top: 22px;
    width: 16px;
    height: 18px;
    background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background-color: #da4453;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
    background-color: #a43540;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
    top: 0;
    padding: 1px 3px;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: #e1e4e9;
    border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    color: white;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #ed5565;
    border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565;
}
.irs--flat .irs-grid-pol {
    background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
    color: #999;
}
.irs--big {
    height: 55px;
}
.irs--big.irs-with-grid {
    height: 70px;
}
.irs--big .irs-line {
    top: 33px;
    height: 12px;
    background-color: white;
    background: linear-gradient(to bottom, #ddd -50%, white 150%);
    border: 1px solid #ccc;
    border-radius: 12px;
}
.irs--big .irs-bar {
    top: 33px;
    height: 12px;
    background-color: #92bce0;
    border: 1px solid #428bca;
    background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66, 139, 202, 0.5);
}
.irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, white 0%, #b4b9be 30%, white 100%);
    box-shadow:
        1px 1px 2px rgba(0, 0, 0, 0.2),
        inset 0 0 3px 1px white;
    border-radius: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
    border-color: rgba(0, 0, 0, 0.45);
    background-color: #939ba7;
    background: linear-gradient(to bottom, white 0%, #919ba5 30%, white 100%);
}
.irs--big .irs-min,
.irs--big .irs-max {
    top: 0;
    padding: 1px 5px;
    color: white;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
    color: white;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    border-radius: 3px;
}
.irs--big .irs-grid-pol {
    background-color: #428bca;
}
.irs--big .irs-grid-text {
    color: #428bca;
}
.irs--modern {
    height: 55px;
}
.irs--modern.irs-with-grid {
    height: 55px;
}
.irs--modern .irs-line {
    top: 25px;
    height: 5px;
    background-color: #d1d6e0;
    background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
    border: 1px solid #a3adc1;
    border-bottom-width: 0;
    border-radius: 5px;
}
.irs--modern .irs-bar {
    top: 25px;
    height: 5px;
    background: #20b426;
    background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}
.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(209, 214, 224, 0.5);
}
.irs--modern .irs-handle {
    top: 37px;
    width: 12px;
    height: 13px;
    border: 1px solid #a3adc1;
    border-top-width: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(1) {
    position: absolute;
    display: block;
    top: -4px;
    left: 1px;
    width: 6px;
    height: 6px;
    border: 1px solid #a3adc1;
    background: white;
    transform: rotate(45deg);
}
.irs--modern .irs-handle > i:nth-child(2) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 10px;
    height: 12px;
    background: #e9e6e6;
    background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
    border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(3) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 5px;
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
    border-color: #7685a2;
    background: #c3c7cd;
    background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
    border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
    border-color: #48536a;
}
.irs--modern .irs-min,
.irs--modern .irs-max {
    top: 0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: white;
    background-color: #d1d6e0;
    border-radius: 5px;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #20b426;
    color: white;
    border-radius: 5px;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426;
}
.irs--modern .irs-grid {
    height: 25px;
}
.irs--modern .irs-grid-pol {
    background-color: #dedede;
}
.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px;
}
.irs--sharp {
    height: 50px;
    font-size: 12px;
    line-height: 1;
}
.irs--sharp.irs-with-grid {
    height: 57px;
}
.irs--sharp .irs-line {
    top: 30px;
    height: 2px;
    background-color: black;
    border-radius: 2px;
}
.irs--sharp .irs-bar {
    top: 30px;
    height: 2px;
    background-color: #ee22fa;
}
.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(0, 0, 0, 0.5);
}
.irs--sharp .irs-handle {
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #a804b2;
}
.irs--sharp .irs-handle > i:first-child {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a804b2;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
    background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
    border-top-color: black;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
    color: white;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 4px;
    opacity: 0.4;
    background-color: #a804b2;
    border-radius: 2px;
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 4px;
    background-color: #a804b2;
    color: white;
    border-radius: 2px;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #a804b2;
}
.irs--sharp .irs-grid {
    height: 25px;
}
.irs--sharp .irs-grid-pol {
    background-color: #dedede;
}
.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px;
}
.irs--round {
    height: 50px;
}
.irs--round.irs-with-grid {
    height: 65px;
}
.irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #dee4ec;
    border-radius: 4px;
}
.irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #006cfa;
}
.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
    height: 4px;
    bottom: 21px;
    background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #006cfa;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #f0f6ff;
}
.irs--round .irs-min,
.irs--round .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #006cfa;
    color: white;
    border-radius: 4px;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #006cfa;
}
.irs--round .irs-grid {
    height: 25px;
}
.irs--round .irs-grid-pol {
    background-color: #dedede;
}
.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px;
}
.irs--square {
    height: 50px;
}
.irs--square.irs-with-grid {
    height: 60px;
}
.irs--square .irs-line {
    top: 31px;
    height: 4px;
    background-color: #dedede;
}
.irs--square .irs-bar {
    top: 31px;
    height: 4px;
    background-color: black;
}
.irs--square .irs-shadow {
    height: 2px;
    bottom: 21px;
    background-color: #dedede;
}
.irs--square .irs-handle {
    top: 25px;
    width: 16px;
    height: 16px;
    border: 3px solid black;
    background-color: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
    background-color: #f0f6ff;
}
.irs--square .irs-min,
.irs--square .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1);
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: black;
    color: white;
}
.irs--square .irs-grid {
    height: 25px;
}
.irs--square .irs-grid-pol {
    background-color: #dedede;
}
.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px;
}

* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

body {
    /*background-image: url('../img/bg/furley_bg.png');*/
    background-color: #eff3f6;
}

html {
    overflow: hidden;
}

body,
input,
textarea {
    color: #666;
    font:
        12px Arial,
        Helvetica,
        sans-serif;
    line-height: 16px;
}

table {
    border-collapse: collapse;
}

h2 {
    /*background: url('../img/bg/line_alt.gif') repeat-x left center;*/
    color: #2ea1f8;
    font-size: 14px;
    font-weight: normal;
    list-style: none;
    margin: 0 0 4px 20px;
}

h2 span {
    background: #fff;
    display: inline-block;
    padding: 5px 10px 5px 0;
}

a,
label {
    user-select: none;

    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
}

a {
    color: #444;
    cursor: pointer;
    outline-style: none;
    text-decoration: none;
}

img {
    border-width: 0;
    display: block;
}

ul {
    list-style-type: none;
}

iframe {
    background-color: #fff;
    border-width: 0;
    height: 100%;
    overflow: auto;
    width: 100%;
}

.fw_separator_v,
.fw_separator_h {
    background-color: #ccc;
    bottom: 0;
    position: absolute;
    right: 0;
}

.fw_separator_v {
    top: 0;
    width: 1px;
}

.fw_separator_h {
    left: 0;
    height: 1px;
}

/**************/
/* ace editor */
/**************/
.ace_framework_object {
    background: rgba(51, 153, 255, 0.05);
    border: 1px solid #ddd;
    color: #2ea1f8;
}

/***************/
/* application */
/***************/
#fw_application_menu {
    display: table;
    height: 100%;
    width: 100%;
}

#fw_application_menu > .fw_inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/***********/
/* manager */
/***********/
#fw_manager_menu {
    background-color: #273142;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: left 0.2s;
    width: 164px;
    z-index: 20;

    -moz-transition: left 0.2s;
    -webkit-transition: left 0.2s;
}

#fw_manager_content {
    bottom: 0;
    left: 164px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

/********/
/* item */
/********/
#fw_item_menu {
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: left 0.2s;
    width: 25%;
    z-index: 20;

    -moz-transition: left 0.2s;
    -webkit-transition: left 0.2s;
}

#fw_item_menu > .fw_inner {
    padding: 15px 21px 15px 20px;
}

#fw_item_content {
    bottom: 0;
    left: 25%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

#fw_item_menu_filter_form {
    left: 50px;
    position: absolute;
    right: 90px;
}

/*#fw_item_menu_filter_form .fw_select {
	border-color: #fff;
}*/

#fw_item_menu_filter_form .fw_icon {
    background-color: #fff;
    border-radius: 3px;
    display: none;
    padding: 2px;
    position: absolute;
    right: 5px;
    top: 5px;
}

#fw_item_menu_filter_form .fw_icon.fw_loader {
    display: block;
}

#fw_item_menu_multiple_filter_form {
    border-bottom: 1px solid #ddd;
    color: #aaa;
    font-style: italic;
    height: 34px;
    line-height: 34px;
    margin-bottom: 7px;
}

/*******/
/* tab */
/*******/
#fw_tab_menu {
    background: #f5faff;
    height: 63px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}

#fw_tab_menu > .fw_inner {
    padding: 0 40px 1px;
}

#fw_tab_header {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    height: 22px;
    line-height: 22px;
    left: 0;
    padding: 12px 40px;
    position: absolute;
    right: 0;
    top: 63px;
    z-index: 20;
}

.fw_window #fw_tab_header {
    padding: 12px 20px;
    top: 0;
}

#fw_tab_header .fw_wrapper {
    float: left;
}

#fw_tab_header .fw_label,
#fw_tab_header .fw_tabs {
    float: left;
}

#fw_tab_header .fw_label {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 7px;
}

#fw_tab_header .fw_label span {
    background: url("../img/icons/16/speech_bubble.png") no-repeat 3px 4px;
    filter: alpha(opacity=40);
    float: left;
    height: 22px;
    opacity: 0.4;
    width: 22px;
}

#fw_tab_header .fw_label span:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

#fw_tab_header .fw_tabs ul {
    text-align: center;
}

#fw_tab_header .fw_tabs li {
    border-right: 1px solid #ccc;
    float: left;
}

#fw_tab_header .fw_tabs li a {
    border-radius: 3px;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0 10px;
    padding: 0 10px;
    text-transform: uppercase;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fw_window #fw_tab_header .fw_tabs li:first-child a {
    margin-left: 0;
}

#fw_tab_header .fw_tabs li.fw_active a {
    background: #2ea1f8;
    color: #fff;
}

#fw_tab_content {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 63px;
    z-index: 20;
}

.fw_window #fw_tab_content {
    padding: 20px;
    top: 47px;
}

#fw_tab_content.fw_alt {
    top: 0;
}

#fw_tab_content.fw_alt_extra {
    top: 110px;
}

/**********/
/* object */
/**********/
#fw_object_content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 25%;
    top: 0;
}

#fw_object_content.fw_alt {
    right: 0;
}

#fw_object_menu {
    background-color: #f6f6f6;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: right 0.2s;
    width: 25%;
    z-index: 30;

    -moz-transition: right 0.2s;
    -webkit-transition: right 0.2s;
}

#fw_object_menu > .fw_inner {
    padding: 15px 20px 15px 21px;
}

#fw_object_menu .fw_separator_v {
    left: 0;
    right: auto;
}

/***********/
/* overlay */
/***********/
#fw_overlay,
#fw_overlay_middle,
#fw_overlay_top {
    background: #000;
    bottom: 0;
    display: none;
    filter: alpha(opacity=20);
    left: 0;
    opacity: 0.2;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
}

#fw_overlay_middle,
#fw_overlay_top {
    display: block;
}

#fw_overlay.fw_alt,
#fw_overlay.fw_top,
#fw_overlay_middle,
#fw_overlay_top {
    filter: alpha(opacity=0);
    opacity: 0;
}

#fw_overlay_top {
    z-index: 40000;
}

#fw_overlay.fw_top,
#fw_overlay_top {
    z-index: 90000;
}

#fw_overlay.fw_active {
    display: block;
}

#fw_overlay.fw_manager_menu {
    filter: alpha(opacity=0);
    opacity: 0;
    right: auto;
    width: 164px;
}

/**********/
/* window */
/**********/
.fw_window {
    background: #777;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    margin: 10px;
    padding: 5px;
    position: fixed;
    z-index: 110;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fw_window.fw_middle {
    z-index: 50000;
}

.fw_window.fw_top {
    z-index: 100000;
}

.fw_window > .fw_inner {
    background: #fff;
    border-radius: 3px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fw_window.fw_full_height {
    bottom: 0 !important;
    left: 50% !important;
    margin-left: -455px;
    top: 0 !important;
    width: 900px !important;
}

.fw_window.fw_full_height.fw_full_width {
    bottom: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
    width: auto !important;
}

.fw_window.fw_full_width {
    left: 0 !important;
    right: 0 !important;
}

.fw_window.fw_full_height > .fw_inner,
.fw_window.fw_full_height > .fw_inner > .fw_content {
    bottom: 5px !important;
    /*overflow: hidden;*/
    position: absolute !important;
    top: 5px !important;
    width: 900px !important;
}

.fw_window.fw_full_height > .fw_inner > .fw_content {
    bottom: 0px !important;
}

.fw_window.fw_full_height > .fw_inner > .fw_content {
    top: 41px !important;
}

.fw_window.fw_full_height.fw_full_width > .fw_inner,
.fw_window.fw_full_height.fw_full_width > .fw_inner > .fw_content {
    width: calc(100% - 10px) !important;
}

.fw_window.fw_full_height.fw_full_width > .fw_inner > .fw_content {
    width: 100% !important;
}

.fw_window.fw_full_width > .fw_inner {
    left: 5px !important;
    position: absolute !important;
    right: 5px !important;
}

/***********************/
/* dashboard & preview */
/***********************/
#fw_dashboard_view,
#fw_preview {
    background-image: url(../img/bg/furley_bg.png);
    bottom: 0;
    display: none;
    left: 172px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 90;
}

#fw_dashboard_view {
    background-image: url(../img/bg/cyfe.jpg);
}

#fw_dashboard_view iframe {
    background: url(../img/loaders/16/white_black.gif) no-repeat center center;
}

#fw_preview iframe.fw_phone,
#fw_preview iframe.fw_tablet {
    left: 50%;
    position: absolute;
}

#fw_preview iframe.fw_phone {
    margin: 0 0 0 -180px;
    width: 360px;
}

#fw_preview iframe.fw_tablet {
    margin: 0 0 0 -384px;
    width: 768px;
}

#fw_dashboard_view.fw_active,
#fw_preview.fw_active {
    display: block;
}

#fw_dashboard_view .fw_separator_v,
#fw_preview .fw_separator_v {
    background-color: #eee;
    border: solid #ccc;
    border-width: 0 1px;
    left: -8px;
    right: auto;
    width: 6px;
}

#fw_preview_action_bar {
    align-items: center;
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    display: flex;
    height: 48px;
    justify-content: space-between;
    left: -1px;
    padding: 0 6px;
    right: 0;
    top: 0;
}

#fw_preview_action_bar .fw_icons {
    display: flex;
}

#fw_preview_action_bar .fw_devices {
    flex-grow: 1;
    justify-content: center;
}

#fw_preview_action_bar .fw_icons > ul {
    display: flex;
}

#fw_preview_action_bar .fw_icons > ul > li {
    margin: 0 3px;
}

#fw_preview_action_bar .fw_icon {
    align-items: center;
    background-color: #eee;
    color: #888;
    display: flex;
    justify-content: center;
    position: relative;
    transform: scale(0.8);
    transition:
        color 200ms,
        transform 200ms;
}

#fw_preview_action_bar .fw_icon:hover,
#fw_preview_action_bar .fw_active .fw_icon,
#fw_preview_action_bar .fw_icon.fw_active {
    color: #444;
    right: auto;
    transform: scale(0.95);
}

#fw_preview_action_bar .fw_icon svg {
    height: 24px;
    position: relative;
    width: 24px;
    z-index: 2;
}

#fw_preview_action_bar i {
    background-color: transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

#fw_preview_action_bar .fw_icon.fw_close svg {
    height: 16px;
    width: 16px;
}

#fw_preview_action_bar .fw_icon.fw_edit.fw_off svg.fw_on {
    display: none;
}

#fw_preview_action_bar .fw_icon.fw_edit.fw_on svg.fw_off {
    display: none;
}

#fw_preview .fw_iframe_wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 49px;
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
		 local('MaterialIcons-Regular'),
		 url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
		 url(../fonts/MaterialIcons-Regular.woff) format('woff'),
		 url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.icon {
	box-sizing: border-box;
	direction: ltr;
	display: inline-block;
	font-family: 'Material Icons';
	font-weight: normal;
	font-size: 18px;  /* Preferred icon size */
	font-style: normal;
	height: 18px;
	letter-spacing: normal;
	line-height: 18px;
	text-align: center;
	text-transform: none;
	white-space: nowrap;
	width: 18px;
	word-wrap: normal;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;

	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

.fw_icon {
	float: left;
	padding: 8px;
}

.fw_icon.fw_extra_small {
	padding: 12px;
}

.fw_icon.fw_small {
	padding: 10px;
}

.fw_icon.fw_large,
.fw_icon.fw_extra_large {
	padding: 0;
}

.fw_icon.fw_disabled {
	display: none;
}

.fw_icon span {
	background-position: 0 0;
	display: block;
	height: 16px;
	width: 16px;
}

.fw_icon.fw_extra_small span {
	height: 8px;
	width: 8px;
}

.fw_icon.fw_small span {
	height: 12px;
	width: 12px;
}

.fw_icon.fw_large span {
	height: 64px;
	width: 64px;
}

.fw_icon.fw_extra_large span {
	height: 192px;
	width: 192px;
}

/***************/
/* style types */
/***************/
.fw_icon.fw_disc {
	background-color: #ccc;
	border-radius: 16px;
	transition: background-color .2s;
	
	-moz-border-radius: 16px;
	-moz-transition: background-color .2s;
	-webkit-border-radius: 16px;
	-webkit-transition: background-color .2s;
}

.fw_icon.fw_disc.fw_large {
	border-radius: 9px;
	padding: 32px;
	
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

.fw_icon.fw_circle {
	border: 2px solid #000;
	border-radius: 16px;
	padding: 6px;
	
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

.fw_icon.fw_circle.fw_large {
	border-width: 8px;
	border-radius: 64px;
	padding: 24px;
	
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px;
}

.fw_icon.fw_circle,
.fw_icon.fw_action {
	filter: alpha(opacity=60);
	opacity: .6;
}

.fw_icon.fw_action.fw_tick,
.fw_icon.fw_action.fw_cross {
	cursor: default;
	filter: alpha(opacity=100);
	opacity: 1;
}

.fw_icon.fw_action.fw_cross {
	cursor: pointer;
}

.fw_icon.fw_action.fw_tick span,
.fw_icon.fw_action.fw_tick:hover span {
	background: url(../img/elements/tick.png) no-repeat;
	background-position: 0 0;
}

.fw_icon.fw_action.fw_cross span,
.fw_icon.fw_action.fw_cross:hover span {
	background: url(../img/elements/cross.png) no-repeat;
	background-position: 0 0;
}

.fw_icon.fw_circle:hover,
.fw_active > .fw_icon.fw_circle,
.fw_icon.fw_action:hover,
.fw_active > .fw_icon.fw_action {
	filter: alpha(opacity=100);
	opacity: 1;
}

.fw_icon.fw_action:hover span,
.fw_active > .fw_icon.fw_action span {
	background-position: 0 -64px;
}

.fw_icon.fw_action.fw_small:hover span,
.fw_active > .fw_icon.fw_action.fw_small span {
	background-position: 0 -48px;
}

/***************/
/* color types */
/***************/
.fw_icon.fw_cancel span {
	background-position: 0 -96px;
}

.fw_icon.fw_light span,
.fw_icon.fw_disc span {
	background-position: 0 -32px;
}

.fw_icon.fw_light.fw_small span,
.fw_icon.fw_disc.fw_small span {
	background-position: 0 -24px;
}

.fw_icon.fw_light.fw_large span,
.fw_icon.fw_disc.fw_large span {
	background-position: 0 -128px;
}

.fw_icon.fw_disc.fw_cancel {
	background-color: #c36;
}

.fw_icon.fw_disc.fw_cancel:hover {
	background-color: #b25;
}

.fw_icon.fw_circle.fw_light {
	border-color: #b7c0cd;
}

.fw_icon.fw_circle.fw_cancel {
	border-color: #c36;
}

/****************/
/* applications */
/****************/
.fw_icon.fw_application_1 span {
	background-image: url('../img/icons/16/globe.png');
}

.fw_icon.fw_application_1.fw_large span {
	background-image: url('../img/icons/64/globe.png');
}

.fw_icon.fw_application_1.fw_extra_large span {
	background-image: url('../img/icons/192/globe.png');
}

.fw_icon.fw_application_2 span {
	background-image: url('../img/icons/16/envelope.png');
}

.fw_icon.fw_application_2.fw_large span {
	background-image: url('../img/icons/64/envelope.png');
}

.fw_icon.fw_application_2.fw_extra_large span {
	background-image: url('../img/icons/192/envelope.png');
}

.fw_icon.fw_application_3 span {
	background-image: url('../img/icons/16/plane.png');
}

.fw_icon.fw_application_3.fw_large span {
	background-image: url('../img/icons/64/plane.png');
}

.fw_icon.fw_application_3.fw_extra_large span {
	background-image: url('../img/icons/192/plane.png');
}

.fw_icon.fw_application_4 span {
	background-image: url('../img/icons/16/push.png');
}

.fw_icon.fw_application_4.fw_large span {
	background-image: url('../img/icons/64/push.png');
}

.fw_icon.fw_application_4.fw_extra_large span {
	background-image: url('../img/icons/192/push.png');
}

.fw_icon.fw_application_5 span {
	background-image: url('../img/icons/16/shop.png');
}

.fw_icon.fw_application_5.fw_large span {
	background-image: url('../img/icons/64/shop.png');
}

.fw_icon.fw_application_5.fw_extra_large span {
	background-image: url('../img/icons/192/shop.png');
}

.fw_icon.fw_application_6 span {
	background-image: url('../img/icons/16/gear.png');
}

.fw_icon.fw_application_6.fw_large span {
	background-image: url('../img/icons/64/gear.png');
}

.fw_icon.fw_application_6.fw_extra_large span {
	background-image: url('../img/icons/192/gear.png');
}

.fw_icon.fw_application_7 span {
	background-image: url('../img/icons/16/database.png');
}

.fw_icon.fw_application_7.fw_large span {
	background-image: url('../img/icons/64/database.png');
}

.fw_icon.fw_application_7.fw_extra_large span {
	background-image: url('../img/icons/192/database.png');
}

.fw_icon.fw_application_8 span {
	background-image: url('../img/icons/16/contacts.png');
}

.fw_icon.fw_application_8.fw_large span {
	background-image: url('../img/icons/64/contacts.png');
}

.fw_icon.fw_application_8.fw_extra_large span {
	background-image: url('../img/icons/192/contacts.png');
}

.fw_icon.fw_application_9 span {
	background-image: url('../img/icons/16/tools.png');
}

.fw_icon.fw_application_9.fw_large span {
	background-image: url('../img/icons/64/tools.png');
}

.fw_icon.fw_application_9.fw_extra_large span {
	background-image: url('../img/icons/192/tools.png');
}

.fw_icon.fw_application_10 span {
	background-image: url('../img/icons/16/copy.png');
}

.fw_icon.fw_application_10.fw_large span {
	background-image: url('../img/icons/64/copy.png');
}

.fw_icon.fw_application_10.fw_extra_large span {
	background-image: url('../img/icons/192/copy.png');
}

.fw_icon.fw_application_11 span {
	background-image: url('../img/icons/16/flamable.png');
}

.fw_icon.fw_application_11.fw_large span {
	background-image: url('../img/icons/64/flamable.png');
}

.fw_icon.fw_application_11.fw_extra_large span {
	background-image: url('../img/icons/192/flamable.png');
}

.fw_icon.fw_application_12 span {
	background-image: url('../img/icons/16/layout.png');
}

.fw_icon.fw_application_12.fw_large span {
	background-image: url('../img/icons/64/layout.png');
}

.fw_icon.fw_application_12.fw_extra_large span {
	background-image: url('../img/icons/192/layout.png');
}

/*********/
/* icons */
/*********/

/* add */
.fw_icon.fw_add span {
	background-image: url('../img/icons/16/plus.png');
}

.fw_icon.fw_add.fw_large span {
	background-image: url('../img/icons/64/plus.png');
}

/* close */
.fw_icon.fw_close span {
	background-image: url('../img/icons/16/cross.png');
}

.fw_icon.fw_close.fw_small span {
	background-image: url('../img/icons/12/cross.png');
}

/* copy */
.fw_icon.fw_copy span {
	background-image: url('../img/icons/16/copy.png');
}

.fw_icon.fw_publish span {
	background-image: url('../img/icons/16/publish.png');
}
 
/* multiprices */
.fw_icon.fw_multiprices span,
.fw_icon.fw_prices span {
	background-image: url('../img/icons/16/prices.png');
}

/* delete */
.fw_icon.fw_delete span {
	background-image: url('../img/icons/16/bin.png');
}

/* download */
.fw_icon.fw_download span {
	background-image: url('../img/icons/16/download.png');
}

/* download */
.fw_icon.fw_download_multiple span {
	background-image: url('../img/icons/16/download.png');
}

/* edit */
.fw_icon.fw_edit span {
	background-image: url('../img/icons/16/pencil.png');
}

.fw_icon.fw_edit.fw_cross span {
	background-image: url('../img/icons/16/pencil_cross.png');
}

/* filter */
.fw_icon.fw_filter span {
	background-image: url('../img/icons/16/filter.png');
}

/* update */
.fw_icon.fw_update span {
	background-image: url('../img/icons/16/update.png');
}

/* error */
.fw_icon.fw_error span {
	background: url('../img/icons/16/warning.png') 0 -96px;
}

/* expand */
.fw_icon.fw_expand.fw_small span {
	background-image: url('../img/icons/12/pointer_down.png');
}

/* page */
.fw_icon.fw_page_add span {
	background-image: url('../img/icons/16/page_add.png');
}

/* file */
.fw_icon.fw_file.fw_large span {
	background-image: url('../img/icons/64/file.png');
}

.fw_icon.fw_file_audio.fw_large span {
	background-image: url('../img/icons/64/file_audio.png');
}

.fw_icon.fw_file_image.fw_large span {
	background-image: url('../img/icons/64/file_image.png');
}

.fw_icon.fw_file_text.fw_large span {
	background-image: url('../img/icons/64/file_text.png');
}

.fw_icon.fw_file_video.fw_large span {
	background-image: url('../img/icons/64/file_video.png');
}

/* go */
.fw_icon.fw_go_in span {
	background-image: url('../img/icons/16/pointer_right.png');
}

.fw_icon.fw_go_out span {
	background-image: url('../img/icons/16/pointer_left.png');
}

/* help */
.fw_icon.fw_help span {
	background-image: url('../img/icons/16/help.png');
}

/* home */
.fw_icon.fw_home span {
	background-image: url('../img/icons/16/home.png');
}

/* logout */
.fw_icon.fw_logout span {
	background-image: url('../img/icons/16/power.png');
}

/* more */
.fw_icon.fw_more span {
	background-image: url('../img/icons/16/ellipsis.png');
}

/* move */
.fw_icon.fw_move span {
	background-image: url('../img/icons/16/move.png');
}

.fw_icon.fw_move_down span {
	background-image: url('../img/icons/16/arrow_down.png');
}

.fw_icon.fw_move_into span {
	background-image: url('../img/icons/16/arrow_right.png');
}

.fw_icon.fw_move_up span {
	background-image: url('../img/icons/16/arrow_up.png');
}

/* point down */
.fw_icon.fw_point_down.fw_extra_small span {
	background-image: url('../img/icons/8/pointer_down.png');
}

.fw_icon.fw_point_down.fw_large span {
	background-image: url('../img/icons/64/pointer_down.png');
}

/* preview */
.fw_icon.fw_preview span {
	background-image: url('../img/icons/16/eye.png');
}

/* refresh */
.fw_icon.fw_refresh span {
	background-image: url('../img/icons/16/refresh.png');
}

/* magic wand */
.fw_icon.fw_wand span {
	background-image: url('../img/icons/16/magic_wand.png');
}

.fw_icon.fw_wand.fw_cross span {
	background-image: url('../img/icons/16/magic_wand_cross.png');
}

/* devices */
.fw_icon.fw_desktop span {
	background-image: url('../img/icons/16/desktop.png');
}

.fw_icon.fw_phone span {
	background-image: url('../img/icons/16/phone.png');
}

.fw_icon.fw_tablet span {
	background-image: url('../img/icons/16/tablet.png');
}

/* languages */
.fw_icon.fw_speech span {
	background-image: url('../img/icons/16/speech_bubble.png');
}

/* rename */
.fw_icon.fw_rename span {
	background-image: url('../img/icons/16/pencil.png');
}

/* required */
.fw_icon.fw_required.fw_extra_small span {
	background-image: url('../img/icons/8/asterisk.png');
}

/* search */
.fw_icon.fw_search span {
	background-image: url('../img/icons/16/magnifier.png');
}

/* select */
.fw_icon.fw_select_edit.fw_extra_large span {
	background-image: url('../img/icons/192/square_dashed_pencil.png');
}

/* user */
.fw_icon.fw_user span {
	background-image: url('../img/icons/16/user.png');
}

/* view */
.fw_icon.fw_view span {
	background-image: url('../img/icons/16/eye.png');
}

.fw_icon.fw_view.fw_cross span {
	background-image: url('../img/icons/16/eye_cross.png');
}

.fw_icon.fw_view.fw_cross:hover span {
	background-image: url('../img/icons/16/eye_cross.png');
}

/* link */
.fw_icon.fw_link span {
	background-image: url('../img/icons/16/link.png');
}

/* save floppy */
.fw_icon.fw_floppy span {
	background-image: url('../img/icons/16/floppy.png');
}

/* dashboard */
.fw_icon.fw_dashboard span {
	background-image: url('../img/icons/16/dashboard.png');
}

.fw_icon.fw_dashboard.fw_cross span {
	background-image: url('../img/icons/16/dashboard_cross.png');
}

.fw_icon.fw_dashboard.fw_cross:hover span {
	background-image: url('../img/icons/16/dashboard_cross.png');
}

/* list */
.fw_icon.fw_list span {
	background-image: url('../img/icons/16/list.png');
}

/* template */
.fw_icon.fw_template span {
	background-image: url('../img/icons/16/layout.png');
}

/* clipboard */
.fw_icon.fw_clipboard span {
	background-image: url('../img/icons/16/clipboard.png');
}

/* image editing */
.fw_icon.fw_scale span {
	background-image: url('../img/icons/16/scale.png');
}

.fw_icon.fw_crop span {
	background-image: url('../img/icons/16/crop.png');
}

.fw_icon.fw_rotate span {
	background-image: url('../img/icons/16/rotate.png');
}

.fw_icon.fw_copyright span {
	background-image: url('../img/icons/16/copyright.png');
}

/* settings */
.fw_icon.fw_gear span {
	background-image: url('../img/icons/16/gear.png');
}

/* status */
.fw_icon.fw_status {
	height: 8px;
	padding: 12px;
	width: 8px;
}

.fw_icon.fw_status.fw_loader {
	height: 16px;
	padding: 8px;
	width: 16px;
}

.fw_icon.fw_status span {
	background-image: none;
	border-radius: 8px;
	height: 8px;
	width: 8px;
}

.fw_icon.fw_status.fw_loader span {
	background-color: transparent !important;
	height: 16px !important;
	width: 16px !important;
}

.fw_icon.fw_status.fw_error span {
	background-color: #c36;
}

.fw_icon.fw_status.fw_warning span {
	background-color: #c93;
}

.fw_icon.fw_status.fw_success span {
	background-color: #27b210;
}

/* not-active */
.fw_icon.fw_active,
.fw_icon.fw_not_active {
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
	position: relative !important;
	right: 10px !important;
	top: auto !important;
}

.fw_icon.fw_active span,
.fw_icon.fw_not_active span {
	filter: alpha(opacity=100);
	opacity: 1;
}

.fw_icon.fw_active span {
	background-image: url('../img/icons/12/check.png');
}

.fw_icon.fw_not_active span {
	background-image: url('../img/icons/12/cross_error.png');
}

/**********/
/* loader */
/**********/
.fw_icon.fw_action.fw_loader,
.fw_icon.fw_action.fw_loader:hover,
.fw_active > .fw_icon.fw_action.fw_loader {
	filter: alpha(opacity=60);
	opacity: .6;
}

.fw_icon.fw_loader span {
	background-image: url('../img/loaders/16/black_white.gif');
}

.fw_add .fw_icon.fw_loader span,
.fw_selector .fw_icon.fw_loader span {
	background-image: url('../img/loaders/16/white_blue.gif');
}

.fw_add .fw_icon.fw_loader span {
	background-image: url('../img/loaders/16/white_blue.gif');
}

.fw_add .fw_icon.fw_loader.fw_small span {
	background: url('../img/loaders/12/blue_white.gif') 0 0;
}

.fw_cancel .fw_icon.fw_loader span {
	background-image: url('../img/loaders/16/white_pink.gif');
}

.fw_save .fw_icon.fw_loader span {
	background-image: url('../img/loaders/16/white_green.gif');
}

.fw_icon.fw_light.fw_loader span {
	background-image: url('../img/loaders/16/white_black.gif');
}

@-webkit-keyframes loading-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes loading-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@font-face {
    font-family: notosans-regular;
    font-style: normal;
    font-weight: 400;
    src: url("/lib/fonts/notosans-regular-webfont.woff2") format("woff2"),
        url("/lib/fonts/notosans-regular-webfont.woff") format("woff");
}
@font-face {
    font-family: notosans-bold;
    font-style: normal;
    font-weight: 400;
    src: url("/lib/fonts/notosans-bold-webfont.woff2") format("woff2"),
        url("/lib/fonts/notosans-bold-webfont.woff") format("woff");
}
@font-face {
    font-family: "notoserif-regular";
    font-style: normal;
    font-weight: 400;
    src: url("/lib/fonts/notoserif-regular-webfont.woff2") format("woff2"),
        url("/lib/fonts/notoserif-regular-webfont.woff") format("woff");
}
@font-face {
    font-family: "notoserif-bold";
    font-style: normal;
    font-weight: 400;
    src: url("/lib/fonts/notoserif-bold-webfont.woff2") format("woff2"),
        url("/lib/fonts/notoserif-bold-webfont.woff") format("woff");
}
@font-face {
    font-family: material-icons;
    font-style: normal;
    font-weight: 400;
    src: url("/lib/fonts/material-regular.woff2") format("woff2"),
        url("/lib/fonts/material-regular.woff") format("woff");
}
.ips-icon:not(.btn) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #7f8fa4;
    direction: ltr;
    display: inline-block;
    font-family: material-icons;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    height: 20px;
    letter-spacing: normal;
    line-height: 20px;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    width: 20px;
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
}
.sp-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.sp-top {
    position: relative;
    width: 100%;
    display: inline-block;
}
.sp-top-inner {
    right: 0;
}
.sp-color,
.sp-top-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
.sp-color {
    right: 20%;
}
.sp-hue {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 100%;
}
.sp-clear-enabled .sp-hue {
    top: 33px;
    height: 77.5%;
}
.sp-fill {
    padding-top: 80%;
}
.sp-sat,
.sp-val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid #000;
    background: #fff;
    opacity: 0.8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: 1px solid #333;
}
.sp-clear {
    display: none;
}
.sp-clear.sp-clear-display {
    background-position: 50%;
}
.sp-clear-enabled .sp-clear {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 28px;
}
.sp-alpha,
.sp-alpha-handle,
.sp-clear,
.sp-container,
.sp-container.sp-dragging .sp-input,
.sp-container button,
.sp-dragger,
.sp-preview,
.sp-replacer,
.sp-slider {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sp-container.sp-buttons-disabled .sp-button-container,
.sp-container.sp-input-disabled .sp-input-container,
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
.sp-initial-disabled .sp-initial,
.sp-palette-disabled .sp-palette-container,
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-sat {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#fff),
        to(hsla(20, 42%, 65%, 0))
    );
    background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr="#FFFFFFFF",endColorstr="#00CC9A81");
}
.sp-val {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#000),
        to(hsla(20, 42%, 65%, 0))
    );
    background-image: linear-gradient(0deg, #000, hsla(20, 42%, 65%, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81",endColorstr="#FF000000");
}
.sp-hue {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(red),
        color-stop(17%, #ff0),
        color-stop(33%, #0f0),
        color-stop(50%, #0ff),
        color-stop(67%, #00f),
        color-stop(83%, #f0f),
        to(red)
    );
    background: linear-gradient(
        180deg,
        red 0,
        #ff0 17%,
        #0f0 33%,
        #0ff 50%,
        #00f 67%,
        #f0f 83%,
        red
    );
}
.sp-1 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ffff00");
}
.sp-2 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#00ff00");
}
.sp-3 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00",endColorstr="#00ffff");
}
.sp-4 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff",endColorstr="#0000ff");
}
.sp-5 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#ff00ff");
}
.sp-6 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff",endColorstr="#ff0000");
}
.sp-hidden {
    display: none !important;
}
.sp-cf:after,
.sp-cf:before {
    content: "";
    display: table;
}
.sp-cf:after {
    clear: both;
}
.sp-cf {
    *zoom: 1;
}
@media (max-device-width: 480px) {
    .sp-color {
        right: 40%;
    }
    .sp-hue {
        left: 63%;
    }
    .sp-fill {
        padding-top: 60%;
    }
}
.sp-dragger {
    border-radius: 5px;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    background: #000;
    left: 0;
}
.sp-dragger,
.sp-slider {
    cursor: pointer;
    position: absolute;
    top: 0;
}
.sp-slider {
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: #fff;
    opacity: 0.8;
}
.sp-container {
    border-radius: 0;
    background-color: #ececec;
    border: 1px solid #f0c49b;
    padding: 0;
}
.sp-clear,
.sp-color,
.sp-container,
.sp-container button,
.sp-container input,
.sp-hue {
    font: normal 12px Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva,
        Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-clear,
.sp-color,
.sp-hue {
    border: 1px solid #666;
}
.sp-input-container {
    float: right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container,
.sp-input {
    width: 100%;
}
.sp-input {
    font-size: 12px !important;
    border: 1px inset;
    padding: 4px 5px;
    margin: 0;
    background: transparent;
    border-radius: 3px;
    color: #222;
}
.sp-input:focus {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-palette-container,
.sp-picker-container {
    float: left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: 1px solid #fff;
}
.sp-palette-container {
    border-right: 1px solid #ccc;
}
.sp-palette-only .sp-palette-container {
    border: 0;
}
.sp-palette .sp-thumb-el {
    display: block;
    position: relative;
    float: left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border: 2px solid transparent;
}
.sp-palette .sp-thumb-el.sp-thumb-active,
.sp-palette .sp-thumb-el:hover {
    border-color: orange;
}
.sp-thumb-el {
    position: relative;
}
.sp-initial {
    float: left;
    border: 1px solid #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border: none;
    display: block;
    float: left;
    margin: 0;
}
.sp-initial .sp-clear-display {
    background-position: 50%;
}
.sp-button-container,
.sp-palette-button-container {
    float: right;
}
.sp-replacer {
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    padding: 4px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    border: 1px solid #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer.sp-active,
.sp-replacer:hover {
    border-color: #f0c49b;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor: default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 10px;
}
.sp-preview {
    position: relative;
    width: 25px;
    height: 20px;
    border: 1px solid #222;
    margin-right: 5px;
    float: left;
    z-index: 0;
}
.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width: 16px;
    height: 16px;
    margin: 2px 1px;
    border: 1px solid #d0d0d0;
}
.sp-container {
    padding-bottom: 0;
}
.sp-container button {
    background-color: #eee;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#ccc)
    );
    background-image: linear-gradient(180deg, #eee, #ccc);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    border-radius: 3px;
    color: #333;
    font-size: 14px;
    line-height: 1;
    padding: 5px 4px;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
    vertical-align: middle;
}
.sp-container button:hover {
    background-color: #ddd;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#ddd),
        to(#bbb)
    );
    background-image: linear-gradient(180deg, #ddd, #bbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
    -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
    -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
    box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin: 0;
    padding: 2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration: none;
}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}
.sp-palette span.sp-thumb-active,
.sp-palette span:hover {
    border-color: #000;
}
.sp-alpha,
.sp-preview,
.sp-thumb-el {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-alpha-inner,
.sp-preview-inner,
.sp-thumb-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
.ips-blocker {
    background-color: #fff;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 200000;
}
.ips-blocker.ips-active {
    display: block;
}
.ips-btn {
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out,
        -webkit-box-shadow 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out,
        -webkit-box-shadow 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out,
        box-shadow 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out,
        box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
    text-decoration: none;
    user-select: none;
    white-space: nowrap;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background-color: #7f8fa4;
}
.ips-btn,
.ips-btn:active,
.ips-btn:focus {
    color: #fff;
}
.ips-btn:not(.ips-loading):hover {
    background-color: #687a92;
    color: #fff;
}
.ips-btn.ips-loading,
.ips-btn.ips-loading:hover {
    color: transparent !important;
    cursor: default !important;
    position: relative;
}
.ips-btn.ips-loading:before,
.ips-btn.ips-loading:hover:before {
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 7px;
    content: "";
    height: 10px;
    left: 50%;
    margin: -7px 0;
    position: absolute;
    top: 50%;
    width: 10px;
}
.ips-btn.ips-loading:after,
.ips-btn.ips-loading:hover:after {
    animation: loading-spin 0.8s linear;
    border-color: #fff transparent transparent;
    border-radius: 7px;
    border-style: solid;
    border-width: 2px;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    content: "";
    height: 10px;
    left: 50%;
    margin: -7px 0;
    position: absolute;
    top: 50%;
    width: 10px;
    -webkit-animation: loading-spin 0.8s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.ips-btn.ips-primary {
    background-color: #2ea1f8;
}
.ips-btn.ips-primary:active,
.ips-btn.ips-primary:focus {
    color: #fff;
}
.ips-btn.ips-primary:not(.ips-loading):hover {
    background-color: #088ff5;
    color: #fff;
}
.ips-btn.ips-success {
    background-color: #4caf50;
}
.ips-btn.ips-success:active,
.ips-btn.ips-success:focus {
    color: #fff;
}
.ips-btn.ips-success:not(.ips-loading):hover {
    background-color: #409343;
    color: #fff;
}
.ips-btn.ips-warning {
    background-color: #ff9800;
}
.ips-btn.ips-warning:active,
.ips-btn.ips-warning:focus {
    color: #fff;
}
.ips-btn.ips-warning:not(.ips-loading):hover {
    background-color: #d68000;
    color: #fff;
}
.ips-btn.ips-danger {
    background-color: #e24a42;
}
.ips-btn.ips-danger:active,
.ips-btn.ips-danger:focus {
    color: #fff;
}
.ips-btn.ips-danger:not(.ips-loading):hover {
    background-color: #da2b21;
    color: #fff;
}
.ips-btn.ips-info {
    background-color: #00bcd4;
}
.ips-btn.ips-info:active,
.ips-btn.ips-info:focus {
    color: #fff;
}
.ips-btn.ips-info:not(.ips-loading):hover {
    background-color: #0098ab;
    color: #fff;
}
.ips-btn.ips-dark {
    background-color: #273142;
}
.ips-btn.ips-dark:active,
.ips-btn.ips-dark:focus {
    color: #fff;
}
.ips-btn.ips-dark:not(.ips-loading):hover {
    background-color: #181e28;
    color: #fff;
}
.ips-btn > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ips-btn > span > span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.ips-control-wrapper.ips-checkbox > .ips-value .ips-control {
    background-color: transparent;
    border: 0;
    padding: 0;
    position: relative;
}
.ips-control-wrapper.ips-checkbox > .ips-value .ips-control > label {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: absolute;
    user-select: none;
    top: 5px;
    width: 20px;
}
.ips-control-wrapper.ips-checkbox
    > .ips-value
    .ips-control
    > label
    input[type="checkbox"] {
    opacity: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}
.ips-control-wrapper.ips-checkbox
    > .ips-value
    .ips-control
    > label
    input[type="checkbox"]
    + span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 30px;
    position: relative;
    white-space: nowrap;
    z-index: 2;
}
.ips-control-wrapper.ips-checkbox
    > .ips-value
    .ips-control
    > label
    input[type="checkbox"]
    + span:after,
.ips-control-wrapper.ips-checkbox
    > .ips-value
    .ips-control
    > label
    input[type="checkbox"]
    + span:before {
    background-color: #f9fbfc;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: background-color 0.2s ease-out,
        border-color 0.2s ease-out;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
    width: 20px;
    z-index: 1;
}
.ips-control-wrapper.ips-checkbox
    > .ips-value
    .ips-control
    > label
    input[type="checkbox"]
    + span:after {
    background-color: transparent;
    border: 0;
    color: #fff;
    content: "done";
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out,
        -webkit-transform 0.2s ease-out;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #7f8fa4;
    direction: ltr;
    display: inline-block;
    font-family: material-icons;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    height: 20px;
    letter-spacing: normal;
    line-height: 20px;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    width: 20px;
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
}
.ips-control-wrapper.ips-checkbox
    > .ips-value
    .ips-control
    > label
    input[type="checkbox"]:focus
    + span:before {
    background-color: #fff;
    border-color: #2ea1f8;
}
.ips-control-wrapper.ips-checkbox
    > .ips-value
    .ips-control
    > label
    input[type="checkbox"]:checked
    + span:before {
    background-color: #2ea1f8;
    border-color: #2ea1f8;
    color: #fff;
}
.ips-control-wrapper.ips-checkbox
    > .ips-value
    .ips-control
    > label
    input[type="checkbox"]:checked
    + span:after {
    color: #fff;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ips-control-wrapper.ips-color-picker .ips-prefix > div {
    border: 1px solid #273142;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
}
.ips-control-wrapper.ips-color-picker .ips-control {
    cursor: pointer;
}
.sp-container {
    background-color: #eff3f6;
    border-color: rgba(127, 143, 164, 0.5);
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sp-palette-container {
    border-right-color: #dee2e6;
}
.sp-picker-container {
    border-left: 0;
}
.sp-clear.sp-clear-display {
    background-size: 12px;
}
.sp-clear-display {
    background-image: none;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.sp-clear-display:after {
    background-color: #e24a42;
    content: "";
    height: 2px;
    margin: -2px 0 0 -10px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 48px;
}
.ips-control-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ips-control-wrapper:not(:last-child) {
    margin-bottom: 10px;
}
.ips-control-wrapper > .ips-action,
.ips-control-wrapper > .ips-label,
.ips-control-wrapper > .ips-prefix,
.ips-control-wrapper > .ips-value {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 30px;
    margin-right: 5px;
}
.ips-control-wrapper > .ips-label {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    width: 40%;
}
.ips-control-wrapper > .ips-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.ips-control-wrapper > .ips-value .ips-control,
.ips-control-wrapper > .ips-value .ips-static {
    background-color: #f9fbfc;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 4px 9px;
    -webkit-transition: background-color 0.2s ease-out,
        border-color 0.2s ease-out;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}
.ips-control-wrapper > .ips-value .ips-control:not(.ips-static):hover,
.ips-control-wrapper > .ips-value .ips-static:not(.ips-static):hover {
    border-color: rgba(127, 143, 164, 0.5);
}
.ips-control-wrapper > .ips-value .ips-control:not(.ips-static):focus,
.ips-control-wrapper > .ips-value .ips-static:not(.ips-static):focus {
    background-color: #fff;
    border-color: #2ea1f8;
}
.ips-control-wrapper > .ips-value .ips-control > span,
.ips-control-wrapper > .ips-value .ips-static > span {
    color: #7f8fa4;
    font-size: 10px;
}
.ips-control-wrapper > .ips-value .ips-static {
    background-color: rgba(249, 251, 252, 0);
    border: 1px solid rgba(222, 226, 230, 0);
    display: none;
}
.ips-control-wrapper > .ips-value.ips-variable .ips-control {
    display: none;
}
.ips-control-wrapper > .ips-value.ips-variable .ips-static {
    display: block;
}
.ips-control-wrapper > .ips-action,
.ips-control-wrapper > .ips-prefix {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.ips-control-wrapper > .ips-action,
.ips-control-wrapper > .ips-label,
.ips-control-wrapper > .ips-prefix {
    padding: 5px 0;
}
.ips-control-wrapper > .ips-action {
    margin-right: 0;
}
.ips-control-wrapper > .ips-action .ips-icon {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    display: block;
    opacity: 0;
    position: relative;
    -webkit-transition: color 0.2s ease-out, opacity 0.2s ease-out;
    transition: color 0.2s ease-out, opacity 0.2s ease-out;
}
.ips-control-wrapper:hover > .ips-action .ips-icon {
    opacity: 1;
}
.ips-control-wrapper:hover > .ips-action .ips-icon:hover {
    color: #273142;
}
.ips-control-wrapper select.ips-control {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A@{arrow}%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: auto 50%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.ips-dropdown {
    position: relative;
}
.ips-dropdown .ips-toggler {
    display: inline-block;
    opacity: 0.35;
    padding-right: 15px;
    position: relative;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.ips-dropdown .ips-toggler.ips-active {
    opacity: 1;
}
.ips-dropdown .ips-toggler.ips-active .ips-icon {
    color: #2ea1f8;
}
.ips-dropdown .ips-toggler .ips-icon {
    float: left;
    margin-right: 5px;
}
.ips-dropdown .ips-toggler:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #7f8fa4;
    direction: ltr;
    display: inline-block;
    font-family: material-icons;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    height: 20px;
    letter-spacing: normal;
    line-height: 20px;
    text-align: center;
    width: 20px;
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    content: "keyboard_arrow_down";
    opacity: 0.5;
    top: 0;
}
.ips-dropdown .ips-menu,
.ips-dropdown .ips-toggler:after {
    text-transform: none;
    white-space: nowrap;
    position: absolute;
    right: 0;
}
.ips-dropdown .ips-menu {
    background-color: #f9fbfc;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    display: none;
    font-size: 10px;
    margin-bottom: 20px;
    z-index: 1000;
}
.ips-dropdown .ips-menu .ips-header {
    background-color: #7f8fa4;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    cursor: default;
    padding: 10px;
}
.ips-dropdown .ips-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ips-dropdown .ips-menu > ul li a {
    border-top: 1px solid #eff3f6;
    color: #7f8fa4;
    cursor: pointer;
    display: block;
    padding: 5px 10px;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
.ips-dropdown .ips-menu > ul li a:hover {
    background-color: #eff3f6;
    color: #273142;
}
.ips-dropdown .ips-menu > ul li:first-child a {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: rgba(127, 143, 164, 0.5);
    font-style: italic;
}
.ips-dropdown .ips-menu > ul li:first-child a:hover {
    color: #7f8fa4;
}
.ips-dropdown .ips-menu > ul li:not(:first-child).ips-active a {
    background-color: rgba(46, 161, 248, 0.75);
    color: #fff;
}
.ips-dropdown .ips-menu > ul li:last-child a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.ips-dropdown.ips-active .ips-toggler:after {
    content: "keyboard_arrow_up";
}
.ips-dropdown.ips-active .ips-menu {
    display: block;
}
.ips-element {
    position: relative;
}
.ips-element h6 {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #7f8fa4;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: notosans-bold;
    font-size: 0.8em;
    padding: 10px 5px;
    text-transform: uppercase;
}
.ips-element h6:hover .ips-arrow,
.ips-element h6:hover > span {
    color: #273142;
}
.ips-element h6 .ips-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    -webkit-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
.ips-element h6 .ips-arrow:before {
    content: "keyboard_arrow_right";
}
.ips-element h6 > span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
.ips-element .ips-profiles {
    position: absolute;
    right: 0;
    top: 10px;
}
.ips-element .ips-profiles .ips-variable:not(.ips-active) {
    opacity: 0.3;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.ips-element .ips-profiles .ips-variable:not(.ips-active):hover {
    opacity: 1;
}
.ips-element .ips-profiles .ips-variable.ips-active {
    color: #7f8fa4;
    opacity: 1;
}
.ips-element .ips-card {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 20px;
}
.ips-element .ips-card .ips-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 12px;
    padding: 20px;
}
.ips-element.ips-active h6 .ips-arrow,
.ips-element.ips-active h6 > span {
    color: #2ea1f8;
}
.ips-element.ips-active h6 .ips-arrow:before {
    content: "keyboard_arrow_down";
}
.ips-element.ips-active .ips-card,
.ips-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ips-elements {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.ips-elements > nav {
    background-color: #eff3f6;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 20px;
}
.ips-elements > nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ips-elements > nav ul,
.ips-elements > nav ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ips-elements > nav ul li {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border-bottom: 1px solid #dee2e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: #7f8fa4;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 9px;
    padding: 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: color 0.2s ease-out, border-bottom-color 0.2s ease-out;
    transition: color 0.2s ease-out, border-bottom-color 0.2s ease-out;
}
.ips-elements > nav ul li:hover {
    border-bottom-color: #7f8fa4;
}
.ips-elements > nav ul li.ips-active {
    color: #2ea1f8;
    cursor: default;
    border-bottom-color: #2ea1f8;
}
.ips-elements .ips-elements-wrapper {
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px;
}
.ips-elements .ips-elements-wrapper::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}
.ips-elements .ips-elements-wrapper::-webkit-scrollbar-thumb,
.ips-elements .ips-elements-wrapper::-webkit-scrollbar-track {
    background-color: transparent;
}
.ips-elements .ips-elements-wrapper:hover::-webkit-scrollbar-thumb {
    background-color: #dee2e6;
}
.ips-elements .ips-elements-wrapper:hover::-webkit-scrollbar-thumb:hover {
    background-color: #c7ced4;
}
.ips-elements .ips-elements-wrapper.ips-active {
    display: block;
}
.ips-elements .ips-elements-wrapper .ips-elements-headings:not(:last-child) {
    margin-bottom: 20px;
}
.ips-elements
    .ips-elements-wrapper
    .ips-elements-headings
    .ips-elements-heading {
    color: #7f8fa4;
    font-size: 10px;
    line-height: 30px;
    opacity: 0.65;
    text-transform: uppercase;
}
.ips-control-wrapper.ips-fonts .ips-control {
    cursor: pointer;
    padding-right: 30px;
    position: relative;
}
.ips-control-wrapper.ips-fonts .ips-control:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #7f8fa4;
    direction: ltr;
    display: inline-block;
    font-family: material-icons;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    height: 20px;
    letter-spacing: normal;
    line-height: 20px;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    width: 20px;
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    content: "font_download";
    position: absolute;
    right: 3px;
    top: 3px;
}
.ips-control-wrapper.ips-fonts .ips-manager {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    color: #2c3e50;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.ips-control-wrapper.ips-fonts .ips-manager:before {
    background-color: #2c3e50;
    content: "";
    height: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.4s, height 0s 0.4s;
    transition: opacity 0.4s, height 0s 0.4s;
    z-index: 1;
}
.ips-control-wrapper.ips-fonts .ips-manager > div {
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90%;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    visibility: hidden;
    width: 90%;
    z-index: 2;
}
.ips-control-wrapper.ips-fonts .ips-manager > div h2 {
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    margin: 0 0 10px;
    opacity: 0.4;
    padding: 0 20px;
    text-transform: uppercase;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > nav {
    background-color: #273142;
    color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 160px;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > nav h2 {
    padding: 0 30px;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > nav ul a {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 10px 10px 30px;
    text-transform: capitalize;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > nav ul a.ips-active,
.ips-control-wrapper.ips-fonts .ips-manager > div > nav ul a:hover {
    background-color: hsla(0, 0%, 100%, 0.1);
}
.ips-control-wrapper.ips-fonts .ips-manager > div > nav ul a span.ips-name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > nav ul a span.ips-label {
    background-color: #2ea1f8;
    border-radius: 3px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 700;
    padding: 0 5px;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > main {
    background-color: #eff3f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > main > header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #dee2e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 50px;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > main > header .ips-font {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    padding-left: 40px;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > main > header .ips-close,
.ips-control-wrapper.ips-fonts .ips-manager > div > main > header .ips-font {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > main > header .ips-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    > header
    .ips-search
    input {
    background-color: transparent;
    border: 0;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    height: 49px;
    outline: none;
    padding: 9px 9px 9px 38px;
    position: relative;
    -webkit-transition: background-color 0.2s ease-out,
        border-color 0.2s ease-out;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
    width: 100%;
    z-index: 2;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    > header
    .ips-search:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #7f8fa4;
    direction: ltr;
    display: inline-block;
    font-family: material-icons;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    height: 20px;
    letter-spacing: normal;
    line-height: 20px;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    width: 20px;
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    content: "search";
    position: absolute;
    left: 9px;
    opacity: 0.6;
    margin-top: -10px;
    top: 50%;
    z-index: 1;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > main > header .ips-close {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    > header
    .ips-close
    .ips-icon {
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    > header
    .ips-close
    .ips-icon:hover {
    opacity: 1;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > main .ips-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto;
    padding: 30px 40px 0;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 40px;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font {
    border-bottom: 1px solid #eff3f6;
    padding: 30px 20px;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-example {
    cursor: default;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-example
    .ips-family {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-example
    .ips-family
    .ips-name {
    opacity: 0.4;
    white-space: nowrap;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-example
    .ips-family
    .ips-variants {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 10px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-example
    .ips-family
    .ips-variants
    span {
    background-color: #eff3f6;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 0 10px 10px;
    padding: 0 10px;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-example
    .ips-family
    .ips-variants
    span:hover {
    background-color: #dee2e6;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-example
    .ips-family
    .ips-variants
    span.ips-active {
    background-color: #2ea1f8;
    color: #fff;
    cursor: default;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-example
    .ips-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    line-height: 1.2em;
    margin-right: 10px;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-example
    .ips-text
    > .ips-icon {
    display: none;
    height: 20px;
    width: 20px;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-example
    .ips-text
    > span {
    opacity: 0;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-actions
    .ips-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-actions
    .ips-icons
    .ips-icon {
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-actions
    .ips-icons
    .ips-icon:after {
    content: "favorite_border";
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-actions
    .ips-icons
    .ips-icon:hover {
    opacity: 0.8;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-actions
    .ips-icons
    .ips-icon.ips-yes {
    color: #2ea1f8;
    opacity: 1;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-actions
    .ips-icons
    .ips-icon.ips-yes:after {
    content: "favorite";
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font
    .ips-wrapper
    .ips-actions
    .ips-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font.ips-loader
    .ips-wrapper
    .ips-example
    .ips-text
    > .ips-icon {
    display: block;
    color: transparent !important;
    cursor: default !important;
    position: relative;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font.ips-loader
    .ips-wrapper
    .ips-example
    .ips-text
    > .ips-icon:before {
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 7px;
    content: "";
    height: 10px;
    left: 50%;
    margin: -7px 0;
    position: absolute;
    top: 50%;
    width: 10px;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font.ips-loader
    .ips-wrapper
    .ips-example
    .ips-text
    > .ips-icon:after {
    animation: loading-spin 0.8s linear;
    border-color: #fff transparent transparent;
    border-radius: 7px;
    border-style: solid;
    border-width: 2px;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    content: "";
    height: 10px;
    left: 50%;
    margin: -7px 0;
    position: absolute;
    top: 50%;
    width: 10px;
    -webkit-animation: loading-spin 0.8s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font.ips-loaded
    .ips-wrapper
    .ips-actions
    .ips-icons,
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font.ips-loaded
    .ips-wrapper
    .ips-example
    .ips-text
    span,
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font.ips-loaded:hover
    .ips-wrapper
    .ips-actions
    .ips-btn,
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-fonts
    .ips-font.ips-loaded:hover
    .ips-wrapper
    .ips-example
    .ips-family
    .ips-variants {
    opacity: 1;
}
.ips-control-wrapper.ips-fonts .ips-manager > div > main .ips-content .ips-btn {
    background-color: #2ea1f8;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    padding: 6px 16px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    text-decoration: none;
    white-space: nowrap;
}
.ips-control-wrapper.ips-fonts
    .ips-manager
    > div
    > main
    .ips-content
    .ips-btn:hover {
    background-color: #088ff5;
}
.ips-control-wrapper.ips-fonts .ips-manager.ips-active,
.ips-control-wrapper.ips-fonts .ips-manager.ips-init {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ips-control-wrapper.ips-fonts .ips-manager.ips__active:before {
    height: 100%;
    opacity: 0.8;
    -webkit-transition: opacity 0.4s, height 0s;
    transition: opacity 0.4s, height 0s;
}
.ips-control-wrapper.ips-fonts .ips-manager.ips-active > div {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
.ips-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    z-index: 100;
}
.ips-modal,
.ips-modal:before {
    height: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}
.ips-modal:before {
    background-color: #273142;
    content: "";
    opacity: 0;
    -webkit-transition: opacity 0.4s, height 0s 0.4s;
    transition: opacity 0.4s, height 0s 0.4s;
    z-index: 1;
}
.ips-modal .ips-modal-dialog {
    background-color: #eff3f6;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
    max-height: 90%;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    visibility: hidden;
    width: 480px;
    z-index: 2;
}
.ips-modal .ips-modal-dialog,
.ips-modal .ips-modal-dialog .ips-modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.ips-modal .ips-modal-dialog .ips-modal-content > .ips-modal-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2ea1f8;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px 10px 10px 20px;
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-header
    .ips-modal-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 12px;
    text-transform: uppercase;
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-header
    .ips-modal-close {
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 30px;
    line-height: 30px;
    width: 30px;
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-header
    .ips-modal-close.ips-icon {
    color: #fff;
    opacity: 0.6;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-header
    .ips-modal-close.ips-icon:hover {
    opacity: 1;
}
.ips-modal .ips-modal-dialog .ips-modal-content .ips-modal-tabs {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.ips-modal .ips-modal-dialog .ips-modal-content > .ips-modal-body {
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 30px 20px;
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-body::-webkit-scrollbar {
    height: 1px;
    width: 1px;
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-body::-webkit-scrollbar-thumb,
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-body::-webkit-scrollbar-track {
    background-color: transparent;
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-body:hover::-webkit-scrollbar-thumb {
    background-color: #dee2e6;
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-body:hover::-webkit-scrollbar-thumb:hover {
    background-color: #c7ced4;
}
.ips-modal .ips-modal-dialog .ips-modal-content > .ips-modal-body > .ips-card {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-body
    > .ips-card
    .ips-body {
    font-size: 12px;
    padding: 20px;
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-body
    > .ips-card
    .ips-body
    p:not(:last-child) {
    margin-bottom: 20px;
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-body
    > .ips-card:last-child {
    margin-bottom: 0;
}
.ips-modal .ips-modal-dialog .ips-modal-content > .ips-modal-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eff3f6;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #7f8fa4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 20px 10px;
}
.ips-modal .ips-modal-dialog .ips-modal-content > .ips-modal-footer > * {
    margin-left: 10px;
}
.ips-modal
    .ips-modal-dialog
    .ips-modal-content
    > .ips-modal-footer
    > :first-child {
    margin-left: 0;
}
.ips-modal.ips-active {
    height: 100%;
}
.ips-modal.ips__active:before {
    height: 100%;
    opacity: 0.8;
    -webkit-transition: opacity 0.4s, height 0s;
    transition: opacity 0.4s, height 0s;
}
.ips-modal.ips-active .ips-modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
.ips-control-wrapper.ips-number-unit .ips-control:not(:first-child) {
    margin-left: 5px;
}
.ips-style-tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ips-style-tabs ul,
.ips-style-tabs ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ips-style-tabs ul li {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border-bottom: 1px solid #dee2e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: #7f8fa4;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: color 0.2s ease-out, border-bottom-color 0.2s ease-out;
    transition: color 0.2s ease-out, border-bottom-color 0.2s ease-out;
}
.ips-style-tabs ul li > .ips-icon {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    width: 100%;
}
.ips-style-tabs ul li:hover {
    border-bottom-color: #7f8fa4;
}
.ips-style-tabs ul li.ips-active {
    color: #2ea1f8;
    cursor: default;
    border-bottom-color: #2ea1f8;
}
#ips-tooltip {
    color: #273142;
    font-family: notosans-regular;
    font-size: 13px;
    line-height: 20px;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    bottom: -35px;
    background-color: #273142;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    height: 0;
    opacity: 0;
    padding: 5px 10px;
    position: absolute;
    -webkit-transition: opacity 0.2s ease-out, height 0s ease-out 0.2s;
    transition: opacity 0.2s ease-out, height 0s ease-out 0.2s;
    white-space: nowrap;
    z-index: 1000;
}
#ips-tooltip.ips-active {
    height: 30px;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out, height 0s;
    transition: opacity 0.2s ease-out, height 0s;
}
body,
html {
    height: 100%;
    overflow: hidden;
    margin: 0;
}
#ips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
#ips > .ips-app-loader {
    display: none;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: fixed !important;
    top: 50%;
    width: 40px;
}
#ips > .ips-app-loader.ips-loading,
#ips > .ips-app-loader.ips-loading:hover {
    color: transparent !important;
    cursor: default !important;
    position: relative;
}
#ips > .ips-app-loader.ips-loading:before,
#ips > .ips-app-loader.ips-loading:hover:before {
    border: 4px solid rgba(0, 0, 0, 0.15);
    border-radius: 14px;
    content: "";
    height: 20px;
    left: 50%;
    margin: -14px 0;
    position: absolute;
    top: 50%;
    width: 20px;
}
#ips > .ips-app-loader.ips-loading:after,
#ips > .ips-app-loader.ips-loading:hover:after {
    animation: loading-spin 0.8s linear;
    border-color: #fff transparent transparent;
    border-radius: 14px;
    border-style: solid;
    border-width: 4px;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    content: "";
    height: 20px;
    left: 50%;
    margin: -14px 0;
    position: absolute;
    top: 50%;
    width: 20px;
    -webkit-animation: loading-spin 0.8s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
#ips[v-cloak] > * {
    display: none;
}
#ips[v-cloak] > .ips-app-loader {
    display: block;
}
body.ips-done-loading #ips-loader {
    display: none;
}
.ips-viewport,
body.ips-done-loading #ips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ips-viewport {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 75%;
}
.ips-viewport .ips-header {
    color: #273142;
    font-family: notosans-regular;
    font-size: 13px;
    line-height: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #dee2e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #7f8fa4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 10px;
    height: 41px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    text-transform: uppercase;
}
.ips-viewport .ips-header .ips-nav {
    left: 20px;
    position: absolute;
}
.ips-viewport .ips-header .ips-nav .ips-toggler {
    margin-top: 7px;
    opacity: 0.75;
    padding-right: 0;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.ips-viewport .ips-header .ips-nav .ips-toggler:hover {
    opacity: 1;
}
.ips-viewport .ips-header .ips-nav .ips-toggler:after {
    display: none;
}
.ips-viewport .ips-header .ips-nav .ips-menu {
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    left: 0;
    max-height: 600px;
    min-width: 100px;
    right: auto;
}
.ips-viewport .ips-header .ips-nav .ips-menu::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}
.ips-viewport .ips-header .ips-nav .ips-menu::-webkit-scrollbar-thumb,
.ips-viewport .ips-header .ips-nav .ips-menu::-webkit-scrollbar-track {
    background-color: transparent;
}
.ips-viewport .ips-header .ips-nav .ips-menu:hover::-webkit-scrollbar-thumb {
    background-color: #dee2e6;
}
.ips-viewport
    .ips-header
    .ips-nav
    .ips-menu:hover::-webkit-scrollbar-thumb:hover {
    background-color: #c7ced4;
}
.ips-viewport .ips-header .ips-nav .ips-menu .ips-header {
    display: none;
}
.ips-viewport .ips-header .ips-nav .ips-menu > ul li:first-child a,
.ips-viewport .ips-header .ips-nav .ips-menu > ul li a {
    color: #7f8fa4;
    cursor: pointer;
    display: block;
    font-style: normal;
    padding: 5px 10px;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
.ips-viewport .ips-header .ips-nav .ips-menu > ul li:first-child a:hover,
.ips-viewport .ips-header .ips-nav .ips-menu > ul li a:hover {
    background-color: #eff3f6;
    color: #273142;
}
.ips-viewport .ips-header .ips-nav .ips-menu > ul li.ips-active a,
.ips-viewport .ips-header .ips-nav .ips-menu > ul li.ips-active a:hover {
    background-color: rgba(46, 161, 248, 0.75);
    color: #fff;
}
.ips-viewport .ips-header .ips-variants a,
.ips-viewport .ips-header .ips-variants span {
    display: inline-block;
    margin: 0 5px;
}
.ips-viewport .ips-header .ips-variants a {
    background-color: #dee2e6;
    border-radius: 3px;
    font-family: notosans-bold;
    padding: 2px 10px;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
.ips-viewport .ips-header .ips-variants a.ips-active,
.ips-viewport .ips-header .ips-variants a:hover {
    background-color: #7f8fa4;
    color: #fff;
}
.ips-viewport .ips-header .ips-variants a.ips-active {
    background-color: #2ea1f8;
}
.ips-viewport .ips-main {
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: #eff3f6;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.ips-viewport .ips-main::-webkit-scrollbar {
    height: 1px;
    width: 1px;
}
.ips-viewport .ips-main::-webkit-scrollbar-thumb,
.ips-viewport .ips-main::-webkit-scrollbar-track {
    background-color: transparent;
}
.ips-viewport .ips-main:hover::-webkit-scrollbar-thumb {
    background-color: #dee2e6;
}
.ips-viewport .ips-main:hover::-webkit-scrollbar-thumb:hover {
    background-color: #c7ced4;
}
.ips-viewport .ips-main > .ips-block {
    margin: 20px;
    position: relative;
}
.ips-viewport .ips-hovered,
.ips-viewport .ips-selected {
    outline: 1px solid #0cf;
}
.ips-viewport .ips-hovered:before,
.ips-viewport .ips-selected:before {
    background-color: #0cf;
    color: hsla(0, 0%, 100%, 0.9);
    content: attr(data-ips-ref);
    font-family: notosans-regular;
    font-size: 9px;
    font-weight: 400;
    left: -1px;
    line-height: 14px;
    margin: 0;
    opacity: 1;
    padding: 0 5px;
    position: absolute;
    top: -14px;
    text-align: left;
    text-shadow: none;
    text-transform: uppercase;
}
.ips-styles {
    color: #273142;
    font-family: notosans-regular;
    font-size: 13px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25%;
}
.ips-styles .ips-footer,
.ips-styles .ips-header {
    background-color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.ips-styles .ips-main {
    background-color: #eff3f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.ips-styles .ips-main,
.ips-styles .ips-main .ips-styles-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.ips-styles .ips-main .ips-styles-wrapper:not(.ips-active) {
    display: none;
}
.ips-styles .ips-footer {
    background-color: #eff3f6;
    border-top: 1px solid #dee2e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 20px;
}

table.fw_list {
	border: 0;
	border-collapse: collapse;
	padding: 0;
	margin-bottom: 30px;
	width: 100%;
}

.fw_list th,
.fw_list td {
	border-bottom: 1px dotted #ccc;
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding: 8px 20px;
	text-align: left;
	vertical-align: top;
}

.fw_list td.fw_actions {
	padding: 0 12px 0 0;
	text-align: right;
	width: 140px;
}

.fw_list .fw_icon {
	filter: alpha(opacity=60);
    opacity: .6;
}

.fw_list td.fw_actions .fw_icon {
	display: inline-block;
	filter: alpha(opacity=60);
	float: none;
    opacity: .6;
}

.fw_list th {
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

.fw_list th .fw_select {
	max-width: 50%;
	min-width: 175px;
	overflow: hidden;
}

.fw_list th .fw_selected.fw_empty {
	font-weight: normal;
}

.fw_list tr:nth-child(odd) td {
	background: #fbfbfb;
}

.fw_list tr:nth-child(even) td {
	background: #fff;
}

.fw_list tr:hover td {
	background: #eee;
}

.fw_list.fw_no_hover tr:hover td {
	background: #fff;
}

.fw_list.fw_no_hover tr:nth-child(odd):hover td {
	background: #fbfbfb;
}

.fw_list tr.fw_error td {
	background-color: #ffebeb;
	border-bottom: 1px dotted #edb8ca;
	color: #c36;
}

.fw_list th.fw_id,
.fw_list td.fw_id {
	font-weight: bold;
	width: 50px;
}

.fw_list .ui-sortable td.fw_id,
.fw_list .ui-sortable td.fw_name {
	position: relative;
}

.fw_list td.fw_id,
.fw_list td.fw_name,
.fw_list td.fw_first {
	padding: 0;
}

.fw_list td.fw_first {
	white-space: nowrap;
}

.fw_list td.fw_id > div,
.fw_list td.fw_name > div,
.fw_list td.fw_first > div {
	padding: 8px 20px;
	position: relative;
}

.fw_list .ui-sortable td.fw_id .fw_handle,
.fw_list .ui-sortable td.fw_name .fw_handle,
.fw_list.fw_sort td.fw_first .fw_handle {
	background: url('../../html/img/bg/move_handle.png') no-repeat 0 0;
	cursor: move;
	height: 32px;
	left: 0;
	position: absolute;
	top: 0;
	width: 20px;
	z-index: 15;
}

.fw_list .ui-sortable tr:hover td.fw_id .fw_handle,
.fw_list .ui-sortable tr:hover td.fw_name .fw_handle,
.fw_list.fw_sort tr:hover td.fw_first .fw_handle {
	background-position: 0 -32px;
}

.fw_list td .fw_preview {
	max-height: 4rem;
	max-width: 4rem;
}

/*********/
/* tiles */
/*********/
.fw_tiles li {
	background-color: #ddd;
	color: #444;
	cursor: pointer;
	float: left;
	font-size: 10px;
	height: 162px;
	line-height: 20px;
	margin: 0 40px 40px 0;
	padding: 4px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	width: 127px;

	transition: background 0.25s ease, color 0.25s ease;

	-o-transition: background 0.25s ease, color 0.25s ease;
	-moz-transition: background 0.25s ease, color 0.25s ease;
	-webkit-transition: background 0.25s ease, color 0.25s ease;
}

.fw_tiles li:hover,
.fw_tiles li.fw-active {
	background-color: #273142;
	color: #eee;
}

.fw_tiles li:hover .fw_thumb:after {
	 opacity: 1;
}

.fw_tiles .fw_thumb {
	background-color: #fff;
	height: 125px;
	padding: 1px;
	position: relative;
	width: 125px;
}

.fw_tiles div.fw_thumb:after {
	content: '';
	background-image: url('../img/icons/64/file.png');
	background-position: 32px -224px;
	background-repeat: no-repeat;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	position: absolute;
	right: 0;
	top: 0;
}

.fw_tiles .fw_jpg div.fw_thumb:after,
.fw_tiles .fw_jpeg div.fw_thumb:after,
.fw_tiles .fw_png div.fw_thumb:after,
.fw_tiles .fw_gif div.fw_thumb:after,
.fw_tiles .fw_bmp div.fw_thumb:after {
	background-image: url('../img/icons/64/file_image.png');
}

.fw_tiles .fw_mp4 div.fw_thumb:after,
.fw_tiles .fw_webm div.fw_thumb:after,
.fw_tiles .fw_ogg div.fw_thumb:after,
.fw_tiles .fw_wmv div.fw_thumb:after,
.fw_tiles .fw_wav div.fw_thumb:after {
	background-image: url('../img/icons/64/file_video.png');
}

.fw_tiles .fw_audio div.fw_thumb:after {
	background-image: url('../img/icons/64/file_audio.png');
}

.fw_tiles .fw_doc div.fw_thumb:after,
.fw_tiles .fw_docx div.fw_thumb:after,
.fw_tiles .fw_txt div.fw_thumb:after,
.fw_tiles .fw_csv div.fw_thumb:after {
	background-image: url('../img/icons/64/file.png');
}

.fw_tiles .fw_text div.fw_thumb:after {
	background-image: url('../img/icons/64/file_text.png');
}

.fw_tiles .fw_youtube div.fw_thumb:after {
	background-image: url('../img/icons/64/file_youtube.png');
}

.fw_tiles .fw_vimeo div.fw_thumb:after {
	background-image: url('../img/icons/64/file_vimeo.png');
}

.fw_tiles .fw_thumb img {
	background-color: #fff;
	height: 125px;
	position: relative;
	width: 125px;
	z-index: 10;
}

.fw_tiles .fw_name {
	font-weight: bold;
	overflow: hidden;
}

.fw_tiles .fw_type {
	line-height: 17px;
}

.fw_tiles .fw_icon {
	display: none;
	position: absolute;
	top: -14px;
	z-index: 20;
}

.fw_tiles li:hover .fw_icon {
	display: block;
}

.fw_tiles .fw_close {
	right: -14px;
}

.fw_tiles .fw_move {
	cursor: move;
	left: -14px;
}

.payment_method_list .fw_name {
	float: left;
	width: 24.3%;
}

.payment_method_list .fw_new {
	float: left;
}

.payment_method_list.fw_list tr > td {
	border-bottom: 0px;
	border-top: 2px solid #fff;
	background: #f6f6f6;
}

.payment_method_list.fw_list tr:last-child > td {
	border-bottom: 2px solid #fff;
}

/***********/
/* buttons */
/***********/
.fw_list_buttons {
	background: #fff;
	border-left: 164px solid #fff;
	bottom: 0;
	height: 32px;
	left: 0px;
	padding: 10px 0 9px 0;
	position: fixed;
	right: 40px;
	z-index: 20;
}

.fw_list_buttons:after {
	background-color: #ccc;
	border-left: 50px solid #fff;
	content: '';
	position: absolute;
	height: 1px;
	left: 25%;
	top: 0;
	right: 0px;
}

.fw_list_buttons_inner {
	float: right;
	height: 32px;
}

.fw_list_buttons .fw_button {
	float: left;
	margin-left: 10px;
}

#fw_framework_login h1 {
	color: #f5f5f5;
	font-size: 13px;
	line-height: 50px;
	text-align: center;
}

#fw_framework_login h2 {
	background: url('../img/bg/line.gif') repeat-x left center;
	color: #444;
	font-size: 16px;
	font-weight: normal;
	line-height: 61px;
	margin: 0;
	text-align: center;
}

#fw_framework_login h2 span {
	background: #eff3f6;
	display: inline-block;
	padding: 0 20px;
}

/* interface */
#fw_framework_login #fw_header {
	background: #273142;
	border-bottom: 3px solid #2ea1f8;
	height: 50px;
	margin-bottom: 40px;
}

#fw_framework_login #fw_feedback {
	background-color: #faeaef;
	border: 1px solid #f2ccd9;
	border-radius: 3px;
	color: #c36;
	line-height: 16px;
	margin: 0 auto;
	min-height: 16px;
	padding: 7px 5px;
	text-align: center;
	width: 388px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#fw_framework_login #fw_login_wrapper {
	border-bottom: 1px solid #ccc;
	height: 207px;
	margin: 0 auto 15px auto;
	width: 400px;
}

#fw_framework_login #fw_forgot_password_wrapper {
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	text-align: center;
	width: 400px;
}

#fw_framework_login #fw_forgot_password_wrapper a {
	display: inline-block;
}

#fw_framework_login #fw_forgot_password_wrapper a:hover {
	color: #2ea1f8;
}

#fw_framework_login #fw_forgot_password_wrapper a span {
	background: url(../img/icons/16/key.png) no-repeat 0 0;
	filter: alpha(opacity=60);
	float: left;
	height: 16px;
	margin: 2px 10px 0 0;
	opacity: .6;
	width: 16px;
}

#fw_framework_login #fw_forgot_password_wrapper a:hover span {
	background-position: 0 -64px;
	filter: alpha(opacity=100);
	opacity: 1;
}

#fw_framework_login #fw_footer {
	bottom: 5px;
	font-size: 10px;
	left: 50%;
	margin-left: -200px;
	position: absolute;
	text-align: center;
	text-transform: lowercase;
	width: 400px;
}

#fw_framework_login #fw_footer a {
	color: #aaa;
}

#fw_framework_login .fw_row {
	margin-bottom: 10px;
	min-height: 32px;
}

#fw_framework_login .fw_row .fw_label,
#fw_framework_login .fw_row .fw_field {
	float: left;
	width: 175px;
}

#fw_framework_login .fw_row .fw_field {
	width: 225px;
}

#fw_framework_login .fw_row label {
	float: left;
	line-height: 32px;
}

#fw_framework_login #fw_label_remember_me label {
	color: #888;
	font-size: 11px;
	user-select: none;
	
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
}

#fw_framework_login .fw_icon {
	filter: alpha(opacity=60);
	float: left;
	height: 16px;
	margin:7px 10px 0 0;
	opacity: .6;
	width: 16px;
}

#fw_framework_login #fw_label_username .fw_icon {
	background: url('../img/icons/16/user.png') no-repeat 0 0;
}

#fw_framework_login #fw_label_password .fw_icon {
	background: url('../img/icons/16/lock.png') no-repeat 0 0;
}

/* button */
#fw_framework_login .fw_button {
	background-color: #aaa;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 8px;
	text-align: center;
	text-transform: uppercase;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#fw_framework_login .fw_button:hover {
	background-color: #999;
}

#fw_framework_login .fw_add {
	background-color: #2ea1f8 !important;
}

#fw_framework_login .fw_add:hover {
	background-color: #28e !important;
}

/* form */
#fw_framework_login .fw_checkbox {
	filter: alpha(opacity=40);
	float: left;
	margin: 9px 11px 0 1px;
	opacity: .4;
}

#fw_framework_login .fw_checkbox span {
	background-position: -28px 0;
	display: block;
	height: 14px;
	width: 14px;
}

#fw_framework_login .fw_checkbox span {
	background-image: url('../img/elements/checkbox.png');
}

#fw_framework_login .fw_checkbox:hover,
#fw_framework_login .fw_checkbox.fw_active {
	filter: alpha(opacity=60);
	opacity: .6;
}

#fw_framework_login .fw_checkbox.fw_active span {
	background-position: -28px -28px;
}
/* new in page editing (for mach3shop next) */
fw-heading,
fw-text,
fw-html,
fw-image,
fw-video,
fw-audio,
fw-link,
fw-menu,
fw-list,
fw-form,
fw-gallery,
fw-component,
fw-module,
fw-date,
fw-datetime,
fw-file,
fw-include,
fw-code,
fw-sandbox,
fw-switch,
fw-select,
fw-sandbox-include {
  display: block;
  flex-shrink: 0;
  min-height: 1.5rem;
  min-width: 1.5rem;
  position: relative;
}
fw-heading .fw-content-object-overlay,
fw-text .fw-content-object-overlay,
fw-html .fw-content-object-overlay,
fw-image .fw-content-object-overlay,
fw-video .fw-content-object-overlay,
fw-audio .fw-content-object-overlay,
fw-link .fw-content-object-overlay,
fw-menu .fw-content-object-overlay,
fw-list .fw-content-object-overlay,
fw-form .fw-content-object-overlay,
fw-gallery .fw-content-object-overlay,
fw-component .fw-content-object-overlay,
fw-module .fw-content-object-overlay,
fw-date .fw-content-object-overlay,
fw-datetime .fw-content-object-overlay,
fw-file .fw-content-object-overlay,
fw-include .fw-content-object-overlay,
fw-code .fw-content-object-overlay,
fw-sandbox .fw-content-object-overlay,
fw-switch .fw-content-object-overlay,
fw-select .fw-content-object-overlay,
fw-sandbox-include .fw-content-object-overlay {
  bottom: 0;
  display: none;
  left: 0;
  min-height: 0.125rem;
  min-width: 0.125rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
}
fw-heading .fw-content-object-overlay::before,
fw-heading .fw-content-object-overlay::after,
fw-text .fw-content-object-overlay::before,
fw-text .fw-content-object-overlay::after,
fw-html .fw-content-object-overlay::before,
fw-html .fw-content-object-overlay::after,
fw-image .fw-content-object-overlay::before,
fw-image .fw-content-object-overlay::after,
fw-video .fw-content-object-overlay::before,
fw-video .fw-content-object-overlay::after,
fw-audio .fw-content-object-overlay::before,
fw-audio .fw-content-object-overlay::after,
fw-link .fw-content-object-overlay::before,
fw-link .fw-content-object-overlay::after,
fw-menu .fw-content-object-overlay::before,
fw-menu .fw-content-object-overlay::after,
fw-list .fw-content-object-overlay::before,
fw-list .fw-content-object-overlay::after,
fw-form .fw-content-object-overlay::before,
fw-form .fw-content-object-overlay::after,
fw-gallery .fw-content-object-overlay::before,
fw-gallery .fw-content-object-overlay::after,
fw-component .fw-content-object-overlay::before,
fw-component .fw-content-object-overlay::after,
fw-module .fw-content-object-overlay::before,
fw-module .fw-content-object-overlay::after,
fw-date .fw-content-object-overlay::before,
fw-date .fw-content-object-overlay::after,
fw-datetime .fw-content-object-overlay::before,
fw-datetime .fw-content-object-overlay::after,
fw-file .fw-content-object-overlay::before,
fw-file .fw-content-object-overlay::after,
fw-include .fw-content-object-overlay::before,
fw-include .fw-content-object-overlay::after,
fw-code .fw-content-object-overlay::before,
fw-code .fw-content-object-overlay::after,
fw-sandbox .fw-content-object-overlay::before,
fw-sandbox .fw-content-object-overlay::after,
fw-switch .fw-content-object-overlay::before,
fw-switch .fw-content-object-overlay::after,
fw-select .fw-content-object-overlay::before,
fw-select .fw-content-object-overlay::after,
fw-sandbox-include .fw-content-object-overlay::before,
fw-sandbox-include .fw-content-object-overlay::after {
  border: 1px solid #fff;
  bottom: 0;
  box-sizing: border-box;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
fw-heading .fw-content-object-overlay::after,
fw-text .fw-content-object-overlay::after,
fw-html .fw-content-object-overlay::after,
fw-image .fw-content-object-overlay::after,
fw-video .fw-content-object-overlay::after,
fw-audio .fw-content-object-overlay::after,
fw-link .fw-content-object-overlay::after,
fw-menu .fw-content-object-overlay::after,
fw-list .fw-content-object-overlay::after,
fw-form .fw-content-object-overlay::after,
fw-gallery .fw-content-object-overlay::after,
fw-component .fw-content-object-overlay::after,
fw-module .fw-content-object-overlay::after,
fw-date .fw-content-object-overlay::after,
fw-datetime .fw-content-object-overlay::after,
fw-file .fw-content-object-overlay::after,
fw-include .fw-content-object-overlay::after,
fw-code .fw-content-object-overlay::after,
fw-sandbox .fw-content-object-overlay::after,
fw-switch .fw-content-object-overlay::after,
fw-select .fw-content-object-overlay::after,
fw-sandbox-include .fw-content-object-overlay::after {
  border: 1px dashed #1a202c;
}
fw-heading.in-iframe:hover > .fw-content-object-overlay,
fw-text.in-iframe:hover > .fw-content-object-overlay,
fw-html.in-iframe:hover > .fw-content-object-overlay,
fw-image.in-iframe:hover > .fw-content-object-overlay,
fw-video.in-iframe:hover > .fw-content-object-overlay,
fw-audio.in-iframe:hover > .fw-content-object-overlay,
fw-link.in-iframe:hover > .fw-content-object-overlay,
fw-menu.in-iframe:hover > .fw-content-object-overlay,
fw-list.in-iframe:hover > .fw-content-object-overlay,
fw-form.in-iframe:hover > .fw-content-object-overlay,
fw-gallery.in-iframe:hover > .fw-content-object-overlay,
fw-component.in-iframe:hover > .fw-content-object-overlay,
fw-module.in-iframe:hover > .fw-content-object-overlay,
fw-date.in-iframe:hover > .fw-content-object-overlay,
fw-datetime.in-iframe:hover > .fw-content-object-overlay,
fw-file.in-iframe:hover > .fw-content-object-overlay,
fw-include.in-iframe:hover > .fw-content-object-overlay,
fw-code.in-iframe:hover > .fw-content-object-overlay,
fw-sandbox.in-iframe:hover > .fw-content-object-overlay,
fw-switch.in-iframe:hover > .fw-content-object-overlay,
fw-select.in-iframe:hover > .fw-content-object-overlay,
fw-sandbox-include.in-iframe:hover > .fw-content-object-overlay {
  display: block;
}
fw-heading.in-iframe:hover > .fw-content-object-label,
fw-text.in-iframe:hover > .fw-content-object-label,
fw-html.in-iframe:hover > .fw-content-object-label,
fw-image.in-iframe:hover > .fw-content-object-label,
fw-video.in-iframe:hover > .fw-content-object-label,
fw-audio.in-iframe:hover > .fw-content-object-label,
fw-link.in-iframe:hover > .fw-content-object-label,
fw-menu.in-iframe:hover > .fw-content-object-label,
fw-list.in-iframe:hover > .fw-content-object-label,
fw-form.in-iframe:hover > .fw-content-object-label,
fw-gallery.in-iframe:hover > .fw-content-object-label,
fw-component.in-iframe:hover > .fw-content-object-label,
fw-module.in-iframe:hover > .fw-content-object-label,
fw-date.in-iframe:hover > .fw-content-object-label,
fw-datetime.in-iframe:hover > .fw-content-object-label,
fw-file.in-iframe:hover > .fw-content-object-label,
fw-include.in-iframe:hover > .fw-content-object-label,
fw-code.in-iframe:hover > .fw-content-object-label,
fw-sandbox.in-iframe:hover > .fw-content-object-label,
fw-switch.in-iframe:hover > .fw-content-object-label,
fw-select.in-iframe:hover > .fw-content-object-label,
fw-sandbox-include.in-iframe:hover > .fw-content-object-label {
  display: flex;
}
fw-heading .fw-content-object-label,
fw-text .fw-content-object-label,
fw-html .fw-content-object-label,
fw-image .fw-content-object-label,
fw-video .fw-content-object-label,
fw-audio .fw-content-object-label,
fw-link .fw-content-object-label,
fw-menu .fw-content-object-label,
fw-list .fw-content-object-label,
fw-form .fw-content-object-label,
fw-gallery .fw-content-object-label,
fw-component .fw-content-object-label,
fw-module .fw-content-object-label,
fw-date .fw-content-object-label,
fw-datetime .fw-content-object-label,
fw-file .fw-content-object-label,
fw-include .fw-content-object-label,
fw-code .fw-content-object-label,
fw-sandbox .fw-content-object-label,
fw-switch .fw-content-object-label,
fw-select .fw-content-object-label,
fw-sandbox-include .fw-content-object-label {
  align-items: center;
  background-color: #fff;
  border: 1px solid #a0aec0;
  border-radius: 0.25rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  color: #1a202c;
  cursor: pointer;
  display: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 0.625rem;
  font-weight: bold;
  left: 0.125rem;
  line-height: 1.125rem;
  padding: 0 0.5rem;
  position: absolute;
  text-transform: uppercase;
  top: 0.125rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  z-index: 1000;
}
fw-heading .fw-content-object-label:hover,
fw-text .fw-content-object-label:hover,
fw-html .fw-content-object-label:hover,
fw-image .fw-content-object-label:hover,
fw-video .fw-content-object-label:hover,
fw-audio .fw-content-object-label:hover,
fw-link .fw-content-object-label:hover,
fw-menu .fw-content-object-label:hover,
fw-list .fw-content-object-label:hover,
fw-form .fw-content-object-label:hover,
fw-gallery .fw-content-object-label:hover,
fw-component .fw-content-object-label:hover,
fw-module .fw-content-object-label:hover,
fw-date .fw-content-object-label:hover,
fw-datetime .fw-content-object-label:hover,
fw-file .fw-content-object-label:hover,
fw-include .fw-content-object-label:hover,
fw-code .fw-content-object-label:hover,
fw-sandbox .fw-content-object-label:hover,
fw-switch .fw-content-object-label:hover,
fw-select .fw-content-object-label:hover,
fw-sandbox-include .fw-content-object-label:hover {
  background-color: #2d3748;
  border-color: #2d3748;
  color: #f7fafc;
}
fw-heading .fw-content-object-label-icon,
fw-text .fw-content-object-label-icon,
fw-html .fw-content-object-label-icon,
fw-image .fw-content-object-label-icon,
fw-video .fw-content-object-label-icon,
fw-audio .fw-content-object-label-icon,
fw-link .fw-content-object-label-icon,
fw-menu .fw-content-object-label-icon,
fw-list .fw-content-object-label-icon,
fw-form .fw-content-object-label-icon,
fw-gallery .fw-content-object-label-icon,
fw-component .fw-content-object-label-icon,
fw-module .fw-content-object-label-icon,
fw-date .fw-content-object-label-icon,
fw-datetime .fw-content-object-label-icon,
fw-file .fw-content-object-label-icon,
fw-include .fw-content-object-label-icon,
fw-code .fw-content-object-label-icon,
fw-sandbox .fw-content-object-label-icon,
fw-switch .fw-content-object-label-icon,
fw-select .fw-content-object-label-icon,
fw-sandbox-include .fw-content-object-label-icon {
  margin-right: 0.375rem;
}
fw-heading .fw-content-object-label-icon > svg,
fw-text .fw-content-object-label-icon > svg,
fw-html .fw-content-object-label-icon > svg,
fw-image .fw-content-object-label-icon > svg,
fw-video .fw-content-object-label-icon > svg,
fw-audio .fw-content-object-label-icon > svg,
fw-link .fw-content-object-label-icon > svg,
fw-menu .fw-content-object-label-icon > svg,
fw-list .fw-content-object-label-icon > svg,
fw-form .fw-content-object-label-icon > svg,
fw-gallery .fw-content-object-label-icon > svg,
fw-component .fw-content-object-label-icon > svg,
fw-module .fw-content-object-label-icon > svg,
fw-date .fw-content-object-label-icon > svg,
fw-datetime .fw-content-object-label-icon > svg,
fw-file .fw-content-object-label-icon > svg,
fw-include .fw-content-object-label-icon > svg,
fw-code .fw-content-object-label-icon > svg,
fw-sandbox .fw-content-object-label-icon > svg,
fw-switch .fw-content-object-label-icon > svg,
fw-select .fw-content-object-label-icon > svg,
fw-sandbox-include .fw-content-object-label-icon > svg {
  height: 0.625rem;
  opacity: 0.95;
}
fw-sandbox div:first-child + div + section {
  margin-top: 0 !important;
}
fw-sandbox {
  padding-top: 1.5rem;
}
fw-sandbox.in-iframe > .fw-content-object-overlay {
  display: block;
}
fw-sandbox.in-iframe > .fw-content-object-label {
  background-color: #2d3748;
  border-color: #2d3748;
  color: #f7fafc;
  display: flex;
}
fw-sandbox.in-iframe > header,
fw-sandbox.in-iframe > section {
  position: relative;
}
fw-sandbox.in-iframe > header:hover .fw-sandbox-block-design-handler,
fw-sandbox.in-iframe > section:hover .fw-sandbox-block-design-handler {
  display: flex;
}
/******************/
/* design manager */
/******************/
#fw-design-manager-wrapper {
  background-color: #eee;
  bottom: 0;
  box-sizing: border-box;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  height: 100%;
  left: 0;
  line-height: 1.5rem;
  margin: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100000;
}
#fw-design-manager-wrapper * {
  box-sizing: border-box;
}
#fw-design-manager-wrapper .loader {
  animation: loading 1s linear infinite;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#fw-design-manager {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#fw-design-manager-header {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 3rem;
}
#fw-design-manager-header-title,
.fw-design-manager-navigation {
  flex-shrink: 0;
  padding: 0 1.25rem;
  width: 13.75rem;
}
#fw-design-manager-header-title {
  font-weight: bold;
}
#fw-design-manager-header-devices,
#fw-design-manager-preview {
  flex-grow: 1;
}
#fw-design-manager-header-devices,
#fw-design-manager-header-actions {
  align-items: center;
  display: flex;
  justify-content: center;
}
#fw-design-manager-header-devices > ul,
#fw-design-manager-header-actions > ul {
  display: flex;
}
#fw-design-manager-header-devices > *:not(:first-child),
#fw-design-manager-header-actions > *:not(:first-child) {
  margin-left: 0.75rem;
}
.fw-design-manager-header-device:not(:first-child) {
  margin-left: 0.375rem;
}
.fw-design-manager-header-device-icon,
.fw-design-manager-header-action,
.fw-design-manager-font-manager-main-header-action {
  align-items: center;
  color: #888;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  transform: scale(0.8);
  transition: color 0.2s, transform 0.2s;
}
.fw-design-manager-header-device-icon:hover, .fw-design-manager-header-device-icon.active,
.fw-design-manager-header-action:hover,
.fw-design-manager-header-action.active,
.fw-design-manager-font-manager-main-header-action:hover,
.fw-design-manager-font-manager-main-header-action.active {
  color: #444;
  transform: scale(1);
}
.fw-design-manager-header-device-icon > svg,
.fw-design-manager-header-action > svg,
.fw-design-manager-font-manager-main-header-action > svg {
  height: 1.5rem;
  width: 1.5rem;
}
#fw-design-manager-header-actions,
#fw-design-manager-properties {
  flex-shrink: 0;
  padding: 0 1.25rem;
  width: 23.75rem;
}
#fw-design-manager-header-actions {
  justify-content: flex-end;
}
.fw-design-manager-header-action > svg {
  height: 1rem;
  width: 1rem;
}
#fw-design-manager-content {
  display: flex;
  height: calc(100% - 3rem);
  position: relative;
}
#fw-design-manager-editor-wrapper {
  background-color: #fff;
  border-top: 1px solid #ccc;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
}
#fw-design-manager-editor-alert {
  align-items: flex-start;
  background-color: #f7f7d9;
  bottom: 0;
  color: #663;
  display: flex;
  height: 112px;
  left: 0;
  overflow: hidden;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
#fw-design-manager-editor {
  border-top: 1px solid #ccc;
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 112px;
}
.fw-design-manager-navigation,
#fw-design-manager-properties {
  overflow: auto;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
#fw-design-manager-preview {
  display: flex;
  justify-content: center;
}
#fw-design-manager-preview-iframe {
  border: 1px solid #ccc;
  border-bottom: 0;
  height: 100%;
  width: 100%;
}
#fw-design-manager-preview-iframe.desktop {
  width: 100%;
}
#fw-design-manager-preview-iframe.tablet {
  width: 768px;
}
#fw-design-manager-preview-iframe.phone {
  width: 360px;
}
.fw-design-manager-navigation > ul > li:not(:first-child) {
  margin-top: 1rem;
}
.fw-design-manager-navigation > ul > li:not(:last-child) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1rem;
}
.fw-design-manager-legend {
  align-items: center;
  color: #888;
  display: flex;
  font-size: 0.75rem;
  font-weight: bold;
  min-height: 2.25rem;
  padding: 0 1.25rem;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fw-design-manager-legend:not(.fw-design-manager-property-legend) {
  cursor: pointer;
}
.fw-design-manager-legend:not(.fw-design-manager-property-legend):hover {
  color: #444;
}
.fw-design-manager-legend:not(.fw-design-manager-property-legend):hover .fw-design-manager-legend-arrow {
  color: #666;
}
.fw-design-manager-legend:not(.fw-design-manager-property-legend).active .fw-design-manager-legend-arrow {
  transform: rotate(180deg);
  color: #666;
}
.fw-design-manager-legend:not(.fw-design-manager-property-legend).active + .fw-design-manager-navigation-items {
  display: block;
}
.fw-design-manager-legend-name {
  flex-grow: 1;
  white-space: nowrap;
}
.fw-design-manager-theme-ref {
  background-color: #ddd;
  border-radius: 0.25rem;
  color: #777;
  cursor: pointer;
  font-size: 0.5625rem;
  font-weight: 600;
  letter-spacing: 0.025rem;
  line-height: 1rem;
  margin-left: 0.5rem;
  max-width: 8rem;
  overflow: hidden;
  padding: 0.125rem 0.375rem;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}
.fw-design-manager-theme-ref:hover {
  background-color: #2ea1f8;
  color: #fff;
}
.fw-design-manager-theme-ref + .fw-design-manager-tooltip-text {
  left: 0;
  right: auto;
}
.fw-design-manager-legend-arrow {
  align-items: center;
  color: #aaa;
  display: flex;
  flex-shrink: 0;
  height: 0.875rem;
  justify-content: center;
  margin-bottom: 0.25rem;
  width: 0.875rem;
}
.fw-design-manager-legend-arrow > svg {
  height: 100%;
}
.fw-design-manager-navigation-items {
  display: none;
}
.fw-design-manager-navigation-item:not(:first-child) {
  margin-top: 0.25rem;
}
.fw-design-manager-navigation-link {
  align-items: center;
  border-radius: 0.25rem;
  color: #444;
  cursor: pointer;
  display: flex;
  min-height: 2.25rem;
  padding: 0 1.25rem;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fw-design-manager-navigation-link:hover {
  background-color: #ddd;
  color: #000;
}
.fw-design-manager-navigation-link.active {
  background-color: #2ea1f8;
  color: #fff;
}
.fw-design-manager-card {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 2rem;
  padding: 1.25rem;
}
.fw-design-manager-button,
.fw-design-manager-button-icon {
  background-color: #ddd;
  align-items: center;
  border-radius: 0.25rem;
  color: #444;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: bold;
  min-height: 2.25rem;
  padding: 0 1.25rem;
  text-decoration: none;
  text-transform: uppercase;
}
.fw-design-manager-button > *:last-child,
.fw-design-manager-button-icon > *:last-child {
  margin-left: 0.75rem;
}
.fw-design-manager-button > svg,
.fw-design-manager-button-icon > svg {
  height: 1.25rem;
  width: 1.25rem;
}
.fw-design-manager-button.disabled,
.fw-design-manager-button-icon.disabled {
  cursor: default;
  opacity: 0.25;
}
.fw-design-manager-button:not(.disabled):hover,
.fw-design-manager-button-icon:not(.disabled):hover {
  background-color: #ccc;
  color: #000;
}
.fw-design-manager-button:not(.disabled).success,
.fw-design-manager-button-icon:not(.disabled).success {
  background-color: #27b210;
  color: #fff;
}
.fw-design-manager-button:not(.disabled).success:hover,
.fw-design-manager-button-icon:not(.disabled).success:hover {
  background-color: #282;
}
.fw-design-manager-button-icon {
  background-color: transparent;
  color: #666;
  padding: 0 1rem;
}
.fw-design-manager-button-icon > *:last-child {
  margin-left: 0;
}
.fw-design-manager-button-icon:not(.disabled):hover {
  background-color: #ddd;
}
.fw-design-manager-button-icon.active, .fw-design-manager-button-icon.active:hover {
  background-color: #2ea1f8;
  color: #fff;
}
.fw-design-manager-property-group.hide {
  display: none;
}
.fw-design-manager-property-group.highlight {
  animation: fw-dm-group-highlight 1.5s ease-out;
}
@keyframes fw-dm-group-highlight {
  0%, 20% {
    background-color: rgba(46, 161, 248, 0.15);
  }
  100% {
    background-color: transparent;
  }
}
.fw-design-manager-control-row {
  align-items: flex-start;
  display: flex;
}
.fw-design-manager-control-row:not(:first-child) {
  margin-top: 4px;
}
.fw-design-manager-control-row.hide {
  display: none;
}
.fw-design-manager-control-label {
  align-items: flex-start;
  display: flex;
  font-size: 0.75rem;
  margin-right: 0.5rem;
  padding-top: 0.25rem;
  width: 8rem;
}
.fw-design-manager-control-label > label {
  flex-grow: 1;
  position: relative;
}
.fw-design-manager-control-label-marker {
  background-color: #2ea1f8;
  border-radius: 50%;
  height: 0.375rem;
  left: -0.875rem;
  position: absolute;
  top: 0.5rem;
  width: 0.375rem;
}
.fw-design-manager-control-label-icon {
  color: #aaa;
  flex-shrink: 0;
  margin-top: 0.125rem;
  width: 0.75rem;
}
.fw-design-manager-control-wrapper {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  min-height: 2rem;
  width: 9rem;
}
.fw-design-manager-control-theme-color {
  color: #999;
  font-size: 0.5625rem;
  text-align: right;
}
.fw-design-manager-control-range-slider {
  height: 4rem;
}
.fw-design-manager-control-range-slider .range-slider {
  width: 100%;
}
.fw-design-manager-control-prefix,
.fw-design-manager-control-suffix {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #444;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  font-size: 0.625rem;
  line-height: 0.625rem;
  height: 2rem;
  justify-content: center;
  margin-right: 0.25rem;
  overflow: hidden;
  text-align: center;
  width: 2rem;
}
.fw-design-manager-control-suffix {
  margin-left: 0.25rem;
  margin-right: 0;
}
.fw-design-manager-control-prefix-value,
.fw-design-manager-control-suffix-value {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.fw-design-manager-control-prefix-unit,
.fw-design-manager-control-suffix-unit {
  color: #888;
}
.fw-design-manager-control-value {
  align-items: center;
  display: flex;
  flex-grow: 1;
  position: relative;
}
.fw-design-manager-control-value > input {
  position: relative;
  z-index: 1;
}
.fw-design-manager-control-value > input[type=range] {
  width: 100%;
}
.fw-design-manager-control-value > input[type=range]:focus {
  outline: none;
}
.fw-design-manager-control-icon {
  align-items: center;
  color: #aaa;
  cursor: pointer;
  display: none;
  height: 1rem;
  justify-content: center;
  margin-top: -0.5rem;
  padding: 0.125rem;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  width: 1rem;
  z-index: 2;
}
.fw-design-manager-control-icon:hover {
  color: #666;
}
.fw-design-manager-control-value:hover .fw-design-manager-control-icon {
  display: flex;
}
.fw-design-manager-control,
.fw-design-manager-control-static {
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: block;
  font-family: inherit;
  flex-grow: 1;
  line-height: 1.5rem;
  font-size: 0.75rem;
  height: 2rem;
  padding: 3px 7px;
  width: 100%;
}
.fw-design-manager-control:focus,
.fw-design-manager-control-static:focus {
  border-color: #9cf;
  outline: none;
}
.fw-design-manager-control:not(:first-child),
.fw-design-manager-control-static:not(:first-child) {
  margin-left: 4px;
}
.fw-design-manager-control-static {
  cursor: pointer;
  height: auto;
  min-height: 2rem;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fw-design-manager-control-static-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fw-design-manager-control-static-text-alt {
  color: #888;
  font-size: 0.75rem;
}
.fw-design-manager-control-reset {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 1.25rem;
  justify-content: center;
  margin: 0.375rem 0 0 0.375rem;
  padding: 0.125rem;
  width: 1.25rem;
}
.fw-design-manager-control-reset .fw-design-manager-tooltip-text {
  left: auto;
  right: 0;
}
.fw-design-manager-control-reset > div:first-child {
  align-items: center;
  color: #888;
  cursor: pointer;
  display: none;
  height: 1rem;
  justify-content: center;
  width: 1rem;
}
.fw-design-manager-control-reset > div:first-child:hover {
  color: #444;
}
.fw-design-manager-control-reset > div:first-child > svg {
  height: 100%;
  width: 100%;
}
.fw-design-manager-control-row:hover .fw-design-manager-control-reset > div:first-child {
  display: flex;
}
.pickr {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  flex-shrink: 0;
  height: 2rem;
  margin-right: 0.25rem;
  position: relative;
  width: 2rem;
}
.pickr .pcr-button {
  border-radius: 3px !important;
  display: block;
  height: 1.75rem !important;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 1.75rem !important;
}
/** font manager **/
.fw-design-manager-font-manager {
  align-items: center;
  bottom: 0;
  display: flex;
  display: none;
  left: 0;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100000;
}
.fw-design-manager-font-manager:before {
  background-color: #222;
  content: "";
  height: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.4s, height 0s 0.4s;
  z-index: 1;
}
.fw-design-manager-font-manager.open {
  display: flex;
}
.fw-design-manager-font-manager-modal {
  background-color: #ddd;
  border: 2px solid #fff;
  border-radius: 0.25rem;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
  display: flex;
  height: 95%;
  max-width: 64rem;
  overflow: hidden;
  width: 90%;
  z-index: 2;
}
.fw-design-manager-font-manager-navigation {
  padding-top: 0.75rem;
}
.fw-design-manager-font-manager-main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.fw-design-manager-font-manager-main-header {
  align-items: center;
  border-bottom: 1px solid #bbb;
  display: flex;
  flex-shrink: 0;
  height: 3.5rem;
  padding: 0 2rem;
  padding-right: 1rem;
}
.fw-design-manager-font-manager-main-header-search {
  flex-grow: 1;
}
.fw-design-manager-font-manager-main-header-search input {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: block;
  font-family: inherit;
  flex-grow: 1;
  line-height: 2rem;
  font-size: 0.875rem;
  height: 2.5rem;
  padding: 4px 9px;
  width: 20rem;
}
.fw-design-manager-font-manager-main-header-search input:focus {
  background-color: #fff;
  border-color: #9cf;
  outline: none;
}
.fw-design-manager-font-manager-main-header-action {
  flex-shrink: 0;
  transform: scale(0.6);
}
.fw-design-manager-font-manager-main-header-action:hover {
  transform: scale(0.7);
}
.fw-design-manager-font-manager-main-content {
  overflow: auto;
  flex-grow: 1;
  padding: 2rem;
}
.fw-design-manager-font-manager-main-content-no-result {
  align-items: center;
  display: flex;
}
.fw-design-manager-font-manager-main-content-no-result-icon {
  color: #aaa;
  flex-shrink: 0;
  height: 1.5rem;
  margin-right: 0.75rem;
  width: 1.5rem;
}
.fw-design-manager-font-manager-main-content-no-result-icon > svg {
  fill: currentColor;
  height: 100%;
}
.fw-design-manager-font-manager-main-content-no-result-text {
  color: #666;
  font-size: 1rem;
}
.fw-design-manager-font-manager-font {
  position: relative;
}
.fw-design-manager-font-manager-font:hover .fw-design-manager-font-manager-font-variants {
  opacity: 1;
}
.fw-design-manager-font-manager-font:hover .fw-design-manager-font-manager-font-select {
  display: flex;
}
.fw-design-manager-font-manager-font-name-wrapper {
  align-items: center;
  display: flex;
}
.fw-design-manager-font-manager-font-name {
  color: #aaa;
  flex-shrink: 0;
  font-weight: bold;
  margin-right: 1rem;
  text-transform: uppercase;
}
.fw-design-manager-font-manager-font-variants {
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  opacity: 0;
}
.fw-design-manager-font-manager-font-variants > a {
  background-color: #eee;
  border-radius: 0.25rem;
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-size: 0.75rem;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  padding: 0 0.5rem;
}
.fw-design-manager-font-manager-font-variants > a:hover {
  background-color: #ddd;
}
.fw-design-manager-font-manager-font-variants > a.active {
  background-color: #2ea1f8;
  color: #fff;
}
.fw-design-manager-font-manager-font-preview {
  font-size: 1.5rem;
  margin-top: 1rem;
}
.fw-design-manager-font-manager-font-select {
  background-color: #2ea1f8;
  align-items: center;
  border-radius: 0.25rem;
  bottom: 0.875rem;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 0.625rem;
  font-weight: bold;
  min-height: 2.25rem;
  padding: 0 1rem;
  position: absolute;
  right: 1.25rem;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fw-design-manager-font-manager-font-select:hover {
  background-color: #28e;
}
.fw-design-manager-font-manager-main-content-active-font-selected {
  color: #888;
  display: flex;
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
/** theme manager overlay **/
#fw-design-manager-theme-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100001;
}
#fw-design-manager-theme-overlay-iframe {
  border: 0;
  height: 100%;
  width: 100%;
}
/* tooltip */
.fw-design-manager-tooltip {
  position: relative;
}
.fw-design-manager-tooltip:hover .fw-design-manager-tooltip-text {
  visibility: visible;
}
.fw-design-manager-tooltip-text {
  background-color: #444;
  border-radius: 0.25rem;
  bottom: 100%;
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.125rem;
  margin-bottom: 0.25rem;
  left: 0;
  min-width: 10rem;
  padding: 0.375rem 0.5rem;
  position: absolute;
  text-align: center;
  text-transform: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  visibility: hidden;
  z-index: 1;
}
.h-full {
  height: 100% !important;
}
#fw-shop-statistics {
  overflow: scroll !important;
}
#fw-shop-statistics * {
  box-sizing: border-box;
}
#fw-shop-statistics .fw-page-title,
#fw-shop-statistics .fw-page-subtitle,
#fw-shop-statistics .fw-card-header {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#fw-shop-statistics select {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  color: #666;
  font-weight: normal;
  height: 2rem;
  line-height: 16px;
  padding: 0 0.5rem;
  max-width: 10rem;
}
#fw-shop-statistics select:focus {
  border-color: #9cf;
  outline: none;
}
.fw-chart {
  max-height: 100%;
  max-width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fw-chart .fw-card-body {
  min-height: 5rem;
  max-height: 30rem;
}
.fw-chart .fw-card-body canvas {
  max-height: 100%;
  max-width: 100%;
}
.fw-chart-type {
  align-items: center;
  border-radius: 0.25rem;
  color: #666;
  display: flex;
  height: 2rem;
  justify-content: center;
  padding: 0.5rem;
  width: 2rem;
}
.fw-chart-type:not(:first-child) {
  margin-left: 0.25rem;
}
.fw-chart-type:hover {
  background-color: #eee;
}
.fw-chart-type.fw-active {
  background-color: #2ea1f8;
  color: #fff;
}
.fw-chart-type svg {
  fill: currentColor;
  max-height: 100%;
  max-width: 100%;
}
.fw-chart-filter {
  color: #666;
  font-weight: normal;
  line-height: 16px;
  position: relative;
  text-transform: none;
}
.fw-chart-filter:hover .fw-chart-filter-handler {
  border-color: #aaa;
}
.fw-chart-filter.fw-active .fw-chart-filter-handler {
  border-color: #9cf !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fw-chart-filter.fw-active .fw-chart-filter-content {
  display: block;
}
.fw-chart-filter-handler {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  cursor: pointer;
  display: inline-flex;
  height: 2rem;
  justify-content: space-between;
  padding: 0.5rem 0.875rem 0.5rem 1rem;
}
.fw-chart-filter-handler > svg {
  fill: currentColor;
  height: 1rem;
  margin-left: 0.5rem;
}
.fw-chart-filter-content {
  background-color: #fff;
  border: 1px solid #9cf;
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  display: none;
  font-size: 13px;
  min-width: 100%;
  position: absolute;
  left: 0;
  top: calc(2rem - 1px);
  z-index: 1000;
}
.fw-chart-filter-items {
  display: flex;
}
.fw-chart-filter-items > div {
  padding: 0.5rem 1rem;
}
.fw-chart-filter-items > div:first-child {
  border-right: 1px solid #9cf;
}
.fw-chart-filter-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.5rem 0;
}
.fw-chart-filter-item:hover {
  color: #000;
}
.fw-chart-filter-item:hover .fw-chart-filter-item-checkbox {
  border-color: #888;
}
.fw-chart-filter-item.fw-checked {
  color: #000;
}
.fw-chart-filter-item.fw-checked .fw-chart-filter-item-checkbox {
  background-color: #2ea1f8;
  border-color: #2ea1f8;
  color: #fff;
}
.fw-chart-filter-item.fw-checked .fw-chart-filter-item-checkbox > svg {
  display: block;
}
.fw-chart-filter-item .fw-chart-filter-item-checkbox > svg {
  display: none;
}
.fw-chart-filter-item-checkbox {
  align-items: center;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 0.25rem;
  display: inline-flex;
  fill: currentColor;
  flex-shrink: 0;
  height: 1.25rem;
  margin-right: 0.5rem;
  padding: 0.25rem;
  width: 1.25rem;
}
.fw-chart-filter-item-label {
  flex-grow: 1;
}
.fw-chart-filter-actions {
  border-top: 1px solid #9cf;
  display: flex;
  justify-content: flex-end;
  padding: 0.5rem 1rem;
}
.fw-chart-filter-actions .fw_button {
  flex-grow: 1;
}
.fw-chart-sort-wrapper {
  height: 2rem;
  position: relative;
  width: 2rem;
}
.fw-chart-sort {
  align-items: center;
  border-radius: 0.25rem;
  color: #666;
  display: none;
  height: 2rem;
  justify-content: center;
  padding: 0.5rem;
  position: relative;
  width: 2rem;
  z-index: 2;
}
.fw-chart-sort.fw-active {
  display: flex;
}
.fw-chart-sort svg {
  fill: currentColor;
  max-height: 100%;
  max-width: 100%;
}
.fw-chart-sort.fw-chart-sort-bg {
  left: 0;
  opacity: 0.75;
  position: absolute;
  top: 0;
  z-index: 1;
}
.fw-chart-content {
  display: none;
  flex-grow: 1;
}
.fw-chart-total {
  align-items: flex-end;
  border-bottom: 1px solid #eee;
  display: flex;
  padding-bottom: 1.5rem;
  margin-bottom: 0rem;
}
.fw-chart-total-label {
  color: #aaa;
  font-size: 0.625rem;
  font-weight: bold;
  line-height: 0.75rem;
  text-transform: uppercase;
}
.fw-chart-total-value {
  color: #666;
  font-size: 1.125rem;
  line-height: 1.125rem;
  margin-left: 0.5rem;
}
.fw-sandbox-block-design-handler {
  align-items: center;
  background-color: #2ea1f8;
  border-radius: 1rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  color: #fff;
  cursor: pointer;
  display: none;
  font: 12px Arial, Helvetica, sans-serif;
  font-weight: bold;
  gap: 0.5rem;
  height: 1.75rem;
  justify-content: center;
  padding: 0 1rem 0 0.75rem;
  position: absolute;
  right: 1rem;
  text-transform: uppercase;
  top: 0.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 2000;
}
.fw-sandbox-block-design-handler:hover {
  background-color: #28e;
}
.fw-sandbox-block-design-handler svg {
  fill: #fff !important;
  height: 0.75rem;
}
/*******************/
/* shop statistics */
/*******************/
#fw-shop-statistics {
  background-color: #eff3f6;
  bottom: 0;
  font-size: 0.875rem;
  padding: 3.75rem 1rem;
  position: fixed;
  left: 164px;
  right: 0;
  top: 0;
}
#fw-shop-statistics .fw-container {
  margin: 0 auto;
  width: 75rem;
}
#fw-shop-statistics .fw-page-title {
  color: #444;
  font-size: 1.5rem;
  font-weight: 600;
}
#fw-shop-statistics .fw-page-subtitle {
  color: #888;
  font-size: 1rem;
  margin-top: 0.75rem;
}
.fw-card {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  position: relative;
}
.fw-card-header {
  align-items: center;
  background-color: #f9fbfc;
  border-bottom: 1px solid #edf2f7;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-radius: 0.25rem 0.25rem 0 0;
  color: #666;
  display: flex;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5714285714;
  min-height: 4rem;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
}
.fw-card-body {
  flex-grow: 1;
  padding: 1.5rem;
}
.fw-list {
  width: 100%;
}
.fw-list template + .fw-list-item {
  padding-top: 0;
}
.fw-list-item {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  line-height: 1.25rem;
  padding: 1rem 0;
}
.fw-list-item:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.fw-list-item:first-child {
  padding-top: 0;
}
.fw-list-item:last-child {
  padding-bottom: 0;
}
.fw-list-item a {
  color: #333;
}
.fw-list-item a:hover {
  text-decoration: underline;
}
.fw-list-item-image {
  border: 1px solid #bbb;
  border-radius: 0.25rem;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 2.75rem;
  justify-content: center;
  margin-right: 1rem;
  padding: 0.25rem;
  width: 2.75rem;
}
.fw-list-item-image > img {
  border-radius: 0.25rem;
  max-height: 100%;
  max-width: 100%;
}
.fw-list-item-label-wrapper {
  flex-grow: 1;
}
.fw-list-item-value-wrapper {
  flex-shrink: 0;
  margin-left: 1rem;
  text-align: right;
}
.fw-list-item-sub-label,
.fw-list-item-sub-value {
  color: #888;
  margin-top: 0.25rem;
}
.fw-list-item-label {
  color: #333;
}
.fw-list-item-value {
  font-weight: bold;
}
.fw-no-results {
  color: #444;
  font-style: italic;
  line-height: 2rem;
}
.fw-row {
  display: flex;
  flex-wrap: wrap;
}
.fw-row-stack {
  display: flex;
  flex-direction: column;
}
.fw-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.fw-col .fw-row-stack {
  max-height: 100%;
}
.fw-col-size-1 {
  flex: 0 0 auto;
  width: calc(8.333333% - 2rem);
}
.fw-col-size-1:last-child {
  width: 8.333333%;
}
.fw-col-size-2 {
  flex: 0 0 auto;
  width: calc(16.666667% - 2rem);
}
.fw-col-size-2:last-child {
  width: 16.666667%;
}
.fw-col-size-3 {
  flex: 0 0 auto;
  width: calc(25% - 2rem);
}
.fw-col-size-3:last-child {
  width: 25%;
}
.fw-col-size-4 {
  flex: 0 0 auto;
  width: calc(33.333333% - 2rem);
}
.fw-col-size-4:last-child {
  width: 33.333333%;
}
.fw-col-size-4 .fw-truncate-wrapper {
  max-width: 12.5rem;
}
.fw-col-size-5 {
  flex: 0 0 auto;
  width: calc(41.666667% - 2rem);
}
.fw-col-size-5:last-child {
  width: 41.666667%;
}
.fw-col-size-6 {
  flex: 0 0 auto;
  width: calc(50% - 2rem);
}
.fw-col-size-6:last-child {
  width: 50%;
}
.fw-col-size-7 {
  flex: 0 0 auto;
  width: calc(58.333333% - 2rem);
}
.fw-col-size-7:last-child {
  width: 58.333333%;
}
.fw-col-size-8 {
  flex: 0 0 auto;
  width: calc(66.666667% - 2rem);
}
.fw-col-size-8:last-child {
  width: 66.666667%;
}
.fw-col-size-9 {
  flex: 0 0 auto;
  width: calc(75% - 2rem);
}
.fw-col-size-9:last-child {
  width: 75%;
}
.fw-col-size-10 {
  flex: 0 0 auto;
  width: calc(83.333333% - 2rem);
}
.fw-col-size-10:last-child {
  width: 83.333333%;
}
.fw-col-size-11 {
  flex: 0 0 auto;
  width: calc(91.666667% - 2rem);
}
.fw-col-size-11:last-child {
  width: 91.666667%;
}
.fw-col-size-12 {
  flex: 0 0 auto;
  width: 100%;
}
.fw-text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}
.fw-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fw-border-b-0 {
  border-bottom-width: 0px !important;
}
.fw-border-b-gray-100 {
  border-bottom: 1px solid #eee !important;
}
.fw-max-h-96 {
  max-height: 24rem !important;
}
.fw-ml-2 {
  margin-left: 0.5rem !important;
}
.fw-ml-4 {
  margin-left: 1rem !important;
}
.fw-mt-2 {
  margin-top: 0.5rem !important;
}
.fw-mt-4 {
  margin-top: 1rem !important;
}
.fw-mt-8 {
  margin-top: 2rem !important;
}
.fw-pb-0 {
  padding-bottom: 0 !important;
}
.fw-justify-end {
  justify-content: end;
}
.fw-hidden {
  display: none !important;
}
.fw-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.fw-flex {
  display: flex !important;
}
.fw-flex-col {
  flex-direction: column !important;
}
.fw-flex-grow {
  flex-grow: 1 !important;
}
.fw-items-center {
  align-items: center !important;
}
.fw-justify-between {
  justify-content: space-between !important;
}
.fw-flex-grow {
  flex-grow: 1 !important;
}
.fw-gap-8 {
  gap: 2rem !important;
}
.fw-text-gray-400 {
  color: #888 !important;
}
.fw-text-xs {
  font-size: 0.75rem !important;
}
.fw-font-bold {
  font-weight: 600 !important;
}
.fw-underline {
  text-decoration: underline !important;
}
.fw-hover\:underline:hover {
  text-decoration: underline !important;
}
.fw-white-space-nowrap {
  white-space: nowrap !important;
}
.fw-overflow-auto {
  overflow: auto !important;
}
.fw-opacity-25 {
  opacity: 0.25 !important;
}
.fw-opacity-30 {
  opacity: 0.3 !important;
}
.fw-opacity-35 {
  opacity: 0.35 !important;
}
.fw-opacity-50 {
  opacity: 0.5 !important;
}
.fw-absolute {
  position: absolute !important;
}
/************************/
/* BLOCKS MANAGER       */
/************************/
body.fw-blocks-manager-dragging * {
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
body.fw-blocks-manager-dragging .fw-blocks-manager-library-block-overlay:not(.active),
body.fw-blocks-manager-dragging .fw-blocks-manager-blocks-block-overlay:not(.active) {
  pointer-events: none;
}
body.fw-blocks-manager-dragging .fw-blocks-manager-blocks-block-remove {
  display: none !important;
}
#fw-blocks-manager-wrapper {
  overflow: hidden;
}
#fw-blocks-manager {
  display: grid;
  grid-template-columns: 12.5rem 1fr 25rem;
  height: 100%;
  width: 100%;
}
#fw-blocks-manager *,
#fw-blocks-manager ::before,
#fw-blocks-manager ::after {
  box-sizing: border-box;
}
.fw-blocks-manager-panel-header {
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  color: #333;
  display: flex;
  flex-shrink: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  height: 3rem;
  justify-content: space-between;
  padding: 0 1rem;
}
.fw-blocks-manager-panel-header-count {
  color: #999;
  font-size: 0.75rem;
  font-weight: 400;
}
#fw-blocks-manager-navigation,
#fw-blocks-manager-library,
#fw-blocks-manager-blocks-wrapper {
  border-left: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#fw-blocks-manager-navigation-items {
  flex-grow: 1;
  overflow-y: auto;
  padding: 0.75rem;
}
#fw-blocks-manager-navigation-items ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fw-blocks-manager-navigation-item {
  margin-bottom: 0.25rem;
}
.fw-blocks-manager-navigation-link {
  align-items: center;
  border-radius: 0.25rem;
  color: #444;
  cursor: pointer;
  display: flex;
  min-height: 2.25rem;
  padding: 0 0.75rem;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fw-blocks-manager-navigation-link:hover {
  background-color: #ddd;
  color: #000;
  text-decoration: none;
}
.fw-blocks-manager-navigation-link.active {
  background-color: #2ea1f8;
  color: #fff;
}
.fw-blocks-manager-navigation-link.strong {
  font-weight: bold;
}
.fw-blocks-manager-navigation-count {
  background-color: #e8e8e8;
  border-radius: 0.625rem;
  color: #666;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-left: auto;
  min-width: 1.75rem;
  padding: 0 0.375rem;
  text-align: center;
}
.fw-blocks-manager-navigation-count.active {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
#fw-blocks-manager-library-content {
  flex-grow: 1;
  overflow-y: auto;
}
.fw-blocks-manager-library-grid {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  padding: 1rem;
}
#fw-blocks-manager-library-empty {
  align-items: center;
  color: #888;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 10rem;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fw-blocks-manager-library-block {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: 1rem;
  position: relative;
}
.fw-blocks-manager-library-block.dragging {
  opacity: 0.5;
}
.fw-blocks-manager-library-block.hide {
  display: none;
}
.fw-blocks-manager-library-block-name-wrapper {
  align-items: center;
  display: flex;
  height: 2rem;
  padding: 0 0.5rem;
}
.fw-blocks-manager-library-block-name {
  color: #444;
  flex-grow: 1;
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fw-blocks-manager-library-block-actions {
  align-items: center;
  display: flex;
  flex-shrink: 0;
}
.fw-blocks-manager-library-block-enlarge,
.fw-blocks-manager-library-block-copy,
.fw-blocks-manager-library-block-edit,
.fw-blocks-manager-library-block-delete {
  align-items: center;
  display: flex;
  color: #aaa;
  cursor: pointer;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}
.fw-blocks-manager-library-block-enlarge:hover,
.fw-blocks-manager-library-block-copy:hover,
.fw-blocks-manager-library-block-edit:hover,
.fw-blocks-manager-library-block-delete:hover {
  color: #666;
}
.fw-blocks-manager-library-block-enlarge > svg,
.fw-blocks-manager-library-block-copy > svg,
.fw-blocks-manager-library-block-edit > svg,
.fw-blocks-manager-library-block-delete > svg {
  fill: currentColor;
  height: 1rem;
  width: 1rem;
}
.fw-blocks-manager-library-block-html-wrapper {
  height: 6rem;
  min-height: 1rem;
  overflow: hidden;
  position: relative;
  transition: height 0.2s ease;
}
.fw-blocks-manager-library-block-html {
  border: none;
  height: 400%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scale(0.25);
  transform-origin: top left;
  width: 400%;
}
.fw-blocks-manager-library-block-overlay,
.fw-blocks-manager-blocks-block-overlay {
  border-radius: 0.25rem;
  bottom: 0;
  cursor: grab;
  left: 0;
  outline-color: #ddd;
  outline-style: solid;
  outline-width: 1px;
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 2;
}
.fw-blocks-manager-library-block-overlay:hover, .fw-blocks-manager-library-block-overlay.active,
.fw-blocks-manager-blocks-block-overlay:hover,
.fw-blocks-manager-blocks-block-overlay.active {
  outline-color: #2ea1f8;
  outline-width: 2px;
}
.fw-blocks-manager-library-block-overlay.active,
.fw-blocks-manager-blocks-block-overlay.active {
  cursor: grabbing;
}
#fw-blocks-manager-blocks {
  background-color: #fff;
  flex-grow: 1;
  overflow-y: auto;
  padding: 0 1rem;
}
#fw-blocks-manager-blocks-save {
  align-items: center;
  background-color: #fff;
  border-top: 1px solid #ddd;
  display: flex;
  flex-shrink: 0;
  height: 3.5rem;
  justify-content: flex-end;
  padding: 0 1.5rem;
}
#fw-blocks-manager-blocks-empty {
  align-items: center;
  color: #888;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  gap: 12px;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#fw-blocks-manager-blocks-empty svg {
  fill: #ccc;
  height: 32px;
  width: 32px;
}
#fw-blocks-manager-blocks-empty p {
  margin: 0;
}
#fw-blocks-manager-blocks-empty.hide {
  display: none;
}
.fw-blocks-manager-blocks-block-wrapper {
  position: relative;
}
.fw-blocks-manager-blocks-block {
  position: relative;
}
.fw-blocks-manager-blocks-block.dragging {
  opacity: 0.5;
}
.fw-blocks-manager-blocks-block-name {
  color: #444;
  font-size: 0.75rem;
  height: 2rem;
  line-height: 2rem;
  overflow: hidden;
  padding: 0 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fw-blocks-manager-blocks-block-html-wrapper {
  height: 6rem;
  min-height: 1rem;
  overflow: hidden;
  position: relative;
  transition: height 0.2s ease;
}
.fw-blocks-manager-blocks-block-html {
  border: none;
  height: 400%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scale(0.25);
  transform-origin: top left;
  width: 400%;
}
.fw-blocks-manager-blocks-block-dropper {
  align-items: center;
  border: 2px dashed transparent;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  margin: 4px 0;
  min-height: 8px;
  transition: background-color 0.15s ease, border-color 0.15s ease, min-height 0.15s ease;
}
body.fw-blocks-manager-dragging .fw-blocks-manager-blocks-block-dropper {
  border-color: #ddd;
  min-height: 40px;
}
.fw-blocks-manager-blocks-block-dropper-indicator {
  height: 0;
  width: 100%;
}
.fw-blocks-manager-blocks-block-dropper:has(.fw-blocks-manager-blocks-block-dropper-indicator) {
  background-color: rgba(46, 161, 248, 0.1);
  border-color: #2ea1f8;
  min-height: 48px;
}
.fw-blocks-manager-blocks-block-actions {
  align-items: center;
  display: none;
  gap: 0.5rem;
  height: 2rem;
  position: absolute;
  right: -1rem;
  top: 1rem;
  z-index: 2000;
}
.fw-blocks-manager-blocks-block-wrapper:hover .fw-blocks-manager-blocks-block-actions {
  display: flex;
}
.fw-blocks-manager-blocks-block-enlarge,
.fw-blocks-manager-blocks-block-copy,
.fw-blocks-manager-blocks-block-remove {
  align-items: center;
  background-color: #888;
  border-radius: 1rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}
.fw-blocks-manager-blocks-block-enlarge:hover,
.fw-blocks-manager-blocks-block-copy:hover,
.fw-blocks-manager-blocks-block-remove:hover {
  background-color: #666;
}
.fw-blocks-manager-blocks-block-enlarge svg,
.fw-blocks-manager-blocks-block-copy svg,
.fw-blocks-manager-blocks-block-remove svg {
  fill: currentColor;
  height: 1rem;
}
.fw-blocks-manager-blocks-block-remove {
  background-color: #c36;
  color: #fff;
}
.fw-blocks-manager-blocks-block-remove:hover {
  background-color: #b25;
}
#fw-blocks-manager-block-dragger {
  background-color: #2ea1f8;
  border: 2px solid #fff;
  border-radius: 0.25rem;
  display: none;
  cursor: grabbing;
  height: 2.5rem;
  margin: -1.25rem 0 0 -1.25rem;
  pointer-events: none;
  position: fixed;
  width: 2.5rem;
  z-index: 1000;
}
#fw-blocks-manager-block-dragger.active {
  display: block;
}
#fw-blocks-manager-copy-modal-wrapper,
#fw-blocks-manager-edit-modal-wrapper,
#fw-blocks-manager-delete-modal-wrapper,
#fw-blocks-manager-enlarge-modal-wrapper {
  display: none;
  inset: 0;
  position: fixed;
  z-index: 1000;
}
#fw-blocks-manager-copy-modal-wrapper::before,
#fw-blocks-manager-edit-modal-wrapper::before,
#fw-blocks-manager-delete-modal-wrapper::before,
#fw-blocks-manager-enlarge-modal-wrapper::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.25);
  inset: 0;
  position: absolute;
  z-index: 10;
}
#fw-blocks-manager-copy-modal-wrapper.show,
#fw-blocks-manager-edit-modal-wrapper.show,
#fw-blocks-manager-delete-modal-wrapper.show,
#fw-blocks-manager-enlarge-modal-wrapper.show {
  display: block;
}
#fw-blocks-manager-copy-modal,
#fw-blocks-manager-edit-modal,
#fw-blocks-manager-delete-modal,
#fw-blocks-manager-enlarge-modal {
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  font-size: 0.875rem;
  left: 50%;
  line-height: 1.6;
  padding: 1.5rem 2rem;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 26rem;
  z-index: 20;
}
#fw-blocks-manager-copy-modal h6,
#fw-blocks-manager-edit-modal h6,
#fw-blocks-manager-delete-modal h6,
#fw-blocks-manager-enlarge-modal h6 {
  color: #2ea1f8;
  font-size: 1rem;
  line-height: 1.8;
}
#fw-blocks-manager-copy-modal .fw_form,
#fw-blocks-manager-edit-modal .fw_form,
#fw-blocks-manager-delete-modal .fw_form,
#fw-blocks-manager-enlarge-modal .fw_form {
  padding-bottom: 0;
}
#fw-blocks-manager-copy-modal .fw_form_field_wrapper,
#fw-blocks-manager-edit-modal .fw_form_field_wrapper,
#fw-blocks-manager-delete-modal .fw_form_field_wrapper,
#fw-blocks-manager-enlarge-modal .fw_form_field_wrapper {
  align-items: center;
  display: flex;
}
#fw-blocks-manager-enlarge-modal {
  padding-bottom: 2rem;
}
#fw-blocks-manager-copy-modal-close,
#fw-blocks-manager-edit-modal-close,
#fw-blocks-manager-delete-modal-close,
#fw-blocks-manager-enlarge-modal-close {
  align-items: center;
  color: #aaa;
  cursor: pointer;
  display: flex;
  height: 2rem;
  justify-content: center;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 2rem;
  z-index: 10;
}
#fw-blocks-manager-copy-modal-close:hover,
#fw-blocks-manager-edit-modal-close:hover,
#fw-blocks-manager-delete-modal-close:hover,
#fw-blocks-manager-enlarge-modal-close:hover {
  color: #666;
}
#fw-blocks-manager-copy-modal-close > svg,
#fw-blocks-manager-edit-modal-close > svg,
#fw-blocks-manager-delete-modal-close > svg,
#fw-blocks-manager-enlarge-modal-close > svg {
  fill: currentColor;
  height: 1.25rem;
  width: 1.25rem;
}
#fw-blocks-manager-enlarge-modal-close {
  right: 1.5rem;
  top: 1.5rem;
}
#fw-blocks-manager-copy-modal-error-message,
#fw-blocks-manager-edit-modal-error-message,
#fw-blocks-manager-delete-modal-error-message {
  align-items: center;
  color: #c36;
  display: none;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
#fw-blocks-manager-copy-modal-error-message.show,
#fw-blocks-manager-edit-modal-error-message.show,
#fw-blocks-manager-delete-modal-error-message.show {
  display: flex;
}
#fw-blocks-manager-copy-modal-error-message > svg,
#fw-blocks-manager-edit-modal-error-message > svg,
#fw-blocks-manager-delete-modal-error-message > svg {
  fill: currentColor;
  height: 1rem;
  width: 1rem;
}
#fw-blocks-manager-copy-modal-error-message p,
#fw-blocks-manager-edit-modal-error-message p,
#fw-blocks-manager-delete-modal-error-message p {
  margin-bottom: 0;
}
#fw-blocks-manager-copy-modal-footer,
#fw-blocks-manager-edit-modal-footer,
#fw-blocks-manager-delete-modal-footer {
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  padding-top: 1.25rem;
}
#fw-blocks-manager-enlarge-modal {
  display: flex;
  flex-direction: column;
  height: 80vh;
  overflow: hidden;
  width: 80vw;
}
#fw-blocks-manager-enlarge-modal h6 {
  margin-bottom: 1.5rem;
}
#fw-blocks-manager-enlarge-modal-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
#fw-blocks-manager-enlarge-modal-iframe-wrapper {
  border: 1px solid #e0e0e0;
  border-radius: 0.5rem;
  flex-grow: 1;
  overflow: hidden;
}
#fw-blocks-manager-enlarge-modal-iframe {
  height: 100%;
  width: 100%;
}
::-webkit-scrollbar {
	height: 20px;
	width: 20px;
}
::-webkit-scrollbar * {
	
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
	background-color: transparant;
}
::-webkit-scrollbar-thumb {
	background-clip: content-box;
	background-color: #a4a6a9;
	border: 7px solid transparent;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #5e5f61;
}

.fw_scroll {
	position: relative;
	overflow: auto;
}

#fw_object_content.fw_scroll {
	overflow: scroll;
}

.fw_scroll_track_v,
.fw_scroll_track_h {
	display: none;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	transition: opacity .4s;
	z-index: 100;
	
	-moz-transition: opacity .4s;
	-webkit-transition: opacity .4s;
}

.fw_scrollable_v .fw_scroll_track_v,
.fw_scrollable_h .fw_scroll_track_h {
	display: block;
}

.fw_scroll:hover .fw_scroll_track_v,
.fw_scroll:hover .fw_scroll_track_h,
.fw_scroll.fw_active .fw_scroll_track_v,
.fw_scroll.fw_active .fw_scroll_track_h {
	filter: alpha(opacity=100);
	opacity: 1;
}

.fw_scroll_track_v {
	bottom: 10px;
	right: 0;
	top: 10px;
	width: 20px;
}

.fw_scrollable_h .fw_scroll_track_v {
	bottom: 20px;
}

.fw_scroll_track_h {
	bottom: 0;
	height: 20px;
	left: 10px;
	right: 10px;
}

.fw_scrollable_v .fw_scroll_track_h {
	right: 20px;
}

.fw_scroll_thumb {
	left: 0;
	position: absolute;
	top: 0;
}

.fw_scroll_track_v .fw_scroll_thumb {
	right: 0;
}

.fw_scroll_track_h .fw_scroll_thumb {
	bottom: 0;
}

.fw_scroll_thumb div {
	background-color: #aaa;
	border-radius: 3px;
	position: absolute;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.fw_scroll_track_v .fw_scroll_thumb div {
	bottom : 0;
	left: 50%;
	margin-left: -3px;
	top: 0;
	width: 6px;
}

.fw_scroll_track_h .fw_scroll_thumb div {
	height: 6px;
	left: 0;
	margin-top: -3px;
	right : 0;
	top: 50%;
}
.fw_tooltip {
    background-color: #273142;
    border-radius: 3px;
    color: #fff;
    display: none;
    filter: alpha(opacity=0);
    max-width: 250px;
    padding: 4px 8px;
    position: absolute;
    opacity: 0;
    transition: opacity 0.4s;
    z-index: 1000;

    -moz-border-radius: 3px;
    -moz-transition: opacity 0.4s;
    -webkit-border-radius: 3px;
    -webkit-transition: opacity 0.4s;
}

body > .fw_tooltip {
    display: block;
}

.fw_tooltip.fw_active {
    filter: alpha(opacity=100);
    opacity: 1;
}

.fw_tooltip.fw_image {
    padding: 4px;
}

.fw_tooltip.fw_light {
    background-color: #b7c0cd;
    color: #000;
}

.fw_tooltip.fw_bottom {
    margin-top: 10px;
}

.fw_tooltip.fw_top {
    margin-top: -10px;
}

.fw_tooltip.fw_right {
    margin-left: 10px;
}

.fw_tooltip.fw_left {
    margin-left: -10px;
}

.fw_tooltip .fw_pointer {
    border: 5px solid #273142;
    position: absolute;
    left: 50%;
    margin: -5px 0 0 -5px;
    top: 50%;
}

.fw_tooltip.fw_light .fw_pointer {
    border-color: #b7c0cd;
}

.fw_tooltip.fw_bottom .fw_pointer,
.fw_tooltip.fw_top .fw_pointer {
    border-left-color: transparent;
    border-right-color: transparent;
    margin-top: 0;
    top: auto;
}

.fw_tooltip.fw_bottom .fw_pointer {
    border-top-color: transparent;
    top: -10px;
}

.fw_tooltip.fw_top .fw_pointer {
    border-bottom-color: transparent;
    bottom: -10px;
}

.fw_tooltip.fw_right .fw_pointer,
.fw_tooltip.fw_left .fw_pointer {
    border-bottom-color: transparent;
    border-top-color: transparent;
    margin-left: 0;
    left: auto;
}

.fw_tooltip.fw_right .fw_pointer {
    border-left-color: transparent;
    left: -10px;
}

.fw_tooltip.fw_left .fw_pointer {
    border-right-color: transparent;
    right: -10px;
}