@import url('codemirror.css');

.CodeMirror {border: 1px solid #ddd;
	-webkit-box-shadow: inset 0px 1px 1px #eee;
	-moz-box-shadow: inset 0px 1px 1px #eee;
	-o-box-shadow: inset 0px 1px 1px #eee;
	box-shadow: inset 0px 1px 1px #eee;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.CodeMirror, .CodeMirror div {float: none !important; padding-right: 0px !important;}

#adminFullContent .widget {padding: 0px;}
#adminFullContent .col {position: absolute; top: 62px; right: 0px; left: 0px; bottom: 40px; height: auto; overflow: auto;}
#section_list_template {top: 27px;}
#section_list_template ul {height: 30px; border-bottom: 1px solid #ccc; text-align: center; background: #f6f6f6;}
#section_list_template ul li {display: inline-block; line-height: 28px; margin: 0 auto;}
#section_list_template ul li a {color: #999; display: block; padding: 0 20px; border: 1px solid transparent; text-decoration: none;}
#section_list_template ul li a:hover {color: #000;}
#section_list_template ul li a.sel {color: #000; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #fff;}
.template_bundle_save {position: absolute; bottom: 0px; left: 0px; right: 0px; height: 40px; line-height: 40px; border-top: 1px solid #ced5dc; text-align: center; background: #e5ebf2;}
div.desc {float: none !important;}
.pipe {color: #999;}

#adminFullContent .collapse {opacity: 0; height: 0px; overflow: hidden; visibility: hidden; padding: 0px; margin: 0; display: block;}

.divider {clear: both; border-bottom: 1px solid #ddd; padding-top: 10px; margin-bottom: 10px;}
.f_slider div {display: inline-block !important; margin-right: 10px;}
.f_slider label {vertical-align: top; display: inline-block;}
.f_slider .slider {float: none !important; width: 193px; padding: 0px; border-radius: 10px; height: 5px; margin: 10px 14px 10px 7px; border-color: #ccc;}
.f_slider strong {font-weight: normal;}
.f_slider .slider .ui-slider-range {top: -1px; left: -1px; height: 5px; padding: 0px; border: 1px solid #444b54; background: #717982;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.f_slider .slider .ui-slider-handle {top: -6px; border-radius: 20px; background: #444B64; height: 16px; border: 1px solid rgba(0,0,0,0.1); cursor: pointer;
	-webkit-box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1), 0px 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1), 0px 2px 4px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1), 0px 2px 4px rgba(0,0,0,0.2);
}
.f_toggle .switch {position: relative; display: inline-block; margin-right: 5px; height: 22px; line-height: 22px; width: 52px; border-radius: 22px; background: #fff; cursor: pointer; border: 1px solid #bbb;
	-webkit-transition: background 200ms linear, border-color 200ms linear;
	-moz-transition: background 200ms linear, border-color 200ms linear;
	-ms-transition: background 200ms linear, border-color 200ms linear;
	transition: background 200ms linear, border-color 200ms linear;
}
.f_toggle .switch span {position: absolute; display: block; height: 20px; width: 40px; margin: 0px; padding: 0px; float: left; font-weight: bold; font-size: 10px; line-height: 20px; border-radius: 20px; text-transform: uppercase;}
.f_toggle .switch .handle {z-index: 1; top: 0px; left: 0px; width: 20px; content:'No'; background: #fff;
	background: -webkit-linear-gradient(#ffffff 0%, #ececec 100%); background: -moz-linear-gradient(#ffffff 0%, #ececec 100%);
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5), 0px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.5), 0px 3px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.5), 0px 3px 3px rgba(0,0,0,0.3);
	-webkit-transition: left 200ms ease-in-out, border-color 200ms linear;
	-moz-transition: left 200ms ease-in-out, border-color 200ms linear;
	-ms-transition: left 200ms ease-in-out, border-color 200ms linear;
	transition: left 200ms ease-in-out, border-color 200ms linear;
}
.f_toggle .switch .label {left: 20px; width: 30px; border-color: transparent; text-align: center; color: #999;
	-webkit-transition: left 200ms ease-in-out;
	-moz-transition: left 200ms ease-in-out;
	-ms-transition: left 200ms ease-in-out;
	transition: left 200ms ease-in-out;
}
.f_toggle .switch .label:after {content: 'No';}
.f_toggle .switch.checked {border-color: #444b54; background: #717982;}
.f_toggle .switch.checked .label {left: 0; color: #fff;}
.f_toggle .switch.checked .label:after {content: 'Yes';}
.f_toggle .switch.checked .handle {left: 30px;}
.f_toggle .switch + label {display: inline-block; vertical-align: top; line-height: 22px;}

.f_picker ul {list-style: none; }
.f_picker ul li {display: inline-block; margin-left: 10px; cursor: pointer; vertical-align: top; max-height: 240px; min-height: 210px;}
.f_picker ul li div {float: none; padding: 0px;}
.f_picker ul li img {max-width: 210px; max-height: 210px; border: 3px solid #f6f6f6; padding: 1px; background-color: #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: border-color 200ms linear;
	-moz-transition: border-color 200ms linear;
	-ms-transition: border-color 200ms linear;
	transition: border-color 200ms linear;
}
.f_picker ul li input {display: none;}
.f_picker ul li .f_picker_title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 5px 0; text-align: center; color: #999; font-weight: bold; text-shadow: 0px 1px 0px #fff;}
.f_picker ul li.restricted_to:hover {cursor: default;}
.f_picker ul li.restricted_to input {display: none;}
.f_picker ul li.collapse {display: none;}
.f_picker ul li.sel img {border-color: #717982; background: #fff;}

.f_resize textarea {resize: both;}
.f_resize_vertical textarea {resize: vertical;}
.f_resize_horizontal textarea {resize: horizontal;}
.f_resize_none textarea {resize: none;}

/* color picker */
.f_color .sp-replacer {border: 0px; background: transparent;}
.f_color .sp-replacer .sp-preview {height:16px; width: 20px; border-radius: 3px; padding: 0px; overflow: hidden; border-color: #444B53;}
.f_color .sp-replacer .sp-preview .sp-preview-inner {padding: 0px;}
.f_color .sp-replacer .sp-dd {font-size: 9px; color: #444B53;}
.sp-container {border-radius: 3px; overflow: hidden; border: 0px !important; background: #fff !important;
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 5px 20px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.2);
}

#section_list_template ul li.collapse {display: none;}

.order_list {list-style: none; padding-bottom: 10px;}
.order_list .divider,
.order_list .order_item { display:block; width: 200px; text-align: left; border: 1px #ddd solid; margin: 2px 0; color: #999; line-height: 2em; background-color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: border-color 200ms ease-in-out, color 200ms ease-in-out;
	-moz-transition: border-color 200ms ease-in-out, color 200ms ease-in-out;
	-ms-transition: border-color 200ms ease-in-out, color 200ms ease-in-out;
	transition: border-color 200ms ease-in-out, color 200ms ease-in-out;
}
.order_list .order_item a.remove { float: right; }
.order_list .order_item .handle {float: right; height: 2em; width: 30px; cursor: move; text-align: center;}
.order_list .order_item .status {float: left; width: 30px; height: 2em; margin-right: 10px; background-color: #eee; text-align: center; color: #ccc; cursor: pointer;
	-webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
	transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
}
.order_list .order_item .status.required {cursor: default;}
.order_list li[data-status="1"] .order_item {border-color: #444b54; color: #000;}
.order_list li[data-status="1"] .order_item .status {color: #fff; background-color: #717982;}

.order_list .divider { border: 0; text-align: center; color: #999; }

#adminFullContent .restrict_hidden,
.f_slider .slider.restrict_hidden,
.restrict_hidden { display: none !important; }

#tooltip {position: absolute; z-index: 99; padding: 4px 10px; max-width: 200px; background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.1), 0px 0px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.1), 0px 0px 1px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 2px 7px rgba(0,0,0,0.1), 0px 0px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.1), 0px 0px 1px rgba(0,0,0,0.1);
}


#wiki article,
#wiki section {display: block;}
#wiki {font-family: sans-serif; font-size: 13px; line-height: 1.5em; color: #333;}
#wiki-menu {position: absolute; left: 0px; top: 0px; bottom: 0px; width: 190px; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #f6f6f6; border-right: 1px solid #ccc; padding: 20px;}
#wiki-content {position: absolute; left: 230px; right: 0px; top: 0px; bottom: 0px; overflow: auto; -webkit-overflow-scrolling: touch;}
#wiki-content ul {margin: 0 0 1em 2em;}
#wiki h1 {font-size: 2em; line-height: 1.1em; padding-bottom: .5em; font-weight: normal;}
#wiki h2 {font-size: 1.2em; line-height: 1.1em; padding-top: 1em; padding-bottom: 0em; font-weight: bold;}
#wiki h3 {font-size: 1em; line-height: 1.1em; padding-bottom: 0em; font-weight: bold;}
#wiki h4 {padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; font-size: 1.1em; line-height: 1.1em; color: #999; text-shadow: 0px 0px 1px #fff; font-weight: normal; text-transform: uppercase;}
#wiki table {width: 100%; border-spacing: 1px; padding: 0px; margin: 0 0 1.5em 0; background: #ddd;}
#wiki table th {font-weight: bold; text-align: left; background: #eee;}
#wiki table th,
#wiki table td {padding: 4px; vertical-align: top;}
#wiki table td {background: #fff;}
#wiki table tr:nth-child(odd) td {background-color: #f6f6f6;}
#wiki .table-contents {padding-bottom: 3em; border-bottom: 1px dotted #ddd;}
#wiki-menu ol {padding-bottom: 1em; list-style-type: none; font-weight: bold;}
#wiki-menu ol ol {margin-left: 0; font-weight: normal;}
#wiki-menu ol li a {text-decoration: none; color: #888;}
#wiki-menu ol li a:hover, #wiki-menu ol li a.sel {color: #000;}
#wiki-menu ol ol li a:before {content: "\2192"; font-family: 'helvetica'; padding-right: 0.3em;}
#wiki article {padding: 0 50px;}
#wiki section {padding: 3em 0px 2em 0; border-bottom: 1px dotted #ddd;}