@charset "UTF-8";
@import url(spectrum.css);
.formdesigner_container h1, .formdesigner_container h3, .delete_tag {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

@font-face {
  font-family: nanumgothicweb;
  src: url(../font/NanumGothic.eot);
  src: local(xxxxxxx), url(../font/NanumGothic.woff) format("woff");
}

@font-face {
  font-family: nanumgothicwebB;
  src: url(../font/NanumGothicBold.eot);
  src: local(xxxxxxxxxxxxxx), url(../font/NanumGothicBold.woff) format("woff");
}

body {
  font-family: "Apple Gothic", "나눔고딕", NanumGothic, nanumgothicweb, "돋움", dotum, Helvetica, Arial, sans-serif !important;
  font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: nanumgothicwebB;
}

button {
  font-family: "Apple Gothic", "나눔고딕", NanumGothic, nanumgothicweb, "돋움", dotum, Helvetica, Arial, sans-serif !important;
  font-size: 12px;
}

.jqx-widget-content {
  font-family: "Apple Gothic", "나눔고딕", NanumGothic, nanumgothicweb, "돋움", dotum, Helvetica, Arial, sans-serif !important;
  font-size: 12px;
}

/*
&.btn_text_color_set {
	margin: 0 7px 0 0;
	&:hover {
		.btn_text_color {
			background-position: -620px -150px;
		}
		.btn_detail_option {
			background-position: -810px -30px;
		}
	}
	&.active {
		.btn_text_color {
			background-position: -620px -180px;
		}
		.btn_detail_option {
			background-position: -810px -60px;
		}
	}
}
*/
.sp-container {
  background-color: #fff;
  border-color: #333333;
}

.btn_text_color_set .sp-preview-inner {
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -625px -156px;
}

.btn_text_bgcolor_set .sp-preview-inner {
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -674px -156px;
}

.btn_bg_color_set .sp-preview-inner {
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -674px -6px;
}

.btn_border_color_set .sp-preview-inner {
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -624px -36px;
}

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: #000;
}

.sp-preview {
  width: 18px;
  height: 18px;
  margin: 0 0 0 4px;
  border-width: 0;
}

.sp-dd {
  float: right;
  margin: -2px 3px 0 0;
  font-size: 0.5pt;
  color: #777777;
}

.sp-replacer {
  width: 37px;
  height: 29px;
  padding: 6px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-color: #fff;
  background-color: #fff;
}

.sp-replacer:hover, .sp-replacer.sp-active {
  border-color: #cccccc;
}

.sp-button-container.sp-cf {
  width: 100%;
  text-align: right;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEMzMTdERjY1MjU5MTFFNkI1REREQ0IzNDQxMjg0QzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEMzMTdERjc1MjU5MTFFNkI1REREQ0IzNDQxMjg0QzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QzMxN0RGNDUyNTkxMUU2QjVERERDQjM0NDEyODRDOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QzMxN0RGNTUyNTkxMUU2QjVERERDQjM0NDEyODRDOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlyauxsAAABNSURBVHjaYvz//z8DJYCJgUIwagADAwu6ACMjIy614OgCxhojOS74T4oX/qNpQGYzEvQCHlsZiXUBI5FieMOAkRjNYMnRvEC5AQABBgBALQ8gdLcAmAAAAABJRU5ErkJggg==);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZBNjgwRkU1MjU4MTFFNkJERkM4QjJEMUIxNEIzRDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZBNjgwRkY1MjU4MTFFNkJERkM4QjJEMUIxNEIzRDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkE2ODBGQzUyNTgxMUU2QkRGQzhCMkQxQjE0QjNEMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkE2ODBGRDUyNTgxMUU2QkRGQzhCMkQxQjE0QjNEMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkFyBUIAAABDSURBVHjaYvz//z8DJYCJgUIwagBpBvyHYrIM+E+KC9BtQmYzoitmIcFWRmJdwEikGN4wYCRGMyEvMI6mROIAQIABAEQ/CiPSZcPPAAAAAElFTkSuQmCC);
}

.sp-button-container.sp-cf {
  margin: 5px 0 0;
}

.sp-container button.sp-choose, .sp-cancel {
  display: inline-block;
  line-height: 25px;
  padding: 0 10px 0 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  background-image: none;
  text-align: center;
  font-family: "Apple Gothic", "나눔고딕", NanumGothic, nanumgothicweb, "돋움", dotum, Helvetica, Arial, sans-serif !important;
  font-size: 12px;
}

.sp-cancel {
  color: #777777 !important;
  text-decoration: none !important;
}
.sp-cancel:hover {
  color: #777777 !important;
}

.sp-palette-container {
  border-width: 0;
}

.else_index {
  position: relative;
  z-index: 20;
}

table {
  font-size: 12px;
}

.formdesigner_container {
  position: relative;
  min-width: 100px;
  width: auto;
  margin: -99999px 0 0 0;
}
.formdesigner_container.wrap {
  margin: 0;
}
.formdesigner_container h2 {
  height: 30px;
  padding: 6px 15px 0 15px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px 0;
  font-size: 13px;
  font-weight: normal;
}
.formdesigner_container .btn_close_folder, .formdesigner_container .btn_open_folder {
  position: absolute;
  top: 7px;
  right: 10px;
}

.toolbar {
  position: relative;
  z-index: 500;
  min-width: 1250px;
}
.toolbar .btn_save_formdesign {
  display: inline-block;
  width: 57px;
  height: 63px;
  margin: 11px 0 0 11px;
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -840px -120px;
  text-indent: -9999px;
  vertical-align: middle;
}
.toolbar .btn_save_formdesign:hover {
  background-position: -840px -183px;
}
.toolbar .btn_save_formdesign.active {
  background-position: -840px -246px;
}
.toolbar .btn_save_formdesign.inactive {
  background-position: -840px -309px;
}
.toolbar > ul > li > div {
  height: 80px;
  padding: 7px 0 0 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 1px 0 0;
}
.toolbar li {
  float: left;
}
.toolbar li .option_list {
  clear: both;
  padding: 3px 10px;
}
.toolbar li .option_list:nth-child(2) {
  padding-top: 5px;
}
.toolbar li .option_list > li {
  float: left;
}
.toolbar li .option_list > li .select_type {
  margin: 2px 0 0 5px;
}
.toolbar li .option_list > li .select_type.type_01 .arrow span {
  min-width: 90px;
  max-width: 90px;
}
.toolbar li .option_list > li > a {
  display: block;
  width: 27px;
  height: 29px;
  margin: 0 2px;
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  vertical-align: middle;
}
.toolbar li .option_list > li > label {
  display: block;
  width: 27px;
  height: 29px;
  margin: 0 2px;
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  vertical-align: middle;
}
.toolbar li .option_list > li a.btn_cell_merge {
  background-position: 0 0;
}
.toolbar li .option_list > li a.btn_cell_merge:hover {
  background-position: 0 -30px;
}
.toolbar li .option_list > li a.btn_cell_merge.active {
  background-position: 0 -60px;
}
.toolbar li .option_list > li a.btn_cell_div {
  background-position: -30px 0;
}
.toolbar li .option_list > li a.btn_cell_div:hover {
  background-position: -30px -30px;
}
.toolbar li .option_list > li a.btn_cell_div.active {
  background-position: -30px -60px;
}
.toolbar li .option_list > li a.btn_add_row {
  background-position: -60px 0;
}
.toolbar li .option_list > li a.btn_add_row:hover {
  background-position: -60px -30px;
}
.toolbar li .option_list > li a.btn_add_row.active {
  background-position: -60px -60px;
}
.toolbar li .option_list > li a.btn_delete_row {
  background-position: -90px 0;
}
.toolbar li .option_list > li a.btn_delete_row:hover {
  background-position: -90px -30px;
}
.toolbar li .option_list > li a.btn_delete_row.active {
  background-position: -90px -60px;
}
.toolbar li .option_list > li a.btn_add_col {
  background-position: -120px 0;
}
.toolbar li .option_list > li a.btn_add_col:hover {
  background-position: -120px -30px;
}
.toolbar li .option_list > li a.btn_add_col.active {
  background-position: -120px -60px;
}
.toolbar li .option_list > li a.btn_delete_col {
  background-position: -150px 0;
}
.toolbar li .option_list > li a.btn_delete_col:hover {
  background-position: -150px -30px;
}
.toolbar li .option_list > li a.btn_delete_col.active {
  background-position: -150px -60px;
}
.toolbar li .option_list > li a.btn_cell_padding {
  background-position: -780px 0;
}
.toolbar li .option_list > li a.btn_cell_padding:hover {
  background-position: -780px -30px;
}
.toolbar li .option_list > li a.btn_cell_padding.active {
  background-position: -780px -60px;
}
.toolbar li .option_list > li a.btn_border_all {
  background-position: -180px 0;
}
.toolbar li .option_list > li a.btn_border_all:hover {
  background-position: -180px -30px;
}
.toolbar li .option_list > li a.btn_border_all.active {
  background-position: -180px -60px;
}
.toolbar li .option_list > li a.btn_border_outside {
  background-position: -210px 0;
}
.toolbar li .option_list > li a.btn_border_outside:hover {
  background-position: -210px -30px;
}
.toolbar li .option_list > li a.btn_border_outside.active {
  background-position: -210px -60px;
}
.toolbar li .option_list > li a.btn_border_top {
  background-position: -240px 0;
}
.toolbar li .option_list > li a.btn_border_top:hover {
  background-position: -240px -30px;
}
.toolbar li .option_list > li a.btn_border_top.active {
  background-position: -240px -60px;
}
.toolbar li .option_list > li a.btn_border_bottom {
  background-position: -270px 0;
}
.toolbar li .option_list > li a.btn_border_bottom:hover {
  background-position: -270px -30px;
}
.toolbar li .option_list > li a.btn_border_bottom.active {
  background-position: -270px -60px;
}
.toolbar li .option_list > li a.btn_border_left {
  background-position: -300px 0;
}
.toolbar li .option_list > li a.btn_border_left:hover {
  background-position: -300px -30px;
}
.toolbar li .option_list > li a.btn_border_left.active {
  background-position: -300px -60px;
}
.toolbar li .option_list > li a.btn_border_right {
  background-position: -330px 0;
}
.toolbar li .option_list > li a.btn_border_right:hover {
  background-position: -330px -30px;
}
.toolbar li .option_list > li a.btn_border_right.active {
  background-position: -330px -60px;
}
.toolbar li .option_list > li a.btn_border_none {
  background-position: -360px 0;
}
.toolbar li .option_list > li a.btn_border_none:hover {
  background-position: -360px -30px;
}
.toolbar li .option_list > li a.btn_border_none.active {
  background-position: -360px -60px;
}
.toolbar li .option_list > li a.btn_background_color {
  float: left;
  width: 34px;
  background-position: -670px 0;
}
.toolbar li .option_list > li a.btn_background_color:hover {
  background-position: -670px -30px;
}
.toolbar li .option_list > li a.btn_background_color.active {
  background-position: -670px -60px;
}
.toolbar li .option_list > li a.btn_detail_option {
  float: left;
  width: 11px;
  margin: 0 0 0 -10px;
  background-position: -810px 0;
}
.toolbar li .option_list > li a.btn_detail_option:hover {
  background-position: -810px -30px;
}
.toolbar li .option_list > li a.btn_detail_option.active {
  background-position: -810px -60px;
}
.toolbar li .option_list > li a.btn_border_color {
  width: 34px;
  background-position: -620px 0;
}
.toolbar li .option_list > li a.btn_border_color:hover {
  background-position: -620px -30px;
}
.toolbar li .option_list > li a.btn_border_color.active {
  background-position: -620px -60px;
}
.toolbar li .option_list > li.btn_border_color_set {
  margin: 0 7px 0 0;
}
.toolbar li .option_list > li.btn_border_color_set:hover .btn_background_color {
  background-position: -670px -30px;
}
.toolbar li .option_list > li.btn_border_color_set:hover .btn_detail_option {
  background-position: -810px -30px;
}
.toolbar li .option_list > li.btn_border_color_set.active .btn_background_color {
  background-position: -670px -60px;
}
.toolbar li .option_list > li.btn_border_color_set.active .btn_detail_option {
  background-position: -810px -60px;
}
.toolbar li .option_list > li a.btn_valign_top {
  background-position: -480px 0;
}
.toolbar li .option_list > li a.btn_valign_top:hover {
  background-position: -480px -30px;
}
.toolbar li .option_list > li a.btn_valign_top.active {
  background-position: -480px -60px;
}
.toolbar li .option_list > li a.btn_valign_middle {
  background-position: -510px 0;
}
.toolbar li .option_list > li a.btn_valign_middle:hover {
  background-position: -510px -30px;
}
.toolbar li .option_list > li a.btn_valign_middle.active {
  background-position: -510px -60px;
}
.toolbar li .option_list > li a.btn_valign_bottom {
  background-position: -540px 0;
}
.toolbar li .option_list > li a.btn_valign_bottom:hover {
  background-position: -540px -30px;
}
.toolbar li .option_list > li a.btn_valign_bottom.active {
  background-position: -540px -60px;
}
.toolbar li .option_list > li a.btn_align_left {
  background-position: -390px 0;
}
.toolbar li .option_list > li a.btn_align_left:hover {
  background-position: -390px -30px;
}
.toolbar li .option_list > li a.btn_align_left.active {
  background-position: -390px -60px;
}
.toolbar li .option_list > li a.btn_align_center {
  background-position: -420px 0;
}
.toolbar li .option_list > li a.btn_align_center:hover {
  background-position: -420px -30px;
}
.toolbar li .option_list > li a.btn_align_center.active {
  background-position: -420px -60px;
}
.toolbar li .option_list > li a.btn_align_right {
  background-position: -450px 0;
}
.toolbar li .option_list > li a.btn_align_right:hover {
  background-position: -450px -30px;
}
.toolbar li .option_list > li a.btn_align_right.active {
  background-position: -450px -60px;
}
.toolbar li .option_list > li a.btn_text_bold {
  background-position: 0 -120px;
}
.toolbar li .option_list > li a.btn_text_bold:hover {
  background-position: 0 -150px;
}
.toolbar li .option_list > li a.btn_text_bold.active {
  background-position: 0 -180px;
}
.toolbar li .option_list > li a.btn_text_italic {
  background-position: -30px -120px;
}
.toolbar li .option_list > li a.btn_text_italic:hover {
  background-position: -30px -150px;
}
.toolbar li .option_list > li a.btn_text_italic.active {
  background-position: -30px -180px;
}
.toolbar li .option_list > li a.btn_text_underline {
  background-position: -60px -120px;
}
.toolbar li .option_list > li a.btn_text_underline:hover {
  background-position: -60px -150px;
}
.toolbar li .option_list > li a.btn_text_underline.active {
  background-position: -60px -180px;
}
.toolbar li .option_list > li a.btn_text_line_through {
  background-position: -90px -120px;
}
.toolbar li .option_list > li a.btn_text_line_through:hover {
  background-position: -90px -150px;
}
.toolbar li .option_list > li a.btn_text_line_through.active {
  background-position: -90px -180px;
}
.toolbar li .option_list > li a.btn_text_color {
  float: left;
  width: 34px;
  background-position: -620px -120px;
}
.toolbar li .option_list > li a.btn_text_color:hover {
  background-position: -620px -150px;
}
.toolbar li .option_list > li a.btn_text_color.active {
  background-position: -620px -180px;
}
.toolbar li .option_list > li.btn_text_color_set {
  margin: 0 7px 0 0;
}
.toolbar li .option_list > li.btn_text_color_set:hover .btn_text_color {
  background-position: -620px -150px;
}
.toolbar li .option_list > li.btn_text_color_set:hover .btn_detail_option {
  background-position: -810px -30px;
}
.toolbar li .option_list > li.btn_text_color_set.active .btn_text_color {
  background-position: -620px -180px;
}
.toolbar li .option_list > li.btn_text_color_set.active .btn_detail_option {
  background-position: -810px -60px;
}
.toolbar li .option_list > li.btn_sum_average {
  position: relative;
  margin: 0 7px 0 0;
}
.toolbar li .option_list > li.btn_sum_average.disable
{
	opacity: 0.3;
}
.toolbar li .option_list > li.btn_sum_average.disable:hover .btn_text_color {
  background-position: -420px -120px;
}
.toolbar li .option_list > li.btn_sum_average.disable:hover .btn_detail_option {
  background-position: -810px 0;
}
.toolbar li .option_list > li.btn_sum_average .btn_text_color {
  background-position: -420px -120px;
}
.toolbar li .option_list > li.btn_sum_average .btn_detail_option {
  background-position: -810px 0;
}
.toolbar li .option_list > li.btn_sum_average:hover .btn_text_color {
  background-position: -420px -150px;
}
.toolbar li .option_list > li.btn_sum_average:hover .btn_detail_option {
  background-position: -810px -30px;
}
.toolbar li .option_list > li.btn_sum_average.active .btn_text_color {
  background-position: -420px -180px;
}
.toolbar li .option_list > li.btn_sum_average.active .btn_detail_option {
  background-position: -810px -60px;
}
.toolbar li .option_list > li.btn_sum_average.active .line_list {
  display: block;
}
.toolbar li .option_list > li.btn_sum_average .line_list {
  display: none;
  position: absolute;
  top: 28px;
  left: 2px;
  width: 60px;
  background-color: #fff;
  z-index: 100;
}
.toolbar li .option_list > li.btn_sum_average .line_list .list {
  padding: 0;
}
.toolbar li .option_list > li.btn_sum_average .line_list li {
  float: none;
  display: block;
}
.toolbar li .option_list > li.btn_sum_average .line_list li a {
  display: block;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
}
.toolbar li .option_list > li.btn_sum_average .line_list li a:hover {
  background-color: #eaeaea;
}
.toolbar li .option_list > li a.btn_text_bgcolor {
  float: left;
  width: 34px;
  background-position: -670px -120px;
}
.toolbar li .option_list > li a.btn_text_bgcolor:hover {
  background-position: -670px -150px;
}
.toolbar li .option_list > li a.btn_text_bgcolor.active {
  background-position: -670px -180px;
}
.toolbar li .option_list > li.btn_text_bgcolor_set {
  margin: 0 7px 0 0;
}
.toolbar li .option_list > li.btn_text_bgcolor_set:hover .btn_text_bgcolor {
  background-position: -670px -150px;
}
.toolbar li .option_list > li.btn_text_bgcolor_set:hover .btn_detail_option {
  background-position: -810px -30px;
}
.toolbar li .option_list > li.btn_text_bgcolor_set.active .btn_text_bgcolor {
  background-position: -670px -180px;
}
.toolbar li .option_list > li.btn_text_bgcolor_set.active .btn_detail_option {
  background-position: -810px -60px;
}
.toolbar li .option_list > li a.btn_text_special {
  margin: 0 0 0 5px;
  background-position: -620px -240px;
}
.toolbar li .option_list > li a.btn_text_special:hover {
  background-position: -620px -270px;
}
.toolbar li .option_list > li a.btn_text_special.active {
  background-position: -620px -300px;
}
.toolbar li .option_list > li a.btn_line_breaks {
  background-position: -120px -120px;
}
.toolbar li .option_list > li a.btn_line_breaks:hover {
  background-position: -120px -150px;
}
.toolbar li .option_list > li a.btn_line_breaks.active {
  background-position: -120px -180px;
}
.toolbar li .option_list > li a.btn_fixed_footer {
  margin: 0 2px 0 4px;
  background-position: -480px -120px;
}
.toolbar li .option_list > li a.btn_fixed_footer:hover {
  background-position: -480px -150px;
}
.toolbar li .option_list > li a.btn_fixed_footer.active {
  background-position: -480px -180px;
}
.toolbar li .option_list > li a.btn_undo {
  background-position: -840px 0;
}
.toolbar li .option_list > li a.btn_undo:hover {
  background-position: -840px -30px;
}
.toolbar li .option_list > li a.btn_undo.active {
  background-position: -840px -60px;
}
.toolbar li .option_list > li a.btn_redo {
  background-position: -870px 0;
}
.toolbar li .option_list > li a.btn_redo:hover {
  background-position: -870px -30px;
}
.toolbar li .option_list > li a.btn_redo.active {
  background-position: -870px -60px;
}
.toolbar li .option_list > li a.btn_superscript {
  background-position: -150px -120px;
}
.toolbar li .option_list > li a.btn_superscript:hover {
  background-position: -150px -150px;
}
.toolbar li .option_list > li a.btn_superscript.active {
  background-position: -150px -180px;
}
.toolbar li .option_list > li a.btn_subscript {
  background-position: -180px -120px;
}
.toolbar li .option_list > li a.btn_subscript:hover {
  background-position: -180px -150px;
}
.toolbar li .option_list > li a.btn_subscript.active {
  background-position: -180px -180px;
}
.toolbar li .option_list > li a.btn_indent {
  background-position: -720px 0;
}
.toolbar li .option_list > li a.btn_indent:hover {
  background-position: -720px -30px;
}
.toolbar li .option_list > li a.btn_indent.active {
  background-position: -720px -60px;
}
.toolbar li .option_list > li a.btn_outdent {
  background-position: -750px 0;
}
.toolbar li .option_list > li a.btn_outdent:hover {
  background-position: -750px -30px;
}
.toolbar li .option_list > li a.btn_outdent.active {
  background-position: -750px -60px;
}
.toolbar li .option_list > li a.btn_numbering {
  background-position: -540px -240px;
}
.toolbar li .option_list > li a.btn_numbering:hover {
  background-position: -540px -270px;
}
.toolbar li .option_list > li a.btn_numbering.active {
  background-position: -540px -270px;
}
.toolbar li .option_list > li a.btn_bullets {
  background-position: -540px -120px;
}
.toolbar li .option_list > li a.btn_bullets:hover {
  background-position: -540px -150px;
}
.toolbar li .option_list > li a.btn_bullets.active {
  background-position: -540px -180px;
}
.toolbar li .option_list > li a.btn_line_height {
  background-position: -210px -120px;
}
.toolbar li .option_list > li a.btn_line_height:hover {
  background-position: -210px -150px;
}
.toolbar li .option_list > li a.btn_line_height.active {
  background-position: -210px -180px;
}
.toolbar li .option_list > li a.btn_row_height {
  background-position: -240px -120px;
}
.toolbar li .option_list > li a.btn_row_height:hover {
  background-position: -240px -150px;
}
.toolbar li .option_list > li a.btn_row_height.active {
  background-position: -240px -180px;
}
.toolbar li .option_list > li a.btn_col_width {
  background-position: -270px -120px;
}
.toolbar li .option_list > li a.btn_col_width:hover {
  background-position: -270px -150px;
}
.toolbar li .option_list > li a.btn_col_width.active {
  background-position: -270px -180px;
}
.toolbar li .option_list > li a.btn_border_inside {
  background-position: -300px -120px;
}
.toolbar li .option_list > li a.btn_border_inside:hover {
  background-position: -300px -150px;
}
.toolbar li .option_list > li a.btn_border_inside.active {
  background-position: -300px -180px;
}
.toolbar li .option_list > li a.btn_border_inside_horizontal {
  background-position: -330px -120px;
}
.toolbar li .option_list > li a.btn_border_inside_horizontal:hover {
  background-position: -330px -150px;
}
.toolbar li .option_list > li a.btn_border_inside_horizontal.active {
  background-position: -330px -180px;
}
.toolbar li .option_list > li a.btn_border_inside_vertical {
  background-position: -360px -120px;
}
.toolbar li .option_list > li a.btn_border_inside_vertical:hover {
  background-position: -360px -150px;
}
.toolbar li .option_list > li a.btn_border_inside_vertical.active {
  background-position: -360px -180px;
}
.toolbar li .type_img_label label {
  padding: 0 0 0 6px;
}
.toolbar li .type_select_img .arrow .line_solid span, .toolbar li .type_img_label .arrow .line_solid span {
  background-position: -8px -243px;
  text-indent: -9999px;
}
.toolbar li .type_select_img .arrow .line_dotted span, .toolbar li .type_img_label .arrow .line_dotted span {
  background-position: -8px -265px;
  text-indent: -9999px;
}
.toolbar li .type_select_img .arrow .line_dashed span, .toolbar li .type_img_label .arrow .line_dashed span {
  background-position: -8px -287px;
  text-indent: -9999px;
}
.toolbar li .type_select_img .arrow .line_double span, .toolbar li .type_img_label .arrow .line_double span {
  background-position: -8px -309px;
  text-indent: -9999px;
}
.toolbar li .type_select_img .arrow .line_1px span, .toolbar li .type_img_label .arrow .line_1px span {
  background-position: -129px -243px;
}
.toolbar li .type_select_img .arrow .line_2px span, .toolbar li .type_img_label .arrow .line_2px span {
  background-position: -129px -265px;
}
.toolbar li .type_select_img .arrow .line_3px span, .toolbar li .type_img_label .arrow .line_3px span {
  background-position: -129px -287px;
}
.toolbar li .type_select_img .arrow .line_4px span, .toolbar li .type_img_label .arrow .line_4px span {
  background-position: -129px -309px;
}
.toolbar li .type_select_img .arrow .line_5px span, .toolbar li .type_img_label .arrow .line_5px span {
  background-position: -129px -331px;
}
.toolbar li .type_select_img .arrow .line_else_type_1 span, .toolbar li .type_img_label .arrow .line_else_type_1 span {
  background-position: -8px -328px;
  text-indent: -9999px;
}
.toolbar li .type_select_img .arrow .line_else_type_2 span, .toolbar li .type_img_label .arrow .line_else_type_2 span {
  background-position: -8px -354px;
  text-indent: -9999px;
}
.toolbar li .type_select_img .arrow .line_else_type_3 span, .toolbar li .type_img_label .arrow .line_else_type_3 span {
  background-position: -70px -246px;
  text-indent: -9999px;
}
.toolbar li .type_select_img .line_solid span, .toolbar li .type_img_label .line_solid span {
  display: block;
  width: 60px;
  height: inherit;
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -8px -239px;
}
.toolbar li .type_select_img .line_dotted span, .toolbar li .type_img_label .line_dotted span {
  display: block;
  width: 60px;
  height: inherit;
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -8px -260px;
}
.toolbar li .type_select_img .line_dashed span, .toolbar li .type_img_label .line_dashed span {
  display: block;
  width: 60px;
  height: inherit;
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -8px -281px;
}
.toolbar li .type_select_img .line_double span, .toolbar li .type_img_label .line_double span {
  display: block;
  width: 60px;
  height: inherit;
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -8px -303px;
}
.toolbar li .type_select_img .line_else_type_1 span, .toolbar li .type_img_label .line_else_type_1 span {
  display: block;
  width: 60px;
  height: inherit;
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -8px -323px;
}
.toolbar li .type_select_img .line_else_type_2 span, .toolbar li .type_img_label .line_else_type_2 span {
  display: block;
  width: 60px;
  height: inherit;
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -8px -349px;
}
.toolbar li .type_select_img .line_else_type_3 span, .toolbar li .type_img_label .line_else_type_3 span {
  display: block;
  width: 60px;
  height: inherit;
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -70px -240px;
}
.toolbar li .type_select_img .line_1px span, .toolbar li .type_select_img .line_2px span, .toolbar li .type_select_img .line_3px span, .toolbar li .type_select_img .line_4px span, .toolbar li .type_select_img .line_5px span, .toolbar li .type_select_img .line_8px span, .toolbar li .type_img_label .line_1px span, .toolbar li .type_img_label .line_2px span, .toolbar li .type_img_label .line_3px span, .toolbar li .type_img_label .line_4px span, .toolbar li .type_img_label .line_5px span, .toolbar li .type_img_label .line_8px span {
  display: block;
  padding: 0 0 0 47px;
  height: inherit;
  line-height: 25px;
  background-image: url(../img/bg_toolbar.png);
  background-repeat: no-repeat;
  background-position: -129px -238px;
}
.toolbar li .type_select_img .line_2px span, .toolbar li .type_img_label .line_2px span {
  background-position: -129px -260px;
}
.toolbar li .type_select_img .line_3px span, .toolbar li .type_img_label .line_3px span {
  background-position: -129px -282px;
}
.toolbar li .type_select_img .line_4px span, .toolbar li .type_img_label .line_4px span {
  background-position: -129px -304px;
}
.toolbar li .type_select_img .line_5px span, .toolbar li .type_img_label .line_5px span {
  background-position: -129px -326px;
}
.toolbar li .type_select_img .line_8px span, .toolbar li .type_img_label .line_8px span {
  background-position: -129px -348px;
}

.formdesigner_category {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 210px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 1px 0 0;
  z-index: 1000;
}
.formdesigner_category .formdesigner_category_tree {
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  z-index: 20;
}
.formdesigner_category .ui-fancytree.fancytree-container {
  overflow: visible;
}
.formdesigner_category .ui-fancytree.fancytree-container ul {
  margin-top: 5px;
}
.formdesigner_category .ui-fancytree.fancytree-container li {
  padding-top: 3px;
  padding-bottom: 3px;
}
.formdesigner_category .ui-fancytree.fancytree-container span.fancytree-node {
  display: inline;
  background-color: transparent;
}

.handsontable .manualColumnResizer {
  height: 28px;
}

.formdesigner_category .form_label .fancytree-icon,
.formdesigner_category .form_single_line_text .fancytree-icon,
.formdesigner_category .form_multi_line_text .fancytree-icon,
.formdesigner_category .form_number .fancytree-icon,
.formdesigner_category .form_radio_button .fancytree-icon,
.formdesigner_category .form_check_box .fancytree-icon,
.formdesigner_category .form_drop_down .fancytree-icon,
.formdesigner_category .form_button .fancytree-icon,
.formdesigner_category .form_regul_button .fancytree-icon,
.formdesigner_category .form_date .fancytree-icon,
.formdesigner_category .form_time .fancytree-icon,
.formdesigner_category .form_date_and_time .fancytree-icon,
.formdesigner_category .form_period .fancytree-icon,
.formdesigner_category .form_link .fancytree-icon,
.formdesigner_category .form_select_user .fancytree-icon,
.formdesigner_category .form_html_editor .fancytree-icon,
.formdesigner_category .form_select_part .fancytree-icon,
.formdesigner_category .form_repeat_row .fancytree-icon {
  background-image: url(../img/form_design.png);
  background-repeat: no-repeat;
}
.formdesigner_category .form_label .fancytree-icon {
  background-position: 0 -28px;
}
.formdesigner_category .form_label .fancytree-icon:hover {
  background-position: 0 -28px !important;
}
.formdesigner_category .form_single_line_text .fancytree-icon {
  background-position: 1px -55px;
}
.formdesigner_category .form_single_line_text .fancytree-icon:hover {
  background-position: 1px -55px !important;
}
.formdesigner_category .form_multi_line_text .fancytree-icon {
  background-position: 1px -680px;
}
.formdesigner_category .form_multi_line_text .fancytree-icon:hover {
  background-position: 1px -680px !important;
}
.formdesigner_category .form_number .fancytree-icon {
  background-position: 1px -115px;
}
.formdesigner_category .form_number .fancytree-icon:hover {
  background-position: 1px -115px !important;
}
.formdesigner_category .form_radio_button .fancytree-icon {
  background-position: 1px -87px;
}
.formdesigner_category .form_radio_button .fancytree-icon:hover {
  background-position: 1px -87px !important;
}
.formdesigner_category .form_check_box .fancytree-icon {
  background-position: 1px -147px;
}
.formdesigner_category .form_check_box .fancytree-icon:hover {
  background-position: 1px -147px !important;
}
.formdesigner_category .form_drop_down .fancytree-icon {
  background-position: 1px -178px;
}
.formdesigner_category .form_drop_down .fancytree-icon:hover {
  background-position: 1px -178px !important;
}
.formdesigner_category .form_date .fancytree-icon {
  background-position: 1px -207px;
}
.formdesigner_category .form_date .fancytree-icon:hover {
  background-position: 1px -207px !important;
}
.formdesigner_category .form_time .fancytree-icon {
  background-position: 1px -237px;
}
.formdesigner_category .form_time .fancytree-icon:hover {
  background-position: 1px -237px !important;
}
.formdesigner_category .form_date_and_time .fancytree-icon {
  background-position: 1px -297px;
}
.formdesigner_category .form_date_and_time .fancytree-icon:hover {
  background-position: 1px -297px !important;
}
.formdesigner_category .form_period .fancytree-icon {
  background-position: 1px -328px;
}
.formdesigner_category .form_period .fancytree-icon:hover {
  background-position: 1px -328px !important;
}
.formdesigner_category .form_select_user .fancytree-icon {
  background-position: 0 -387px;
}
.formdesigner_category .form_select_user .fancytree-icon:hover {
  background-position: 1px -387px !important;
}
.formdesigner_category .form_link .fancytree-icon {
  background-position: 1px -357px;
}
.formdesigner_category .form_link .fancytree-icon:hover {
  background-position: 1px -357px !important;
}
.formdesigner_category .form_select_part .fancytree-icon {
  background-position: 0 -418px;
}
.formdesigner_category .form_select_part .fancytree-icon:hover {
  background-position: 1px -418px !important;
}
.formdesigner_category .form_html_editor .fancytree-icon {
  background-position: 0 -479px;
}
.formdesigner_category .form_html_editor .fancytree-icon:hover {
  background-position: 0 -479px !important;
}
.formdesigner_category .form_repeat_row .fancytree-icon {
  background-position: 0 -518px;
}
.formdesigner_category .form_repeat_row .fancytree-icon:hover {
  background-position: 0 -518px !important;
}
.formdesigner_category .form_button .fancytree-icon, .formdesigner_category .form_regul_button .fancytree-icon {
  background-position: 1px -555px;
}
.formdesigner_category .form_button .fancytree-icon:hover {
  background-position: 1px -555px !important;
}

.form_repeat_icon {
  display: block;
  position: absolute;
  top: -6px;
  right: -6px;
  width: 17px;
  height: 16px;
  background-image: url(../img/form_design.png);
  background-repeat: no-repeat;
  background-position: 0 -517px;
  opacity: 0.7;
}
.form_repeat_icon span {
  display: inline-block;
  text-indent: -9999px;
}

.formdesigner_contents {
  overflow: hidden;
  z-index: 10;
}
.formdesigner_contents .special_characters_wrap {
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
}
.formdesigner_contents .special_characters_wrap.active {
  display: block;
}
.formdesigner_contents .special_characters_wrap input[type=text] {
  font-family: "돋움", dotum, Helvetica, Arial, sans-serif !important;
}
.formdesigner_contents .htCore th .relative {
  padding-top: 4px;
}
.formdesigner_contents .htCore th.active {
  background-color: #aaa;
}
.formdesigner_contents .htCore td {
  color: #333333;
  word-break: break-all;
}
.formdesigner_contents .htCore td.active {
  background-color: #d8f0fa;
}
.formdesigner_contents .htCore td .ui-resizable-resizing .ui-resizable-e {
  right: -1px;
  border-style: dotted;
  border-color: #f00;
  border-width: 0 1px 0 0;
}
.formdesigner_contents .htCore td .txt_nowrap > p, .formdesigner_contents .htCore td .txt_nowrap > div {
  top: 0;
}
.formdesigner_contents input[type=text] {
  display: block;
  width: inherit;
  min-width: 200px;
}
.formdesigner_contents input[type=text].number {
  float: left;
  min-width: 50px;
  width: 50px;
  margin: 2px 0 0 5px;
  vertical-align: middle;
}
.formdesigner_contents input[type=text].inline_block {
  display: inline-block;
}

.formdesigner_contents .form_label,
.formdesigner_contents .form_single_line_text,
.formdesigner_contents .form_multi_line_text,
.formdesigner_contents .form_number,
.formdesigner_contents .form_drop_down,
.formdesigner_contents .form_button,
.formdesigner_contents .form_regul_button,
.formdesigner_contents .form_date,
.formdesigner_contents .form_date_in,
.formdesigner_contents .form_time,
.formdesigner_contents .form_s_time,
.formdesigner_contents .form_e_time,
.formdesigner_contents .form_time_in,
.formdesigner_contents .form_link,
.formdesigner_contents .form_html_editor,
.formdesigner_contents .form_select_user,
.formdesigner_contents .form_select_part,
.formdesigner_contents .form_date_and_time,
.formdesigner_contents .form_period {
  height: 25px;
  margin-top: 1px;
  border-style: solid;
  border-color: #777777;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-image: url(../img/form_design.png);
  background-repeat: no-repeat;
  background-color: #fff;
  vertical-align: middle;
  cursor: pointer;
}
.formdesigner_contents .form_label.block,
.formdesigner_contents .form_single_line_text.block,
.formdesigner_contents .form_multi_line_text.block,
.formdesigner_contents .form_number.block,
.formdesigner_contents .form_drop_down.block,
.formdesigner_contents .form_button.block,
.formdesigner_contents .form_date.block,
.formdesigner_contents .form_date_in.block,
.formdesigner_contents .form_time.block,
.formdesigner_contents .form_time_in.block,
.formdesigner_contents .form_link.block,
.formdesigner_contents .form_html_editor.block,
.formdesigner_contents .form_select_user.block,
.formdesigner_contents .form_select_part.block,
.formdesigner_contents .form_date_and_time.block,
.formdesigner_contents .form_period.block {
  display: block;
}
.formdesigner_contents .form_label {
  display: inline-block;
  background-position: 5px -24px;
}
.formdesigner_contents .form_single_line_text, .formdesigner_contents .form_number, .formdesigner_contents .form_button, .formdesigner_contents .form_regul_button {
  display: inline-block;
  min-width: 42px;
  height: 25px;
  margin: 2px 0;
  background-image: none;
  background-position: 5px -52px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.formdesigner_contents .form_single_line_text img, .formdesigner_contents .form_number img, .formdesigner_contents .form_button img, formdesigner_contents .form_regul_button img {
  height: 23px;
}
.formdesigner_contents .form_button {
  line-height: 25px;
  background-image: url(../img/form_button.png);
  background-repeat: no-repeat;
  background-position: center;
}

.formdesigner_contents .form_regul_button {
  line-height: 25px;
  background-image: url(../img/form_button2.png);
  background-repeat: no-repeat;
  background-position: center;
}

.formdesigner_contents .form_multi_line_text {
  display: inline-block;
  min-width: 41px;
  min-height: 72px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-image: url(../img/form_design.png), url(../img/form_design.png);
  background-position: right -1547px, right bottom;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.formdesigner_contents .form_multi_line_text.block {
  height: 98%;
}
.formdesigner_contents .form_multi_line_text .css_scroll {
  position: absolute;
  top: 2px;
  bottom: 2px;
  right: 2px;
  width: 10px;
  background-color: #eaeaea;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.formdesigner_contents .form_multi_line_text img {
  width: 39px;
  min-height: 70px;
  z-index: 10;
}
.formdesigner_contents .form_drop_down {
  display: inline-block;
  min-width: 42px;
  height: 23px;
  margin: 2px 0;
  background-position: right -265px;
}
.formdesigner_contents .form_drop_down img {
  width: 39px;
  height: 25px;
}
.formdesigner_contents .form_date {
  display: inline-block;
  width: 122px;
  height: 25px;
  padding: 0 10px;
  margin: 2px 0;
  border-width: 0;
  background-image: url(../img/form_date.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.formdesigner_contents .form_time,
.formdesigner_contents .form_s_time,
.formdesigner_contents .form_e_time{
  display: inline-block;
  width: 122px;
  height: 25px;
  padding: 0 10px;
  margin: 2px 0;
  border-width: 0;
  background-image: url(../img/form_time.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.formdesigner_contents .form_date_and_time {
  display: inline-block;
  width: 259px;
  height: 25px;
  padding: 0 10px;
  margin: 2px 0;
  border-width: 0;
  background-image: url(../img/form_date_and_time.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.formdesigner_contents .form_period {
  display: inline-block;
  width: 259px;
  height: 25px;
  padding: 0 10px;
  margin: 2px 0;
  border-width: 0;
  background-image: url(../img/form_period.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.formdesigner_contents .form_link {
  display: inline-block;
  min-width: 3px;
  height: 23px;
  margin: 2px 0;
  background-position: 5px -355px;
}
.formdesigner_contents .form_link img {
  width: 23px;
  height: 23px;
}
.formdesigner_contents .form_select_user, .formdesigner_contents .form_select_part {
  display: inline-block;
  min-width: 200px;
  height: 25px;
  margin: 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.formdesigner_contents .form_select_user img, .formdesigner_contents .form_select_part img {
  height: 23px;
}
.formdesigner_contents .form_select_user {
  line-height: 25px;
  padding: 0 10px;
  /* background-image: url(../img/form_select_user_01.png), url(../img/form_select_user_02.png); */
  background-image: url(../img/form_select_user_01.png), url(../img/form_select_part_02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, right 0;
}
.formdesigner_contents .form_select_part {
  line-height: 25px;
  padding: 0 10px;
  background-image: url(../img/form_select_part_01.png), url(../img/form_select_part_02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, right 0;
}
.formdesigner_contents .form_html_editor {
  display: inline-block;
  min-width: 640px;
  min-height: 254px;
  height: auto;
  margin-top: 1px;
  margin-bottom: 1px;
  background-image: url("../img/bg_editor.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.formdesigner_contents .form_html_editor.block {
  height: 99.2%;
}
.formdesigner_contents .form_html_editor .editor_bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 17px;
  border-style: solid;
  border-color: #b5b5b5;
  border-width: 1px 0 0;
  background-image: url("../img/bg_editor_03.png");
  background-repeat: no-repeat;
  background-position: center 0;
  text-align: right;
}
.formdesigner_contents .form_html_editor .editor_bottom .editor_bottom_right {
  display: inline-block;
  width: 181px;
  height: 17px;
  margin: -1px 0 0;
  background-image: url("../img/bg_editor_02.png");
  background-repeat: no-repeat;
  background-position: center 0;
}
.formdesigner_contents .form_html_editor .editor_top_right {
  position: absolute;
  right: 0;
  top: 0;
  width: 49px;
  height: 29px;
  background-image: url("../img/bg_editor_01.png");
  background-repeat: no-repeat;
  background-position: center 0;
}
.formdesigner_contents .form_html_editor img {
  min-width: 640px;
  min-height: 254px;
  z-index: 10;
}
.formdesigner_contents .form_radio_button, .formdesigner_contents .form_check_box {
  display: inline-block;
  width: 18px;
  height: 14px;
  margin: 1px 0 0;
  white-space: nowrap;
  vertical-align: middle;
}
.formdesigner_contents .form_radio_button {
  background-image: url(../img/form_radio_button.png);
  background-repeat: no-repeat;
  background-position: center;
}
.formdesigner_contents .form_check_box {
  background-image: url(../img/form_check_box.png);
  background-repeat: no-repeat;
  background-position: center;
}

.handsontable tbody th, .handsontable tbody td {
  line-height: 0;
  height: 0;
}

.handsontable tbody th {
  vertical-align: middle;
}

.handsontableInput {
  line-height: 1;
}

.handsontable textarea {
  overflow: visible;
}

.macro span.fancytree-icon {
  background-image: url("../img/btn.png");
  background-repeat: no-repeat;
  background-position: 0 -2145px;
}
.macro span.fancytree-icon:hover {
  background-position: 0 -2145px;
}

.ht_clone_top, .ht_clone_left, .ht_clone_top_left_corner {
  display: none !important;
}

.handsontable tbody th, .handsontable thead th:first-child {
  border-right: 0;
}

.form_designer_wrap {
  clear: both;
  position: relative;
  padding: 17px 0 0 17px;
  /*
  background-image: url("../img/ruler_width.gif"), url("../img/ruler_height.gif");
  background-repeat: no-repeat, no-repeat;
  background-position: 16px 0, 0 7px;
  */
  background-image: url("../img/ruler_width.gif");
  background-repeat: no-repeat;
  background-position: 17px 0;
  border-style: solid;
  border-color: #333;
  border-width: 1px 0 0;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}

.formdesigner {
  min-height: 1050px;
  background-color: #aaaaaa;

  background-image: url(../img/ruler_height.gif);
  background-position: 0 -10px;
  background-repeat: no-repeat;
  padding: 0 0 0 17px;

}
.formdesigner ol li {
  list-style-type: decimal;
  list-style-position: inside;
}
.formdesigner ul li {
  list-style-type: disc;
  list-style-position: inside;
}
.formdesigner sup {
  vertical-align: super;
  font-size: smaller;
}
.formdesigner sub, .formdesigner sup {
  line-height: 1;
  position: static;
}

.macro_form {
  display: inline-block;
  position: relative;
  height: 19px;
  line-height: 19px;
  padding: 2px 25px 2px 20px;
  margin: 2px 2px 1px 0;
  border-style: solid;
  border-color: rgba(127, 181, 231, 0.2);
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: rgba(165, 206, 241, 0.2);
  text-align: center;
}
.macro_form .btn_delete {
  display: none;
  position: absolute;
  top: 5px;
  right: 1px;
  background-position: -36px -961px;
  opacity: 0.5;
}
.macro_form .btn_delete:hover {
  opacity: 1;
}
.macro_form:hover .btn_delete {
  display: block;
}

.htContextMenu table tbody tr td {
  line-height: 1.5;
}

.htContextMenu table.htCore {
  border-width: 1px;
  border-color: #555555;
}

.form_designer_area {
  position: absolute;
  top: 17px;
  left: 0;
  /*left: 17px;*/
  right: 0;
  bottom: 0;
  overflow: auto;
  background-color: #aaa;
}

.resize_dot {
  display: inline-block;
  position: relative;
  z-index: 9999;
}

.dot_line {
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border-style: dashed;
  border-width: 1px;
  border-color: #ccc;
}
.dot_line.ui-widget-content {
  background-color: transparent;
}
.dot_line .dot_lt {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  width: 7px;
  height: 7px;
  padding: 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  cursor: nw-resize;
}
.dot_line .dot_lt:hover {
  background-color: #d38080;
  border-color: #d66868;
}
.dot_line .dot_rt {
  display: block;
  position: absolute;
  top: -4px;
  right: -4px;
  width: 7px;
  height: 7px;
  padding: 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  cursor: sw-resize;
}
.dot_line .dot_rt:hover {
  background-color: #d38080;
  border-color: #d66868;
}
.dot_line .dot_ct {
  display: block;
  position: absolute;
  top: -4px;
  left: 50%;
  width: 7px;
  height: 7px;
  padding: 0;
  margin: 0 0 0 -3px;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  cursor: n-resize;
}
.dot_line .dot_ct:hover {
  background-color: #d38080;
  border-color: #d66868;
}
.dot_line .dot_lb {
  display: block;
  position: absolute;
  bottom: -4px;
  left: -4px;
  width: 7px;
  height: 7px;
  padding: 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  cursor: sw-resize;
}
.dot_line .dot_lb:hover {
  background-color: #d38080;
  border-color: #d66868;
}
.dot_line .dot_rb {
  display: block;
  position: absolute;
  bottom: -4px;
  right: -4px;
  width: 7px;
  height: 7px;
  padding: 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  cursor: se-resize;
}
.dot_line .dot_rb:hover {
  background-color: #d38080;
  border-color: #d66868;
}
.dot_line .dot_cb {
  display: block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 7px;
  height: 7px;
  padding: 0;
  margin: 0 0 0 -3px;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  cursor: s-resize;
}
.dot_line .dot_cb:hover {
  background-color: #d38080;
  border-color: #d66868;
}
.dot_line .dot_lc {
  display: block;
  position: absolute;
  top: 50%;
  left: -4px;
  width: 7px;
  height: 7px;
  padding: 0;
  margin: -3px 0 0 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  cursor: e-resize;
}
.dot_line .dot_lc:hover {
  background-color: #d38080;
  border-color: #d66868;
}
.dot_line .dot_rc {
  display: block;
  position: absolute;
  top: 50%;
  right: -4px;
  width: 7px;
  height: 7px;
  padding: 0;
  margin: -3px 0 0 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  cursor: e-resize;
}
.dot_line .dot_rc:hover {
  background-color: #d38080;
  border-color: #d66868;
}

.full-spectrum {
  margin: 0 auto;
}
.full-spectrum .sp-palette {
  max-width: 200px;
}

.px {
  display: inline-block;
  margin: 0 0 5px;
  vertical-align: bottom;
}

.handsontable tr.fixedFooter th {
  background-color: #ffc1c1;
  border-style: solid;
  border-width: 1px;
  border-color: #deafaf;
}

.icon_fixed_footer {
  display: block;
  position: absolute;
  top: -3px;
  right: -2px;
  width: 11px;
  height: 14px;
  background-image: url(../img/icon_fixed_footer.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon_fixed_footer span {
  display: inline-block;
  text-indent: -9999px;
}